@font-face{font-family:Heebo;src:url('/assets/heebo-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Heebo;src:url('/assets/heebo-bold.ttf') format('truetype');font-weight:500 800;font-display:swap}@font-face{font-family:Heebo;src:url('/assets/heebo-black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{color-scheme:light;--paper:#f3f4ee;--ink:#171b16;--olive:#3c4b22;--lime:#c5ed55;--muted:#596052;--line:#cbd0c3;--font-scale:1;--font:Heebo,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;font-size:calc(16px * var(--font-scale))}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.75}body:has(dialog[open]){overflow:hidden}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1,h2{font-weight:900}h2{font-size:clamp(2.5rem,4.9vw,4.8rem)}h3{font-size:1.55rem;font-weight:700}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a,button,input,textarea,summary{touch-action:manipulation}img{display:block;max-width:100%;height:auto}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #698228;outline-offset:5px}button{border-radius:0}.container{width:min(1400px,calc(100% - 112px));margin-inline:auto}.wide-container{width:calc(100% - 32px);max-width:1600px;margin-inline:auto}.section-pad{padding-block:110px}.eyebrow{font-size:.78rem;font-weight:500;letter-spacing:.035em;margin-bottom:26px;color:var(--muted)}.micro{font:400 .64rem/1.8 'Courier New',monospace;letter-spacing:.18em}.olive-word,.blue-word{color:var(--olive)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 28px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font-size:.9rem;font-weight:500;line-height:1.5;transition:background .2s,color .2s,transform .2s}.button:hover{background:var(--olive);color:#fff;transform:translateY(-2px)}.button-small{min-height:44px;padding:10px 28px;background:transparent;color:var(--ink);font-size:.84rem}.button-small:hover{background:var(--ink)}.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:.86rem;text-decoration:underline;text-underline-offset:6px}.skip-link{position:fixed;top:10px;right:20px;z-index:200;background:var(--ink);color:white;padding:12px 24px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;background:var(--paper);z-index:40;border-bottom:1px solid transparent;transition:border-color .2s}.site-header.is-scrolled{border-color:var(--line)}.nav-wrap{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0;line-height:1}.brand-mark{font:900 3.2rem/.85 Arial,sans-serif;letter-spacing:-.04em;display:block}.brand-caption{font-size:.68rem;margin-top:8px}.desktop-nav{display:flex;gap:35px}.desktop-nav a{display:flex;align-items:center;min-height:44px;font-size:.82rem;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:7px;right:0;width:100%;transform:scaleX(0);transform-origin:right;height:1px;background:currentColor;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:none;background:none;border:1px solid var(--ink);border-radius:30px;min-width:74px;min-height:44px;font-size:.85rem}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:65px;align-items:center;padding-block:70px 62px}.hero-copy{min-width:0}.hero .eyebrow{margin-bottom:17px}.hero h1{font-size:clamp(4rem,8vw,8rem);line-height:1.05;letter-spacing:-.04em}.hero h1>span{display:block}.hero h1 .hero-second{font-size:.69em;color:var(--olive);margin-top:11px;line-height:1.25;letter-spacing:-.04em}.hero-aside{padding-top:26px}.hero-aside .micro{margin-bottom:25px}.hero-aside>p:not(.micro){font-size:.95rem;line-height:1.8;color:var(--ink)}.hero-aside .button{margin-top:24px}.showcase-stage{position:relative;overflow:hidden;border-radius:12px 12px 0 0;background:#193526;aspect-ratio:2.12}.stage-open{display:block;width:100%;height:100%;padding:0;border:0;position:relative;background:none;text-align:initial;overflow:hidden}.stage-open img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.stage-open:hover img{transform:scale(1.025)}.stage-action{position:absolute;bottom:26px;left:26px;border-radius:100px;background:var(--paper);color:var(--ink);padding:12px 20px;font-size:.78rem;line-height:1.5;box-shadow:0 2px 15px #0002}.stage-disclosure{position:absolute;right:22px;bottom:26px;background:#111d;line-height:1.5;padding:7px 12px;border-radius:50px;color:white;font-size:.68rem;pointer-events:none}.showcase-rail{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--lime);color:var(--ink);padding:0 24px;min-height:58px;border-radius:0 0 12px 12px}.showcase-rail>p{color:var(--ink);font-size:.78rem}.project-switcher{display:flex;gap:8px}.project-switcher button{min-height:50px;padding:8px 17px;border:0;background:none;font:500 .72rem Arial,sans-serif;letter-spacing:.07em;color:var(--ink)}.project-switcher button:hover{background:#afdb43}.project-switcher .is-active{font-weight:700;text-decoration:underline;text-underline-offset:6px}.selector-number{margin-right:7px;font-size:.62rem}.showcase-note{font-size:.68rem;margin:13px 4px 0;color:var(--muted)}.showcase-stage.is-changing img{animation:project-in .5s both}@keyframes project-in{from{opacity:.4;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:52px}.section-intro{max-width:330px;font-size:.96rem;line-height:1.8;padding-bottom:5px}.work-section{padding-top:100px}.work-section h2{font-size:clamp(2.35rem,4.2vw,4.2rem)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-card{min-width:0}.project-image{position:relative;border:0;border-radius:4px;overflow:hidden;width:100%;padding:0;background:#d8ded1;display:block;aspect-ratio:1.3;text-align:initial}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-image:hover img{transform:scale(1.04)}.mock-label{position:absolute;bottom:12px;right:12px;font-size:.63rem;line-height:1.5;background:#111d;color:white;border-radius:20px;padding:5px 10px}.project-meta{padding-top:23px}.project-code{font:500 .67rem/1.6 'Courier New',monospace;letter-spacing:.07em;color:var(--muted);text-align:right;margin-bottom:12px}.project-meta h3{font-size:1.27rem;line-height:1.45;letter-spacing:-.025em}.project-meta-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:14px;border-top:1px solid var(--line);padding-top:10px;font-size:.73rem}.project-meta-bottom>span{color:var(--muted)}.project-meta-bottom>a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.services-section{background:var(--ink);color:var(--paper);--muted:#b9c1b1;--line:#41483c}.services-section .section-heading h2>span{color:var(--lime)}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:45px minmax(230px,.95fr) minmax(240px,1fr) 90px;align-items:center;gap:30px;padding-block:35px;border-bottom:1px solid var(--line);transition:background .25s}.service-row:hover{padding-inline:16px;background:#242b20}.service-number{font:400 .7rem 'Courier New',monospace;color:var(--lime)}.service-row h3{font-size:clamp(1.35rem,2.3vw,2.2rem);font-weight:500}.service-row p{font-size:.91rem;max-width:420px}.service-tags{display:block;font-size:.68rem;color:#a3ae97;margin-top:13px}.service-cta{font-size:.72rem;text-decoration:underline;text-underline-offset:7px;color:var(--lime);justify-self:end}
.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:130px;align-items:center}.about-wordmark{font:900 clamp(6rem,14vw,13rem)/1 Arial,sans-serif;letter-spacing:-.04em;color:var(--ink);text-align:right;margin-block:25px 32px}.about-label .micro{display:block;color:var(--muted)}.about-copy h2{font-size:clamp(2.2rem,3.5vw,3.4rem);margin-bottom:28px}.about-copy>p{margin-top:18px;font-size:.95rem;max-width:580px}.about-copy .about-lead{font-size:1.3rem;line-height:1.65;color:var(--ink)}.about-values{display:flex;gap:24px;margin-top:30px;border-top:1px solid var(--line);padding-top:22px;font-size:.76rem}.process-section{background:#e5e9dc}.process-section h2{font-size:clamp(2.1rem,3.8vw,3.7rem)}.process-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;border-top:1px solid #b7c0a8}.process-grid li{padding-top:26px}.step-number{font:400 .72rem 'Courier New',monospace;color:var(--olive);display:block;margin-bottom:35px}.process-grid h3{font-size:1.6rem;font-weight:500;margin-bottom:18px}.process-grid p{font-size:.87rem;line-height:1.85}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px;list-style:none;cursor:pointer;font-size:.98rem;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:400 1.5rem Arial,sans-serif}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details:first-child summary{padding-top:5px}.faq-list details>p{font-size:.9rem;padding-bottom:24px;line-height:1.85}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid var(--line)}.contact-copy h2{font-size:clamp(2.6rem,4.5vw,4.4rem);line-height:1.22;margin-bottom:25px}.contact-copy>p{font-size:.99rem}.contact-form{min-width:0}.form-preview-note{background:#e6eadc;border-inline-start:2px solid #70844a;color:#4d5940;padding:13px 16px;font-size:.75rem;line-height:1.75;margin-bottom:26px}.form-preview-note strong{font-weight:700;color:#35402a}fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}legend{font-size:.87rem;margin-bottom:13px;padding:0}.service-options{display:flex;flex-wrap:wrap;gap:8px}.service-options label{position:relative;cursor:pointer}.service-options input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.service-options span{display:block;min-height:44px;padding:11px 14px;border:1px solid #a9b199;border-radius:100px;font-size:.74rem;line-height:1.5}.service-options input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}.service-options input:focus-visible+span{outline:3px solid #698228;outline-offset:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.full-field{grid-column:1/-1}.field{display:flex;flex-direction:column;min-width:0}.field label{font-size:.85rem;margin-bottom:6px}.field label>span{font-size:.7rem;color:var(--muted)}.field input,.field textarea{border:0;border-bottom:1px solid #959e89;background:transparent;color:var(--ink);width:100%;min-width:0;min-height:48px;padding:10px 2px;resize:vertical;border-radius:0;font-size:1rem}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#ae302d}.field-error{color:#a42925;font-size:.75rem}.field-error:not(:empty){margin-top:6px}.form-privacy{font-size:.73rem;margin-block:20px}.form-privacy a{text-decoration:underline;text-underline-offset:4px}.form-submit{width:100%}.form-status{font-size:.84rem;margin-top:14px;color:var(--olive)}
.site-footer{padding-block:45px 28px;background:var(--ink);color:var(--paper);--line:#42493c;--muted:#b7c0ad}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.footer-top p{font-size:.79rem}.footer-top .brand-mark{font-size:3.7rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid var(--line);font-size:.71rem;color:var(--muted)}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a,.footer-bottom button{min-height:44px;display:inline-flex;align-items:center}.footer-bottom button{background:none;border:0;font:inherit;color:inherit;padding:0}.footer-bottom a:hover,.footer-bottom button:hover{text-decoration:underline;text-underline-offset:4px}
.a11y-fab{position:fixed;left:16px;bottom:16px;z-index:45;background:var(--ink);color:white;border:1px solid #9ca88c;border-radius:50px;min-width:66px;height:44px;font-size:.73rem;box-shadow:0 3px 16px #0002}.cookie-banner{position:fixed;right:18px;bottom:18px;z-index:44;width:min(370px,calc(100% - 36px));background:var(--paper);color:var(--ink);border:1px solid #a8b195;border-radius:10px;padding:20px;box-shadow:0 10px 50px #14200a26}.cookie-banner[hidden]{display:none}.cookie-banner h2{font-size:1.05rem;letter-spacing:-.02em}.cookie-banner p{font-size:.75rem;line-height:1.8;margin-block:8px 13px}.cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cookie-banner-actions button{min-height:44px;font-size:.7rem;padding:9px 7px;background:transparent;border:1px solid #7d896c;border-radius:50px;line-height:1.4}.cookie-banner-actions button:hover{background:#e3eacb}.cookie-details{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:.7rem;min-height:40px;padding:5px 0;margin-top:4px}
 dialog{background:var(--paper);color:var(--ink);border:1px solid #b5bea8;border-radius:12px;padding:46px 38px 36px;width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 22px 90px #0005;overscroll-behavior:contain}dialog::backdrop{background:#11190fcc}.dialog-close{position:absolute;top:8px;left:14px;font-size:.72rem;min-height:44px;padding:8px 10px;border:0;background:none;text-decoration:underline;text-underline-offset:4px}.content-dialog h2,.preferences-dialog h2{font-size:2rem;margin-bottom:20px}.content-dialog .eyebrow{margin-top:8px;margin-bottom:18px}.content-dialog h3{font-size:1.15rem;margin:24px 0 10px}.content-dialog p{font-size:.9rem;margin-bottom:16px}.content-dialog ul{font-size:.9rem;color:var(--muted);padding-inline-start:22px}.content-dialog li{margin-block:6px}.content-dialog .button{margin-top:10px}.dialog-notice{border-inline-start:2px solid #819558;padding-inline-start:14px;font-size:.8rem!important}.preferences-dialog>p{font-size:.9rem;margin-bottom:20px}.preference-row{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:18px}.preference-row>div{display:flex;flex-direction:column;gap:5px}.preference-row strong{font-size:.9rem}.preference-row small{font-size:.75rem;color:var(--muted)}.preference-row>span{font-size:.72rem;white-space:nowrap;color:var(--olive)}.toggle-check{width:22px;height:22px;accent-color:var(--olive);flex-shrink:0}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.secondary-button{background:transparent;color:var(--ink);border-color:#839371}.settings-note{font-size:.75rem!important;margin-top:20px}.settings-note a{text-decoration:underline;text-underline-offset:4px}.a11y-options{display:grid;gap:10px}.a11y-option{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e7ebdd;border:1px solid #aeb99e;border-radius:6px;padding:12px 15px;min-height:48px;text-align:start;font-size:.9rem}.a11y-option[aria-pressed=true]{background:var(--lime);border-color:#6d832e}.a11y-option .option-state{font-size:.75rem}.scale-controls{display:flex;align-items:center;gap:10px;padding-block:12px}.scale-controls>span{margin-inline-end:auto;font-size:.85rem}.scale-controls button{width:44px;height:44px;border:1px solid #899776;background:none;border-radius:5px;font-size:1.3rem}.menu-dialog .brand{align-items:flex-start}.menu-dialog nav{display:flex;flex-direction:column;margin-top:30px}.menu-dialog nav a{border-bottom:1px solid var(--line);padding-block:15px;font-size:1.4rem;line-height:1.6}
.legal-page{max-width:920px;padding-block:60px 100px}.back-link{display:inline-flex;align-items:center;min-height:44px;font-size:.86rem;text-decoration:underline;text-underline-offset:5px;margin-bottom:30px}.legal-page h1{font-size:clamp(2.5rem,5vw,4.4rem);margin-bottom:20px}.legal-meta{font-size:.8rem;margin-bottom:24px}.legal-notice{border-inline-start:0;background:#e4ead7;padding:22px;margin:26px 0;font-size:.9rem}.legal-page h2{font-size:1.5rem;margin:34px 0 15px;letter-spacing:-.02em}.legal-page h3{font-size:1.15rem;margin:22px 0 10px}.legal-page p{margin-bottom:15px;font-size:.94rem}.legal-page li{margin-bottom:9px;color:var(--muted)}.legal-page a:not(.back-link){color:var(--olive);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal-page table{border-collapse:collapse;width:100%;font-size:.8rem}.legal-page th,.legal-page td{border:1px solid #b3bea3;padding:12px;text-align:right;vertical-align:top}.legal-page td bdi{overflow-wrap:anywhere}.table-scroll{max-width:100%;overflow-x:auto}.projects-page{padding-block:50px 100px}.projects-page h1{font-size:clamp(2.6rem,5.2vw,5rem);margin-bottom:24px}.projects-page>.intro{max-width:760px;margin-bottom:50px}.case-study{border-top:1px solid var(--line);padding-block:50px;scroll-margin-top:110px}.case-study-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:30px}.case-study h2{font-size:2.1rem;margin-bottom:20px}.case-study h3{font-size:1.2rem;margin-bottom:12px}.case-study p{font-size:.94rem;margin-bottom:16px}.case-study .project-image{aspect-ratio:1.9;pointer-events:none}.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:26px}.case-summary .button{align-self:start;justify-self:start}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.no-motion,.no-motion *,.no-motion *:before,.no-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.underline-links a{text-decoration:underline!important;text-underline-offset:4px}.high-contrast{--paper:#fff;--ink:#000;--olive:#243700;--muted:#262b22;--line:#666}.high-contrast .services-section,.high-contrast .site-footer{--muted:#f4f4f4;--line:#999}.high-contrast .services-section p,.high-contrast .service-tags,.high-contrast .site-footer p{color:#f4f4f4}
@media(min-width:1650px){.hero{padding-block:100px 80px;grid-template-columns:minmax(0,1fr) 280px}.hero h1{font-size:8.8rem}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero{grid-template-columns:minmax(0,1fr) 225px;gap:35px}.hero h1{font-size:7.8vw}.hero-aside>p:not(.micro){font-size:.87rem}.hero-aside .button{padding-inline:20px;font-size:.8rem}.section-heading{gap:40px}.section-intro{max-width:290px;font-size:.9rem}.projects-grid{gap:20px}.project-meta h3{font-size:1.12rem}.service-row{grid-template-columns:30px minmax(210px,.9fr) minmax(220px,1fr) 72px;gap:20px}.about-section{gap:70px}.contact-section,.faq-layout{gap:65px}}
@media(max-width:850px){.container{width:calc(100% - 44px)}.wide-container{width:calc(100% - 24px)}.nav-wrap{min-height:80px}.desktop-nav{gap:20px}.desktop-nav a{font-size:.75rem}.brand-mark{font-size:2.75rem}.brand-caption{font-size:.6rem}.header-cta{padding-inline:20px}.hero{padding-block:55px 40px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(4.5rem,11vw,6.8rem)}.hero h1 .hero-second{font-size:.67em}.hero-aside{padding:0;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.hero-aside .micro{display:none}.hero-aside>p:not(.micro){font-size:.95rem;max-width:410px}.hero-aside>p:not(.micro) br{display:none}.hero-aside .button{margin:0}.showcase-stage{aspect-ratio:1.7}.section-pad{padding-block:80px}.section-heading{display:block;margin-bottom:36px}.section-intro{margin-top:24px;max-width:480px}.projects-grid{grid-template-columns:1fr 1fr;gap:34px 20px}.project-card:first-child{grid-column:1/-1}.project-card:first-child .project-image{aspect-ratio:2}.project-image{aspect-ratio:1.25}.project-meta h3{font-size:1.25rem}.service-row{grid-template-columns:30px 1fr;gap:15px 25px;padding-block:28px}.service-row h3{font-size:1.9rem}.service-row>div{grid-column:2}.service-cta{grid-column:2;justify-self:start}.service-row:hover{padding-inline:0;background:none}.about-section{grid-template-columns:1fr;gap:36px}.about-label{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.about-label .eyebrow{margin:0}.about-wordmark{font-size:5.8rem;margin:0}.about-label .micro{display:none}.about-copy{max-width:650px}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.step-number{margin-bottom:20px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-list details:first-child summary{padding-top:18px}.contact-section{grid-template-columns:1fr;gap:38px}.contact-copy h2{font-size:clamp(2.8rem,6.5vw,4rem)}.contact-form{max-width:680px;width:100%}.footer-top{flex-wrap:wrap}.footer-top p{order:3;width:100%}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.case-study-heading{gap:35px}.case-study h2{font-size:1.8rem}}
@media(max-width:600px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.wide-container{width:calc(100% - 20px)}.nav-wrap{min-height:77px;gap:15px}.desktop-nav{display:none}.menu-toggle{display:block}.header-cta{margin-inline-start:auto;min-height:42px;padding:10px 19px}.brand-mark{font-size:2.65rem}.hero{padding-block:38px 30px;gap:24px}.hero .eyebrow{font-size:.69rem;margin-bottom:16px}.hero h1{font-size:clamp(3.4rem,13.5vw,5.3rem);letter-spacing:-.04em}.hero h1 .hero-second{font-size:.7em;line-height:1.35;margin-top:8px;letter-spacing:-.04em}.hero-aside{display:block}.hero-aside>p:not(.micro){font-size:.9rem;max-width:310px;line-height:1.8}.hero-aside .button{margin-top:21px;min-height:48px;font-size:.84rem;padding-inline:24px}.showcase-stage{aspect-ratio:1.13;border-radius:9px 9px 0 0}.stage-open img{object-position:52% center}.stage-action{bottom:16px;left:12px;padding:10px 14px;font-size:.65rem}.stage-disclosure{bottom:auto;top:12px;right:12px;font-size:.61rem;padding:5px 9px}.showcase-rail{flex-direction:column-reverse;align-items:stretch;gap:0;padding:4px 12px 10px;border-radius:0 0 9px 9px}.showcase-rail>p{font-size:.68rem;text-align:center;padding-top:3px;border-top:1px solid #839f37}.project-switcher{justify-content:space-between;gap:0}.project-switcher button{flex:1;min-height:45px;padding:8px;font-size:.68rem}.selector-number{font-size:.59rem}.showcase-note{font-size:.63rem;margin:10px 9px 0;line-height:1.7}.section-pad{padding-block:60px}h2{font-size:2.65rem}.work-section h2{font-size:clamp(2rem,8.6vw,3rem)}.section-heading{margin-bottom:30px}.eyebrow{font-size:.7rem;margin-bottom:18px}.section-intro{font-size:.89rem;margin-top:20px}.section-intro br{display:none}.projects-grid{grid-template-columns:1fr;gap:35px}.project-card:first-child{grid-column:auto}.project-card:first-child .project-image,.project-image{aspect-ratio:1.6}.project-meta{padding-top:18px}.project-code{font-size:.65rem;margin-bottom:9px}.project-meta h3{font-size:1.3rem}.project-meta-bottom{margin-top:10px;font-size:.73rem}.service-row{gap:13px 14px;grid-template-columns:27px minmax(0,1fr)}.service-row h3{font-size:1.8rem}.service-row p{font-size:.9rem}.service-tags{font-size:.66rem;line-height:1.9}.service-cta{font-size:.77rem;min-height:35px;display:flex;align-items:center}.services-section h2{font-size:2.45rem}.about-section{gap:35px}.about-wordmark{font-size:4.6rem}.about-copy h2{font-size:2.35rem}.about-copy .about-lead{font-size:1.17rem}.about-copy>p{font-size:.91rem}.about-values{gap:21px;font-size:.74rem}.process-section h2{font-size:2.3rem}.process-grid{gap:30px 25px}.process-grid h3{font-size:1.4rem}.process-grid p{font-size:.84rem}.step-number{font-size:.7rem}.faq-list summary{font-size:.93rem;padding-block:22px}.faq-list details>p{font-size:.88rem}.contact-copy h2{font-size:2.65rem;letter-spacing:-.04em}.contact-copy>p{font-size:.9rem}.form-grid{grid-template-columns:1fr;gap:23px}.full-field{grid-column:auto}.service-options span{font-size:.73rem;padding-inline:13px}.form-preview-note{font-size:.72rem}.footer-top .brand-mark{font-size:3.1rem}.footer-top p{font-size:.75rem}.footer-bottom{font-size:.68rem;padding-bottom:40px}.footer-bottom nav{gap:0 17px}.cookie-banner{right:10px;bottom:10px;width:calc(100% - 20px);padding:17px}.cookie-visible .a11y-fab{bottom:auto;top:90px;left:10px}.a11y-fab{left:10px;bottom:10px;min-width:60px}.cookie-banner h2{font-size:1rem}.cookie-banner p{font-size:.73rem}.cookie-banner-actions button{font-size:.7rem}dialog{padding:45px 24px 28px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.content-dialog h2,.preferences-dialog h2{font-size:1.65rem}.dialog-actions .button{width:100%}.preference-row{gap:15px}.preferences-dialog>p{font-size:.85rem}.legal-page{padding-block:35px 60px}.legal-page h1{font-size:2.5rem}.legal-page h2{font-size:1.4rem}.legal-page p{font-size:.9rem}.legal-page th,.legal-page td{padding:8px}.legal-notice{font-size:.83rem;padding:17px}.projects-page h1{font-size:2.5rem}.case-study{padding-block:35px}.case-study-heading,.case-summary{grid-template-columns:1fr;gap:15px}.case-study .project-image{aspect-ratio:1.35}.case-study h2{font-size:1.8rem}}
@media(max-width:370px){.header-cta{display:none}.menu-toggle{margin-inline-start:auto}.hero h1{font-size:13vw}.hero h1 .hero-second{font-size:.68em}.process-grid{grid-template-columns:1fr}.process-grid li{padding-top:8px}.step-number{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){a,button,input,textarea,summary{forced-color-adjust:auto}.button,.project-switcher button,.a11y-fab,.service-options span{border:1px solid ButtonText}}@media print{.site-header,.site-footer,.a11y-fab,.cookie-banner,dialog,.contact-form,.back-link{display:none!important}body{background:#fff;color:#000}.container{width:100%}.section-pad{padding-block:20px}.services-section{background:#fff;color:#000;--muted:#111}.legal-page p,.legal-page li{color:#111}.legal-notice{background:#fff;color:#111;border:1px solid #000}}
/* Preserve the complete illustrative website in every project frame. */
.showcase-stage,.project-image,.project-card:first-child .project-image,.case-study .project-image{aspect-ratio:1672/941}

@media(max-width:600px){.stage-action{padding:8px 12px;font-size:.6rem}.stage-disclosure{font-size:.57rem}.hero h1 .hero-second{font-size:.68em}.hero-aside>p:not(.micro){max-width:340px}}

/* Corrected DORIS wordmark proportions. */
.brand-mark{font-size:2.5rem;letter-spacing:-.04em}.about-wordmark{font-size:clamp(4.6rem,9.5vw,9rem);letter-spacing:-.04em}.footer-top .brand-mark{font-size:3rem}@media(max-width:600px){.brand-mark{font-size:2.05rem}.about-wordmark{font-size:4.6rem}.footer-top .brand-mark{font-size:2.7rem}}

/* DORIS / Impeccable: editorial hierarchy, quiet controls, generous reading. */
:root{--space-section:clamp(64px,8vw,124px);--ease:cubic-bezier(.16,1,.3,1)}
::selection{background:var(--lime);color:var(--ink)}
html{scrollbar-color:var(--olive) var(--paper)}
input,textarea{caret-color:var(--olive)}
h1,h2,h3{letter-spacing:-.03em;text-wrap:balance}
p{overflow-wrap:break-word}button,a,input,textarea{outline-color:var(--olive)}
.container{width:min(1320px,calc(100% - 96px))}.section-pad{padding-block:var(--space-section)}
.brand-mark,.about-wordmark{font-family:Heebo,Arial,sans-serif;letter-spacing:-.04em}
.nav-wrap{min-height:88px}.desktop-nav a{font-size:.9rem}.desktop-nav a[aria-current=location]:after{transform:scaleX(1)}
.button{border-radius:8px;min-height:52px;padding-inline:25px;font-size:.95rem;transition:background .25s var(--ease),color .25s var(--ease)}
.button:hover{transform:none}.button-small{min-height:44px;font-size:.86rem}.button:active{background:var(--olive)}
.hero{padding-block:clamp(48px,7vw,100px) 62px;grid-template-columns:minmax(0,1fr) 285px;gap:50px;align-items:end}
.hero h1{font-size:clamp(3.7rem,7.2vw,6rem);letter-spacing:-.04em;line-height:1.12}
.hero h1 .hero-second{font-size:.68em;letter-spacing:-.03em;margin-top:18px;line-height:1.3}
.hero-aside{padding:0}.hero-aside>p:not(.micro){font-size:1rem;line-height:1.8}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.hero-aside .button{margin:0}.hero-actions .text-link{font-size:.9rem}
.showcase{max-width:1500px;width:calc(100% - 48px)}.showcase-stage{border-radius:12px 12px 0 0}.stage-action{font-size:.85rem;border-radius:8px;box-shadow:none}
.showcase-rail{min-height:76px;padding:8px 26px}.showcase-rail>p{font-size:.95rem;max-width:50%}
.project-switcher{gap:4px}.project-switcher button{font-family:var(--font);font-size:.82rem;letter-spacing:0;border-radius:6px;padding:12px 18px}
.project-switcher .is-active{background:var(--ink);color:var(--paper);text-decoration:none}.project-switcher .is-active:hover{background:var(--olive)}
.selector-number{font-size:.75rem}.showcase-note{font-size:.78rem;margin-top:14px}.stage-disclosure,.mock-label{font-size:.72rem}
.section-heading{margin-bottom:54px;align-items:end}.section-intro{font-size:1rem;max-width:340px}
.work-section h2{font-size:clamp(2.4rem,4.2vw,4rem)}
.projects-grid{grid-template-columns:1fr 1fr;gap:64px 32px;align-items:start}
.project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:40px;align-items:center}
.project-card:first-child .project-meta{padding:0}.project-card:first-child h3{font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.35}
.project-card:nth-child(3){padding-top:95px}.project-image{border-radius:12px}.project-code{font-family:var(--font);font-size:.8rem;letter-spacing:0}
.project-meta h3{font-size:1.55rem;line-height:1.4}.project-meta-bottom{font-size:.85rem;padding-top:12px}.project-meta{padding-top:22px}
.service-row{grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) 110px;gap:40px;padding-block:40px;transition:background .25s var(--ease)}
.service-row:hover{padding-inline:0;background:#242b20}.service-row h3{font-size:clamp(1.6rem,2.6vw,2.5rem)}.service-row p{font-size:1rem}.service-tags{font-size:.8rem}.service-cta{font-size:.85rem;min-height:44px;display:flex;align-items:center}
.about-section{gap:80px;grid-template-columns:.9fr 1.1fr}.about-wordmark{font-size:clamp(4rem,8vw,7rem);margin:0}.about-copy>p{font-size:1rem;max-width:65ch}.about-values{font-size:.9rem;gap:28px;flex-wrap:wrap}
.process-grid{gap:0;border-top:0}.process-grid li{padding:28px;border-inline-start:1px solid #b7c0a8;border-top:1px solid #b7c0a8}.process-grid li:first-child{padding-inline-start:0;border-inline-start:0}.step-number{font-family:var(--font);font-size:1rem;font-variant-numeric:tabular-nums;margin-bottom:40px}.process-grid p{font-size:.95rem}.process-grid h3{font-size:1.65rem}
.faq-list summary{font-size:1.06rem;line-height:1.6}.faq-list details>p{font-size:1rem;max-width:65ch}.faq-list details[open]{padding-inline:20px;background:#e5e9dc}.faq-list details[open] summary{padding-top:22px}.faq-list summary>span{position:relative;width:18px;height:18px;flex-shrink:0;font-size:0;transition:transform .2s var(--ease)}.faq-list summary>span:before,.faq-list summary>span:after{content:'';position:absolute;inset:8px 0 auto;height:2px;background:currentColor}.faq-list summary>span:after{transform:rotate(90deg)}
.contact-section{gap:80px}.contact-form{padding:32px;background:#e5e9dc;border-radius:12px}.contact-copy h2{font-size:clamp(2.5rem,4.4vw,4rem)}
.form-preview-note{background:transparent;border:0;border-bottom:1px solid #b7c0a8;padding:0 0 20px;font-size:.85rem;color:var(--muted)}
.field input,.field textarea{background:var(--paper);border:1px solid #959e89;border-radius:6px;padding:12px;min-height:52px}.field label{font-size:.95rem}.field label>span{font-size:.8rem}.field:focus-within label{color:var(--olive)}.field-error{font-size:.85rem}.form-privacy{font-size:.84rem}.service-options span{font-size:.85rem;background:var(--paper)}legend{font-size:.98rem}.form-status{font-size:.95rem}
.footer-top .brand-mark{font-size:clamp(3rem,7vw,6rem)}.footer-top p{font-size:.95rem}.footer-bottom{font-size:.83rem}
.cookie-banner{width:min(420px,calc(100% - 36px));border:0;border-radius:12px;box-shadow:0 12px 48px #171b1630;padding:24px}.cookie-banner p{font-size:.85rem}.cookie-banner-actions{gap:10px}.cookie-banner-actions button{min-height:48px;font-size:.83rem}.cookie-details{min-height:44px;font-size:.8rem}
dialog{border:0;border-radius:16px;box-shadow:0 20px 80px #171b1638}dialog::backdrop{background:#171b1673}.dialog-close{min-height:44px;min-width:70px;font-size:.85rem}.menu-dialog nav a{font-size:1.55rem}.menu-dialog{max-width:520px}.preferences-dialog>p{font-size:1rem}.preference-row small{font-size:.85rem}.settings-note{font-size:.85rem!important}.dialog-notice,.legal-notice{border-inline-start:0;border-radius:8px}.a11y-fab{box-shadow:none}
.legal-page{max-width:1120px;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:64px;align-items:start}.legal-page>.back-link,.legal-page>h1,.legal-page>.legal-meta,.legal-page>.legal-notice{grid-column:1/-1}.legal-page h1{margin-top:10px}.legal-page>.legal-notice{margin-bottom:40px}.legal-toc{position:sticky;top:115px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:20px}.legal-toc strong{font-size:.95rem;margin-bottom:12px}.legal-toc a{font-size:.85rem;min-height:44px;display:flex;align-items:center;text-decoration:none!important;border-bottom:1px solid var(--line);line-height:1.6;padding:7px 0}.legal-toc a:hover{text-decoration:underline!important}.legal-body{min-width:0;max-width:70ch}.legal-body h2:first-child{margin-top:12px}.legal-page p,.legal-page li{font-size:1rem;line-height:1.9}.legal-page h2{scroll-margin-top:120px}.legal-page table{font-size:.9rem}.legal-page th{background:#e5e9dc}.legal-body ul{padding-inline-start:24px}
.case-nav{display:flex;gap:28px;border-block:1px solid var(--line);padding-block:15px;flex-wrap:wrap;margin-bottom:40px}.case-nav a{min-height:44px;display:flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:6px;font-size:.95rem}.projects-page>.intro{font-size:1.05rem;max-width:65ch}.case-study{padding-block:60px}.case-study-heading{gap:70px}.case-study h2{font-size:clamp(2rem,3vw,3rem);line-height:1.3}.case-study p{font-size:1rem}.case-summary{padding-top:20px}
@media(max-width:1000px){.container{width:calc(100% - 56px)}.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(3.7rem,9vw,6rem)}.hero-aside{display:flex;justify-content:space-between;gap:36px;align-items:center}.hero-aside>p:not(.micro){max-width:400px}.hero-aside br{display:none}.hero-actions{flex-shrink:0;margin:0}.project-card:first-child{grid-template-columns:1fr;gap:24px}.service-row{grid-template-columns:1fr 1.3fr;gap:20px}.service-row>div{grid-column:2;grid-row:1/3}.service-cta{grid-column:1;justify-self:start}.about-section{grid-template-columns:1fr;gap:36px}.about-wordmark{font-size:5rem}.process-grid{grid-template-columns:1fr 1fr}.process-grid li:nth-child(3){border-inline-start:0;padding-inline-start:0}.contact-section{grid-template-columns:1fr;gap:32px}.legal-page{grid-template-columns:190px minmax(0,1fr);column-gap:32px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.desktop-nav{display:none}.menu-toggle{display:block}.nav-wrap{min-height:76px;gap:12px}.header-cta{margin-inline-start:auto;padding-inline:16px}.hero{padding-block:38px 34px;gap:26px}.hero h1{font-size:clamp(2.9rem,12vw,4.8rem)}.hero h1 .hero-second{font-size:.66em;letter-spacing:-.03em;margin-top:12px}.hero-aside{display:block}.hero-aside>p:not(.micro){font-size:1rem}.hero-actions{margin-top:24px;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.hero-actions .button{font-size:.9rem;padding-inline:18px}.hero-actions .text-link{font-size:.85rem}.showcase{width:calc(100% - 24px)}.showcase-rail{padding:8px 10px;gap:8px;flex-direction:column-reverse;align-items:stretch}.showcase-rail>p{max-width:none;font-size:.85rem;padding-block:7px;border-top:1px solid #839f37;text-align:center}.project-switcher{justify-content:space-between}.project-switcher button{padding:10px 8px;font-size:.75rem;flex:1;min-height:46px}.stage-action{font-size:.72rem;padding:9px 12px;bottom:12px;left:12px}.stage-disclosure,.mock-label{font-size:.65rem}.showcase-note{font-size:.75rem;margin-inline:4px}.section-heading{margin-bottom:30px}.projects-grid{grid-template-columns:1fr;gap:36px}.project-card:nth-child(3){padding-top:0}.project-card:first-child{gap:20px}.project-card:first-child h3,.project-meta h3{font-size:1.5rem}.project-meta-bottom{font-size:.83rem}.service-row{grid-template-columns:1fr;gap:16px;padding-block:30px}.service-row>div{grid-column:1;grid-row:auto}.service-row h3{font-size:1.8rem}.service-cta{grid-column:1}.about-wordmark{font-size:4.6rem}.about-values{gap:18px;font-size:.85rem}.process-grid li{padding:22px 16px}.step-number{margin-bottom:25px}.process-grid h3{font-size:1.4rem}.process-grid p{font-size:.9rem}.faq-list summary{font-size:1rem}.faq-list details>p{font-size:.95rem}.faq-list details[open]{padding-inline:14px}.contact-form{padding:22px 18px}.form-grid{grid-template-columns:1fr}.service-options span{font-size:.8rem}.footer-bottom{font-size:.8rem}.cookie-banner{padding:20px;max-height:calc(100dvh - 110px);overflow-y:auto}.cookie-banner-actions{display:flex;flex-wrap:wrap}.cookie-banner-actions button{flex:1;min-width:130px}.legal-page{display:block}.legal-toc{position:static;margin-bottom:34px}.legal-page p,.legal-page li{font-size:1rem}.case-nav{gap:6px 22px;margin-bottom:16px}.case-study-heading,.case-summary{grid-template-columns:1fr;gap:20px}.case-study{padding-block:38px}}
@media(max-width:370px){.header-cta{display:none}.hero-actions{gap:8px}.process-grid{grid-template-columns:1fr}.process-grid li{border-inline-start:0;padding-inline-start:0}}
.high-contrast .contact-form,.high-contrast .process-section,.high-contrast .faq-list details[open]{background:#fff;color:#000}.high-contrast .form-preview-note{color:#000}.high-contrast .cookie-banner{border:1px solid #000}
@media print{.legal-page{display:block}.legal-toc,.case-nav{display:none}.legal-body{max-width:none}}

/* Visual QA: keep keyboard focus visible outside the clipped project frame. */
.showcase-stage:has(.stage-open:focus-visible){outline:3px solid var(--olive);outline-offset:5px}
@media(max-width:650px){.about-wordmark{font-size:min(4.6rem,23vw)}}

/* Approved Quiet Blue refinement — same layout and content. */
@font-face{font-family:Rubik;src:url('/assets/rubik.ttf');font-weight:300 900;font-display:swap}
/* Visual refinement only. No layout, content, media or order changes. */
:root{--paper:#f7f9fb;--ink:#202d43;--olive:#365888;--lime:#dbe5f4;--muted:#556278;--line:#d6deea;--surface:#eaf0f7;--font:Rubik,Arial,sans-serif;--heading-weight:600;--corner:12px}
html body{font-family:var(--font)}
html h1,html h2{font-weight:var(--heading-weight);letter-spacing:-.025em}
html .hero h1 .hero-second{font-weight:var(--heading-weight);letter-spacing:-.025em}
html .button{border-radius:var(--corner);font-weight:600;background:var(--ink);border-color:var(--ink);box-shadow:0 2px 3px #15231a0a;transition:background .18s,color .18s,box-shadow .18s}
html .button:hover{background:var(--olive);border-color:var(--olive);transform:none;box-shadow:0 4px 10px #15231a14}
html .header-cta{background:transparent;color:var(--ink)}
html .header-cta:hover{background:var(--ink);color:var(--paper)}
html .text-link{text-decoration-thickness:1px;text-underline-offset:7px}
html .project-switcher button{border-radius:6px;letter-spacing:.025em;transition:background .18s}
html .project-switcher button:hover{background:var(--surface)}
html .project-switcher button.is-active{background:var(--ink);color:var(--paper);text-decoration:none}
html .stage-action{border-radius:var(--corner);font-weight:600}
html .process-section,html .contact-form,html .faq-list details[open]{background:var(--surface)}
html .contact-form{border-radius:var(--corner)}
html .field input,html .field textarea{border-color:var(--line);border-radius:6px;background:var(--paper);caret-color:var(--olive)}
html .service-options span{border-radius:6px}
html .service-options input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html .services-section{background:var(--ink)}
html .service-row:hover{background:#ffffff08}
html .site-footer{background:var(--ink)}
html :focus-visible{outline-color:var(--olive)}
html ::selection{background:var(--lime);color:var(--ink)}
html .high-contrast{--paper:#fff;--ink:#000;--olive:#000;--muted:#000;--surface:#fff;--line:#000}
@media(prefers-reduced-motion:reduce){html .button,html .project-switcher button{transition:none}}
html .legal-notice,html .legal-page th{background:var(--surface)}
html .showcase-rail>p{border-color:var(--line)}

/* Quiet Blue atmosphere: slow light currents, behind every content surface. */
body{isolation:isolate}
body::before,body::after{content:"";position:fixed;inset:-8%;z-index:-1;pointer-events:none}
body::before{background:radial-gradient(ellipse at 8% 30%,#b9d5ef8c 0,transparent 48%),radial-gradient(ellipse at 87% 65%,#c5cfee80 0,transparent 46%),radial-gradient(ellipse at 55% 100%,#c4e4ea66 0,transparent 48%);animation:blue-current 28s ease-in-out infinite alternate}
body::after{background:radial-gradient(ellipse at 88% 8%,transparent 43%,#6f94bf1f 43.1%,transparent 43.3%),radial-gradient(ellipse at 2% 90%,transparent 52%,#6f94bf1a 52.1%,transparent 52.3%);animation:blue-trace 36s ease-in-out infinite alternate}
@keyframes blue-current{from{transform:translate3d(-2%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.05)}}
@keyframes blue-trace{from{transform:translate3d(0,2%,0)}to{transform:translate3d(-3%,-2%,0)}}
@media(max-width:650px){body::before{opacity:.75}body::after{opacity:.6}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none;transform:none}}
.no-motion body::before,.no-motion body::after,body.no-motion::before,body.no-motion::after{animation:none;transform:none}
.high-contrast body::before,.high-contrast body::after,body.high-contrast::before,body.high-contrast::after{display:none}
@media print{body::before,body::after{display:none}}

/* Scroll-directed choreography; native scrolling and original section geometry stay intact. */
.scroll-scenes body::before{animation:none;transform:translate3d(var(--atmosphere-x,0),var(--atmosphere-y,0),0) scale(1.12);filter:hue-rotate(var(--atmosphere-hue,0deg))}
.scroll-scenes body::after{animation:none;transform:translate3d(0,var(--atmosphere-y,0),0)}
.scroll-scenes .hero-copy{transform:translate3d(0,calc(var(--hero-drift,0px) * -1),0)}
.scroll-scenes .hero-aside{transform:translate3d(0,calc(var(--hero-drift,0px) * .3),0)}
.scroll-scenes .showcase-stage,.scroll-scenes .project-image{transform:scale(var(--frame-scale,1));transform-origin:center center}
.scroll-scenes .showcase-stage:focus-within,.scroll-scenes .project-image:focus-within{transform:none}
.scroll-scenes .stage-open img,.scroll-scenes .project-image img{transform:translate3d(0,var(--scene-y,0px),0) scale(var(--scene-scale,1.1));transition:none}
.scroll-scenes .section-heading>*,.scroll-scenes .project-meta{transform:translate3d(0,var(--scene-lift,0px),0);opacity:calc(.78 + var(--scene-enter,1) * .22)}
.scroll-scenes .about-wordmark{transform:translate3d(calc(var(--scene-y,0px) * .7),0,0)}
.scroll-scenes .process-grid li{background:rgba(54,88,136,calc(var(--scene-enter,0) * .075));border-top-color:rgba(54,88,136,calc(.2 + var(--scene-enter,0) * .6))}
.scroll-scenes .process-grid li h3{transform:translate3d(0,var(--scene-lift,0px),0)}
.scroll-scenes .project-image:focus-within img,.scroll-scenes .stage-open:focus-visible img{transform:none}
@media(prefers-reduced-motion:reduce){.scroll-scenes .showcase-stage,.scroll-scenes .project-image,.scroll-scenes .hero-copy,.scroll-scenes .hero-aside,.scroll-scenes .stage-open img,.scroll-scenes .project-image img,.scroll-scenes .section-heading>*,.scroll-scenes .project-meta,.scroll-scenes .about-wordmark,.scroll-scenes .process-grid li h3{transform:none!important;opacity:1!important}}
