@font-face{font-family:Gloock;src:url('/assets/gloock.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
[hidden]{display:none!important}
@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--bg:#18191b;--bg-deep:#141517;--paper:#e9e4da;--ink:#282722;--muted:#a6a49e;--gold:#d0aa6b;--gold-light:#e9cb91;--line:rgba(219,204,179,.18);--gutter:clamp(24px,5vw,100px);--display:Gloock,Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.dialog-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--gold-light);outline-offset:7px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:var(--gold);color:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;background:var(--paper);color:var(--bg);padding:14px;z-index:100}.skip-link:focus{top:20px}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:12;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.site-header{height:110px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:20}.wordmark{display:flex;align-items:center;gap:13px;flex-shrink:0}.wordmark img{width:55px}.wordmark-type{font-family:var(--display);font-size:27px;letter-spacing:.21em;line-height:1.1;color:var(--gold-light)}.wordmark-type small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.67em;margin-top:6px;margin-left:3px}.header-note{font-size:10px;line-height:1.6;color:var(--muted);margin-left:3vw}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.site-header nav>a{color:#c2c0b8;transition:color .2s}.site-header nav>a:hover{color:var(--gold-light)}.header-cta{border:1px solid #776348;border-radius:1px;padding:13px 17px;display:flex;align-items:center;gap:25px;font-size:11px;transition:background .2s,color .2s}.header-cta:hover{background:var(--gold);color:var(--bg)}.header-cta span{font-size:17px}.menu-toggle{display:none}
.hero{position:relative;min-height:710px;height:calc(100svh - 110px);max-height:1040px;padding:0 var(--gutter);isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:3;padding-top:clamp(80px,11vh,150px);width:58%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow,.section-kicker,.project-index{font-size:9px;letter-spacing:.15em;font-weight:500;line-height:1.6}.eyebrow{color:var(--gold);display:flex;align-items:center;gap:12px}.tiny-line{width:27px;height:1px;background:var(--gold);display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(58px,6.8vw,112px);line-height:1.06;margin-top:34px;margin-bottom:32px;max-width:740px}h1 em,h2 em{font-weight:400;color:var(--gold-light);font-style:italic;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em}.hero-description{font-size:14px;line-height:1.8;color:#afafa9;max-width:360px;margin-bottom:28px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;padding:0;transition:color .2s}.text-link:hover{color:var(--gold-light)}.circle-arrow{border:1px solid #6c604c;border-radius:50%;height:37px;width:37px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:20px;transition:transform .3s,background .3s}.text-link:hover .circle-arrow{transform:rotate(45deg);background:#342f25}.hero-orbit{position:absolute;width:67vw;height:67vw;border:1px solid rgba(208,170,107,.07);border-radius:50%;right:-11vw;top:-5vw;z-index:-1;pointer-events:none}.orbit-two{width:87vw;height:87vw;right:-21vw;top:-15vw;border-color:rgba(208,170,107,.035)}.scene-wrap{position:absolute;z-index:2;width:57%;right:-1%;top:0;height:calc(100% - 95px);touch-action:pan-y}.scene-wrap canvas{width:100%;height:100%;display:block;position:relative;z-index:2;cursor:grab;opacity:0;transition:opacity 1s;touch-action:pan-y}.scene-wrap canvas:active{cursor:grabbing}.has-webgl canvas{opacity:1}.scene-fallback{position:absolute;left:7%;top:28%;width:84%;filter:drop-shadow(0 25px 25px #0009);transition:opacity .7s;transform:perspective(800px) rotateY(-12deg) rotateZ(-8deg)}.has-webgl .scene-fallback{opacity:0}.scene-halo{position:absolute;inset:5% -5% 5% -5%;background:radial-gradient(ellipse at 55% 40%,#a88b5222,transparent 64%);pointer-events:none}.scene-shadow{position:absolute;width:54%;height:7%;left:25%;bottom:15%;background:radial-gradient(ellipse,#0007,transparent 70%);filter:blur(10px);pointer-events:none}.scene-side-note{position:absolute;right:4vw;top:33%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;color:#79766e;pointer-events:none}.scene-bottom{position:absolute;bottom:5%;left:24%;right:13%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.04em;color:#8d8b84;z-index:4}.scene-bottom>span{white-space:nowrap;display:flex;align-items:center;gap:8px}.drag-icon{font-size:18px;color:var(--gold)}.scene-bottom button{font-size:9px;padding:9px 0;display:flex;align-items:center;gap:7px;white-space:nowrap}.scene-bottom button:hover{color:var(--gold-light)}.motion-icon{color:var(--gold);font-size:10px}.hero-bottom{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:85px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#a8a39b;gap:15px}.hero-bottom i{font-style:normal;margin:0 12px;color:var(--gold)}.hero-bottom a{font-size:10px;letter-spacing:0;display:flex;align-items:center;gap:25px}.hero-bottom a span{font-size:20px;color:var(--gold)}
.section-pad{padding:85px var(--gutter) 105px}.section-kicker{display:flex;justify-content:space-between;gap:30px;margin-bottom:65px;color:var(--gold)}.section-kicker span:last-child{color:#8e8b83;font-size:8px;letter-spacing:.13em}h2{font-size:clamp(43px,5.3vw,80px);line-height:1.13;margin-bottom:0}.approach{background:var(--paper);color:var(--ink);position:relative}.approach .section-kicker{color:#87704f}.approach h2 em{color:#9b793f}.approach-intro{display:flex;justify-content:space-between;align-items:center;gap:10%;margin-bottom:65px}.approach-intro>p{font-size:13px;line-height:1.7;max-width:300px;margin:0;color:#77736a;padding-right:35px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.approach-art{position:relative;min-height:400px;background:#e0d9cc;overflow:hidden;display:flex;align-items:center;justify-content:center}.approach-art>#approach-letter{font-family:var(--display);font-size:310px;font-weight:400;line-height:1;color:#a58654;opacity:.8;position:relative;z-index:1;transform:translateY(-9px)}.approach-art svg{position:absolute;width:115%;left:-8%;bottom:12%;overflow:visible;stroke:#8c723f;stroke-width:1.1;fill:none;z-index:2}.art-caption{position:absolute;bottom:23px;left:25px;font-size:8px;letter-spacing:.11em;color:#7a6d59}.art-index{position:absolute;top:22px;right:24px;font-size:9px;color:#8a806f}.pillars{border-top:1px solid #beb6a9}.pillar{border-bottom:1px solid #beb6a9}.pillar summary{display:flex;gap:25px;align-items:center;min-height:88px;list-style:none;cursor:pointer}.pillar summary::-webkit-details-marker{display:none}.pillar summary h3{font-family:var(--display);font-size:32px;font-weight:400;letter-spacing:-.02em;margin:0}.pillar-number{font-size:9px;color:#8b7a5c;align-self:center}.pillar-plus{margin-left:auto;font-size:23px;font-weight:400;color:#928166;transition:transform .25s}.pillar[open] .pillar-plus{transform:rotate(45deg)}.pillar-body{padding:0 40px 27px 39px}.pillar-body p{font-size:13px;line-height:1.8;color:#736e65;max-width:365px;margin-bottom:21px}.pillar-body>span{font-size:8px;letter-spacing:.12em;color:#9d7c46}.pillar[open] summary h3{color:#987642}
.work{background:var(--bg-deep)}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10%;margin-bottom:62px}.section-title-row>p{color:#999890;line-height:1.8;font-size:13px;max-width:270px;margin:0 0 7px}.project-visual{background:#d4c9b7;position:relative;overflow:hidden;padding:30px 7% 60px;min-height:480px;color:#62543f}.project-visual-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.18em;position:relative;z-index:2;margin-bottom:35px}.browser-frame{width:91%;max-width:1000px;position:relative;margin:0 auto;z-index:2;box-shadow:0 24px 45px #65533440;border:1px solid #ffffff50;overflow:hidden;transform:perspective(1500px) rotateX(3deg) rotateY(-4deg);border-radius:6px;background:#f7f4ed;color:#29241c;transition:transform .8s}.project-visual:hover .browser-frame{transform:perspective(1500px) rotateX(0) rotateY(0)}.browser-chrome{height:28px;background:#e8e4dc;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#999285;font-size:7px;border-bottom:1px solid #d6d0c5}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;background:#c8c0b2;border-radius:50%}.store-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #ded8cc;font-size:8px}.store-logo{font-family:Georgia,serif;font-size:16px;letter-spacing:-.05em}.store-logo>span{display:block;font-family:var(--sans);font-size:5px;letter-spacing:.15em;text-align:center;margin-top:5px}.store-display{display:grid;grid-template-columns:1fr 1fr;min-height:285px;max-height:450px;background:#f1ede4;overflow:hidden}.store-copy{padding:clamp(25px,5vw,75px) 10% 24px 15%;align-self:center}.store-overline{font-size:6px;letter-spacing:.2em;color:#8f784f}.store-copy>p{font-family:var(--display);font-size:clamp(25px,3.8vw,62px);line-height:1.05;margin:16px 0 22px;letter-spacing:-.055em}.store-copy>p em{font-family:Georgia,serif;font-weight:400;color:#a18046}.store-shop{font-size:7px;border-bottom:1px solid #b7a07a;padding-bottom:7px;display:inline-flex;gap:22px}.store-origins{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px;font-size:5px;letter-spacing:.1em;color:#9d917c}.store-product{position:relative;overflow:hidden;min-height:260px;background:#151517}.store-product img{height:100%;width:100%;object-fit:cover;max-height:450px;display:block}.store-strip{padding:14px 30px;background:#27241e;color:#c4b087;display:flex;justify-content:space-between;gap:10px;font-size:5px;letter-spacing:.1em}.project-watermark{position:absolute;font-family:var(--display);font-size:240px;line-height:.8;bottom:-22px;right:-12px;color:#b4a389;opacity:.35}.visual-caption{position:absolute;left:7%;bottom:21px;font-size:7px;letter-spacing:.15em}.project-info{padding:36px 0 0;display:flex;justify-content:space-between;gap:60px}.project-index{color:#8b7e66;font-size:8px}.project-info h3{font-family:var(--display);font-size:35px;font-weight:400;letter-spacing:-.025em;margin:12px 0 14px}.project-info p{color:#a09e97;font-size:13px;line-height:1.8;max-width:490px;margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #484338;border-radius:30px;color:#b7aa94;padding:6px 12px;font-size:9px}.project-actions{display:flex;flex-direction:column;gap:22px;align-items:flex-start;padding-top:18px;flex-shrink:0}.quiet-link{font-size:11px;color:#9f9b91;padding:0}.quiet-link:hover{color:var(--gold-light)}.quiet-link span{margin-left:9px}
.capabilities{border-top:1px solid var(--line)}.capabilities-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10%;margin-bottom:70px}.capabilities-heading>p{color:#a09e97;font-size:13px;line-height:1.8;max-width:290px;margin:0 0 6px}.capability-list{display:grid;grid-template-columns:1fr 1fr;column-gap:7%}.capability{border-top:1px solid var(--line);padding:29px 75px 33px 33px;position:relative;min-height:174px}.capability-number{position:absolute;left:0;top:33px;font-size:8px;color:#8e7957}.capability h3{font-family:var(--display);font-size:27px;font-weight:400;letter-spacing:-.015em;margin-bottom:15px}.capability p{font-size:12px;color:#a29e94;line-height:1.8;margin:0}.capability svg{position:absolute;right:0;top:42px;width:52px;height:52px;fill:none;stroke:var(--gold);stroke-width:1.05}
.contact{background:#202123;border-top:1px solid var(--line);padding-bottom:0}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:50px;margin:0 0 75px}.contact-main .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:25px;color:#a69a84}.contact-main h2{font-size:clamp(47px,6.6vw,103px)}.project-round{background:linear-gradient(130deg,#f1d599,#bd9251);border-radius:50%;width:175px;height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;color:#27221a;gap:8px;margin-right:3%;transition:transform .3s,filter .3s}.project-round span:first-child{font-size:61px;font-weight:400;line-height:1}.project-round span:last-child{font-size:11px}.project-round:hover{transform:rotate(-7deg);filter:brightness(1.09)}.contact-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;font-size:10px;color:#aaa498}.contact-bottom p{margin:0}.contact-bottom a{display:flex;align-items:center;gap:20px}.contact-bottom a span{color:var(--gold);font-size:18px}.site-footer{padding:60px var(--gutter) 23px;background:var(--bg-deep)}.footer-wordmark{display:flex;align-items:baseline;gap:35px;font-family:var(--display);font-size:clamp(90px,22vw,360px);letter-spacing:.07em;line-height:1;color:#b6a17d;border-bottom:1px solid var(--line);padding-bottom:32px;overflow:hidden}.footer-wordmark>span{font-family:var(--sans);font-size:clamp(10px,1.45vw,20px);letter-spacing:.65em}.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;color:#827e75;margin-top:23px;letter-spacing:.03em}
dialog{border:1px solid #66593f;background:#1b1c1e;color:var(--paper);padding:55px;width:min(640px,calc(100% - 32px));max-height:calc(100svh - 45px);overflow:auto;box-shadow:0 30px 150px #0009;color-scheme:dark}dialog::backdrop{background:#08090acc;backdrop-filter:blur(9px)}dialog h2{font-size:49px;margin-bottom:22px}dialog .eyebrow{font-size:8px;letter-spacing:.16em}dialog .dialog-intro{font-size:13px;line-height:1.7;color:#a49e91;margin-bottom:28px}.dialog-close{position:absolute;right:18px;top:13px;width:36px;height:36px;font-size:30px;color:#a69c88}.dialog-close:hover{color:var(--gold-light)}.project-dialog form{display:flex;flex-direction:column;gap:18px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#bab1a1}input,select,textarea{border:1px solid #494335;border-radius:0;background:#202123;width:100%;color:#e1d9ca;padding:12px;font-size:12px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#827d72}.solid-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--gold-light);color:#28231a;padding:15px 20px;font-size:11px;min-height:46px;border:1px solid var(--gold-light);transition:filter .2s}.solid-button:hover{filter:brightness(1.1)}.solid-button>span{font-size:20px;line-height:.5}.form-note{color:#868073;font-size:9px;line-height:1.6;margin:0}.brief-actions{display:flex;gap:10px;margin:25px 0 18px}.outline-button{border:1px solid #746247;padding:13px 18px;font-size:11px}.outline-button:hover{background:#393125}#brief-output{font-family:var(--sans);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;background:#232427;border-left:1px solid var(--gold);padding:20px;max-height:320px;overflow:auto}#brief-status{font-size:11px;color:var(--gold-light);min-height:15px;margin-top:15px}.case-dialog>img{width:100%;margin-bottom:28px}.case-items>div{padding:22px 0 17px 30px;position:relative;border-top:1px solid var(--line)}.case-items>div>span{position:absolute;left:0;top:26px;color:var(--gold);font-size:8px}.case-items h3{font-family:var(--display);font-size:22px;font-weight:400;margin-bottom:10px}.case-items p{color:#a49e91;font-size:12px;line-height:1.8}.case-dialog>.solid-button{margin-top:12px}
@media(min-width:1600px){.hero-copy{width:59%}.hero{min-height:790px}.hero-description{font-size:16px;max-width:390px}.scene-wrap{right:1%;width:55%}.hero h1{font-size:112px}.section-pad{padding-top:110px;padding-bottom:125px}.contact{padding-bottom:0}}
@media(max-width:1100px){.site-header nav{gap:21px}.header-note{display:none}.hero{min-height:660px}.hero-copy{padding-top:90px;width:64%}.hero-description{max-width:325px;font-size:13px}h1{font-size:7.4vw}.scene-wrap{width:56%;right:-4%}.scene-side-note{display:none}.scene-bottom{left:20%;right:14%;gap:10px}.motion-label{display:none}.approach-art{min-height:365px}.approach-intro>p{padding-right:0;max-width:245px}.project-visual{padding:24px 5% 45px;min-height:0}.browser-frame{width:95%}.project-visual-top{margin-bottom:25px}.visual-caption{left:5%;bottom:17px}.store-copy{padding-top:34px;padding-bottom:30px}.store-display{min-height:250px}.project-info{gap:25px}.capability{padding-right:65px}.capability h3{font-size:24px}.project-round{width:145px;height:145px}}
@media(max-width:760px){:root{--gutter:24px}.site-header{height:86px}.wordmark-type{font-size:24px}.wordmark img{width:46px}.wordmark{gap:10px}.wordmark-type small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px 0 12px 14px;z-index:23;justify-content:center}.menu-toggle>span:not(.sr-only){width:25px;height:1px;background:var(--gold-light);transition:transform .25s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:85px;right:calc(-1 * var(--gutter));left:calc(-1 * var(--gutter));padding:25px var(--gutter) 30px;background:#1b1c1e;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:0;box-shadow:0 20px 35px #0005}.site-header nav.is-open{display:flex}.site-header nav>a{padding:16px 0;font-size:20px;font-family:var(--display)}.header-cta{margin-top:14px;justify-content:space-between;width:100%;padding:16px}.hero{height:auto;min-height:0;max-height:none;padding-top:0}.hero-copy{width:100%;padding-top:54px;pointer-events:auto}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.14em}.hero h1{font-size:clamp(51px,11.7vw,80px);margin-top:23px;margin-bottom:22px;max-width:600px}.hero-description{max-width:310px;font-size:12px;line-height:1.8;margin-bottom:23px}.hero .text-link{font-size:11px}.hero .circle-arrow{width:32px;height:32px}.hero-orbit{width:130vw;height:130vw;right:-47vw;top:270px}.orbit-two{width:170vw;height:170vw;right:-67vw;top:190px}.scene-wrap{position:relative;width:calc(100% + 48px);height:340px;right:auto;margin:0 -24px;top:auto}.scene-halo{inset:-20% 0 0}.scene-fallback{top:16%;width:80%;left:10%}.scene-bottom{left:24px;right:24px;bottom:20px;font-size:8px}.scene-bottom button{font-size:8px}.motion-label{display:inline}.scene-shadow{bottom:16%;height:8%}.hero-bottom{position:relative;height:auto;left:auto;right:auto;flex-direction:column;align-items:flex-start;gap:17px;padding:24px 0 26px;margin-top:0;font-size:7px;letter-spacing:.07em}.hero-bottom i{margin:0 7px}.hero-bottom a{font-size:9px;gap:20px}.hero-bottom a span{font-size:16px}.section-pad{padding-top:48px;padding-bottom:55px}.section-kicker{font-size:7px;letter-spacing:.11em;margin-bottom:38px}.section-kicker span:last-child{font-size:6px;letter-spacing:.07em;text-align:right;max-width:130px}h2{font-size:clamp(39px,9.6vw,66px)}.approach-intro{display:block;margin-bottom:30px}.approach-intro>p{max-width:100%;font-size:12px;margin-top:23px}.approach-intro>p br:first-child{display:none}.approach-grid{grid-template-columns:1fr;gap:30px}.approach-art{min-height:0;height:235px}.approach-art>#approach-letter{font-size:210px;transform:translateY(1px)}.approach-art svg{width:100%;left:0;bottom:-5%}.art-caption{font-size:7px;left:18px;bottom:16px}.art-index{font-size:8px;top:17px;right:18px}.pillar summary{min-height:76px}.pillar summary h3{font-size:28px}.pillar-body p{font-size:12px;max-width:none}.pillar-body{padding-right:20px}.section-title-row{display:block;margin-bottom:30px}.section-title-row>p{margin-top:23px;font-size:12px;max-width:100%}.project-visual{margin-left:-8px;margin-right:-8px;padding:20px 12px 36px}.project-visual-top{font-size:5px;letter-spacing:.1em;margin-bottom:21px}.browser-frame{width:100%;border-radius:3px;transform:perspective(900px) rotateY(-3deg)}.browser-chrome{height:18px;padding:0 8px;font-size:5px}.browser-dots{gap:3px}.browser-dots i{width:3px;height:3px}.store-header{padding:12px 13px;font-size:5px}.store-logo{font-size:10px}.store-logo>span{font-size:4px;margin-top:3px}.store-copy{padding:20px 12px 16px 18px}.store-overline{font-size:4px;letter-spacing:.08em}.store-copy>p{font-size:30px;margin-top:11px;margin-bottom:17px}.store-shop{font-size:5px;gap:11px;padding-bottom:5px}.store-origins{gap:11px;margin-top:22px;font-size:4px}.store-display{min-height:185px}.store-product{min-height:185px}.store-product img{max-height:235px;min-height:100%}.store-strip{padding:9px 13px;font-size:3.5px}.project-watermark{font-size:140px;bottom:-12px}.visual-caption{font-size:5px;bottom:12px;left:13px}.project-info{display:block;padding-top:27px}.project-info h3{font-size:29px;margin-top:12px}.project-info p{font-size:12px}.tags span{font-size:8px;padding:6px 10px}.project-actions{flex-direction:row;align-items:center;gap:25px;padding-top:27px;flex-wrap:wrap}.project-actions .text-link{font-size:11px;gap:15px}.quiet-link{font-size:10px}.project-actions .circle-arrow{width:30px;height:30px}.capabilities-heading{display:block;margin-bottom:35px}.capabilities-heading>p{font-size:12px;max-width:100%;margin-top:22px}.capability-list{grid-template-columns:1fr}.capability{padding:24px 63px 28px 28px;min-height:150px}.capability-number{top:29px}.capability h3{font-size:25px}.capability p{font-size:12px}.capability svg{top:37px;width:45px;height:45px}.contact{padding-bottom:0}.contact-main{display:block;margin-bottom:38px}.contact-main .eyebrow{font-size:7px}.contact-main h2{font-size:clamp(42px,10.2vw,70px)}.project-round{width:117px;height:117px;margin:30px 0 0 auto;gap:4px}.project-round span:first-child{font-size:42px}.project-round span:last-child{font-size:10px}.contact-bottom{font-size:8px;padding:20px 0;gap:12px}.contact-bottom a{gap:12px;white-space:nowrap}.site-footer{padding-top:35px;padding-bottom:22px}.footer-wordmark{font-size:23vw;gap:15px;padding-bottom:25px;letter-spacing:.04em}.footer-wordmark>span{font-size:8px;letter-spacing:.42em}.footer-meta{font-size:6px;gap:13px;flex-wrap:wrap;margin-top:18px}.footer-meta>span:nth-child(2){order:3;flex-basis:100%}.footer-meta>span:last-child{margin-left:auto}dialog{padding:40px 24px 28px;width:calc(100% - 24px);max-height:calc(100svh - 24px)}dialog h2{font-size:39px}.dialog-intro{font-size:12px!important}.dialog-close{right:10px;top:8px}.form-pair{grid-template-columns:1fr;gap:18px}.brief-actions{flex-wrap:wrap}}
@media(max-width:360px){.hero h1{font-size:12vw}.scene-wrap{height:300px}.scene-bottom{font-size:7px}.motion-label{display:none}.hero-bottom{font-size:6px}.store-copy>p{font-size:26px}.project-visual-top>span:last-child{letter-spacing:0}.section-kicker{font-size:6px}.footer-wordmark{font-size:22vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.browser-frame{transform:none}.scene-fallback{transform:none}}

/* The page flows normally while one viewport canvas carries the mark. */
.wordmark-type small{font-size:8px;letter-spacing:.19em;margin-left:2px}
.footer-wordmark>span{font-size:clamp(14px,2.5vw,36px);letter-spacing:.015em;color:var(--gold)}
.hero-track{--hero-height:clamp(710px,calc(100svh - 110px),1040px);position:relative}
.hero-track.motion-enabled{height:auto}
.hero-track.motion-enabled>.hero{position:relative;top:auto;height:var(--hero-height);min-height:0;max-height:none}
.scene-wrap{width:100%;right:0}
.scene-fallback{left:53%;width:43%;top:28%}
.scene-halo{inset:5% -5% 5% 40%}
.scene-shadow{left:60%;width:31%}
.scene-bottom{left:65%;right:8%;transition:opacity .12s linear}
.scene-wrap canvas{transition:opacity .35s}
.hero-copy,.hero-bottom{will-change:opacity,transform}
@media(min-width:1600px){.hero-track{--hero-height:clamp(790px,calc(100svh - 110px),1040px)}.scene-wrap{width:100%;right:0}}
@media(min-width:761px) and (max-width:1100px){.hero-track{--hero-height:clamp(660px,calc(100svh - 110px),1040px)}.scene-wrap{width:100%;right:0}.scene-bottom{left:66%;right:7%}}
@media(max-width:760px){.hero-track.motion-enabled{height:auto}.hero-track.motion-enabled>.hero{position:relative;height:auto;min-height:0;max-height:none}.scene-wrap{width:calc(100% + 48px);right:auto}.scene-fallback{left:10%;top:16%;width:80%}.scene-halo{inset:-20% 0 0}.scene-shadow{left:25%;width:54%}.scene-bottom{left:24px;right:24px}.footer-wordmark{gap:11px}.footer-wordmark>span{font-size:clamp(10px,2.6vw,16px);letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.hero-track.motion-enabled{height:auto}.hero-track.motion-enabled>.hero{position:relative}}

/* Real layout anchors, with no extra scroll space. */
.hero-mark-target{position:absolute;left:73.5%;top:47%;width:43%;aspect-ratio:4.69/2.44;transform:translate(-50%,-50%);pointer-events:none}
.brand-viewport{position:fixed;inset:0;z-index:9;pointer-events:none;overflow:hidden}
.brand-viewport canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .25s;pointer-events:none}
.brand-viewport.has-webgl canvas{opacity:1}
.scene-wrap{cursor:grab;touch-action:pan-y}
.scene-wrap:active{cursor:grabbing}
.scene-wrap:focus-visible{outline:1px solid var(--gold);outline-offset:-8px}
.audience-mark-target{position:absolute;left:50%;top:50%;width:88%;aspect-ratio:4.69/2.44;transform:translate(-50%,-54%);z-index:2;pointer-events:none}
.audience-mark-fallback{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #765b3226)}
.audience-mark-target::after{content:'';position:absolute;left:23%;right:23%;bottom:-20px;height:16px;border-radius:50%;background:#5e431c;filter:blur(15px);opacity:calc(var(--arrival,0) * .15)}
.approach-art[data-letter="A"]>#approach-letter{opacity:0!important}
.approach-art[data-letter="A"]>.approach-art-lines{opacity:0}
.approach-art:not([data-letter="A"])>.audience-mark-target{opacity:0}
.approach-art.bridge-active .audience-mark-fallback{opacity:0}
.page-grain{inset:-48px;opacity:.045;background-size:160px 160px;animation:tv-grain .8s steps(1,end) infinite;will-change:transform}
.page-grain::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0008 0px,#0008 1px,transparent 1px,transparent 4px);opacity:.18}
@keyframes tv-grain{0%,100%{transform:translate(0,0)}12.5%{transform:translate(-14px,9px)}25%{transform:translate(11px,-17px)}37.5%{transform:translate(-9px,-7px)}50%{transform:translate(17px,14px)}62.5%{transform:translate(-18px,4px)}75%{transform:translate(6px,-13px)}87.5%{transform:translate(13px,17px)}}
html.page-hidden .page-grain,body.dialog-open .page-grain{animation-play-state:paused}
@media(max-width:760px){.hero-mark-target{left:50%;top:45%;width:82%}.audience-mark-target{width:min(88%,390px)}.page-grain{opacity:.04}}
@media(prefers-reduced-motion:reduce){.page-grain{animation:none;transform:none;will-change:auto}.brand-viewport canvas{transition:none}}
/* One continuous charcoal room, with gold objects and an editorial reading track. */
.approach{background:var(--bg);color:var(--paper);padding-bottom:0}.approach .section-kicker{color:var(--gold)}.approach h2 em{color:var(--gold-light)}.approach-intro>p{color:#a6a49e}.room-story{position:relative;display:grid;grid-template-columns:57% 36%;gap:7%;align-items:start}.room-stage{height:80svh;min-height:430px;max-height:820px;position:sticky;top:10svh;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 48%,#a47c3021,transparent 65%)}.room-stage .audience-mark-target{width:76%;top:46%}.room-stage .audience-mark-target::after{display:none}.room-coordinate{position:absolute;top:24px;left:0;color:#9c8b6e;font-size:8px;letter-spacing:.16em}.room-stage .art-caption{left:0;bottom:25px;color:var(--gold-light);font-size:9px}.room-stage .art-index{right:0;top:auto;bottom:25px;color:#b49b72}.room-progress{position:absolute;left:0;bottom:0;height:1px;width:100%;background:#d0aa6b22}.room-progress i{display:block;background:var(--gold);height:100%;width:var(--room-progress,0%)}.room-chapter{min-height:90svh;display:flex;flex-direction:column;justify-content:center;padding:80px 0;position:relative}.room-chapter-index{font-size:10px;letter-spacing:.18em;color:var(--gold);margin-bottom:27px}.room-chapter h3{font:400 clamp(38px,4.2vw,66px)/1.1 var(--display);letter-spacing:-.035em;margin-bottom:25px}.room-chapter p{font-size:14px;line-height:1.9;color:#b2afa6;max-width:350px}.room-chapter-tag{font-size:8px;letter-spacing:.13em;color:#a38d68;margin-top:13px}.room-wash{position:absolute;inset:0;background:linear-gradient(transparent 30%,#d5ab610a 49%,transparent 65%);background-size:100% 230%;animation:room-scan 12s linear infinite}.page-grain{opacity:.12;background-size:125px 125px;mix-blend-mode:screen;animation-duration:.65s}.page-grain::after{opacity:.4}.room-stage.bridge-active .audience-mark-fallback{opacity:0}.room-stage:not([data-letter=A]) .audience-mark-target{opacity:1}html.motion-paused .page-grain,html.motion-paused .room-wash,html.page-hidden .room-wash,body.dialog-open .room-wash{animation-play-state:paused}@keyframes room-scan{from{background-position:0 180%}to{background-position:0 -100%}}
@media(max-width:760px){.room-story{display:block}.room-stage{height:46svh;min-height:290px;top:0;z-index:1;background:radial-gradient(ellipse at center,#30291e,#18191b 75%)}.room-stage .audience-mark-target{width:68%;max-width:350px;top:47%}.room-chapters{position:relative;z-index:2;pointer-events:none}.room-chapter{min-height:85svh;padding:49svh 0 40px;justify-content:flex-start}.room-chapter h3{font-size:40px;margin-bottom:16px}.room-chapter p{font-size:13px;max-width:360px}.room-chapter-index{margin-bottom:15px}.room-chapter-tag{margin-top:0}.room-coordinate{top:18px;font-size:7px}.room-stage .art-caption,.room-stage .art-index{bottom:18px;font-size:8px}.page-grain{opacity:.095}.approach-intro{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.room-wash{animation:none}.room-chapter{min-height:65svh}.room-stage{position:sticky}}

/* Content determines section height. No viewport-sized gaps between paragraphs. */
.room-chapter{min-height:0;padding:30px 0;justify-content:flex-start}
.room-chapters{padding-top:14svh;padding-bottom:20svh}
.room-chapter-index{margin-bottom:18px}
.room-chapter h3{margin-bottom:18px}
.room-chapter-tag{margin-top:5px}
@media(max-width:760px){
  .room-chapter{min-height:0;padding:20px 0;justify-content:flex-start}
  .room-chapters{z-index:0;padding-top:4px;padding-bottom:24px}
  .room-chapter-index{margin-bottom:12px}
  .room-chapter h3{margin-bottom:14px}
}