@font-face{font-family:Manrope;src:url('./manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}:root{--ink:#202722;--brass:#c2a368;--paper:#faf9f5;--gutter:5vw}*{box-sizing:border-box}html{scroll-padding-top:105px}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--brass);outline-offset:5px}::selection{background:#c2a368;color:#17201b}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:5px}.header{position:fixed;inset:0 0 auto;z-index:40;height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:#fffefaf5;border-bottom:1px solid #ac915233;backdrop-filter:blur(14px)}.brand img{width:140px}.header nav{display:flex;gap:35px;font-size:11px}.header nav a:last-child{padding-left:35px;border-left:1px solid #ad9b754d}.menu-toggle{display:none;border:0;background:none;font-size:12px}.mobile-menu{position:fixed;inset:75px 0 0;z-index:39;background:#f6f4ed;padding:35px 6%;overflow:auto}.mobile-menu a{font-size:28px;display:block;padding:22px 0;border-bottom:1px solid #c2a36866}.mobile-menu[hidden]{display:none}.kicker{font-size:9px;letter-spacing:.17em;font-weight:600;line-height:1.7}.opening{position:relative;height:100svh;min-height:760px;background:white}.stage{height:100svh;min-height:760px;position:relative;overflow:hidden;background:#fff}.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#eee7d9 0,white 68%);opacity:0}.motion .opening{height:420svh}.motion .stage{position:sticky;top:0}.scene-meta{position:absolute;left:var(--gutter);right:var(--gutter);top:125px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;z-index:10}.scene-meta a{border-bottom:1px solid #bbb09b;padding-bottom:6px}.case-scene{position:absolute;left:50%;top:44%;width:min(75vw,980px);height:min(43vw,510px);transform:translate(-50%,-50%);perspective:1500px;isolation:isolate}.case-layer{position:absolute;inset:0;will-change:transform,opacity;transform-style:preserve-3d;filter:drop-shadow(0 12px 8px #352b292b)}.case-layer>img:first-child{width:100%;height:100%;object-fit:fill}.case-lid{z-index:5}.drawer-one{z-index:4}.drawer-two{z-index:3}.drawer-three{z-index:2}.case-shadow{position:absolute;inset:20% 7% 0;background:#42301f29;filter:blur(25px);transform:translateY(22px);border-radius:40%}.case-mark{position:absolute;width:24%;left:50%;top:50%;transform:translate(-50%,-50%);filter:sepia(1) saturate(.4) brightness(2.1);opacity:.9;mix-blend-mode:screen}.case-serial{position:absolute;left:0;right:0;top:62%;text-align:center;font-size:7px;letter-spacing:.3em;color:#e9d2a5}.intro-mark{position:absolute;left:50%;top:44%;width:185px;transform:translate(-50%,-50%);z-index:15;pointer-events:none;display:none}.intro-line{position:absolute;width:65px;height:1px;left:calc(50% - 32px);top:calc(44% + 54px);background:var(--brass);z-index:16;display:none}.motion .case-scene{opacity:0}.motion.arrived .case-scene{animation:case-arrive 1.25s .75s both}.motion.arrived .intro-mark{display:block;animation:logo-arrive 2.1s both}.motion.arrived .intro-line{display:block;animation:loading-line 1.2s both}.motion.arrived .stage-light{animation:light-arrive 1.4s .8s both}.motion.arrived .case-mark{animation:stamp-arrive 2.2s both}.motion .opening-copy{animation:copy-arrive 1s 1.4s both}@keyframes case-arrive{from{opacity:0;scale:1.22}to{opacity:1;scale:1}}@keyframes logo-arrive{0%{opacity:0;clip-path:inset(0 100% 0 0)}25%,60%{opacity:1;clip-path:inset(0)}100%{opacity:0}}@keyframes stamp-arrive{0%,65%{opacity:0}100%{opacity:.9}}@keyframes loading-line{0%{transform:scaleX(0);opacity:1}65%{transform:scaleX(1);opacity:1}100%{opacity:0}}@keyframes light-arrive{to{opacity:1}}@keyframes copy-arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}.opening-copy,.drawer-copy{position:absolute;bottom:110px;left:var(--gutter);z-index:12}.opening-copy h1{font-size:clamp(34px,3.7vw,57px);line-height:1.04;letter-spacing:-.055em;font-weight:400;margin:13px 0}.opening-copy em{font-family:Georgia,serif;font-weight:400}.opening-copy p{font-size:11px;color:#686b61;margin:13px 0 0}.drawer-copy{opacity:0;pointer-events:none}.drawer-copy h2{font-size:clamp(32px,3.5vw,55px);letter-spacing:-.055em;font-weight:400;margin:10px 0}.drawer-copy p{font-size:12px;color:#73756b}.scene-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);z-index:14;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b6a88c66;padding-top:20px}.next-drawer{border:0;background:none;padding:0;font-size:11px;display:flex;gap:45px;align-items:center}.next-drawer span{font-size:20px}.chapter-dots{display:flex;gap:14px}.chapter-dots button{width:25px;height:25px;border:0;background:none;padding:7px}.chapter-dots button:after{content:'';display:block;width:9px;height:9px;border:1px solid #ad9769;border-radius:50%;transition:background .2s}.chapter-dots button[aria-pressed=true]:after{background:#ad9769}.scene-hint{font-size:8px;letter-spacing:.16em;margin-right:65px}.catalog{background:radial-gradient(ellipse at 20% 0,#354037 0,transparent 30%),#1a211e;color:#f5f1e8;padding:80px 0 75px;border-top:3px solid #a68953;position:relative;overflow:hidden}.catalog-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;padding:0 var(--gutter)}.catalog-heading .kicker{color:#c4ab78}.catalog h2{font-size:clamp(38px,4.5vw,65px);line-height:1.05;letter-spacing:-.055em;font-weight:400;margin:15px 0 0}.catalog h2 em{font-family:Georgia,serif;font-weight:400;color:#d7c29a}.catalog-heading>p{font-size:12px;line-height:1.8;color:#bdc0b8;margin:0 0 8px}.category-nav{display:flex;gap:18px;overflow-x:auto;padding:42px var(--gutter) 30px;scrollbar-width:thin;scrollbar-color:#ae966255 transparent;scroll-snap-type:x mandatory}.category-tile{position:relative;flex:0 0 185px;height:113px;overflow:hidden;border:1px solid #b197614d;border-radius:5px;scroll-snap-align:start;scroll-margin-left:var(--gutter);background:#343931;transition:border-color .2s,transform .2s}.category-tile>img{width:100%;height:100%;object-fit:cover;opacity:.4;transition:opacity .3s}.category-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.category-tile>span{position:absolute;inset:auto 15px 16px;z-index:1;font-size:12px;font-weight:600}.category-tile small{display:block;font-size:8px;letter-spacing:.15em;color:#dbc38a;margin-bottom:5px}.category-tile:hover{border-color:#d5ba79;transform:translateY(-3px)}.category-tile:hover img{opacity:.7}.collection{padding-top:42px;scroll-margin-top:85px}.row-heading{display:flex;align-items:center;justify-content:space-between;margin:0 var(--gutter) 20px}.row-heading .kicker{color:#a9946f;font-size:8px}.row-heading h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:4px 0 0}.row-controls,.dialog-controls{display:flex;gap:9px}.row-controls button,.dialog-controls button{width:37px;height:37px;background:#ffffff05;border:1px solid #c3a87855;border-radius:50%;font-size:18px;transition:background .2s}.row-controls button:hover,.dialog-controls button:hover{background:#c3a87833}.row-controls button:disabled{opacity:.25;cursor:default}.rail{display:flex;gap:20px;padding:8px var(--gutter) 24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ae966255 transparent;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);overscroll-behavior-x:contain}.project-card{flex:0 0 clamp(240px,24.3vw,370px);scroll-snap-align:start;display:block;border:0;padding:0;background:none;text-align:left;min-width:0;transition:transform .25s}.thumbnail{position:relative;display:block;aspect-ratio:1.65;overflow:hidden;border-radius:5px;border:1px solid #a893632b;background:#323a34;box-shadow:0 5px 15px #0003;transition:box-shadow .25s,border-color .25s}.thumbnail>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover .thumbnail{border-color:#d4c094;box-shadow:0 5px 22px #0007}.project-card:hover img{transform:scale(1.035)}.project-card:hover{transform:translateY(-4px)}.expand{position:absolute;right:10px;bottom:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#152019b3;color:#f4e7ca;font-size:16px;opacity:0;transition:opacity .25s}.project-card:hover .expand,.project-card:focus-visible .expand{opacity:1}.card-title{display:block;font-size:13px;font-weight:600;margin-top:14px;line-height:1.5}.card-kind{display:block;font-size:8px;letter-spacing:.14em;color:#afb5aa;margin-top:6px}.area{background:#f3f0e7;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:90px var(--gutter);align-items:center;border-top:2px solid #bea472}.eyebrow{font-size:9px;letter-spacing:.13em;font-weight:600}.area h2{font-size:clamp(39px,4.7vw,69px);letter-spacing:-.055em;line-height:1.05;font-weight:400;margin:25px 0}.area h2 em{font-family:Georgia,serif;font-weight:400;color:#896e40}.area p{font-size:13px;line-height:1.8;max-width:420px;color:#696b61}.places{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:30px 0}.place{display:flex;justify-content:space-between;border:0;border-bottom:1px solid #b0a38877;background:none;text-align:left;padding:13px 0;font-size:11px}.place span{color:#9c8353}.place[aria-pressed=true]{color:#96702d;font-weight:700;border-color:#98783e}.area details{font-size:11px;margin:22px 0}.area summary{cursor:pointer}.text-link{font-size:12px;display:inline-block;border-bottom:1px solid #b39760;padding-bottom:7px}.map-art{margin:0;min-width:0}.map-image{position:relative;border:7px solid #675037;outline:2px solid #b39a60;box-shadow:0 12px 0 #302b22,0 25px 40px #40352326;overflow:hidden;border-radius:5px}.map-image>img{width:100%;height:auto}.map-image .map-paint{display:none}.map-pins{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-pin{fill:#c6a359;stroke:#fff6df;stroke-width:.2;opacity:.5}.map-pin.active{fill:#aa5e33;stroke-width:.4;opacity:1;r:1.3}.map-north{position:absolute;right:20px;top:20px;font-size:11px;letter-spacing:.1em}.map-art figcaption{margin-top:30px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.7;color:#717166}.map-art figcaption small{font-size:8px;text-align:right}.map-art figcaption a{text-decoration:underline}.contact{padding:95px var(--gutter);display:grid;grid-template-columns:1.2fr 1fr;gap:5%;background:#fff;align-items:center;overflow:hidden}.contact h2{font-size:clamp(45px,5.7vw,85px);line-height:1.05;letter-spacing:-.065em;font-weight:400;margin:25px 0 35px}.contact h2 em{font-family:Georgia,serif;color:#8e7545;font-weight:400}.phone-number{font-size:clamp(26px,3vw,45px);letter-spacing:-.05em}.text-project{display:block;font-size:12px;margin-top:22px}.footer-case{position:relative;transform:rotate(-9deg);filter:drop-shadow(12px 20px 16px #30231524)}.footer-case>img:first-child{width:100%}.footer-case-mark{position:absolute;width:35%;left:32.5%;top:42%;filter:sepia(1) brightness(2);mix-blend-mode:screen}.footer-case span{position:absolute;top:60%;left:0;right:0;text-align:center;color:#f1d5a1;font-size:7px;letter-spacing:.2em}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px var(--gutter) 45px;border-top:1px solid #c9b994;font-size:9px;background:#f7f5ee;padding-right:110px}.footer-brand img{width:130px}.footer small{font-size:9px;color:#747469}.socials{display:flex;gap:22px}.socials svg,.call svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.call{position:fixed;bottom:24px;right:25px;z-index:35;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#2c664b;color:#fff;border:1px solid #c4ba8655;box-shadow:0 5px 20px #0002}.project-dialog{padding:0;border:1px solid #b19660;background:#1a211e;color:#f7f1e4;width:min(1130px,95vw);max-height:94svh}.project-dialog::backdrop{background:#101713ed}.dialog-close{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;background:#f4efe1;color:#263026;border:0;border-radius:50%;font-size:27px}.dialog-photo{height:72svh;max-height:780px}.dialog-photo img{width:100%;height:100%;object-fit:contain}.dialog-bottom{padding:20px 25px;display:flex;gap:20px;align-items:center;justify-content:space-between}.dialog-bottom .kicker{color:#b8a06e;font-size:8px}.dialog-bottom h2{font-size:19px;font-weight:500;margin:6px 0}.intro-mark,.intro-line{pointer-events:none}
@media(min-width:1700px){.case-scene{width:1050px;height:550px}.opening-copy{bottom:130px}.stage{min-height:850px}}
@media(max-width:900px){.case-scene{width:88vw;height:50vw;top:43%}.area{gap:6%}.header nav{gap:22px}.project-card{flex-basis:36vw}.contact{gap:2%}.footer{flex-wrap:wrap}.catalog-heading>p{max-width:220px}.stage,.opening{min-height:760px}}
@media(max-width:600px){:root{--gutter:6vw}.header{height:75px}.brand img{width:118px}.header nav{display:none}.menu-toggle{display:flex;gap:20px;align-items:center}.menu-toggle span{font-size:23px}.scene-meta{top:103px;font-size:7px;letter-spacing:.08em;align-items:start}.scene-meta span{max-width:110px;line-height:1.7}.stage,.opening{height:100svh;min-height:700px}.motion .opening{height:340svh}.case-scene{width:94vw;height:61vw;top:41%}.case-mark{width:30%}.case-serial{font-size:5px;letter-spacing:.13em;top:63%}.intro-mark{width:150px;top:41%}.intro-line{top:calc(41% + 48px)}.opening-copy,.drawer-copy{bottom:130px}.opening-copy h1{font-size:38px;margin:14px 0}.opening-copy p{font-size:10px;max-width:210px;line-height:1.7}.drawer-copy h2{font-size:32px;max-width:280px}.drawer-copy p{font-size:11px}.kicker{font-size:8px}.scene-bottom{bottom:35px;padding-top:16px;align-items:center}.scene-hint{display:none}.next-drawer{font-size:10px;gap:24px}.chapter-dots{gap:5px;margin-right:60px}.chapter-dots button{width:20px;height:23px;padding:5px}.catalog{padding:55px 0 45px}.catalog-heading{display:block}.catalog h2{font-size:39px}.catalog-heading>p{font-size:11px;margin:20px 0 0;max-width:none}.category-nav{gap:12px;padding-top:30px;padding-bottom:15px}.category-tile{flex-basis:148px;height:97px}.category-tile>span{font-size:11px;inset:auto 12px 13px}.collection{padding-top:30px}.row-heading{margin-bottom:14px}.row-heading h3{font-size:20px}.row-controls button{width:32px;height:32px;font-size:16px}.row-controls{gap:7px}.rail{gap:15px;padding-bottom:18px}.project-card{flex-basis:75vw}.thumbnail{aspect-ratio:1.55}.card-title{font-size:12px;margin-top:10px}.card-kind{font-size:7px}.expand{opacity:1}.area{display:block;padding:60px var(--gutter)}.area h2{font-size:43px}.area p{font-size:12px}.place{font-size:11px;padding:13px 0}.map-art{margin-top:45px}.map-image{max-height:460px}.map-image>img{height:auto}.map-art figcaption{font-size:9px;gap:15px}.map-art figcaption small{font-size:7px}.contact{padding:65px var(--gutter);display:block}.contact h2{font-size:47px}.phone-number{font-size:31px}.footer-case{max-width:300px;width:78%;margin:50px auto 0}.footer{display:grid;grid-template-columns:1fr auto;padding:25px 90px 45px var(--gutter);gap:20px}.footer-brand img{width:118px}.footer>span{grid-column:1/-1;grid-row:2;font-size:8px}.footer small{grid-column:1/-1;font-size:8px}.socials{gap:15px}.call{right:17px;bottom:18px;width:50px;height:50px}.dialog-photo{height:64svh}.dialog-bottom{padding:15px}.dialog-bottom h2{font-size:15px}.dialog-controls button{width:33px;height:33px}.dialog-bottom .kicker{font-size:6px}.dialog-close{width:36px;height:36px}.map-north{font-size:9px}}
body:not(.motion) .stage-light{opacity:1}body:not(.motion) .drawer{visibility:hidden}body:not(.motion) .drawer-copy{display:none}body:not(.motion) .case-scene{opacity:1}body:not(.motion) .case-layer{will-change:auto}body:not(.motion) .case-layer.is-selected{visibility:visible;z-index:8}body:not(.motion) .next-drawer{display:none}@media(prefers-reduced-motion:reduce){body:not(.force-motion) *,body:not(.force-motion) *:before,body:not(.force-motion) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.case-mark,.footer-case-mark{filter:brightness(0) invert(.84) sepia(.65);mix-blend-mode:screen}@media(max-width:600px){.map-image{max-height:none}}