:root{--ink:#2e211c;--paper:#f3f0e9;--muted:#776b60;--gold:#cfad83;--line:#d9d2c7;--serif:'Noto Serif KR',serif;--sans:'Noto Sans KR',sans-serif;--gutter:clamp(24px,5.3vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,summary{touch-action:manipulation}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.45;letter-spacing:-.065em}h2{font-size:clamp(36px,4.1vw,64px)}em{font-style:normal;color:#92704e}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b88449;outline-offset:6px}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.19em;line-height:1.7}.skip-link{position:fixed;left:24px;top:-80px;z-index:110;background:var(--paper);padding:12px 20px}.skip-link:focus{top:16px}.section-shell{padding:110px var(--gutter)}
.site-header{position:absolute;top:0;left:0;width:100%;height:102px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#f5ede2;z-index:10;border-bottom:1px solid #eadac71c;gap:30px}.brand{display:flex;flex-direction:column;flex-shrink:0}.brand strong{font:500 28px/1.5 var(--serif);letter-spacing:.06em}.brand small{font-size:6px;letter-spacing:.19em;padding-left:5px}.site-header nav{display:flex;gap:28px;font-size:12px}.site-header nav a{padding:15px 0;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:24px;font-size:11px}.sibling-brand{color:var(--gold)}.sibling-brand span{display:inline-block;margin-left:8px;transition:transform .25s}.sibling-brand:hover span{transform:translate(3px,-3px)}.header-book{border-bottom:1px solid #bc9f7d;padding:8px 0}.header-book span{padding-left:16px}
.hero{position:relative;isolation:isolate;min-height:790px;height:100svh;max-height:1180px;background:#1a1411;color:#f8f0e6;overflow:hidden}.hero-art{position:absolute;z-index:-3;width:max(100%,calc(100svh * 1.777));aspect-ratio:1672/941;top:50%;right:0;transform:translateY(-50%)}.hero-backdrop{width:100%;height:100%}.hero-art picture{display:block}.hero-art canvas,.brow-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-art.film-ready .brow-fallback{visibility:hidden}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17100ddd 0%,#17100d55 27%,transparent 57%),linear-gradient(0deg,#17100df2 0%,transparent 29%,transparent 80%,#17100d35)}.hero-copy{position:absolute;top:48%;left:var(--gutter);transform:translateY(-50%);max-width:620px}.hero-kicker{color:var(--gold);display:flex;align-items:center;gap:15px;margin-bottom:30px;font-size:10px}.hero-kicker span{width:28px;height:1px;background:var(--gold)}h1{font-size:clamp(58px,5.65vw,88px);line-height:1.4;letter-spacing:-.065em;text-shadow:0 2px 30px #0002}h1 em{color:#d7bb94}.hero-description{color:#d1c4b5;line-height:2.05;margin-top:25px;font-size:14px}.hero-links{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;gap:38px;padding:16px 23px;align-items:center;justify-content:space-between;font-size:12px;min-height:52px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button.light{background:#f0e5d4;color:#382820}.button.light:hover{background:#fff3e0}.hero-text-link{font-size:11px;padding:10px 0;border-bottom:1px solid #bca38366;color:#ecdecb}.hero-text-link span{margin-left:13px}.art-caption{position:absolute;right:var(--gutter);top:70%;display:flex;align-items:center;gap:12px;color:#f7ecdd;font-size:8px;letter-spacing:.15em;text-shadow:0 1px 8px #000}.art-caption small{display:block;font-size:10px;letter-spacing:.01em;margin-top:5px}.crosshair{font-size:28px;font-weight:400;color:var(--gold)}
.film-dock{position:absolute;bottom:54px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:210px 1fr 95px;gap:36px;align-items:end}.film-intro .eyebrow{color:#bdab96;font-size:8px}.film-intro>span:last-child{display:block;font-family:var(--serif);font-size:22px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.1em}.film-intro i{font-family:var(--sans);font-size:9px;font-style:normal;color:#a9947e;letter-spacing:0}.film-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.film-stages button{position:relative;background:none;color:#aa9882;text-align:left;font-size:11px;padding:14px 0;border-bottom:1px solid #cfb89a35;overflow:hidden;transition:color .2s}.film-stages button span{font-size:9px;margin-right:14px;letter-spacing:.1em}.film-stages button[aria-pressed=true]{color:#f8e4c5}.film-stages i{position:absolute;bottom:0;left:0;height:1px;width:100%;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left}.film-actions{display:flex;gap:10px;align-items:center;padding-bottom:0}.film-actions button{width:38px;height:38px;display:grid;place-items:center;background:#17110d66;color:#ebd6bb;border:1px solid #ad977b70;border-radius:50%;font-size:16px}.film-actions button:hover{background:#a98a6144}.scroll-cue{position:absolute;bottom:10px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:#a99781;font-size:7px;letter-spacing:.19em}.scroll-cue i{font-style:normal;font-size:17px}
.section-heading{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;align-items:start;margin-bottom:55px}.section-heading>.eyebrow{margin-top:17px;color:#897258}.section-heading>div>p{color:var(--muted);font-size:14px;line-height:2;margin-top:25px}.design-experience{display:grid;grid-template-columns:1.13fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-art{position:relative;background:#e9e3d9;min-height:390px;overflow:hidden}.flow-panel{position:absolute;inset:0}.flow-panel svg{position:absolute;width:94%;height:100%;left:3%;top:-3%}.flow-panel path{stroke-dasharray:250;stroke-dashoffset:250;animation:flow-draw .65s calc(var(--i)*.022s) forwards ease-out}.flow-label{position:absolute;left:30px;bottom:27px;font-size:8px;letter-spacing:.2em;color:#8d735a}.flow-number{position:absolute;right:25px;top:13px;font-family:var(--serif);font-size:78px;color:#b8a28b55;line-height:1.4}.flow-note{position:absolute;right:24px;bottom:27px;font-size:9px;color:#8e8274}.design-options{padding-left:42px}.design-option{position:relative;display:flex;width:100%;align-items:flex-start;gap:20px;padding:28px 0;background:transparent;text-align:left;border-bottom:1px solid var(--line)}.design-option:last-child{border-bottom:0}.option-number{color:#9e896f;font-size:10px;margin-top:5px}.design-option small{font-size:10px;letter-spacing:.03em;color:#8a7c6b;display:block;margin-bottom:5px}.design-option strong{font:400 23px/1.6 var(--serif);letter-spacing:-.04em}.option-description{font-size:12px;line-height:1.9;color:var(--muted);max-width:365px;display:none;margin-top:13px;padding-right:20px}.design-option[aria-pressed=true] .option-description{display:block}.design-option[aria-pressed=true] strong{color:#8a603d}.option-arrow{margin-left:auto;font-size:20px;transition:transform .3s}.design-option[aria-pressed=true] .option-arrow{transform:rotate(45deg)}@keyframes flow-draw{to{stroke-dashoffset:0}}
.records{padding-top:100px;background:#e9e5dc}.records-meta{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #c7bcb0;font-size:9px;letter-spacing:.15em;color:#867058;margin-bottom:32px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.case-card{min-width:0}.case-feature{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:center;margin-bottom:20px}.case-photo{position:relative;display:block;padding:0;background:#d9d1c6;width:100%;overflow:hidden;cursor:zoom-in}.case-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .6s cubic-bezier(.2,.6,.2,1)}.case-photo:hover img{transform:scale(1.015)}.photo-open{position:absolute;right:13px;bottom:13px;padding:7px 11px;background:#30251fd9;color:#fff5e4;font-size:10px;display:flex;gap:20px}.case-copy{padding-top:22px}.case-copy .eyebrow{font-size:9px;color:#917254;letter-spacing:.12em}.case-copy h3{font:400 clamp(22px,2.2vw,34px)/1.55 var(--serif);letter-spacing:-.045em;margin:13px 0}.case-copy>p{font-size:10px;color:#887c70;letter-spacing:.06em}.case-feature .case-copy{padding:0}.case-feature h3{font-size:clamp(30px,3.2vw,48px);max-width:390px;line-height:1.5}.case-copy p.case-description{font-size:13px;line-height:2;letter-spacing:0;margin-top:28px;color:#786859}.text-link{display:inline-flex;justify-content:space-between;gap:35px;padding:12px 0;border-bottom:1px solid #a9937b;font-size:11px;color:#6a4a31}.case-copy .text-link{margin-top:25px}.photo-notice{font-size:10px;color:#928575;margin-top:30px}.additional-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:85px;margin-top:50px;border-top:1px solid #cfc4b7;margin-bottom:30px}.additional-heading .eyebrow{color:#8d7254;font-size:9px}.additional-heading h3{font:400 30px/1.5 var(--serif);letter-spacing:-.05em;margin-top:13px}.additional-heading>p{font-size:11px;line-height:1.9;color:#8b7b6b}.additional-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.additional-grid .case-copy{padding-top:14px}.additional-grid h3{font-family:var(--sans);font-size:12px;margin:8px 0}.additional-grid .case-copy .eyebrow{font-size:8px}.additional-grid .photo-open{font-size:9px;bottom:8px;right:8px;padding:5px 8px;gap:12px}.records-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:45px;padding-top:25px;border-top:1px solid #cfc4b7}.records-bottom p{font:400 19px var(--serif);letter-spacing:-.025em}
.atelier{display:grid;grid-template-columns:1fr 1fr;background:#2b201a;color:#e9dfd2}.atelier-photo{min-height:700px;max-height:1000px;overflow:hidden}.atelier-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.atelier-copy{padding:80px clamp(35px,6vw,110px);align-self:center}.atelier-copy>.eyebrow{color:#bfa586;margin-bottom:30px}.atelier h2{font-size:clamp(32px,3.4vw,54px)}.atelier h2 em{color:#c9ab83}.atelier-lead{font-size:12px;line-height:2;color:#bfb09f;margin-top:25px}.process-list{padding:0;list-style:none;margin:37px 0 25px}.process-list li{display:flex;gap:20px;padding:20px 0;border-top:1px solid #bba38630}.process-list li>span{font-size:10px;color:#af9273;margin-top:5px}.process-list h3{font-size:14px}.process-list p{font-size:11px;color:#a99781;margin-top:7px}.atelier .text-link{color:#dbc4a4;border-color:#8a6d4d}.artist{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;align-items:center}.artist-copy .eyebrow{color:#977a5b;margin-bottom:35px}.artist-copy h2{font-size:clamp(34px,3.55vw,56px)}.artist-copy p:not(.eyebrow){font-size:13px;color:#817364;line-height:2.1;margin-top:26px}.artist-image{position:relative}.artist-image img{width:100%;max-height:680px;object-fit:cover;object-position:50% 30%}.artist-image>span{display:block;margin-top:15px;font-size:8px;letter-spacing:.2em;color:#9b8468}.artist-sign{display:flex;align-items:baseline;gap:18px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line);flex-wrap:wrap}.artist-sign>span{font-size:10px;color:#a28c72}.artist-sign strong{font:500 21px var(--serif);letter-spacing:.2em}.artist-sign i{font-family:var(--serif);font-size:13px;color:#a78c6e}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;padding-top:90px;padding-bottom:100px}.faq .eyebrow{color:#94775b;margin-bottom:26px}.faq h2{font-size:clamp(32px,3.3vw,48px)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:25px 0;font-size:13px;display:flex;align-items:center;gap:20px;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#ad9272;font-size:22px;transition:transform .25s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;color:#827261;line-height:2;padding:0 34px 25px 0}
.booking{position:relative;isolation:isolate;background:#231913;color:#eadfd0;overflow:hidden;padding:100px var(--gutter)}.booking-inner{position:relative;z-index:1}.booking .eyebrow{color:#bd9d77;margin-bottom:30px}.booking h2{font-size:clamp(42px,5vw,74px);line-height:1.5}.booking h2 em{color:#ceb18b}.booking-inner>p:not(.eyebrow){color:#bca78e;margin-top:25px;font-size:13px}.booking .button{margin-top:35px;min-width:240px}.booking-art{position:absolute;right:-15%;top:-10%;width:75%;height:120%;z-index:-1;opacity:.19;transform:rotate(-25deg)}.booking-art svg{width:100%;height:100%;filter:brightness(5)}.visit-info{display:flex;align-items:center;gap:55px;margin-top:70px;padding-top:30px;border-top:1px solid #ae8c662e;font-size:11px;color:#b9a38b}.visit-info a{margin-left:auto;color:#d9bd99}.visit-info span{line-height:1.9}footer{padding:55px var(--gutter) 30px;display:flex;align-items:center;flex-wrap:wrap;gap:35px;border-top:1px solid #d6c8b4}footer .brand strong{font-size:25px}footer>p{font-size:10px;color:#9b8a75}footer>div{display:flex;gap:25px;font-size:10px;margin-left:auto;color:#795f44}footer>small{width:100%;font-size:8px;letter-spacing:.16em;color:#a28c73}.mobile-bar{display:none}
#case-dialog{border:1px solid #8f796255;background:#211b16;color:#f0e7dc;width:min(940px,96vw);max-width:96vw;height:min(960px,94dvh);max-height:94dvh;padding:0;overflow:hidden}#case-dialog[open]{display:flex;flex-direction:column}#case-dialog::backdrop{background:#100b08ec;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;gap:20px;min-height:64px;padding:10px 22px;border-bottom:1px solid #99836944}.dialog-top h2{font-family:var(--sans);font-size:13px;letter-spacing:0}.dialog-top>span{font-size:10px;color:#bba58b;font-variant-numeric:tabular-nums}.dialog-close{margin-left:auto;width:42px;height:42px;background:transparent;color:#eadbc6;font-size:29px}.dialog-image{min-height:0;flex:1;display:grid;place-items:center;padding:12px;overflow:hidden}.dialog-image img{width:100%;height:100%;min-height:0;object-fit:contain}.dialog-bottom{padding:10px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #99836944}.dialog-bottom p{text-align:center;font-size:10px;color:#e9d2b5}.dialog-bottom small{display:block;font-size:9px;margin-top:2px;color:#ae967a}.dialog-bottom button{width:45px;height:42px;font-size:22px;background:none;color:#f5ddbd}body.dialog-open{overflow:hidden}
@media(min-width:1800px){.hero-copy{max-width:800px}h1{font-size:108px}.hero-description{font-size:16px}.hero-art{width:100%;min-height:100%;}.hero-art picture,.hero-backdrop{height:100%}.hero .hero-links{margin-top:40px}}
@media(max-width:1100px){.site-header nav{gap:18px;font-size:10px}.header-actions{gap:18px}.hero-copy{max-width:510px}.hero-art{right:-11%;}.film-dock{grid-template-columns:150px 1fr 90px;gap:25px}.film-stages{gap:15px}.film-stages button{font-size:10px}.film-stages button span{margin-right:9px}.section-heading{gap:35px}.design-options{padding-left:30px}.additional-grid{grid-template-columns:repeat(2,1fr);gap:35px 25px}.additional-grid h3{font-size:17px;font-family:var(--serif)}.atelier-copy{padding:55px 40px}.atelier-photo{min-height:650px}.artist{gap:7vw}footer>p{display:none}}
@media(max-width:760px){html{scroll-padding-top:22px}.section-shell{padding:75px 24px}.site-header{height:83px;padding:0 24px;gap:14px}.brand strong{font-size:24px}.brand small{font-size:5px}.site-header nav{display:none}.header-actions{gap:19px}.header-book{display:none}.sibling-brand{font-size:11px}.hero{height:960px;min-height:920px;max-height:none}.hero-art{width:195%;top:320px;right:-9%;transform:none;aspect-ratio:1672/941}.hero-copy{top:133px;left:24px;right:24px;transform:none;max-width:none}.hero-shade{background:linear-gradient(180deg,#19120f 0%,#19120fe8 25%,#19120f00 45%,#19120f00 63%,#19120f 83%),linear-gradient(90deg,#17100d66,transparent 60%)}.hero-kicker{font-size:8px;margin-bottom:18px;gap:11px}.hero-kicker span{width:20px}h1{font-size:56px;line-height:1.4}.hero-description{font-size:12px;line-height:1.9;margin-top:19px}.hero-links{gap:22px;margin-top:24px}.hero-links .button{padding:13px 17px;font-size:10px;gap:18px;min-height:46px}.hero-text-link{font-size:10px}.hero-text-link span{margin-left:7px}.art-caption{top:auto;bottom:200px;right:24px;font-size:7px}.art-caption small{font-size:9px}.film-dock{left:24px;right:24px;bottom:54px;grid-template-columns:1fr 90px;gap:9px 12px}.film-intro{display:flex;align-items:center;gap:20px}.film-intro .eyebrow{font-size:7px}.film-intro>span:last-child{font-size:17px}.film-intro i{font-size:8px}.film-stages{grid-column:1/-1;grid-row:2;gap:16px}.film-stages button{font-size:10px;padding:12px 0}.film-stages button span{font-size:8px;margin-right:8px}.film-actions{justify-self:end}.film-actions button{width:31px;height:31px;font-size:14px}.scroll-cue{left:24px;right:24px;bottom:16px;font-size:6px}.section-heading{display:block;margin-bottom:35px}.section-heading>.eyebrow{margin:0 0 27px;font-size:8px}.section-heading>div>p{font-size:12px;margin-top:22px}h2{font-size:39px;line-height:1.5}.design-experience{grid-template-columns:1fr}.flow-art{min-height:300px}.flow-panel svg{width:100%;left:0;top:-8%}.flow-number{font-size:60px}.flow-label{left:22px;bottom:22px;font-size:7px}.flow-note{font-size:8px;right:20px;bottom:22px}.design-options{padding:5px 0 0}.design-option{padding:22px 0;gap:20px}.design-option strong{font-size:22px}.option-description{max-width:100%;font-size:11px}.option-arrow{font-size:18px}.case-grid{grid-template-columns:1fr;gap:40px}.case-feature{display:block;margin:0}.case-feature .case-copy{padding-top:22px}.case-feature h3{font-size:28px;max-width:none}.case-copy h3{font-size:25px}.case-description{display:none}.case-feature .text-link{margin-top:15px}.photo-notice{font-size:9px;line-height:1.8}.additional-heading{display:block;padding-top:45px;margin-top:35px}.additional-heading h3{font-size:27px}.additional-heading>p{margin-top:18px;font-size:10px}.additional-grid{gap:27px 15px}.additional-grid .case-copy .eyebrow{font-size:7px;letter-spacing:.03em}.additional-grid h3{font-family:var(--sans);font-size:11px;line-height:1.8}.additional-grid .case-copy>p{font-size:8px;letter-spacing:0}.additional-grid .photo-open{font-size:8px;right:6px;bottom:6px;padding:4px 7px;gap:5px}.records-bottom{display:block;margin-top:30px}.records-bottom p{font-size:18px;line-height:1.7}.records-bottom .text-link{margin-top:10px}.atelier{grid-template-columns:1fr}.atelier-photo{height:480px;min-height:0;max-height:none}.atelier-photo img{object-position:50% 43%}.atelier-copy{padding:60px 24px}.atelier-copy>.eyebrow{font-size:8px;margin-bottom:27px}.atelier h2{font-size:37px}.artist{grid-template-columns:1fr;gap:42px}.artist-copy .eyebrow{font-size:8px;margin-bottom:27px}.artist-copy h2{font-size:37px}.artist-image{width:88%;margin-left:auto}.artist-image img{max-height:560px}.artist-copy p:not(.eyebrow){font-size:12px}.artist-sign{gap:14px}.faq{grid-template-columns:1fr;gap:30px}.faq .eyebrow{font-size:8px}.faq h2{font-size:35px}.faq summary{font-size:12px}.booking{padding:75px 24px}.booking h2{font-size:40px}.booking .eyebrow{font-size:9px}.booking-inner>p:not(.eyebrow){font-size:11px}.booking-art{width:180%;right:-90%;opacity:.12}.visit-info{gap:22px;flex-wrap:wrap;font-size:10px;margin-top:50px;padding-top:25px}.visit-info a{margin-left:0;width:100%}footer{padding:40px 24px 95px;gap:22px}footer>div{width:100%;margin-left:0;gap:20px;font-size:10px}footer>small{font-size:7px}.mobile-bar{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.6fr;padding-bottom:env(safe-area-inset-bottom);background:#eee7db;border-top:1px solid #c7b59a;box-shadow:0 -4px 22px #1e130915;transition:transform .2s}.mobile-bar a{min-height:53px;display:flex;align-items:center;justify-content:center;font-size:11px}.mobile-bar a:last-child{background:#3f2d22;color:#eedcc3;gap:24px}body.hero-in-view .mobile-bar,body.dialog-open .mobile-bar{transform:translateY(110%)}#case-dialog{max-width:100vw;width:100vw;max-height:100dvh;height:100dvh;border:0}.dialog-top{padding:10px 15px}.dialog-top h2{font-size:12px}.dialog-image{padding:5px}.dialog-bottom{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}}
@media(max-width:360px){h1{font-size:49px}.hero-links{gap:14px}.hero-description{font-size:11px}.hero-links .button{padding:12px;font-size:9px;gap:12px}.hero-text-link{font-size:9px}.hero-art{top:365px;width:210%;right:-12%}.film-stages{gap:10px}.film-stages button{font-size:9px}.film-stages button span{margin-right:5px}.film-intro .eyebrow{font-size:6px}.film-intro{gap:13px}h2{font-size:34px}.atelier h2,.artist-copy h2{font-size:32px}.booking h2{font-size:35px}}
.site-header{background:linear-gradient(180deg,#201710bf,#20171020)}
.design-mobile-description{display:none}
/* Keep the strokes above atmospheric shading so every drawn hair stays crisp. */
.hero-art.hero-ink{z-index:0;pointer-events:none}.hero-art.hero-ink::before,.hero-art.hero-ink::after{content:none}.hero-copy,.art-caption,.film-dock,.scroll-cue{z-index:2}
@media(min-width:761px) and (max-width:1100px), (min-width:761px) and (max-aspect-ratio: 5/4){.hero{min-height:960px}.hero-art{width:1250px;right:-5%;top:310px;transform:none}.hero-art::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#19120f 0%,#19120f00 34%);pointer-events:none}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19120f 0%,#19120f00 20%);pointer-events:none}.hero-shade{background:linear-gradient(180deg,#19120f 0%,#19120ff2 28%,#19120f00 53%)}.hero-copy{top:150px;transform:none}.hero-copy h1{font-size:60px}.hero-kicker{margin-bottom:20px}.hero-description{margin-top:20px}.hero-links{margin-top:25px}.art-caption{top:auto;bottom:175px}}
@media(max-width:760px){.hero-art::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#19120f 0%,#19120f00 43%);pointer-events:none}}
@media(max-width:760px){.hero{height:max(850px,100svh);min-height:850px}.hero-shade{background:linear-gradient(180deg,#19120f 0%,#19120ffa 32%,#19120fd9 46%,#19120f00 60%)}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19120f 0%,#19120f00 23%);pointer-events:none}.art-caption{bottom:155px}.hero-copy{top:123px}.design-experience{display:flex;flex-direction:column}.design-options{order:0;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:0}.design-option{padding:17px 9px 20px;gap:0;display:block;border-bottom:1px solid var(--line)}.design-option:last-child{border-bottom:1px solid var(--line)}.design-option[aria-pressed=true]{border-color:#8a603d;background:#e9e3d9}.design-option .option-description{display:none!important}.design-option .option-number{display:block;margin:0 0 8px}.design-option small{font-size:9px}.design-option strong{font-family:var(--sans);font-size:11px;line-height:1.8;letter-spacing:-.04em}.option-arrow{display:none}.flow-art{order:1;min-height:255px}.design-mobile-description{display:block;order:2;margin:0;padding:22px 10px;font-size:12px;line-height:1.9;color:#817261;min-height:112px}.flow-panel svg{top:-3%}.flow-note{bottom:17px;font-size:7px}.flow-label{bottom:17px}}
@media(max-width:760px){.hero-art{width:185%;right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;transition:none!important}.flow-panel path{stroke-dashoffset:0}.film-actions{opacity:.4}.case-photo:hover img{transform:none}}

/* A compact second row keeps Q&A visible when the main navigation is hidden. */
.site-header nav a{white-space:nowrap}.nav-qa-mobile{display:none}footer>div{flex-wrap:wrap;row-gap:12px}
@media(max-width:900px){.site-header{height:116px;padding-bottom:36px}.site-header nav{display:none}.site-header .nav-qa-mobile{display:flex;position:absolute;left:var(--gutter);right:var(--gutter);bottom:7px;align-items:center;justify-content:space-between;gap:12px;min-height:32px;border-top:1px solid #eadac730;color:#ddc5a5;font-size:10px}.nav-qa-mobile strong{font-size:11px;font-weight:500;white-space:nowrap}.nav-qa-mobile:focus-visible{outline:2px solid #ddc5a5;outline-offset:2px}}
@media(max-width:760px){.site-header .nav-qa-mobile{left:24px;right:24px;font-size:9px}.nav-qa-mobile strong{font-size:10px}}