@font-face{font-family:SiteKorean;src:local('Pretendard'),local('Apple SD Gothic Neo')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f4f1ea;color:#2b3833;font-family:SiteKorean,'Apple SD Gothic Neo','Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400;line-height:1.35;letter-spacing:-.045em}p{word-break:keep-all}button{background:none;border:0;padding:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a04b39;outline-offset:5px}.skip{position:fixed;top:-100px;left:16px;background:#fff;z-index:100;padding:10px}.skip:focus{top:10px}.header{height:94px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:rgba(244,241,234,.96);border-bottom:1px solid #d7d7cd;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.wordmark{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-1.4px;font-size:30px;line-height:1;white-space:nowrap}.wordmark-dot{color:#9b4938}.header nav{display:flex;gap:34px;align-items:center;font-size:13px}.header nav>a{position:relative;padding:8px 0}.header nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.header nav>a:hover:after,.header nav>a.active:after{width:100%}.nav-contact{margin-left:12px;border:1px solid #2b3833;padding:10px 18px!important}.nav-contact span{margin-left:20px}.menu-toggle{display:none}.hero{padding:30px 5% 0}.hero-top,.hero-bottom,.section-label{display:flex;justify-content:space-between;gap:20px}.eyebrow,.edition,.section-label,.hero-photo figcaption,.hero-bottom,.case-overline,.case-imprint,.case-meta>span{font-size:10px;letter-spacing:.1em}.hero-top .eyebrow{letter-spacing:.07em}.hero-type{display:flex;justify-content:space-between;align-items:flex-end;padding:38px 0 42px;gap:50px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(72px,8.5vw,150px);line-height:.92;letter-spacing:-.065em}.hero h1 em{font-weight:400}.hero-copy{min-width:270px;padding-bottom:5px}.hero-copy p{font-size:21px;line-height:1.7;margin-bottom:34px}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;border-bottom:1px solid currentColor;padding:4px 0 7px;line-height:1.7;text-align:left;transition:opacity .2s}.text-link:hover{opacity:.65}.text-link span{font-size:18px;line-height:1}.hero-photo{position:relative;height:clamp(300px,42vw,680px);overflow:hidden;background:#d2c7b8}.hero-photo img{object-position:center 61%}.hero-photo figcaption{position:absolute;bottom:0;left:0;width:100%;padding:55px 25px 23px;display:flex;justify-content:space-between;color:white;background:linear-gradient(transparent,rgba(24,29,25,.55))}.hero-photo figcaption span:first-child{font-size:14px;letter-spacing:.01em}.hero-bottom{padding:17px 0;border-bottom:1px solid #b9c1b7;letter-spacing:.02em}.hero-bottom a span{padding-left:30px}.section{margin:0 auto;padding:100px 5%;max-width:1800px}.section-label{padding-bottom:25px;border-top:1px solid #b9c1b7;padding-top:15px;color:#66736c}.section-label span:last-child{letter-spacing:0}.about{padding-top:105px;padding-bottom:110px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding:35px 0 0}.about h2,.section-heading h2,.contact-intro h2,.visit h2{font-size:clamp(32px,3.4vw,52px);line-height:1.45;letter-spacing:-.065em}.body-copy{max-width:530px}.body-copy p{font-size:15px;line-height:1.95;margin-bottom:20px}.small-note{font-size:11px!important;line-height:1.8!important;color:#68746d}.coffee{padding-top:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:32px 0 50px}.coffee-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}.coffee-photo{height:660px;position:relative}.coffee-photo img{object-position:center 60%}.coffee-photo figcaption{position:absolute;bottom:18px;left:20px;font-size:11px;color:#fff;background:#25362ecc;padding:6px 12px}.service-list article{display:flex;gap:25px;border-top:1px solid #c0c5b9;padding:28px 0}.service-list article:first-child{border-top:0;padding-top:5px}.list-number{font-size:10px;line-height:2.5;color:#8b664e}.service-list h3{font-size:26px;margin-bottom:16px}.service-list p{font-size:14px;line-height:1.95;max-width:420px;margin-bottom:20px;color:#626c62}.space-section{background:#e8e6dd}.space-intro{padding-bottom:5px}.space-lede{font-size:14px;line-height:1.9;margin-right:5%}.space-lede p+p{margin-top:15px}.space-gallery{display:grid;grid-template-columns:1.65fr 1fr;gap:15px;margin:0 5%;height:620px}.space-gallery button{position:relative;overflow:hidden;display:block;width:100%;height:100%;text-align:left;background:#c7bdac}.space-gallery img{transition:transform .7s}.space-gallery button:hover img{transform:scale(1.025)}.space-gallery button>span{position:absolute;bottom:0;left:0;right:0;color:#fff;background:linear-gradient(transparent,#18271cc4);padding:45px 22px 18px;font-size:10px;letter-spacing:.12em;display:flex;justify-content:space-between}.space-gallery i{font-size:18px;font-style:normal}.gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:15px;min-height:0}.gallery-side button:last-child img{object-position:center 57%}.space-details{padding-top:55px;padding-bottom:90px}.space-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:55px;border-bottom:1px solid #b9c1b7}.space-facts>div+div{border-left:1px solid #c4c9be;padding-left:35px}.space-facts span{font-size:11px;color:#748075;display:block;margin-bottom:10px}.space-facts strong{font-weight:400;font-size:23px;letter-spacing:-.03em}.space-facts p{font-size:12px;line-height:1.9;margin-top:10px;color:#697268}.rental-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding:65px 0 45px}.rental-layout h3{font-size:33px;line-height:1.5;margin:18px 0 23px}.rental-layout>div>p{font-size:12px;color:#68746d;line-height:2;margin-bottom:25px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:#2b3833;color:#fff;padding:14px 22px;font-size:12px;min-height:48px;border:1px solid #2b3833;transition:background .2s}.button:hover{background:#49594e}.rate-row{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #c1c7bd;gap:20px}.rate-row:first-child{padding-top:2px}.rate-row h4{font-size:19px;letter-spacing:-.03em;margin-bottom:9px}.rate-row p{font-size:10px;color:#6a756b}.rate-row strong{font-family:Georgia,serif;font-size:28px;font-weight:400;white-space:nowrap}.rate-row strong span{font-family:SiteKorean,sans-serif;font-size:11px;margin-left:5px}.rate-note{font-size:10px;color:#69756a;margin:12px 0 25px}.estimate{background:#f4f1ea;padding:23px}.estimate-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px}.estimate label{font-size:10px;display:flex;flex-direction:column;gap:6px}.estimate select{background:transparent;padding:8px 0;border:0;border-bottom:1px solid #aeb9ae;color:#2b3833;min-width:0;border-radius:0;font-size:12px}.estimate-result{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.estimate-result span{font-size:11px}.estimate-result output{font-size:24px;letter-spacing:-.02em}.rental-faq{border-top:1px solid #b9c1b7}.rental-faq details{border-bottom:1px solid #b9c1b7}.rental-faq summary{padding:19px 0;list-style:none;font-size:12px;display:flex;justify-content:space-between;cursor:pointer}.rental-faq summary::-webkit-details-marker{display:none}.rental-faq summary span{font-size:19px;line-height:1}.rental-faq details[open] summary span{transform:rotate(45deg)}.rental-faq details>div{padding:0 0 25px;max-width:900px}.rental-faq p{font-size:12px;color:#626f62;line-height:1.95;margin:0 0 12px}.journal .section-heading>p{font-size:13px;color:#69756b;line-height:2}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.case-cover{height:360px;padding:30px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden}.case-anbu .case-cover{background:#c7b5bc;color:#4f3945}.case-gugak .case-cover{background:#304239;color:#ebe8d9}.case-cover:after{content:'';position:absolute;right:-80px;bottom:-130px;width:320px;height:320px;border:1px solid currentColor;border-radius:50%;opacity:.16;pointer-events:none}.case-cover p{font-size:58px;letter-spacing:-.06em;line-height:1.4}.case-cover p span{display:block;font-family:Georgia,serif;font-style:italic;font-size:25px;letter-spacing:-.03em}.case-gugak .case-cover p{font-size:44px}.case-meta{padding:25px 0 0}.case-meta>span{font-size:9px;color:#7d877c}.case-meta h3{font-size:23px;margin:13px 0}.case-meta p{font-size:13px;line-height:1.95;color:#687366;max-width:500px;margin-bottom:15px}.contact-section{background:#2b3833;color:#f4f1ea}.contact-section .section-label{border-color:#617169;color:#bfc9bf}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:35px 0 10px}.contact-intro p{font-size:13px;line-height:2;color:#c5cec4;margin:25px 0 35px}.contact-email{font-size:17px;display:flex;gap:15px;align-items:center;word-break:break-all;margin:0 0 20px}.contact-intro .text-link{font-size:11px}.contact-intro .contact-note{font-size:10px;line-height:1.9;color:#afbcaf;margin-top:45px}.inquiry-types{border:0;padding:0;margin:0 0 32px;display:flex;gap:7px;flex-wrap:wrap}.inquiry-types legend{font-size:12px;margin:0 0 14px}.inquiry-types label{cursor:pointer;position:relative}.inquiry-types input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}.inquiry-types label>span{display:block;padding:9px 16px;border:1px solid #7e8b7e;font-size:11px;transition:all .2s}.inquiry-types input:checked+span{background:#f4f1ea;color:#2b3833;border-color:#f4f1ea}.inquiry-types input:focus-visible+span{outline:2px solid #e8bc9d;outline-offset:3px}.field{margin-bottom:24px;min-width:0}.field label{font-size:11px;display:block;margin-bottom:7px}.field label>span{font-size:9px;color:#aab9a9;padding-left:5px}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #839182;background:transparent;color:#f4f1ea;padding:10px 0;font-size:12px;border-radius:0;resize:vertical;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#adb8ab;opacity:.9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.inquiry-form>.small-note{color:#aab9a9;margin-bottom:20px}.button-light{color:#2b3833;background:#f4f1ea;border-color:#f4f1ea}.button-light:hover{background:#dfdfcf}.button-outline{border-color:#bac4b7;background:transparent}.inquiry-result{padding:25px 0 0;margin-top:25px;border-top:1px solid #6b7b6a}.inquiry-result[hidden]{display:none}.inquiry-result>label{font-size:12px;display:block;margin-bottom:10px}.inquiry-result textarea{width:100%;background:#233028;color:#f4f1ea;border:1px solid #6b7b6a;font-size:12px;padding:13px;resize:vertical;border-radius:0}.result-actions{display:flex;gap:10px;margin:12px 0}.result-actions .button{font-size:11px;padding:10px 14px;gap:10px}.inquiry-result>.text-link{margin:3px 0 12px}.inquiry-result>.small-note{color:#c2cfbd}.visit{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;padding-bottom:80px}.visit h2{font-size:32px;margin-top:20px}.visit-info{display:flex;gap:30px;justify-content:space-between;align-items:flex-end}.visit-info p{font-size:12px;line-height:2}.visit-info>div{display:flex;flex-direction:column;gap:12px}.visit .text-link{font-size:10px;gap:20px}footer{border-top:1px solid #b9c1b7;margin:0 5%;padding:36px 0 45px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}footer .wordmark{font-size:25px}footer p{font-size:10px;line-height:1.7;letter-spacing:.03em}footer>span{font-size:9px;color:#718072}footer>a:last-child{font-size:20px}dialog{padding:0;border:0;width:min(1100px,92vw);max-height:92vh;background:#f4f1ea;color:#2b3833}dialog::backdrop{background:#18231be6}dialog img{width:100%;height:auto;max-height:78vh;object-fit:contain}dialog>button{position:absolute;right:12px;top:12px;background:#f4f1ea;padding:9px 14px;font-size:12px;z-index:1}dialog>p{padding:12px 20px;font-size:12px}
@media(min-width:1800px){.hero,.space-gallery{max-width:1620px;margin-left:auto;margin-right:auto}.hero{padding-left:0;padding-right:0}}
@media(max-width:1000px){.header nav{gap:20px}.header .wordmark{font-size:26px}.hero-copy{min-width:220px}.hero-copy p{font-size:18px}.edition{display:none}.coffee-photo{height:640px}.space-gallery{height:490px}.visit-info{flex-direction:column;align-items:flex-start}.case-cover{height:320px}.case-cover p{font-size:50px}.case-gugak .case-cover p{font-size:36px}.rental-layout{gap:6%}.rental-layout h3{font-size:29px}.rate-row strong{font-size:24px}}
@media(max-width:760px){html{scroll-padding-top:80px}.header{height:75px;padding:0 6%}.header .wordmark{font-size:26px}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:28px;padding:10px 0}.menu-toggle span{width:25px;height:1px;background:#2b3833;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#f4f1ea;padding:20px 6% 30px;border-bottom:1px solid #b9c1b7;flex-direction:column;align-items:stretch;gap:15px}.header nav.open{display:flex}.nav-contact{margin-left:0;display:flex;justify-content:space-between}.hero{padding:23px 6% 0}.hero-top .eyebrow{font-size:8px;letter-spacing:.04em}.hero-type{display:block;padding:35px 0 30px}.hero h1{font-size:clamp(58px,12vw,90px);letter-spacing:-.065em}.hero-copy{padding-top:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.hero-copy p{font-size:13px;line-height:1.9;margin:0}.hero-copy .text-link{font-size:9px;gap:9px}.hero-photo{height:410px}.hero-photo img{object-position:66% center}.hero-photo figcaption{padding:50px 15px 18px}.hero-photo figcaption span:first-child{font-size:11px}.hero-photo figcaption span:last-child{display:none}.hero-bottom{font-size:9px;gap:10px;padding:14px 0}.hero-bottom a{white-space:nowrap}.hero-bottom a span{padding-left:8px}.section{padding:65px 6%}.section-label{font-size:9px;padding-top:12px;padding-bottom:15px;gap:12px}.section-label span:last-child{font-size:9px}.about-grid{grid-template-columns:1fr;gap:27px;padding-top:25px}.about h2,.section-heading h2,.contact-intro h2{font-size:32px;line-height:1.5}.body-copy p{font-size:13px;line-height:2;margin-bottom:14px}.coffee{padding-top:15px}.section-heading{padding:25px 0 30px;align-items:flex-start;gap:20px}.coffee .section-heading{display:block}.coffee .section-heading>.text-link{margin-top:20px;font-size:10px}.coffee-layout{grid-template-columns:1fr;gap:35px}.coffee-photo{height:410px}.coffee-photo img{object-position:center 64%}.service-list article{padding:25px 0;gap:20px}.service-list h3{font-size:23px;margin-bottom:12px}.service-list p{font-size:12px;margin-bottom:15px}.space-intro{padding-bottom:0}.space-intro .section-heading{display:block}.space-lede{font-size:12px;margin-top:22px}.space-gallery{margin:0 6%;height:auto;grid-template-columns:1fr;gap:10px}.gallery-main{height:310px!important}.gallery-side{grid-template-columns:1fr 1fr;grid-template-rows:200px;gap:10px}.space-gallery button>span{font-size:8px;padding:40px 12px 12px}.space-gallery i{font-size:14px}.space-details{padding-top:30px}.space-facts{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.space-facts>div{display:grid;grid-template-columns:75px 1fr;gap:0 15px}.space-facts>div+div{border-left:0;padding-left:0;border-top:1px solid #c4c9be;padding-top:20px}.space-facts span{font-size:10px;margin-bottom:0;grid-row:1/3;padding-top:4px}.space-facts strong{font-size:20px}.space-facts p{font-size:11px;line-height:1.8;margin-top:7px}.rental-layout{grid-template-columns:1fr;gap:35px;padding:35px 0}.rental-layout h3{font-size:28px;margin:15px 0}.rental-layout>div>p{font-size:11px}.button{padding:12px 18px;font-size:11px}.rate-row h4{font-size:18px}.rate-row strong{font-size:26px}.rate-row p{font-size:9px}.estimate{padding:20px}.journal .section-heading{display:block}.journal .section-heading>p{font-size:12px;margin-top:20px}.case-grid{grid-template-columns:1fr;gap:40px}.case-cover{height:310px;padding:25px}.case-overline,.case-imprint{font-size:9px}.case-cover p{font-size:55px}.case-gugak .case-cover p{font-size:40px}.case-meta{padding-top:18px}.case-meta h3{font-size:21px}.case-meta p{font-size:12px}.contact-layout{grid-template-columns:1fr;gap:40px;padding-top:25px}.contact-intro p{font-size:12px;margin:20px 0 25px}.contact-email{font-size:14px}.contact-intro .contact-note{font-size:10px;margin-top:22px}.inquiry-types label>span{padding:9px 12px;font-size:10px}.form-grid{gap:18px}.field label{font-size:10px}.field input,.field textarea{font-size:11px}.inquiry-result>.text-link{font-size:10px}.visit{grid-template-columns:1fr;gap:25px}.visit h2{font-size:30px}.visit-info{flex-direction:row;align-items:flex-end;gap:15px}.visit-info p{font-size:10px}.visit .text-link{font-size:9px;gap:8px}footer{margin:0 6%;flex-wrap:wrap;gap:25px;padding-top:30px}footer .wordmark{font-size:24px;width:100%}footer p{font-size:9px}footer>span{font-size:8px;max-width:120px}dialog>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:760px){.body-copy p{font-size:14px}.service-list p,.space-lede,.case-meta p,.journal .section-heading>p,.contact-intro p,.rental-faq p{font-size:13px}.field input,.field textarea,.estimate select{font-size:16px}.inquiry-result textarea{font-size:14px}.header nav>a{min-height:44px}.contact-intro .contact-note{font-size:11px}.small-note{font-size:12px!important}.rate-row p,.rate-note{font-size:10px}}
@media(max-width:360px){.hero h1{font-size:52px}.hero-copy{gap:8px}.hero-copy p{font-size:12px}.hero-copy .text-link{font-size:8px;gap:6px}.contact-email{font-size:13px}.rate-row strong{font-size:23px}.result-actions{flex-wrap:wrap}.inquiry-types label>span{padding:9px 10px}}

