:root{--ink:#101419;--paper:#f6f5f1;--blue:#4987bd;--serif:'Playfair Display',Georgia,serif;--sans:'Lato',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:7px}img{max-width:100%;display:block}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.045em;line-height:1.1}h2{font-size:clamp(42px,5.1vw,76px)}em{font-weight:500}.section-wrap{padding-inline:7%}.eyebrow,.section-label,.hero-meta,.scroll-cue,.partner-strip,.work-end>span,.footer-bottom,.agent-bottom{font-size:10px;letter-spacing:.16em;line-height:1.7}.eyebrow{display:block}.period{color:#dc633e}.header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:5;background:var(--ink)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:.04em}.brand-sub{display:block;font-size:8px;letter-spacing:.24em;margin-top:2px}.header nav{display:flex;gap:36px;font-size:12px}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;bottom:6px;left:0;width:0;height:1px;background:var(--blue);transition:width .3s}.header nav a:hover:after{width:100%}.intelligence-toggle{display:flex;align-items:center;gap:10px;font-size:11px}.status-dot{width:5px;height:5px;background:#8bbfe9;box-shadow:0 0 12px #69a9d9;border-radius:50%;display:inline-block}.toggle-track{width:31px;height:17px;border:1px solid #6f7a87;border-radius:12px;padding:3px;display:flex}.toggle-track i{width:9px;height:9px;border-radius:50%;background:#b7c2cc}.toggle-track.active{background:#4987bd;border-color:#4987bd;justify-content:flex-end}.hero{height:min(850px,calc(100svh - 50px));min-height:650px;position:relative;overflow:hidden}.hero-media{position:absolute;inset:-5% 0 0;will-change:transform}.hero-media img{height:100%;width:100%;object-fit:cover;object-position:50% 40%}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,20,25,.08) 25%,rgba(16,20,25,.35) 55%,#101419 100%),linear-gradient(90deg,rgba(16,20,25,.45),transparent 70%)}.hero-meta{position:absolute;top:32px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;color:#dad8d3}.hero-copy{position:absolute;left:7%;bottom:120px}.hero-copy .eyebrow{margin-bottom:25px;color:#d9d9d7}.hero h1{font-size:clamp(45px,5.4vw,80px);text-shadow:0 2px 30px #10141944}.hero h1 em{color:#ede5d9}.scroll-cue{position:absolute;right:7%;bottom:86px;display:flex;align-items:center;gap:20px;font-size:9px}.scroll-line{height:58px;width:1px;background:#ffffff33;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;width:1px;height:30px;background:#c0d7e9;animation:scroll-cue 2.5s ease-in-out infinite}@keyframes scroll-cue{from{transform:translateY(-35px)}to{transform:translateY(60px)}}.process{padding-top:32px;padding-bottom:155px;position:relative}.section-label{display:flex;justify-content:space-between;color:#8b939a;font-size:9px}.process-art{height:380px;position:relative;margin:38px -3% 35px}.process-art canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);height:100%;align-items:center;gap:40px;padding:0 3%}.step{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;z-index:1;font-size:10px;letter-spacing:.1em;color:#e7eff6}.step:before{content:'';position:absolute;inset:16%;background:linear-gradient(135deg,#77add0,#356b9c);transform:rotate(45deg);z-index:-1;transition:transform .8s,filter .8s;box-shadow:20px 25px 45px #0003}.webgl-ready .step:before{opacity:0}.step:nth-child(even){transform:translateY(42px)}.step-number{font-size:9px;opacity:.65}.step:hover:before,.step:focus-visible:before{transform:rotate(55deg) scale(1.08);filter:brightness(1.3)}.process-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:end}.process-aside .eyebrow{color:#9099a2;margin-bottom:65px;line-height:2}.text-link{display:inline-flex;justify-content:space-between;gap:40px;padding:12px 0;border-bottom:1px solid #81878a;font-size:12px;transition:color .25s,gap .4s}.text-link:hover{color:var(--blue);gap:50px}.process-main h2{margin-bottom:35px}.process-description{min-height:130px;max-width:450px}.process-description>span{font-size:10px;letter-spacing:.11em;color:#7fb0d5;text-transform:uppercase}.process-description p{color:#a5abb1;font-size:15px;line-height:1.85;margin-top:15px}.partner{background:var(--paper);color:var(--ink);padding:125px 7% 45px;position:relative}.partner-inner{text-align:center;max-width:830px;margin:auto}.partner h2{font-size:clamp(40px,4.5vw,66px);margin:28px 0}.partner p{font-size:16px;line-height:1.9;max-width:595px;margin:0 auto 24px;color:#53575a}.partner-strip{border-top:1px solid #10141924;margin-top:85px;padding-top:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.1em;color:#646a70}.small-diamond{width:9px;height:9px;transform:rotate(45deg);background:var(--blue)}.work{padding-top:80px;padding-bottom:100px;overflow:hidden;position:relative}.work-intro{text-align:center;position:relative;z-index:1;margin:78px auto 100px}.work-intro h2{font-size:clamp(42px,4.7vw,69px)}.work-intro p{color:#a7adb5;line-height:1.8;margin-top:25px;font-size:14px}.work-aura{position:absolute;width:560px;height:560px;background:linear-gradient(135deg,#4987bd80,#4987bd05);transform:rotate(45deg);right:-430px;top:160px;border:1px solid #4987bd55;pointer-events:none}.projects{display:grid;grid-template-columns:1fr 1fr;gap:0 11%;max-width:1080px;margin:auto;position:relative;z-index:1}.project{text-align:left;width:100%;padding:0;min-width:0}.project-image{width:100%;aspect-ratio:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);overflow:hidden;background:#213548;transition:clip-path 1s cubic-bezier(.2,.8,.2,1)}.project-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .8s;filter:saturate(.65)}.project:hover .project-image,.project:focus-visible .project-image{clip-path:polygon(15% 0,100% 15%,85% 100%,0 85%)}.project:hover img,.project:focus-visible img{transform:scale(1.02);filter:saturate(1)}.project-two{margin-top:260px}.project-three{margin-top:-80px}.project-three img{object-fit:contain;background:#020302}.project-caption{display:flex;justify-content:space-between;align-items:center;max-width:80%;margin:24px auto 0}.project-caption strong{font-family:var(--serif);font-weight:500;font-size:28px;display:block}.project-caption small{display:block;font-size:9px;letter-spacing:.13em;color:#8c969f;margin-top:9px}.project-arrow{border:1px solid #ffffff30;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;transition:background .3s}.project:hover .project-arrow{background:var(--blue)}.work-end{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff21;margin-top:95px;padding-top:32px;gap:25px}.work-end>span{color:#848f98;font-size:9px}.contact{background:var(--paper);color:var(--ink);padding:100px 10% 110px;position:relative;overflow:hidden}.contact-inner{position:relative;z-index:1}.contact .eyebrow{color:#6c747b;margin-bottom:55px}.contact p{font-size:14px;margin-bottom:15px}.contact h2{font-size:clamp(44px,5.3vw,78px)}.contact-link{display:inline-flex;gap:70px;align-items:center;font-size:22px;border-bottom:1px solid #10141966;margin-top:35px;padding-bottom:13px}.contact-link span{color:#4987bd}.contact-mark{position:absolute;width:420px;right:-90px;top:160px;opacity:.18;transform:rotate(-15deg);filter:brightness(.65)}.footer{padding-top:65px;padding-bottom:25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start}.footer-top p{color:#9ca4ad;font-family:var(--serif);font-size:23px;line-height:1.4}.footer-top>div{display:flex;align-items:flex-start;flex-direction:column;gap:12px;font-size:12px;color:#b4bdc5}.footer-top>div a:first-child{color:#f3f1ed;margin-bottom:10px}.footer-bottom{margin-top:70px;border-top:1px solid #ffffff20;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:#858e97;gap:15px}.reveal{transition:opacity 1.1s ease,translate 1.1s cubic-bezier(.2,.7,.2,1)}.motion-enabled .reveal:not(.visible){opacity:0;translate:0 35px}.skip{position:fixed;top:-60px;left:20px;padding:15px;background:var(--paper);color:var(--ink);z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
dialog{color:var(--paper);border:0;padding:0}dialog::backdrop{background:#070c13da;backdrop-filter:blur(15px)}.detail-dialog{background:#171f27;width:min(850px,90vw);max-height:88svh;padding:55px;border:1px solid #ffffff20}.dialog-close{position:sticky;top:0;float:right;padding:10px;background:#171f27;z-index:2;font-size:12px}.detail-dialog h2{font-size:44px;margin:25px 0}.detail-dialog p{font-size:16px;color:#b8c1ca;line-height:1.8;margin:15px 0}.detail-dialog img{width:100%;max-height:480px;object-fit:contain;margin-top:25px}.detail-dialog ul{padding-left:20px;line-height:2;color:#b8c1ca}.agent{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100svh;background:radial-gradient(ellipse at 50% 45%,#142b3b 0,#0a111a 50%,#080d13 100%);overflow:hidden}.agent[open]{display:flex;flex-direction:column}.agent canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.agent-top,.agent-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:35px 5%}.agent-wordmark{font-size:25px;letter-spacing:.07em}.agent-wordmark small{font-size:8px;letter-spacing:.18em;color:#8fadbf;margin-left:20px}.agent-welcome{position:relative;z-index:1;text-align:center;margin-top:5svh;pointer-events:none}.agent-welcome .eyebrow{font-size:8px;color:#89b4cd;letter-spacing:.24em}.agent-welcome h2{font-size:clamp(32px,3.7vw,56px);margin-top:16px;font-weight:500}.agent-welcome h2 em{color:#bbd4df}.agent-welcome p{font-size:11px;color:#8eabba;margin-top:20px;letter-spacing:.07em}.agent-conversation{position:relative;z-index:2;width:min(650px,88%);margin:auto auto 0}.agent-conversation form{display:flex;align-items:center;background:#162333a8;border:1px solid #84bbdb45;border-radius:40px;padding:9px 10px 9px 23px;backdrop-filter:blur(18px);box-shadow:0 0 70px #4987bd0c}.agent-conversation input{min-width:0;flex:1;background:none;border:0;color:white;font-size:13px;padding:14px 0;outline-offset:2px}.agent-conversation input::placeholder{color:#91a2b1}.agent-conversation form button{font-size:10px;white-space:nowrap;padding:10px;color:#bcd7e8}.agent-conversation form .send{background:#a8c9df;color:#162533;border-radius:50%;font-size:21px;width:40px;height:40px;padding:0;margin-left:8px}.agent-disclaimer{font-size:10px;color:#8398a9;text-align:center;margin:13px 0 5px;line-height:1.6}.suggestions{display:flex;justify-content:center;gap:18px;margin-bottom:20px}.suggestions button{font-size:10px;color:#b2c7d5;padding:7px;border-bottom:1px solid #8fbcda35}.agent-bottom{font-size:8px;color:#7596ab;padding-top:25px;padding-bottom:25px}.agent-bottom .status-dot{margin-right:7px}#agent-response{font-size:14px;line-height:1.85;color:#d2e0e8;max-height:23svh;overflow-y:auto;background:#0b1522bb;backdrop-filter:blur(12px);padding:20px 25px;margin-bottom:22px;border-radius:15px;display:none}#agent-response:not(:empty){display:block}.agent.has-response .agent-welcome h2{font-size:30px}.agent.has-response .agent-welcome{margin-top:0}.agent.has-response .agent-welcome p{display:none}
@media(min-width:1600px){.section-wrap{padding-inline:max(7%,calc((100vw - 1280px)/2))}.hero-copy{left:max(7%,calc((100vw - 1280px)/2))}.process-art{height:430px}}
@media(max-width:800px){.header{height:86px;padding-inline:6%;gap:15px}.header nav{gap:18px;font-size:11px}.header nav a:nth-child(1),.header nav a:nth-child(3){display:none}.brand{font-size:20px;gap:8px}.brand img{width:33px;height:33px}.brand-sub{font-size:6px}.intelligence-toggle{font-size:10px;gap:7px}.intelligence-toggle>.status-dot{display:none}.hero{min-height:620px;height:78svh}.hero-media img{object-position:57% center}.hero-meta{font-size:8px}.hero-meta span:last-child{display:none}.hero-copy{bottom:110px}.hero h1{font-size:clamp(38px,7.5vw,60px)}.hero-copy .eyebrow{font-size:8px}.scroll-cue{bottom:30px}.process{padding-top:30px;padding-bottom:95px}.section-label span:last-child{display:none}.process-art{height:240px;margin:15px -5% 25px}.process-steps{gap:8px;padding:0 2%}.step{font-size:7px;letter-spacing:.03em}.step-number{font-size:7px}.step:nth-child(even){transform:translateY(25px)}.process-copy{grid-template-columns:1fr;gap:30px}.process-aside{order:2}.process-aside .eyebrow{display:none}.process-main h2{font-size:49px}.process-description{min-height:120px}.process-description p{font-size:14px}.partner{padding:85px 7% 30px}.partner h2{font-size:41px}.partner p{font-size:14px}.partner-strip{margin-top:55px;font-size:7px;flex-wrap:wrap;justify-content:center;gap:13px}.partner-strip .small-diamond{width:5px;height:5px}.partner-strip span:last-child{display:none}.work{padding-top:45px;padding-bottom:65px}.work-intro{margin:65px 0}.work-intro h2{font-size:39px}.work-intro p{font-size:13px}.projects{gap:0 7%}.project-two{margin-top:150px}.project-three{margin-top:0}.project-caption{max-width:100%;margin-top:18px}.project-caption strong{font-size:22px}.project-caption small{font-size:7px;letter-spacing:.08em}.project-arrow{width:25px;height:25px;font-size:13px}.work-end{margin-top:65px;display:block}.work-end .text-link{margin-top:12px}.contact{padding:70px 7% 80px}.contact h2{font-size:46px}.contact .eyebrow{margin-bottom:40px}.contact-mark{width:260px;right:-155px;top:210px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top p{display:none}.footer-top>div{font-size:10px}.footer-bottom>span:nth-child(2){display:none}.agent-top{padding:25px 6%}.agent-wordmark small{display:none}.agent-welcome{margin-top:6svh}.agent-welcome h2{font-size:37px}.agent-bottom{padding-inline:6%;font-size:7px}.agent-conversation{width:90%}.suggestions{gap:8px}.suggestions button{font-size:9px}.agent-conversation input{font-size:12px}.agent-disclaimer{font-size:9px}.detail-dialog{padding:25px}.detail-dialog h2{font-size:35px}}
@media(max-width:480px){.process-art{height:360px;margin:20px 0 45px}.process-steps{grid-template-columns:repeat(2,1fr);gap:8px 30px}.step{font-size:9px;letter-spacing:.04em}.step-number{font-size:8px}.step:nth-child(even){transform:translateY(15px)}.projects{grid-template-columns:1fr;gap:55px;padding:0 7%}.project-two,.project-three{margin-top:0}.project-caption{max-width:85%}.project-caption strong{font-size:26px}.project-caption small{font-size:9px}.agent-conversation input{font-size:11px}.agent-conversation form{padding-left:17px}.agent-welcome h2{font-size:33px}}
.agent-conversation form:focus-within{border-color:#9fcbe9;box-shadow:0 0 32px #4987bd20}.agent-conversation input:focus-visible{outline:none}
/* Hero navigation is tucked into a lower-right menu; headline has a central axis. */
.hero .hero-copy{left:7%;right:7%;top:50%;bottom:auto;transform:translateY(-50%);text-align:center}.hero .scroll-cue{left:7%;right:auto}.menu-toggle{position:absolute;right:7%;bottom:86px;width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff50;border-radius:50%;background:#10141922;transition:background .25s}.menu-toggle:hover{background:#4987bd55}.menu-toggle>span:not(.sr-only){display:block;width:23px;height:1px;background:var(--paper)}.navigation-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(540px,100%);height:100svh;max-height:none;max-width:100%;background:#101419f5;padding:120px 65px 65px}.navigation-menu .eyebrow{color:#8eabc2;margin-bottom:36px}.menu-close{position:absolute;right:40px;top:40px;font-size:12px;padding:12px}.navigation-menu nav{display:flex;flex-direction:column}.navigation-menu nav a{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ffffff20;font-family:var(--serif);font-size:clamp(36px,4vw,56px);transition:color .25s}.navigation-menu nav a:hover{color:#86b6da}.navigation-menu nav a span{font-family:var(--sans);font-size:10px;color:#8eabc2}.navigation-menu[open]{animation:menu-arrive .35s ease-out}@keyframes menu-arrive{from{opacity:0;translate:30px 0}to{opacity:1;translate:0 0}}
@media(max-width:800px){.menu-toggle{bottom:30px;width:48px;height:48px}.navigation-menu{padding:110px 35px 40px}.hero .hero-copy{left:6%;right:6%}.hero h1{font-size:clamp(34px,7.5vw,60px)}}
.hero .hero-copy{top:auto;bottom:120px;transform:none}
@media(max-width:800px){.hero .hero-copy{bottom:110px}}
@media(min-width:801px){.hero .scroll-cue,.hero .menu-toggle{bottom:calc(120px + var(--hero-copy-half,110px));transform:translateY(50%)}}
/* Original Figma hamburger geometry: 28.4146 / 44 / 28.4146, scaled to 30px. */
.menu-toggle,.menu-toggle:hover{border:0;border-radius:0;background:transparent;gap:0}
.menu-toggle>span:not(.sr-only){position:absolute;left:50%;width:19.374px;height:2.947px;background:#fff;transform:translateX(-50%)}
.menu-toggle>span:nth-child(1){top:calc(50% - 8.292px)}
.menu-toggle>span:nth-child(2){top:calc(50% - 1.474px);width:30px;height:2.727px}
.menu-toggle>span:nth-child(3){top:calc(50% + 5.344px)}
/* Supplied brand assets, with explicit dimensions and preserved aspect ratios. */
.brand .header-wordmark{width:90px;height:auto}.brand-label{display:inline-flex;align-items:center;gap:8px}.inline-wordmark{display:inline-block;width:36px;height:16px;object-fit:contain;flex-shrink:0}.heading-wordmark{display:inline-block;width:1.85em;height:.826em;object-fit:contain;vertical-align:-.03em}.agent-wordmark{display:flex;align-items:center;gap:16px}.agent-wordmark>img{width:72px;height:32px;object-fit:contain}.agent-wordmark small{margin-left:0}.contact-mark{filter:none}
@media(max-width:800px){.brand .header-wordmark{width:72px;height:auto}.inline-wordmark{width:30px;height:14px}.brand-label{gap:6px}}
/* Header signature: original icon with a compact, carefully spaced studio name. */
.header .brand{gap:14px;flex-shrink:0}.header .header-icon{width:48px;height:48px;object-fit:contain}.header-name{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.header-name-main{font-family:var(--sans);font-size:27px;font-weight:400;letter-spacing:.11em;line-height:1}.header-name-sub{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.29em;line-height:1;padding-left:1px}
@media(max-width:800px){.header .brand{gap:10px}.header .header-icon{width:38px;height:38px}.header-name-main{font-size:23px}.header-name-sub{font-size:7px;letter-spacing:.24em}.header-name{gap:4px}}
/* Process composition follows the supplied staggered-diamond reference. */
.process>.section-label,.process-aside .eyebrow,.step-number,#step-title{display:none}
.process-main{transform:none}.process-main h2{text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(32px,3.25vw,52px);line-height:1.28;margin-bottom:44px;font-weight:700}
.process-description{min-height:0;max-width:none}.process-description p{margin:0;font-size:clamp(16px,1.45vw,20px);line-height:1.4;color:#92979c}
.process-aside{display:flex;justify-content:center;padding-bottom:34px}.process-aside .text-link{text-transform:uppercase;font-size:clamp(14px,1.4vw,20px);padding:0 0 3px}
.step{font-weight:700;letter-spacing:0}.step[aria-pressed="true"]:before{background:var(--blue)}
@media(min-width:801px){.process{padding-top:45px;padding-bottom:65px}.process-art{height:auto;aspect-ratio:2.5;margin:0}.process-steps{position:absolute;inset:0;display:block;padding:0}.step{position:absolute;width:20%;font-size:clamp(13px,1.55vw,23px)}.step:before{inset:14.65%}.step:nth-child(1){left:0;top:0;transform:none}.step:nth-child(2){left:20%;top:50%;transform:none}.step:nth-child(3){left:40%;top:0;transform:none}.step:nth-child(4){left:80%;top:25%;transform:none}.process-copy{grid-template-columns:1fr 1fr;gap:0;margin-top:-6%;position:relative;pointer-events:none}.process-copy>*{pointer-events:auto}.process-aside{order:0}}
@media(max-width:800px){.process-main h2{font-size:36px;margin-bottom:26px}.process-aside{justify-content:flex-start;padding-bottom:0}.process-copy{gap:32px}.process-description p{font-size:16px}.step{font-size:10px}}
/* Quiet echoes of the original footer, behind the existing readable content. */
.footer{position:relative;isolation:isolate;overflow:hidden}.footer-watermark{position:absolute;z-index:-1;left:2%;top:50%;width:420px;height:420px;max-width:none;transform:translateY(-50%);object-fit:contain;opacity:.025;filter:grayscale(1);pointer-events:none;user-select:none}.footer-top,.footer-bottom{position:relative}.footer-mantra{position:relative;margin:48px auto 0;text-align:center;font-family:var(--serif);font-size:11px;font-weight:400;letter-spacing:.65em;word-spacing:.5em;color:rgba(246,245,241,.17);line-height:1.8}.footer .footer-bottom{margin-top:28px}
@media(max-width:800px){.footer-watermark{width:320px;height:320px;left:-90px;opacity:.025}.footer-mantra{font-size:9px;letter-spacing:.38em;word-spacing:.15em;margin-top:38px}.footer .footer-bottom{margin-top:25px}}
/* Exact Figma footer artwork: original 1440x354 crop and embedded 1% opacity. */
.footer-watermark{inset:0;width:100%;height:100%;max-width:none;transform:none;object-fit:fill;opacity:1;filter:none}.footer-top>.footer-socials{display:flex;flex-direction:row;align-items:center;gap:14px}.footer-socials a{display:grid;place-items:center;width:40px;height:44px;opacity:.85;transition:opacity .2s}.footer-socials a:hover{opacity:1}.footer-top>.footer-socials a:first-child{margin:0}.footer .footer-menu-toggle{right:7%;bottom:76px;width:44px;height:44px;transform:none}.footer .footer-mantra{padding-inline:55px}
@media(max-width:800px){.footer-watermark{inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;opacity:1}.footer .footer-menu-toggle{right:6%;bottom:66px}.footer .footer-mantra{padding-inline:38px;letter-spacing:.25em}}
.footer-socials img{filter:invert(1)}.footer-menu-toggle{z-index:2}.footer-mantra{pointer-events:none}
/* Footer columns share the same left-hand alignment from top to bottom. */
.footer-top>.footer-tools{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer-tools .footer-socials{display:flex;align-items:center;gap:14px}.footer-tools .footer-socials a:first-child{margin:0}.footer .footer-tools .footer-menu-toggle{position:relative;inset:auto;transform:none;width:40px;height:44px}
@media(min-width:801px){.footer-top{grid-template-columns:46% 30% 24%;gap:0}.footer .footer-bottom{display:grid;grid-template-columns:46% 30% 24%;gap:0;align-items:center}.footer-bottom>a{justify-self:end}.footer .footer-mantra{margin:36px 0 0 46%;padding:0;text-align:left;width:54%;font-size:10px;letter-spacing:.6em}}
.footer-top>.footer-contact{justify-self:end;width:max-content;max-width:100%;align-items:flex-start;text-align:left}
/* Align the menu caption with Close without moving the navigation list. */
.navigation-menu>.eyebrow{transform:translateY(-72px)}.menu-close{height:40px;display:flex;align-items:center;justify-content:center}
@media(max-width:800px){.navigation-menu>.eyebrow{transform:translateY(-62px)}}
.navigation-menu .menu-close{gap:10px;line-height:1;font-size:12px;min-height:44px;height:44px;top:38px;padding:12px}.menu-close-icon{display:block;position:relative;width:12px;height:12px;flex-shrink:0}.menu-close-icon:before,.menu-close-icon:after{content:'';position:absolute;left:0;top:50%;width:12px;height:1px;background:currentColor;transform:translateY(-50%) rotate(45deg)}.menu-close-icon:after{transform:translateY(-50%) rotate(-45deg)}
/* A single baseline-aligned row replaces independent caption/close positioning. */
.navigation-heading{position:absolute;top:38px;left:65px;right:40px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.navigation-heading .eyebrow{position:static;transform:none;margin:0;padding:12px 0;line-height:20px;display:block}.navigation-menu .navigation-heading .menu-close{position:static;inset:auto;height:44px;line-height:20px;padding:12px;align-items:center}.navigation-menu>nav{margin-top:65px}
@media(max-width:800px){.navigation-heading{left:35px}.navigation-menu>nav{margin-top:65px}}
/* The header overlays the portrait; only its background fades in on scroll. */
html{scroll-padding-top:120px}.header{position:fixed;inset:0 0 auto;z-index:20;background:transparent;isolation:isolate}.header:before{content:'';position:absolute;inset:0;background:var(--ink);opacity:var(--header-opacity,0);z-index:-1;pointer-events:none}.hero{height:min(954px,calc(100svh + 54px));min-height:754px}.hero-meta{top:136px}
/* Flat, unlit, single-colour artwork: all motion stays in the 2D plane. */
#diamond-canvas{display:none}.step:before,.step:hover:before,.step:focus-visible:before{background:var(--blue);box-shadow:none;filter:none;opacity:1;transform:translate(var(--diamond-x,0px),var(--diamond-y,0px)) rotate(calc(45deg + var(--diamond-turn,0deg))) scale(var(--diamond-scale,1));transition:transform .25s ease-out,background .3s}.step[aria-pressed="true"]:before{background:#5595cb}
@media(max-width:800px){html{scroll-padding-top:102px}.hero{height:calc(78svh + 86px);min-height:706px}.hero-meta{top:118px}}
@keyframes xai-reveal-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
.motion-enabled .reveal.visible{animation:xai-reveal-in 1.1s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal:not(.visible){opacity:1;translate:none}}