/* Obsidian / champagne art direction. Interaction geometry remains in scenes.js. */
:root{--ink:#06090c;--gold:#e7b977;--paper:#06090c;--muted:#a8abae;background:var(--ink)}
body{background:#06090c}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon-defs+*{isolation:isolate}
.header{height:100px;gap:32px;color:#f1f1ee}.header:before{background:linear-gradient(#05080be8,#05080b60,transparent)}
.header.light{color:#f1f1ee;background:linear-gradient(#05080bee,#05080b96);backdrop-filter:blur(18px)}
.brand{flex-shrink:0}.brand-digits{font-weight:800;font-size:37px;letter-spacing:-2.9px}.brand-word{font-size:12px;padding-top:12px}.brand-dot{color:#d1ab75;font-size:8px;top:0;right:1px}
.brand-descriptor{display:none;color:#949b9e;font-size:8px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-left:1px solid #b9bfc02b;padding-left:30px}.brand-descriptor i{font-style:normal;padding:0 7px;color:#c49b61}
.header>nav{gap:20px;align-items:center;margin-left:auto}.header>nav>a{padding:12px 18px;white-space:nowrap}.header>nav .nav-work,.header>nav>a.active{border-radius:40px;border:1px solid #b69b695e;background:radial-gradient(ellipse at 46% 100%,#cca16b29,transparent 65%),linear-gradient(140deg,#ffffff0d,transparent 45%);box-shadow:inset 0 1px 2px #ffdf9b40,0 0 20px #d1a56a0c}.header nav a:after{display:none}.header nav a:hover{color:#e8bd85}.header-cta{background:linear-gradient(110deg,#fff9e8,#dfbf8b 50%,#f8f7f3);border:1px solid #fff7dfb0;color:#15191b;padding:12px 20px;font-weight:600;box-shadow:0 0 25px #eec68612}.header-cta:hover{box-shadow:0 0 30px #eec68630;background:linear-gradient(110deg,#fff9e8,#f2cf96)}.header-actions{gap:24px}.motion-bars{color:#e7e9e8}
.hero{min-height:780px;background:#06090c url('./noir-landscape.png') center center/cover no-repeat}
.hero-vignette{background:linear-gradient(90deg,#03060991,transparent 55%),linear-gradient(0deg,#030609c9,transparent 15%,transparent 78%,#03060940)}
.hero-copy{top:21%;width:43%;max-width:660px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.23em;color:#c2c3c3;margin-bottom:25px}.tiny-star{font-size:20px;color:#f8ca7e;text-shadow:0 0 18px #ffca7870}
.hero h1{font-weight:400;line-height:1.04;font-size:clamp(52px,5.2vw,98px);letter-spacing:-.055em}.hero h1 em{font-family:Manrope,Arial,sans-serif;font-synthesis:style;font-style:italic;font-weight:650;letter-spacing:-.055em;background:linear-gradient(105deg,#b38343,#f2c47a 55%,#ba8540);background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold)}
.hero-description{color:#b5b7b9;font-size:clamp(13px,1.15vw,18px);line-height:1.65;margin:28px 0 28px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:nowrap}
.round-link{min-height:55px;background:linear-gradient(110deg,#ffe2a3,#d3a052);border:1px solid #fde6adcb;border-radius:45px;gap:26px;flex-direction:row-reverse;padding:6px 6px 6px 24px;color:#11171c;font-size:12px;font-weight:600;box-shadow:inset 0 1px 2px #fff6de,0 0 30px #e6af5f2b,0 7px 24px #0005;transition:box-shadow .3s,transform .3s;white-space:nowrap}.round-link small{display:none}.round-icon{width:41px;height:41px;background:#0b131b;border:1px solid #ffdfa14d;color:white;font-size:23px;flex-shrink:0}.round-link:hover{box-shadow:0 0 38px #edbb6a50;transform:translateY(-2px)}.round-link:hover .round-icon{color:#fff;background:#1e2932;transform:rotate(0)}
.secondary-link{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}.secondary-link>span{width:42px;height:42px;border:1px solid #b3b8bd7a;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#090e1140;box-shadow:inset 0 1px 2px #ffffff20;transition:border-color .3s,color .3s}.secondary-link:hover>span{color:var(--gold);border-color:var(--gold)}.secondary-link small{display:block;font-size:9px;color:#959da2;margin-top:5px}
.hero-principles{display:flex;margin-top:48px;gap:24px}.hero-principles>div{padding:0 24px 0 0;min-width:96px;border-right:1px solid #c6cacc30}.hero-principles>div:last-child{border:0;padding:0}.hero-principles strong{font-size:23px;letter-spacing:-.03em;font-weight:600;line-height:1.3}.hero-principles>div:last-child strong{font-size:31px;line-height:.94}.hero-principles span{display:block;font-size:9px;color:#afb1b0;margin-top:5px;line-height:1.45}.hero-side-note{display:none}
.hero-bottom{bottom:25px;color:#a6a9aa}.hero-bottom>p{visibility:hidden}.scroll-cue{flex-direction:column;gap:6px;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.scroll-cue>span:first-child{display:none}.scroll-arrow{height:42px;width:24px;font-size:16px;border-color:#b9b5a872;background:#070a0c52}.edition{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:8px;letter-spacing:.15em;color:#a9adae}.edition i{display:block;width:30px;height:1px;background:#91979780}
.works,.approach,.contact,.project-dialog{isolation:isolate;background-color:#06090c;color:#f1f2ef;color-scheme:dark}
.works:before,.approach:before,.contact:before,.project-dialog:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#06090c44,#06090c99),url('./noir-landscape.png');background-size:cover;background-position:center;opacity:.7}
.works:after,.approach:after,.project-dialog:after{content:'';pointer-events:none;position:absolute;z-index:-1;border-radius:50%;border:1px solid #d3b07b0d;border-top-color:#fbd4a6bf;box-shadow:0 -4px 12px -5px #ffd5a7,0 -20px 38px -27px #eab573,inset 0 15px 22px -24px #ffe8ca;transform:rotate(-22deg);width:75vw;height:75vw;left:35%;top:8%;opacity:.9}
.works{padding-top:120px;min-height:720px;height:100svh;max-height:1300px}.works:before{opacity:.52;background-image:linear-gradient(#06090c33,#06090c80 65%,#06090c),url('./noir-landscape.png')}.works:after{top:11%;left:36%;width:66vw;height:66vw}
.section-top h2{font-size:clamp(35px,3.2vw,58px);font-weight:400;line-height:1.08;color:#f3f4f2}.section-top h2 em{color:#e3b88d}.section-top .eyebrow{color:#9a9e9f;font-size:9px}.gallery-instruction{border-left:1px solid #d8b5809c;padding:0 0 0 19px;color:#c3c6c6;font-size:11px;line-height:1.75;text-align:left;margin-bottom:8px}.gallery-stage{min-height:330px;margin-top:8px}.gallery-canvas{filter:drop-shadow(0 16px 20px #0008)}
.gallery-arrow{background:radial-gradient(ellipse at 50% 0,#ffffff12,transparent 65%),#080d10b8;color:#f3f4f1;border:1px solid #c2c6c78c;box-shadow:inset 0 1px 2px #fff4,0 0 20px #0008;backdrop-filter:blur(10px);width:46px;height:46px}.gallery-arrow:hover{background:#181b1ed9;border-color:#f2c98c;box-shadow:0 0 21px #dca66135}.drag-label{color:#aaadae;bottom:1px;font-size:7px}.gallery-bottom{align-items:center;padding-top:24px;padding-bottom:32px}.project-name{color:#f5f5f1;font-size:clamp(27px,2.7vw,45px);font-weight:400}.project-meta{color:#a2a8ac;font-size:9px}.project-open-arrow{font-size:23px;color:#dedfdb}.gallery-pagination{align-self:center;display:flex;flex-direction:column;align-items:center;gap:7px}.project-dots{margin:0}.project-dots button{width:26px}.project-dots button:after{background:#8f969768;height:1px}.project-dots button[aria-pressed=true]:after{height:2px;background:#ffdaab;box-shadow:0 0 8px 1px #ffd9a7}.concept-note{color:#939a9f;font-size:8px;line-height:1.7;text-align:center;margin:0}.project-inquiry{display:flex;gap:12px;align-items:center;border:1px solid #bac2c34a;border-radius:45px;padding:7px 20px 7px 7px;background:linear-gradient(135deg,#ffffff13,transparent 50%),#0c1013bb;backdrop-filter:blur(12px);box-shadow:inset 0 1px 2px #fff3;font-size:11px}.project-inquiry>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #e7c29380;color:#efd1a3;font-size:25px;background:radial-gradient(#edbe7529,transparent 70%)}.project-inquiry small{display:block;font-size:9px;color:#979fa3;margin-top:4px}.project-inquiry:hover{border-color:#e6be84}.fallback-project{border-radius:18px;border:1px solid #c4ad8990;box-shadow:0 0 18px #d9b78222,0 25px 70px #000}
.approach{position:relative;padding-top:120px;padding-bottom:75px;grid-template-columns:1.14fr 1fr;gap:60px 80px;overflow:hidden}.approach:before{opacity:.85;background-position:center bottom;background-image:linear-gradient(#06090c77,transparent 75%,#06090c20),url('./noir-landscape.png')}.approach:after{top:-20%;left:38%;width:85vw;height:85vw;opacity:.7}.approach h2{font-size:clamp(39px,4.4vw,78px);line-height:1.1}.approach h2 em{color:#e9bd7b;white-space:nowrap}.approach .eyebrow{color:#9fa5a7}.approach .approach-description{font-size:14px;color:#b1b6b8;line-height:1.7;margin-top:29px;max-width:460px}.approach-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.gold-button{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;min-height:49px;padding:0 24px;background:linear-gradient(110deg,#fff4ce,#e3b366 60%,#b8883f);border:1px solid #fff0c09e;border-radius:40px;box-shadow:inset 0 1px 2px #fff8dd,0 0 24px #e9ae4f26;color:#0c1013;font-size:12px;font-weight:600;transition:box-shadow .3s,transform .3s}.gold-button>span{font-size:18px;font-weight:400}.gold-button:hover{box-shadow:0 0 32px #ffd08c55;transform:translateY(-2px)}
.process-list{position:relative}.process-list:before{content:'';position:absolute;left:36px;top:60px;bottom:90px;width:1px;background:linear-gradient(#c2c8cc44,#e6bc80,#8998a65e)}.process-list article,.process-list article:first-child{border:0;padding:0;display:grid;grid-template-columns:74px 1fr;grid-template-rows:18px auto;column-gap:29px;row-gap:4px;margin-bottom:33px}.process-list article:last-child{margin-bottom:0}.process-list .step{grid-column:2;grid-row:1;margin:0;color:#a4aaad;font-size:10px}.process-list article>div{grid-column:2;grid-row:2}.process-list h3{font-size:21px;font-weight:500;letter-spacing:-.04em;margin-bottom:9px}.process-list p{font-size:12px;color:#aeb4b7;line-height:1.7}.process-symbol{grid-column:1;grid-row:1/3;position:relative;display:grid;place-items:center;width:74px;height:74px;margin:0;border-radius:19px;border:1px solid #ced3d173;background:linear-gradient(145deg,#94a0a137,#1d242480 28%,#070b0ef2 66%,#dcb57729);box-shadow:inset 1px 2px 4px #fff5,inset -1px -2px 4px #e9b76b80,0 12px 28px #0005,0 7px 16px -8px #ffc368;color:#fff0cd}.process-symbol:after{content:'';position:absolute;bottom:0;left:9px;width:40px;height:2px;background:#ffe1a7;box-shadow:0 0 12px 3px #f3b95c66;transform:rotate(8deg);border-radius:50%}.process-symbol svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.services-line{position:relative;border:1px solid #ceb384a1;border-radius:65px;padding:20px 28px;gap:20px;background:linear-gradient(135deg,#fcf0ca12,transparent 40%,#f5bc591c),#080d11c4;backdrop-filter:blur(16px);box-shadow:inset 0 2px 5px #ffe8c94a,inset 0 -2px 3px #e5b26466,0 0 32px #e1a25512;color:#e1e3e1;font-size:clamp(12px,1.25vw,20px)}.services-line:before{content:'';position:absolute;height:2px;left:30px;right:30px;top:-1px;background:linear-gradient(90deg,transparent,#fff0ca,transparent 45%,#ffdba6,transparent);box-shadow:0 0 15px #f6bc6c}.services-line>span{display:flex;align-items:center;gap:15px;white-space:nowrap}.services-line>span:first-child{color:#f4d9a4}.services-line svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.services-line i{width:1px;height:24px;background:#b1bac038;flex-shrink:0}
.contact{padding-top:90px}.contact:before{background-position:center 80%;background-image:linear-gradient(#06090c,#06090c88 35%,#06090caa),url('./noir-landscape.png');opacity:.5}.contact h2 em{color:#e8bd88}.contact h2>span{border:1px solid #d7bd91;border-radius:50%;font-size:.5em;display:grid;place-items:center;width:1.6em;height:1.6em;top:18%;color:#f7d293;box-shadow:0 0 24px #e8b46622}.contact .eyebrow{color:#b1b3b4}.contact-status{border-color:#d7b47b66}.contact-status>span{box-shadow:0 0 12px #efbc72}.contact-bottom>p{color:#a7afb5}footer{border-color:#cdb18032;color:#919ba1}
.project-dialog[open]{display:grid;grid-template-columns:37% minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) auto 18px;column-gap:24px;row-gap:16px}.project-dialog{padding:20px var(--pad) 16px;background:#05090c;overflow:hidden}.project-dialog:before{background-image:linear-gradient(#06090c55,#06090c25),url('./noir-landscape.png');background-position:center;opacity:.85}.project-dialog:after{width:70vw;height:70vw;left:37%;top:7%}.project-dialog::backdrop{background:#04070bfa}.detail-head{grid-column:1/-1;grid-row:1;justify-content:space-between;gap:30px}.detail-brand{font-weight:800;font-size:33px;letter-spacing:-2px;line-height:1;display:flex;gap:4px;align-items:baseline}.detail-brand span{font-size:12px;letter-spacing:.3px}.detail-brand i{font-size:8px;color:var(--gold);font-style:normal;align-self:start}.detail-top-note{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9ba2a7;margin-right:auto}.close-project{background:#090f13a8;border:1px solid #b8bfc16b;box-shadow:inset 0 1px 2px #fff2;color:#f1f4f2;flex-direction:row;white-space:nowrap;gap:13px;padding:10px 18px}.close-project:hover{border-color:#edc58b}.close-project span{font-size:18px}
.detail-sidebar{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:0;padding:12px 0 20px;position:relative;z-index:1}.detail-sidebar .eyebrow{color:#a8acaf;font-size:9px;letter-spacing:.15em;margin-bottom:22px}.detail-sidebar h2{font-size:clamp(36px,4.3vw,76px);font-weight:400;letter-spacing:-.065em;line-height:1.06;overflow-wrap:normal;max-width:100%}.detail-tagline{font-family:Georgia,serif;font-size:clamp(23px,2.5vw,44px);font-style:italic;letter-spacing:-.045em;color:#eabd7b;line-height:1.15;margin-top:18px}.detail-intro{font-size:12px;line-height:1.8;color:#b1b8bd;margin-top:23px;max-width:360px}.detail-facts{display:flex;gap:20px;margin:28px 0 28px;align-items:start}.detail-facts>div{padding-right:20px;border-right:1px solid #b5babc42}.detail-facts>div:last-child{border:0;padding:0}.detail-facts small{display:block;font-size:8px;color:#9ba4ab;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.detail-facts span{font-size:11px;color:#eef0ed}.detail-sidebar>.gold-button{font-size:11px;min-height:47px}.detail-sidebar>a{font-size:11px;color:var(--gold);padding:14px 0 0}.detail-stage{grid-column:2;grid-row:2;width:100%;min-height:0;margin:0;align-self:stretch;transform:perspective(1800px) rotateY(-8deg) rotateZ(-1.2deg);transform-origin:center}.detail-canvas{filter:drop-shadow(0 20px 30px #0009) drop-shadow(-3px 1px 4px #f9c78025)}.detail-fallback{padding:12px}.detail-fallback canvas{border-radius:16px;box-shadow:0 0 20px #e7b46c3b}.detail-bottom{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(250px,1fr) auto;gap:28px;min-height:80px;border-top:1px solid #c2b59738;padding-top:16px}.detail-bottom>div:first-child{min-width:0}.detail-bottom>div:first-child>span{color:#c4c8c5;font-size:10px}.detail-bottom p{font-size:clamp(21px,2.4vw,40px);color:#f3f2ec;font-weight:400}.detail-bottom .detail-description{font-size:12px;line-height:1.7;color:#afb7bc;max-width:490px;margin:0}.detail-controls{gap:11px}.detail-controls button{background:#080e12b5;border:1px solid #b9c3c487;color:#f8f8f3;box-shadow:inset 0 1px 2px #fff3;font-size:22px;width:45px;height:45px}.detail-controls button:last-child{border-color:#eac88e;box-shadow:0 0 23px #efbd7336,inset 0 1px 2px #ffe9c8}.detail-controls button:hover:enabled{background:#30291d}.detail-disclaimer{grid-column:1/-1;grid-row:4;color:#878f94;font-size:8px;margin:0}.detail-fallback>p{color:#bbc4c9;font-size:14px;max-width:500px}
@media(min-width:1450px){.brand-descriptor{display:block}.header>nav{margin:0 auto;gap:12px}.header{gap:32px}.header-actions{gap:35px}.hero-copy{top:21%;}.hero-description{margin:30px 0 34px}.round-link{min-height:60px;font-size:14px;padding-left:30px;gap:35px}.round-icon{width:45px;height:45px}.secondary-link{font-size:13px}.secondary-link>span{width:47px;height:47px}.secondary-link small{font-size:10px}.hero-principles{margin-top:57px;gap:32px}.hero-principles>div{padding-right:30px;min-width:118px}.hero-principles strong{font-size:27px}.hero-principles span{font-size:10px}.gallery-instruction{font-size:13px}.approach .approach-description{font-size:17px}.process-list h3{font-size:25px}.process-list p{font-size:14px}.detail-intro{font-size:15px;max-width:450px}.detail-facts span{font-size:14px}.detail-facts small{font-size:9px}.detail-bottom .detail-description{font-size:14px}.detail-sidebar>.gold-button{min-height:54px;font-size:13px}.detail-sidebar>a{font-size:13px}.detail-head{height:70px}}
@media(min-width:701px) and (max-height:820px){.hero-copy{top:20%}.hero h1{font-size:clamp(49px,4.55vw,72px)}.hero-copy .eyebrow{margin-bottom:22px}.hero-description{margin:22px 0 24px}.hero-principles{margin-top:30px}.hero{min-height:740px}.detail-sidebar .eyebrow{margin-bottom:15px}.detail-tagline{margin-top:12px}.detail-intro{margin-top:17px;line-height:1.65}.detail-facts{margin:20px 0}.detail-sidebar h2{font-size:clamp(36px,4vw,66px)}}
@media(max-width:1100px) and (min-width:701px){.header{gap:20px}.header>nav{gap:4px}.header>nav>a{padding:11px 13px}.header-actions{gap:20px}.hero-copy{width:46%;top:22%}.hero h1{font-size:5.2vw}.hero-actions{gap:16px}.round-link{font-size:10px;gap:14px;padding-left:19px;min-height:50px}.round-icon{width:36px;height:36px}.secondary-link>span{width:34px;height:34px}.secondary-link{font-size:9px;gap:9px}.secondary-link small{font-size:8px}.hero-principles{gap:19px}.hero-principles>div{padding-right:19px;min-width:88px}.gallery-instruction{font-size:10px}.project-inquiry{font-size:10px;padding-right:14px;gap:9px}.project-inquiry small{font-size:8px}.project-inquiry>span{width:32px;height:32px}.project-name{font-size:30px}.project-dots{gap:5px}.project-dots button{width:20px}.approach{gap:44px;grid-template-columns:1.05fr 1fr;padding-top:90px}.approach-actions{gap:15px;flex-wrap:wrap}.process-list article{column-gap:20px;grid-template-columns:64px 1fr}.process-symbol{width:64px;height:64px;border-radius:17px}.process-list:before{left:32px}.process-list h3{font-size:18px}.process-list p{font-size:11px}.services-line{padding:20px;gap:10px}.services-line>span{gap:9px;font-size:11px}.services-line svg{width:22px;height:22px}.detail-sidebar h2{font-size:39px}.detail-tagline{font-size:26px}.detail-intro{font-size:11px}.detail-facts{gap:10px}.detail-facts>div{padding-right:10px}.detail-bottom .detail-description{font-size:11px}}
@media(max-width:700px){:root{--pad:22px}.header{height:78px;gap:0}.brand-digits{font-size:31px;letter-spacing:-2.6px}.brand-word{font-size:10px;padding-top:9px}.brand-dot{font-size:6px;top:-1px}.header>nav{display:none}.header-actions{gap:13px}.header-cta{padding:8px 12px;font-size:9px;gap:10px;box-shadow:none}.motion-toggle{width:18px}.header-cta span{font-size:16px}.header .mobile-nav:not([hidden]){background:linear-gradient(135deg,#171b1ef5,#080c10fa);border-bottom:1px solid #bfa47840;font-size:23px;box-shadow:0 18px 40px #0008}.hero{height:100svh;min-height:840px;max-height:1200px;background-position:58% bottom;background-size:auto 100%}.hero-vignette{background:linear-gradient(0deg,#06090c90,transparent 20%,#06090c08 48%,#06090c90 67%,#06090ca0)}.hero-copy{top:116px;left:var(--pad);width:calc(100% - 44px);max-width:none}.hero-copy .eyebrow{font-size:8px;letter-spacing:.18em;margin-bottom:20px}.hero h1{font-size:44px;line-height:1.05}.hero h1 em{font-size:43px}.hero-description{font-size:11px;line-height:1.65;margin:21px 0 22px}.hero-actions{gap:15px}.round-link{min-height:45px;font-size:10px;padding:5px 5px 5px 16px;gap:13px;box-shadow:0 0 20px #e8bb6924}.round-icon{width:33px;height:33px;font-size:19px}.secondary-link{font-size:9px;gap:8px}.secondary-link>span{width:32px;height:32px;font-size:16px}.secondary-link small{font-size:7px;margin-top:4px}.hero-principles{margin-top:20px;gap:17px;display:none}.hero-principles>div{padding-right:17px;min-width:75px}.hero-principles strong{font-size:18px}.hero-principles span{font-size:8px}.hero-bottom{left:var(--pad);right:var(--pad);bottom:19px}.hero-bottom>p{visibility:visible;color:#b2b3ae;font-size:8px;max-width:140px}.scroll-cue{left:auto;right:0;transform:none;bottom:0}.scroll-arrow{width:22px;height:37px;font-size:14px}.edition{display:none}.hero-side-note{display:none}.works{padding-top:105px;min-height:680px;height:95svh;max-height:960px}.works:before{opacity:.65;background-position:60% center}.works:after{top:20%;left:25%;width:115vw;height:115vw;opacity:.65}.section-top h2{font-size:32px;line-height:1.1}.section-top .eyebrow{font-size:8px;margin-bottom:17px}.gallery-instruction{display:none}.gallery-stage{min-height:270px;margin-top:7px}.gallery-arrow{width:36px;height:36px;font-size:18px;bottom:0}.drag-label{font-size:7px;bottom:14px}.gallery-bottom{padding:24px var(--pad) 28px;gap:17px;align-items:center}.project-caption{width:auto;flex:1;max-width:100%}.project-name{font-size:27px;gap:12px;max-width:100%;text-align:left}.project-meta{font-size:7px}.project-open-arrow{font-size:20px}.gallery-pagination{order:2;width:100%;flex-direction:row;justify-content:space-between;gap:15px}.project-dots{gap:6px}.project-dots button{width:21px}.concept-note{font-size:7px;max-width:110px;text-align:right}.project-inquiry{display:none}.approach{display:block;padding-top:85px;padding-bottom:55px}.approach:before{background-position:55% center;background-size:auto 100%;opacity:.55}.approach:after{top:6%;left:35%;width:140vw;height:140vw;opacity:.5}.approach .eyebrow{font-size:8px}.approach h2{font-size:39px;line-height:1.1}.approach .approach-description{font-size:12px;margin-top:24px}.approach-actions{margin-top:27px;gap:20px}.gold-button{font-size:10px;min-height:43px;padding:0 19px;gap:20px}.gold-button>span{font-size:17px}.process-list{margin-top:55px}.process-list article,.process-list article:first-child{grid-template-columns:61px 1fr;grid-template-rows:16px auto;gap:4px 21px;margin-bottom:30px;padding:0}.process-symbol{width:61px;height:61px;border-radius:16px}.process-symbol svg{width:25px;height:25px}.process-symbol:after{width:29px;left:7px}.process-list:before{left:30px;bottom:90px}.process-list h3{font-size:19px;margin-bottom:9px}.process-list .step{font-size:9px}.process-list p{font-size:11px;line-height:1.65}.services-line{margin-top:39px;padding:20px 17px;border-radius:25px;display:grid;grid-template-columns:1fr 1fr;gap:23px 13px;background:#070c11cc;box-shadow:inset 0 1px 3px #fff6d44a,0 0 25px #dba45815}.services-line>span{font-size:10px;gap:10px;white-space:normal}.services-line i{display:none}.services-line svg{width:23px;height:23px}.contact{padding-top:60px}.contact h2{font-size:36px}.contact h2>span{display:none}.contact .eyebrow{font-size:8px}.contact-bottom{padding-bottom:53px}.contact-bottom>p{font-size:11px}
.project-dialog[open]{display:grid;grid-template-columns:1fr;grid-template-rows:43px auto minmax(210px,1fr) auto auto;gap:13px}.project-dialog{padding:14px 20px 14px;overflow-y:auto}.project-dialog:before{background-position:60% bottom;background-size:auto 100%;opacity:.6}.project-dialog:after{width:135vw;height:135vw;top:25%;left:10%}.detail-head{grid-column:1;grid-row:1;gap:15px}.detail-brand{font-size:28px}.detail-brand span{font-size:9px}.detail-brand i{font-size:6px}.detail-top-note{display:none}.close-project{font-size:9px;padding:8px 12px;gap:9px}.close-project span{font-size:15px}.detail-sidebar{grid-column:1;grid-row:2;padding:10px 0 0;justify-content:start;display:block}.detail-sidebar .eyebrow{font-size:7px;margin-bottom:11px}.detail-sidebar h2{font-size:31px;line-height:1.05}.detail-tagline{font-size:24px;line-height:1.15;margin-top:10px}.detail-intro{display:none}.detail-facts{margin:15px 0 0;gap:20px}.detail-facts small{font-size:7px;margin-bottom:5px}.detail-facts span{font-size:10px}.detail-sidebar>.gold-button{display:none}.detail-sidebar>a{display:inline-block;font-size:10px;padding-top:14px}.detail-stage{grid-column:1;grid-row:3;margin:0 -20px;width:calc(100% + 40px);min-height:210px;transform:perspective(1600px) rotateY(-4deg) rotateZ(-1deg)}.detail-bottom{grid-column:1;grid-row:4;grid-template-columns:1fr auto;gap:12px;min-height:0;padding-top:13px}.detail-bottom>div:first-child{grid-column:1;grid-row:1}.detail-bottom>div:first-child>span{font-size:8px}.detail-bottom p{font-size:20px;margin-top:6px}.detail-controls{grid-column:2;grid-row:1;gap:8px}.detail-controls button{width:36px;height:36px;font-size:18px}.detail-bottom .detail-description{grid-column:1/-1;grid-row:2;font-size:10px;line-height:1.6}.detail-disclaimer{grid-column:1;grid-row:5;font-size:7px}.detail-fallback{padding:10px 20px}}
@media(max-width:370px){.header-actions{gap:10px}.header-cta{font-size:8px;padding:8px 10px}.brand-digits{font-size:28px}.brand-word{font-size:9px}.hero h1{font-size:40px}.hero h1 em{font-size:39px}.hero-actions{gap:10px}.round-link{font-size:9px;gap:11px;padding-left:14px}.secondary-link{gap:7px;font-size:8px}.secondary-link small{font-size:6px}.section-top h2{font-size:29px}.approach h2{font-size:35px}.services-line>span{font-size:9px;gap:8px}.detail-facts{gap:10px}.detail-facts>div{padding-right:10px}}
@media(prefers-reduced-motion:reduce){.detail-stage{transform:none}}