:root{--black:#0a0a0a;--black-soft:#10100f;--white:#f7f7f3;--gold:#bfa154;--slate:#4d4d4d;--line:rgba(191,161,84,0.58);--mono:"IBM Plex Mono","Courier New",monospace;--serif:"Playfair Display","Didot","Bodoni 72",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%;background:#030303;color:var(--white);overflow:hidden}body{margin:0;font-family:var(--mono)}a{color:inherit;text-decoration:none}.site-shell{position:relative;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;isolation:isolate;scroll-behavior:smooth;background:linear-gradient(180deg,#030303 0,var(--black) 54%,#050505 100%)}.site-shell:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 0);background-size:82px 82px;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 68%);mask-image:radial-gradient(circle at center,black 0,transparent 68%)}.hero{position:relative;display:grid;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;place-items:center;isolation:isolate;overflow:hidden}.hero:before{inset:0;background:radial-gradient(circle at center,rgba(191,161,84,.26),rgba(191,161,84,.09) 22rem,transparent 34rem);content:"";animation:ambient-glow 8s ease-in-out infinite}.grain,.hero:before{position:absolute;z-index:-1;pointer-events:none}.grain{inset:-50%;opacity:1;background-image:radial-gradient(ellipse at 24% 34%,rgba(247,247,243,.055),transparent 22rem),radial-gradient(ellipse at 76% 64%,rgba(191,161,84,.045),transparent 26rem),repeating-linear-gradient(96deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),radial-gradient(circle at 20% 30%,rgba(255,255,255,.075) 0 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(191,161,84,.055) 0 1px,transparent 1px);background-size:100% 100%,100% 100%,19rem 19rem,37px 41px,53px 47px;filter:blur(.15px);-webkit-mask-image:linear-gradient(180deg,black,black 42%,rgba(0,0,0,.42) 68%,transparent);mask-image:linear-gradient(180deg,black,black 42%,rgba(0,0,0,.42) 68%,transparent);mix-blend-mode:screen}.topline{position:fixed;top:clamp(.8rem,2vw,1.2rem);left:clamp(.75rem,1.5vw,1.25rem);right:clamp(.75rem,1.5vw,1.25rem);z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2.5vw,2rem);width:min(1280px,calc(100vw - clamp(1.5rem, 3vw, 2.5rem)));margin:0 auto;color:var(--gold);font-size:clamp(.66rem,1.4vw,.9rem);letter-spacing:.16em;line-height:1.35;padding:clamp(.75rem,1.5vw,1rem) clamp(.85rem,2vw,1.35rem);border:1px solid transparent;border-radius:999px;opacity:0;pointer-events:none;text-transform:uppercase;transform:translateY(-.75rem);transition:background .26s ease,border-color .26s ease,opacity .26s ease,box-shadow .26s ease,transform .26s ease,top .26s ease,left .26s ease,right .26s ease,-webkit-backdrop-filter .26s ease;transition:background .26s ease,border-color .26s ease,opacity .26s ease,box-shadow .26s ease,backdrop-filter .26s ease,transform .26s ease,top .26s ease,left .26s ease,right .26s ease;transition:background .26s ease,border-color .26s ease,opacity .26s ease,box-shadow .26s ease,backdrop-filter .26s ease,transform .26s ease,top .26s ease,left .26s ease,right .26s ease,-webkit-backdrop-filter .26s ease}.topline-scrolled{top:clamp(1.25rem,3vw,2.2rem);left:clamp(1.25rem,3vw,2.15rem);right:clamp(1.25rem,3vw,2.15rem);width:min(1280px,calc(100vw - clamp(2.5rem, 6vw, 4.3rem)));border-color:rgba(191,161,84,.16);background:rgba(3,3,3,.72);-webkit-backdrop-filter:blur(18px) saturate(.82);backdrop-filter:blur(18px) saturate(.82);box-shadow:0 1rem 2.5rem rgba(0,0,0,.26);opacity:1;pointer-events:auto;transform:translateY(0)}.topline-mark{width:clamp(8.5rem,18vw,14rem);height:auto;opacity:.92}.topline-note{color:rgba(191,161,84,.88)}.hero-center{display:grid;width:min(46rem,calc(100vw - 2rem));justify-items:center;text-align:center}.mark-stage{display:block;position:relative;z-index:0;width:clamp(7.6rem,18vw,13.2rem);height:auto;margin-bottom:clamp(1.7rem,4vh,3rem);transform-origin:50% 30%;animation:keyhole-settle 1.7s linear both}.mark-stage:before{content:none}.hero-mark{display:block;position:relative;z-index:1;width:100%;height:auto}.hero-mark-fill{position:absolute;inset:0;z-index:2;opacity:0;animation:mark-fill-in .72s ease-out 1.82s forwards}.wordmark{width:min(39rem,84vw);height:auto;filter:drop-shadow(0 0 1rem rgba(255,255,255,.16));animation:reveal-up .72s ease-out 1.82s both}.descriptor{margin:clamp(1.9rem,4vh,2.7rem) 0 clamp(2rem,5vh,3.1rem);color:var(--gold);font-size:clamp(.9rem,2vw,1.28rem);letter-spacing:.16em;line-height:1.55;text-transform:uppercase;animation:reveal-up .72s ease-out 2.12s both}.key{width:clamp(3.2rem,8vw,4.8rem);height:auto;opacity:.86;animation:reveal-up .72s ease-out 2.34s both,key-glow 3.4s ease-in-out 3.16s infinite}.iykyk{margin-top:1rem;color:var(--gold);font-size:.74rem;letter-spacing:.16em;animation:reveal-up .72s ease-out 2.46s both}.scroll-indicator{position:absolute;bottom:calc(clamp(1.35rem, 3.4vh, 2.4rem) + env(safe-area-inset-bottom));left:50%;z-index:3;display:grid;width:1.25rem;height:1.8rem;place-items:center;transform:translateX(-50%);animation:scroll-indicator-reveal .72s ease-out 2.7s both,scroll-indicator-drift 1.9s ease-in-out 3.4s infinite;transition:border-color .18s ease,opacity .18s ease}.scroll-indicator:after,.scroll-indicator:before{display:block;content:""}.scroll-indicator:before{width:1px;height:1.5rem;background:linear-gradient(180deg,rgba(247,247,243,0),rgba(247,247,243,.7))}.scroll-indicator:after{position:absolute;bottom:0;width:.52rem;height:.52rem;border-right:1px solid rgba(247,247,243,.7);border-bottom:1px solid rgba(247,247,243,.7);transform:rotate(45deg)}.scroll-indicator:hover{opacity:.9}.intro{position:relative;width:min(74rem,calc(100vw - 2rem));margin:0 auto;padding:clamp(5rem,11vw,9rem) 0 clamp(3.5rem,7vw,5.5rem);display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-content:center;justify-items:center;grid-gap:clamp(2rem,5vw,3.5rem);gap:clamp(2rem,5vw,3.5rem);text-align:center}.intro-heading{display:grid;grid-gap:clamp(1.2rem,2.5vw,2rem);gap:clamp(1.2rem,2.5vw,2rem)}.section-kicker{color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.6;text-transform:uppercase}h1,h2,p{margin:0}.text-gold{color:var(--gold)}.nowrap{white-space:nowrap}.closing h2,.intro h1{max-width:11ch;font-family:var(--serif);font-weight:400;line-height:.96}.intro h1{font-size:clamp(2rem,4.4vw,4.4rem)}.closing h2,.intro h1{max-width:18ch}.intro p{max-width:48rem;color:rgba(247,247,243,.72);font-size:clamp(1.2rem,2.3vw,1.85rem);line-height:1.55}.featured-work{position:relative;width:100%;scroll-margin-top:clamp(4.5rem,9vw,7rem);padding:clamp(1.5rem,4vw,3rem) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.featured-track{display:flex;width:max-content;gap:clamp(1rem,1.8vw,1.5rem);animation:featured-carousel 22s linear infinite}.featured-work:hover .featured-track{animation-play-state:paused}.featured-card{position:relative;display:grid;width:clamp(15rem,24vw,22rem);aspect-ratio:9/16;min-height:0;place-items:center;overflow:hidden;isolation:isolate;background:#080807}.featured-card:after,.featured-card:before{position:absolute;inset:0;content:""}.featured-card:before{z-index:1;opacity:.36;background-image:radial-gradient(circle at 18% 22%,rgba(247,247,243,.34) 0 1px,transparent 1.2px),radial-gradient(circle at 74% 38%,rgba(191,161,84,.28) 0 1px,transparent 1.2px),radial-gradient(circle at 42% 82%,rgba(247,247,243,.26) 0 1px,transparent 1.2px),radial-gradient(circle at 88% 12%,rgba(247,247,243,.18) 0 1px,transparent 1.2px),repeating-linear-gradient(104deg,rgba(255,255,255,.052) 0 1px,transparent 1px 4px);background-size:11px 13px,17px 15px,23px 21px,31px 29px,9px 9px;mix-blend-mode:screen;pointer-events:none}.featured-card:after{z-index:2;border:1px solid rgba(191,161,84,.16);background:linear-gradient(180deg,rgba(10,10,10,.28),rgba(10,10,10,.58)),rgba(10,10,10,.34);-webkit-backdrop-filter:blur(2.2px) saturate(.68);backdrop-filter:blur(2.2px) saturate(.68);transition:opacity .22s ease}.featured-card:hover:after{opacity:.72}.featured-card-media{width:100%;height:100%;object-fit:cover;filter:grayscale(.82) contrast(.78) brightness(.78) saturate(.72) blur(.7px);transform:scale(1.04);transition:filter .22s ease,transform .42s ease}.featured-card:hover .featured-card-media{filter:grayscale(.88) contrast(.74) brightness(.72) saturate(.68) blur(.9px);transform:scale(1.04)}.featured-card-key{position:absolute;z-index:3;width:clamp(3rem,5vw,4.5rem);height:auto;opacity:0;filter:drop-shadow(0 0 .8rem rgba(191,161,84,.42));transform:translateY(.4rem);transition:opacity .22s ease,transform .22s ease}.featured-card:hover .featured-card-key{opacity:.9;transform:translateY(0)}.closing-description{max-width:48rem;margin-bottom:2rem;color:rgba(247,247,243,.72);font-size:clamp(1.2rem,2.3vw,1.85rem);line-height:1.55}.closing{position:relative;display:grid;width:100%;margin:0 auto;justify-items:center;align-content:center;padding:clamp(3.5rem,7vw,5.5rem) 0 clamp(4.5rem,10vw,8rem);overflow:hidden;text-align:center}.section-divider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:min(74rem,calc(100vw - 2rem));grid-gap:clamp(1rem,3vw,2.5rem);gap:clamp(1rem,3vw,2.5rem);margin-bottom:clamp(3.5rem,7vw,5.5rem)}.section-divider span{height:1px;background:linear-gradient(90deg,transparent,rgba(191,161,84,.42))}.section-divider span:last-child{background:linear-gradient(90deg,rgba(191,161,84,.42),transparent)}.section-divider-mark{width:clamp(1.35rem,2.4vw,2rem);height:auto;opacity:.82}.closing-copy{position:relative;z-index:1;display:grid;justify-items:center;width:min(74rem,calc(100vw - 2rem));grid-gap:clamp(2rem,5vw,3.5rem);gap:clamp(2rem,5vw,3.5rem);padding:clamp(4.5rem,9vw,7rem) clamp(1.25rem,5vw,4rem)}.closing-mark{width:min(26rem,78vw);height:auto;margin-top:clamp(.75rem,2vw,1.5rem)}.closing h2{max-width:20ch;font-size:clamp(2rem,4.4vw,4.4rem)}.work-page{position:relative;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 50% 0,rgba(191,161,84,.13),transparent 27rem),linear-gradient(180deg,#020202 0,var(--black) 52%,#050504 100%);color:var(--white);isolation:isolate}.work-page:after,.work-page:before{position:fixed;inset:0;z-index:-3;pointer-events:none;content:""}.work-page:before{background-image:url(/identity/speakeasy-door.png);background-position:top;background-size:cover;filter:grayscale(1) contrast(1.22) brightness(.32);opacity:.34}.work-page:after{background:linear-gradient(90deg,rgba(0,0,0,.88),transparent 26%,transparent 74%,rgba(0,0,0,.9)),radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.9) 72%),linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.94))}.work-grain{position:fixed;inset:-40%;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),radial-gradient(circle at 18% 20%,rgba(255,255,255,.09) 0 1px,transparent 1px),radial-gradient(circle at 82% 72%,rgba(191,161,84,.08) 0 1px,transparent 1px);background-size:17rem 17rem,43px 47px,61px 53px;mix-blend-mode:screen;opacity:.62}.work-hero{min-height:118vh;width:min(72rem,calc(100vw - 2rem));margin:0 auto;padding:clamp(8.8rem,14vw,12rem) 0 clamp(5rem,9vw,8rem);display:grid;align-content:start}.work-heading{display:grid;justify-items:center;align-content:center;grid-gap:.95rem;gap:.95rem;min-height:clamp(30rem,70vh,46rem);margin:0 auto clamp(3rem,6vw,5rem);text-align:center;animation:reveal-up .54s ease-out .14s both}.work-kicker{color:var(--gold);font-size:clamp(.68rem,1vw,.82rem);font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.work-heading h1{margin:0;font-family:var(--serif);font-size:clamp(2.15rem,5.2vw,5.2rem);font-weight:400;letter-spacing:0;line-height:.95;text-transform:uppercase;text-shadow:0 0 .8rem rgba(247,247,243,.18);font-size:clamp(4.4rem,13vw,12rem);line-height:.8}.work-subhead{color:var(--gold);font-size:clamp(.7rem,1.1vw,.9rem);font-weight:700;letter-spacing:.18em;line-height:1.45;text-transform:uppercase}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(.45rem,1vw,.8rem);gap:clamp(.45rem,1vw,.8rem);animation:work-grid-in .62s ease-out .16s both}.case-tile{--tile-index:0;position:relative;display:grid;min-height:clamp(9.4rem,16vw,13.2rem);place-items:center;overflow:hidden;isolation:isolate;background:#090909;animation:case-tile-in .52s ease-out both;animation-delay:calc(.22s + (var(--tile-index) * 70ms))}.case-tile:after,.case-tile:before{position:absolute;inset:0;z-index:-2;content:""}.case-tile:before{background-image:url(/identity/speakeasy-door.png);background-size:215% auto;background-position:calc(18% + (var(--tile-index) * 11%)) calc(12% + (var(--tile-index) * 7%));filter:grayscale(1) contrast(1.32) brightness(.58);transform:scale(1.02);transition:filter .22s ease,transform .42s ease}.case-tile:after{z-index:-1;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.72) 74%),linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.62));transition:opacity .22s ease}.case-tile:hover:before{filter:grayscale(1) contrast(1.18) brightness(.76);transform:scale(1.08)}.case-tile:hover:after{opacity:.74}.case-tile-copy{display:grid;justify-items:center;grid-gap:.45rem;gap:.45rem;text-align:center;transform:translateY(0);transition:transform .22s ease}.case-tile:hover .case-tile-copy{transform:translateY(-.18rem)}.case-tile h2{margin:0;font-family:var(--serif);font-size:clamp(1.75rem,3.6vw,3.8rem);font-weight:400;letter-spacing:0;line-height:.88;text-transform:uppercase}.case-tile p{color:rgba(247,247,243,.78);font-size:clamp(.7rem,1.1vw,.86rem);font-weight:700;letter-spacing:.15em;line-height:1.3;text-transform:uppercase}@keyframes keyhole-settle{0%{transform:scale(26)}to{transform:scale(1)}}@keyframes mark-fill-in{to{opacity:1}}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-indicator-reveal{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes key-glow{0%,to{opacity:.64;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes ambient-glow{0%,to{opacity:.34}50%{opacity:.5}}@keyframes scroll-indicator-drift{0%{opacity:.42;transform:translate(-50%,-.16rem)}50%{opacity:.86}to{opacity:.42;transform:translate(-50%,.18rem)}}@keyframes featured-carousel{to{transform:translateX(calc(-50% - clamp(.375rem, .7vw, .5rem)))}}@keyframes work-grid-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes case-tile-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media (max-width:760px){.topline{align-items:center}.topline span:last-child{text-align:right}.hero:before{background:radial-gradient(circle at center,rgba(191,161,84,.24),rgba(191,161,84,.08) 12rem,transparent 20rem)}.scroll-indicator{bottom:calc(5.25rem + env(safe-area-inset-bottom))}.intro{grid-template-columns:1fr}.featured-work{margin-top:.25rem}.work-hero{min-height:112vh;padding-top:7.5rem}.work-heading{min-height:58vh}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{margin:1.2rem 0 2rem}}@media (max-width:520px){.hero{min-height:100vh}.topline{font-size:.62rem;letter-spacing:.12em}.descriptor{max-width:21rem}.case-grid{grid-template-columns:1fr}.case-tile{min-height:8.5rem}}