:root{--paper:#ece9e2;--paper-alt:#e3e4de;--ink:#1c2528;--muted:#626b6a;--accent:#a56b51;--sea:#aecdc4;--deep:#111f27;--dark:#101d25;--line:rgba(31,44,45,.22);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;overflow-x:hidden;font-family:Inter,'Helvetica Neue',Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #bb6d48;outline-offset:5px}::selection{background:#b6d6ce;color:#101c1c}.skip-link{position:fixed;top:-70px;left:24px;z-index:120;padding:12px 18px;background:#fff;color:#111}.skip-link:focus{top:12px}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:110;background:transparent}.scroll-progress div{height:100%;width:0;background:var(--accent);transition:width .07s linear}
.site-header{position:relative;z-index:80;height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,4.4vw,76px);background:var(--paper);border-bottom:1px solid #1728291e}.site-header .brand{display:flex;align-items:baseline;font-weight:800;letter-spacing:-.07em;font-size:23px;white-space:nowrap}.brand>span{color:#a56b51}.brand small{font-size:9px;letter-spacing:.17em;margin-left:19px;font-weight:650;color:#757878}.main-nav{display:flex;gap:clamp(14px,2.2vw,34px);align-items:center}.main-nav a{font-size:12px;color:#3d4648;letter-spacing:.04em;transition:color .2s}.main-nav a:hover,.main-nav a[aria-current=true]{color:#a56b51}.header-note{font-size:9px;letter-spacing:.14em;color:#596461;display:flex;align-items:center;gap:10px;white-space:nowrap}.pulse-dot{width:6px;height:6px;border-radius:100%;background:#a26c4f;box-shadow:0 0 0 4px #a26c4f22}.menu-toggle{display:none}
.hero{min-height:min(850px,calc(100svh - 78px));display:grid;grid-template-columns:55% 45%;position:relative;overflow:hidden;background:var(--paper)}.hero-content{padding:clamp(68px,8vw,125px) 5vw 110px clamp(24px,7vw,115px);position:relative;z-index:4;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.8;color:#bcd1d1;display:block}.eyebrow.ink{color:#856e60}.eyebrow i{display:inline-block;width:23px;height:1px;margin:0 10px 3px 0;background:currentColor}.eyebrow-divider{margin:0 6px;color:#aa8e7d}.hero .eyebrow{color:#866a5a}
.hero h1{font-weight:610;font-size:clamp(55px,6.6vw,110px);letter-spacing:-.078em;line-height:.99;max-width:13ch;margin:22px 0 28px}.hero h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.052em;color:var(--accent)}.punct{color:#bc8567}.hero-lead{font-size:clamp(16px,1.18vw,19px);max-width:460px;line-height:1.65;color:#53605e;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0 0}.pill-link{display:inline-flex;gap:25px;align-items:center;padding:8px 9px 8px 22px;border-radius:999px;font-size:13px;font-weight:630;white-space:nowrap;transition:transform .22s ease,background .22s ease}.pill-link:hover{transform:translateY(-3px)}.pill-link.dark{background:#202b2d;color:#f6f2e9}.pill-link>span{width:35px;height:35px;border-radius:100%;background:#cc956e;color:#1c2628;display:grid;place-items:center;font-size:17px}.pill-link.light{background:#f1ede5;color:#1b292c}.text-link{font-size:13px;border-bottom:1px solid #ae8f78;padding-bottom:5px}.text-link span{margin-left:4px}.hero-number{font-size:9px;letter-spacing:.16em;color:#848786;margin-top:clamp(42px,7vw,90px)}
.hero-visual{position:relative;overflow:hidden;min-height:620px;--glow-color:rgba(179,227,208,.2);background:#1b414b}.hero-photo,.hero-vignette{position:absolute;inset:0}.hero-photo{background-image:linear-gradient(110deg,#09262b44,#10323918),url('https://images.unsplash.com/photo-1756913456705-a942bbb2748b?auto=format&fit=crop&w=1800&q=83'),url('./assets/hero-atmosphere.jpg');background-size:cover;background-position:center;transform:scale(1.04);will-change:transform;transition:transform .3s ease}.hero-vignette{pointer-events:none;background:linear-gradient(0deg,#071b24bd 0%,transparent 34%),linear-gradient(90deg,#0d21293d,transparent 38%),radial-gradient(circle at 65% 40%,transparent 25%,#0920283d 100%)}.ambient-glow{position:absolute;pointer-events:none;z-index:3;inset:0;background:radial-gradient(circle 250px at var(--px,55%) var(--py,45%),var(--glow-color,rgba(178,220,201,.19)),rgba(160,189,255,.07) 38%,transparent 70%);mix-blend-mode:screen;opacity:.96;transition:opacity .35s}.hero-visual-top,.hero-visual-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;z-index:5;color:#e3efeb;letter-spacing:.16em;font-size:9px;text-shadow:0 1px 8px #051d29}.hero-visual-top{top:30px}.hero-visual-bottom{bottom:29px}.preview-note{font-size:8px;opacity:.75}.hero-bottom{position:absolute;bottom:28px;left:clamp(24px,7vw,115px);right:49%;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#6c7979;letter-spacing:.14em}.hero-bottom i{font-style:normal;font-size:16px;margin-left:11px}
.transition-note{background:#e6e7e2;padding:58px clamp(24px,7vw,115px);display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:35px}.transition-note .line{height:1px;background:#b4a08b}.transition-note p{font-size:clamp(22px,2.3vw,35px);line-height:1.26;letter-spacing:-.04em;margin:0}.transition-note em{font-family:Georgia,serif;font-weight:400;color:#a47158}.transition-note span{font-size:9px;letter-spacing:.14em;color:#687574}
.work-section{padding:110px clamp(24px,7vw,115px) 100px;background:#f4f2eb}.section-index{display:flex;justify-content:space-between;gap:22px;color:#6c7474;border-bottom:1px solid #65706f57;padding-bottom:19px;font-size:10px;letter-spacing:.16em}.section-index.light{color:#aebfc5;border-color:#ffffff38}.work-heading{display:grid;grid-template-columns:1.2fr .55fr;gap:50px;align-items:end;padding:75px 0 61px}.work-heading h2,.lab-header h2,.beyond-text h2,.contact-body h2{font-size:clamp(58px,6.9vw,105px);font-weight:590;letter-spacing:-.072em;line-height:1;margin:16px 0 0}.intro-side{max-width:335px}.intro-side p{font-size:17px;line-height:1.65;margin:0 0 22px;color:#596663}.intro-side span{font-size:9px;color:#88918d;letter-spacing:.14em}
.project-list{display:grid;grid-template-columns:1.16fr .84fr;align-items:start;gap:clamp(20px,3vw,48px)}.project{background:#e9eae5;box-shadow:0 9px 30px rgba(22,38,40,.06);border:1px solid #d0d5cf;min-width:0}.project-secondary{margin-top:88px}.project-visual{position:relative;overflow:hidden;min-height:370px;--glow-color:rgba(135,205,204,.16);background-size:cover;background-position:center}.project-solar{background-image:linear-gradient(0deg,#0f293b55,#2f48551a),url('https://images.unsplash.com/photo-1756913456705-a942bbb2748b?auto=format&fit=crop&w=1300&q=79'),url('assets/hero-atmosphere.jpg')}.project-grid{background-image:linear-gradient(0deg,#111d2c86,#2b42441e),url('https://images.unsplash.com/photo-1583137223371-6d7da2d5e2b2?auto=format&fit=crop&w=1100&q=83'),url('assets/grid-atmosphere.jpg')}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101d299e,transparent 46%);pointer-events:none}.visual-marker,.visual-caption{position:absolute;z-index:2;color:#f2f4ef;letter-spacing:.14em;font-size:9px}.visual-marker{top:22px;left:23px}.visual-caption{bottom:22px;left:23px}.project-body{padding:27px 27px 30px;display:flex;gap:20px;align-items:end;justify-content:space-between}.project-kicker{font-size:10px;letter-spacing:.12em;color:#8e7868}.project h3{font-size:clamp(29px,3vw,46px);font-weight:590;letter-spacing:-.065em;line-height:1.05;margin:13px 0}.project-body p{font-size:14px;line-height:1.55;color:#63706d;max-width:350px;margin:0}.open-detail{width:46px;height:46px;flex:0 0 auto;border:1px solid #9daaa4;border-radius:50%;background:transparent;color:#1c2e31;font-size:22px;transition:transform .3s ease,background .3s ease;cursor:pointer}.open-detail:hover{transform:rotate(45deg);background:#d9e2dc}.project-detail{margin:0 27px 28px;padding-top:20px;border-top:1px solid #bbc5bd;font-size:14px;line-height:1.6;color:#566663}.project-detail[hidden]{display:none}.work-footer{margin-top:90px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c3cac3;padding-top:24px;color:#808985;font-size:10px;letter-spacing:.13em}
.lab-section{position:relative;padding:105px clamp(24px,7vw,115px) 110px;overflow:hidden;background:#11222d;color:#eaf4f2}.lab-ambient{position:absolute;inset:0;background-image:linear-gradient(90deg,#10202be0,#132736cf),url('assets/lab-atmosphere.jpg');background-size:cover;background-position:center;opacity:.55;pointer-events:none}.lab-section>*:not(.lab-ambient){position:relative}.lab-header{display:grid;grid-template-columns:1.2fr .58fr;align-items:end;gap:55px;padding:72px 0 55px}.lab-header h2 em{color:#bed9d6}.lab-header>p{font-size:17px;line-height:1.7;color:#b6cbd0;max-width:350px;margin:0}.lab-console{min-height:470px;display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid rgba(191,219,225,.27);background:#12252ec7;--glow-color:rgba(118,221,213,.13);overflow:hidden}.lab-options{padding:26px 32px;position:relative;z-index:4;border-right:1px solid #b4d0d038;display:flex;flex-direction:column;justify-content:center}.lab-option{display:flex;align-items:center;gap:20px;width:100%;min-height:92px;text-align:left;color:#bed1d4;background:transparent;border:0;border-bottom:1px solid #ffffff28;cursor:pointer;transition:padding .2s,color .2s}.lab-option>span:first-child{color:#9aadb1;font-size:11px}.lab-option strong{font-size:clamp(18px,1.6vw,25px);font-weight:500;flex:1;letter-spacing:-.03em}.lab-option>span:last-child{font-size:18px}.lab-option.is-selected,.lab-option:hover{color:#f1ede5;padding-left:11px}.lab-option.is-selected{border-left:2px solid #b6dfd2}.lab-result{position:relative;min-width:0;padding:38px 44px 31px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 82% 33%,#8bb6bf2d,transparent 42%),#162d38;isolation:isolate}.lab-gridlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px 64px,rgba(197,221,225,.055) 65px 66px),repeating-linear-gradient(90deg,transparent 0px 64px,rgba(197,221,225,.055) 65px 66px);opacity:.7;pointer-events:none}.lab-result-top,.lab-result-foot{position:relative;z-index:2;font-size:10px;color:#a9cbd0;letter-spacing:.13em}.lab-result-foot{display:flex;justify-content:space-between}.lab-result-foot span{font-size:18px}.lab-result h3{font-weight:550;font-size:clamp(34px,3.25vw,55px);letter-spacing:-.055em;line-height:1.08;max-width:540px;margin:0 0 17px;position:relative;z-index:2}.lab-result p{font-size:16px;line-height:1.6;color:#c5d8d9;max-width:470px;margin:0;position:relative;z-index:2}.lab-motif{position:absolute;right:0;top:0;width:60%;height:100%;pointer-events:none;opacity:.45;transition:transform .65s ease;transform-origin:80% 20%}.lab-motif span{position:absolute;right:0;top:0;width:65%;height:150%;background:linear-gradient(100deg,transparent,rgba(180,214,213,.08),transparent);transform:rotate(23deg) translateX(25%)}.lab-motif span:nth-child(2){right:23%;width:19%;opacity:.5}.lab-motif span:nth-child(3){right:48%;width:10%;opacity:.25}.lab-motif[data-mode="1"]{transform:translateX(20px)}.lab-motif[data-mode="2"]{transform:translateX(-25px)}.lab-caption{font-size:9px;letter-spacing:.12em;margin-top:28px;color:#8caeb4}
.beyond-section{background:#dbd2c5;padding:98px clamp(24px,7vw,115px) 110px}.beyond-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,6vw,100px);align-items:center;margin-top:65px}.beyond-photo{height:580px;position:relative;background-image:linear-gradient(0deg,#0d252f88,transparent 70%),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1200&q=82'),url('assets/mountain-atmosphere.jpg');background-size:cover;background-position:center;--glow-color:rgba(224,185,136,.13);overflow:hidden}.beyond-photo>span,.beyond-photo>small{position:absolute;left:27px;z-index:4;color:#f5f3ef;text-shadow:0 2px 8px #06161e;font-size:10px;letter-spacing:.14em}.beyond-photo>span{top:27px}.beyond-photo>small{bottom:27px;font-size:8px}.beyond-text h2{margin:20px 0 24px}.beyond-text h2 em{color:#a16e54}.beyond-text p{font-size:18px;line-height:1.75;color:#54615d;max-width:470px}.interest-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.interest-tags span{border:1px solid #a9a69c;padding:10px 12px;font-size:10px;color:#4f5a55;letter-spacing:.13em}
.contact-section{background:#14232c;padding:100px clamp(24px,7vw,115px) 28px;color:#e9f1ef}.contact-body{display:grid;grid-template-columns:1.25fr .6fr;align-items:end;gap:70px;padding:80px 0 115px}.contact-body h2 em{color:#bbd5cd}.contact-side p{font-size:16px;line-height:1.75;color:#b7cacb;max-width:365px;margin:0 0 32px}.contact-section footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff37;padding:26px 0 0;font-size:9px;color:#a4bcbf;letter-spacing:.14em}
.motion-toggle{position:fixed;bottom:18px;left:18px;z-index:95;border:1px solid #bdc7c1;background:#1b2b2ee5;color:#f2f4ed;backdrop-filter:blur(10px);padding:11px 16px;border-radius:30px;font-size:11px;cursor:pointer}.motion-toggle span{font-size:18px;vertical-align:-2px;margin-right:4px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .8s cubic-bezier(.21,.7,.19,1)}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.header-note{display:none}.hero{grid-template-columns:53% 47%}.hero-content{padding-left:5vw}.hero h1{font-size:clamp(50px,6vw,74px)}.hero-bottom{left:5vw;right:50%}.project-visual{min-height:320px}.work-heading{grid-template-columns:1fr .65fr}.beyond-photo{height:480px}}
@media(max-width:790px){.site-header{height:68px;padding:0 23px}.brand small{display:none}.menu-toggle{display:flex;gap:10px;border:1px solid #a8b0aa;padding:8px 11px;background:none;font-size:13px;cursor:pointer}.main-nav{position:absolute;top:68px;left:0;right:0;padding:20px 24px;background:#f5f2eb;border-bottom:1px solid #b2bdb6;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 30px #092b2b20}.main-nav.is-open{display:flex}.main-nav a{padding:13px 8px;border-bottom:1px solid #d7d8d1;font-size:15px}.hero{grid-template-columns:1fr;min-height:auto}.hero-content{min-height:650px;padding:80px 24px 95px}.hero h1{font-size:clamp(60px,12vw,94px)}.hero-visual{min-height:430px}.hero-bottom{bottom:450px;left:24px;right:24px}.transition-note{grid-template-columns:30px 1fr;gap:20px;padding:48px 24px}.transition-note span{display:none}.work-section,.lab-section,.beyond-section,.contact-section{padding-left:24px;padding-right:24px}.work-heading,.lab-header,.contact-body{grid-template-columns:1fr;gap:22px}.intro-side,.lab-header>p{max-width:630px}.work-heading h2,.lab-header h2,.beyond-text h2,.contact-body h2{font-size:clamp(59px,9vw,90px)}.project-list{gap:20px}.project-secondary{margin-top:55px}.project-visual{min-height:290px}.lab-console{grid-template-columns:1fr}.lab-options{padding:8px 23px;border-right:0;border-bottom:1px solid #b4d0d038}.lab-option{min-height:72px}.lab-result{min-height:355px}.beyond-layout{gap:36px}.beyond-photo{height:440px}.contact-body{padding:60px 0 90px}}
@media(max-width:550px){.hero-content{min-height:610px}.hero h1{font-size:clamp(54px,12vw,67px)}.hero-lead{font-size:15px}.hero-actions{gap:17px}.pill-link{font-size:12px}.hero-visual{min-height:360px}.hero-bottom{bottom:379px}.hero-bottom span:last-child{display:none}.section-index{font-size:9px;line-height:1.6}.section-index span:last-child{text-align:right;max-width:145px}.work-section{padding-top:75px;padding-bottom:75px}.work-heading{padding:53px 0 44px}.work-heading h2,.lab-header h2,.beyond-text h2,.contact-body h2{font-size:clamp(51px,11vw,68px)}.project-list{grid-template-columns:1fr}.project-secondary{margin-top:10px}.project-visual{min-height:280px}.project-body{padding:22px}.work-footer{display:block;line-height:1.9;margin-top:60px}.work-footer span{display:block}.lab-section{padding-top:75px}.lab-header{padding:55px 0 36px}.lab-result{padding:25px;min-height:360px}.lab-result h3{font-size:35px}.beyond-section{padding-top:75px}.beyond-layout{display:flex;flex-direction:column-reverse;align-items:stretch;margin-top:50px}.beyond-photo{height:420px}.beyond-text h2{font-size:60px}.contact-section{padding-top:75px}.contact-section footer{display:block;line-height:2.2}.site-header .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.ambient-glow{display:none}}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}html[data-motion="off"] .reveal{opacity:1;transform:none}html[data-motion="off"] .ambient-glow{display:none}


/* V0.6.1 — A single high-impact hero and one unified Work narrative.
   Lab, Beyond Work and Contact styling remains from V0.6. */
:root{--accent:#c99574;}
.site-header{position:absolute;top:0;left:0;right:0;height:84px;background:linear-gradient(180deg,rgba(5,15,25,.85),rgba(5,15,25,.27));border-bottom:1px solid rgba(231,237,237,.2);color:#f0f4f2;z-index:80}
.site-header .brand,.main-nav a,.header-note{color:#f5f0eb}.brand small{color:#c0c9c9}.brand>span{color:#d4a381}.main-nav a:hover,.main-nav a[aria-current=true]{color:#eec0a0}.header-note{color:#d0dadb}.pulse-dot{background:#d5a481;box-shadow:0 0 0 4px #d5a48133}
.hero.hero-cinematic{display:block;min-height:min(900px,100svh);height:max(760px,100svh);background:#0a1925;position:relative;overflow:hidden;color:#f5f4ee;--glow-color:rgba(255,207,159,.25)}
.hero-cinematic .hero-photo{position:absolute;inset:0;background-image:url('assets/hero-bluehour.webp');background-size:cover;background-position:center center;transform:scale(1.045);filter:saturate(1.05) contrast(1.06);will-change:transform}
.hero-cinematic .hero-vignette{z-index:1;position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,23,.91) 0%,rgba(5,14,24,.74) 24%,rgba(5,15,25,.37) 50%,rgba(5,16,24,.09) 77%),linear-gradient(180deg,rgba(4,10,17,.35) 0%,transparent 35%,rgba(4,12,20,.26) 79%,rgba(3,11,18,.64) 100%);pointer-events:none}
.hero-cinematic .hero-horizon{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 51%,rgba(231,158,101,.14),transparent 40%);pointer-events:none;z-index:2}
.hero-cinematic .ambient-glow{z-index:3;--glow-color:rgba(246,193,137,.24);background:radial-gradient(circle 290px at var(--px,72%) var(--py,50%),rgba(255,213,152,.24),rgba(133,196,217,.10) 40%,transparent 74%);mix-blend-mode:screen;opacity:.78}
.hero-cinematic .hero-content{width:100%;height:100%;padding:clamp(138px,17vh,200px) clamp(26px,7.4vw,124px) 120px;justify-content:center;max-width:960px;position:relative;z-index:4}
.hero-cinematic .eyebrow{color:#e8c6a6;text-shadow:0 1px 14px #08151d}.hero-cinematic .eyebrow-divider{color:#bfaa99}
.hero-cinematic h1{font-size:clamp(62px,7.4vw,116px);letter-spacing:-.082em;line-height:.92;max-width:920px;margin:24px 0 24px;text-shadow:0 15px 46px #050f1c77}
.hero-cinematic h1 em{color:#e5bfaa;font-weight:400}.hero-cinematic .punct{color:#e5bfaa}
.hero-cinematic .hero-lead{color:#e1e9e7;font-size:clamp(17px,1.42vw,20px);max-width:510px;text-shadow:0 2px 18px #061723}
.hero-cinematic .pill-link.dark{background:#f2ede4;color:#18252a}.hero-cinematic .pill-link.dark>span{background:#cc9475;color:#18252a}.hero-cinematic .text-link{color:#f4ece3;border-bottom-color:#d4b29f}
.hero-cinematic .hero-frame{position:absolute;z-index:4;left:clamp(26px,7.4vw,124px);right:clamp(26px,7.4vw,124px);top:118px;display:flex;align-items:center;justify-content:space-between;color:#bfcdd0;font-size:9px;letter-spacing:.17em}
.hero-cinematic .hero-bottom{z-index:5;left:clamp(26px,7.4vw,124px);right:clamp(26px,7.4vw,124px);bottom:37px;color:#e1dacf;text-shadow:0 2px 10px #07141f}
.hero-cinematic .hero-bottom i{font-size:20px}
.transition-note{background:#edece7}
.work-section{background:#f5f2ec}
.work-heading{grid-template-columns:1.4fr .6fr;gap:60px;padding-bottom:60px}
.work-heading h2{font-size:clamp(54px,6.7vw,104px)}
.work-focus{display:grid;grid-template-columns:1.05fr .95fr;min-height:580px;background:#e6e6e0;border:1px solid #d0d4ce;box-shadow:0 25px 55px rgba(19,40,41,.075)}
.work-focus-image{position:relative;min-height:560px;background:#172a34 url('assets/work-substation.webp') center center / cover no-repeat;overflow:hidden;--glow-color:rgba(237,176,120,.14)}
.work-focus-image::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,16,25,.67),transparent 34%),linear-gradient(90deg,rgba(5,16,25,.20),transparent 62%)}
.image-overline,.image-footnote{position:absolute;z-index:4;left:27px;color:#f7eee5;font-size:10px;letter-spacing:.13em;text-shadow:0 2px 10px #06121d}.image-overline{top:26px}.image-footnote{bottom:23px;font-size:9px}
.work-focus-copy{padding:clamp(35px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.work-focus-copy h3{margin:16px 0 22px;font-size:clamp(34px,3.35vw,55px);font-weight:560;line-height:1.07;letter-spacing:-.055em;color:#1c2a2c}
.work-focus-copy>p{font-size:17px;line-height:1.72;color:#536361;max-width:530px;margin:0}
.focus-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 31px}.focus-tags span{font-size:11px;letter-spacing:.03em;color:#526461;border:1px solid #a9b9b2;padding:10px 12px;background:#eef0eb}
.focus-expander{background:transparent;border:0;padding:0 0 9px;display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:320px;border-bottom:1px solid #78877f;text-align:left;cursor:pointer;color:#20302e}.focus-expander-label{font-size:14px;font-weight:600;letter-spacing:.01em}.focus-expander>span:last-child{font-size:22px;transition:transform .2s}.focus-expander:hover>span:last-child{transform:translate(3px,-3px)}
.work-focus-copy .project-detail{margin:21px 0 0;padding:17px 0 0;color:#5a6a65;border-top:1px solid #c2c9c3;font-size:14px;line-height:1.7}
.work-footer{margin-top:55px}
@media(max-width:1100px){.hero-cinematic h1{font-size:clamp(68px,7.2vw,92px)}.work-focus{grid-template-columns:1fr 1fr}.work-focus-image{min-height:490px}.work-focus-copy{padding:32px}.work-focus-copy h3{font-size:clamp(34px,3.4vw,45px)}}
@media(max-width:790px){.site-header{height:68px}.menu-toggle{color:#f6f1e9;border:1px solid #ffffff64}.main-nav{background:#11222a;border-bottom-color:#ffffff38}.main-nav a{color:#edf5f2;border-color:#ffffff22}.hero.hero-cinematic{height:790px;min-height:790px}.hero-cinematic .hero-content{height:100%;min-height:0;padding:160px 24px 130px}.hero-cinematic h1{font-size:clamp(65px,10vw,92px)}.hero-cinematic .hero-frame{left:24px;right:24px;top:98px}.hero-cinematic .hero-bottom{left:24px;right:24px;bottom:30px}.hero-cinematic .hero-photo{background-position:58% center}.hero-cinematic .hero-vignette{background:linear-gradient(90deg,rgba(3,12,22,.91),rgba(4,15,26,.58) 58%,rgba(3,13,24,.2)),linear-gradient(0deg,rgba(3,12,19,.65),transparent 65%)}.work-heading{grid-template-columns:1fr}.work-focus{grid-template-columns:1fr}.work-focus-image{min-height:440px}.work-focus-copy{padding:40px}.work-focus-copy h3{font-size:clamp(41px,6.5vw,62px)}}
@media(max-width:550px){.hero.hero-cinematic{height:780px;min-height:780px}.hero-cinematic .hero-content{padding:155px 22px 110px}.hero-cinematic h1{font-size:clamp(50px,12vw,66px);line-height:.99;letter-spacing:-.07em;margin:19px 0}.hero-cinematic .hero-lead{font-size:15px;max-width:350px}.hero-cinematic .hero-actions{gap:15px;margin-top:24px}.hero-cinematic .hero-frame{left:22px;right:22px;top:90px}.hero-cinematic .hero-frame>span:last-child{display:none}.hero-cinematic .hero-bottom{left:22px;right:22px}.hero-cinematic .hero-bottom>span:last-child{display:none}.hero-cinematic .hero-photo{background-position:55% center}.work-heading h2{font-size:clamp(49px,11vw,62px)}.work-focus-image{min-height:315px}.work-focus-copy{padding:29px 24px 34px}.work-focus-copy h3{font-size:39px}.work-focus-copy>p{font-size:15px}.work-footer{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.hero-cinematic .hero-photo{transform:none!important}}
html[data-motion="off"] .hero-cinematic .hero-photo{transform:none!important}