/* Four-tone palette: cool white, green black, deep green, bright green. */
:root{--paper:#F3F6F4;--ink:#111A15;--muted:#245C40;--line:#F3F6F4;--lime:#48E88B;--soft:#F3F6F4;--dark:#111A15;--white:#F3F6F4;--font:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08}h1,h2{font-weight:500;letter-spacing:-3px}p{margin-bottom:22px}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;flex-shrink:0}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}:focus-visible{outline:3px solid #245C40;outline-offset:5px}main:focus{outline:none}.wrap{width:min(1320px,calc(100% - 88px));margin-inline:auto}.skip-link{position:fixed;top:-90px;left:20px;background:var(--ink);color:var(--paper);padding:12px 22px;z-index:100}.skip-link:focus{top:14px}.header-inner{display:flex;align-items:center;min-height:105px;gap:28px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:inline-flex;align-items:center;flex-shrink:0}.wordmark{font-weight:700;letter-spacing:-3px;font-size:41px;line-height:1;display:inline-flex;align-items:center;gap:8px}.wordmark-symbol{font-size:33px;line-height:1;font-weight:400;letter-spacing:0}.header-description{font-size:8px;line-height:1.6;letter-spacing:.7px;text-transform:uppercase;max-width:90px;border-left:1px solid var(--line);padding-left:24px}.header nav{margin-left:auto;display:flex;align-items:center;gap:40px}.header nav>a{font-size:11px;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:23px}.header nav>a:hover,.header nav>a[aria-current]{text-decoration:underline;text-underline-offset:7px}.nav-contact{border-bottom:1px solid var(--ink);font-weight:600}.nav-contact svg{width:19px}.menu-button{display:none}.eyebrow,.technical{font-size:10px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase;line-height:1.6}.eyebrow{margin-bottom:24px}.technical{letter-spacing:.8px;font-size:9px}.small-cross{font-size:19px;line-height:1;display:inline-block;margin-right:7px;font-weight:400}.button{min-height:50px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 23px;text-decoration:none;font-size:11px;font-weight:500;line-height:1.6;border-radius:0;transition:background .18s}.button:hover{background:#245C40}.button svg{width:22px;transition:transform .2s}.button:hover svg{transform:translateX(3px)}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;text-decoration:none;font-size:11px;font-weight:500}.text-link:hover{text-decoration:underline}.text-link svg{width:22px;transition:transform .2s}.text-link:hover svg{transform:translateX(3px)}.hero{display:grid;grid-template-columns:.97fr 1.03fr;gap:5%;padding-block:45px 35px;align-items:stretch}.hero-copy{padding-top:26px;min-width:0}.hero h1{font-size:clamp(65px,7.25vw,105px);font-weight:500;line-height:.98;letter-spacing:-5.8px;margin-bottom:34px}.hero h1>span{position:relative;display:inline-block;z-index:0}.hero h1>span:after{content:'';position:absolute;left:0;right:-3px;height:13px;bottom:4px;background:var(--lime);z-index:-1}.hero-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:370px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:26px}.hero-note{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:21px;max-width:460px}.hero-note .technical{max-width:170px;font-size:8px;line-height:1.9}.hero-note p{font-size:10px;line-height:1.8;margin:0;color:var(--muted)}.viewer{display:flex;flex-direction:column;background:#F3F6F4;position:relative;min-width:0;color:var(--ink);min-height:620px}.viewer.clay{background:#48E88B}.viewer.sand{background:#F3F6F4}.viewer-caption{display:flex;justify-content:space-between;gap:20px;padding:21px 23px 0;position:relative;z-index:2}.viewer-caption .technical{font-size:8px}.viewer-surface{position:relative;flex:1;min-height:445px;overflow:hidden}.viewer canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline-offset:-6px}.viewer canvas.dragging{cursor:grabbing}.viewer-fallback{position:absolute;inset:0}.viewer-fallback img{width:100%;height:100%;object-fit:contain}.viewer-shadow{position:absolute;left:24%;right:24%;height:4%;bottom:11%;background:#245C40;filter:blur(15px);opacity:.2;border-radius:50%;display:none}.viewer-ready .viewer-shadow{display:block}.axis{position:absolute;bottom:17px;left:25px;width:45px;height:42px;pointer-events:none;font-size:7px;line-height:1;color:#245C40}.axis i{width:31px;height:28px;position:absolute;left:7px;top:2px;border-left:1px solid #245C40;border-bottom:1px solid #245C40;transform:skewY(-25deg)}.axis i:after{content:'';position:absolute;width:22px;height:1px;background:#245C40;bottom:0;left:-2px;transform:rotate(50deg);transform-origin:left}.axis span{position:absolute;right:0;bottom:12px}.axis b{position:absolute;left:5px;top:0;font-weight:400}.axis em{position:absolute;left:22px;bottom:0;font-style:normal}.viewer-controls{padding:0 22px}.viewer-main-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #245C40;padding-top:10px}.materials{display:flex;align-items:center;gap:0}.materials button{background:transparent;border:0;padding:6px;width:35px;height:42px;display:grid;place-items:center}.swatch{display:block;width:19px;height:19px;border-radius:50%;border:1px solid #245C40}.lime{background:#48E88B}.swatch.clay{background:#245C40}.swatch.chalk{background:#F3F6F4}.materials button[aria-pressed=true] .swatch{outline:1px solid var(--ink);outline-offset:3px}.render-controls{display:flex;gap:4px}.render-controls button{border:1px solid transparent;background:none;color:var(--ink);font-size:9px;padding:8px 10px;min-height:40px}.render-controls button[aria-pressed=true]{border-color:#245C40;background:#F3F6F466}.reset-view{border:0;background:none;font-size:24px;color:var(--ink);padding:3px 10px;min-height:42px;min-width:42px}.viewer-status{font-size:8px;letter-spacing:.15px;text-align:center;padding:10px 14px 18px;margin:0;color:#245C40}.software-strip{display:grid;grid-template-columns:1.2fr .7fr 1.3fr 1fr 1.05fr;align-items:center;gap:30px;border-top:1px solid var(--line);padding-block:29px 40px}.software-strip>span:not(.technical){font-size:21px;letter-spacing:-.7px;font-weight:600}.software-strip>.technical{color:var(--muted);font-size:8px}.work-section{background:var(--dark);color:var(--paper);padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:50px}.section-heading h2{font-size:clamp(36px,3.7vw,53px);line-height:1.08;letter-spacing:-2px}.section-heading>p{max-width:350px;font-size:13px;line-height:1.9;color:var(--muted);margin:0}.section-heading>.text-link{white-space:nowrap;flex-shrink:0}.work-section .eyebrow{color:#F3F6F4}.project-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:70px 40px}.project-card{min-width:0}.project-card:nth-child(2){padding-top:115px}.project-card:nth-child(3){padding-top:0}.project-card:nth-child(4){padding-top:80px}.project-image{display:block;position:relative;overflow:hidden;background:#F3F6F4;text-decoration:none}.project-image img{width:100%;aspect-ratio:1.14;object-fit:cover;transition:transform .6s ease}.project-card:nth-child(even) .project-image img{aspect-ratio:.88;object-fit:cover}.project-image:hover img{transform:scale(1.025)}.image-tag{position:absolute;top:20px;left:20px;background:#F3F6F4cf;padding:6px 11px;color:var(--ink);font-size:8px;letter-spacing:.6px;text-transform:uppercase}.image-arrow{position:absolute;bottom:20px;right:20px;width:43px;height:43px;background:var(--paper);color:var(--ink);display:grid;place-items:center}.image-arrow svg{width:20px}.project-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:23px}.project-meta .technical{font-size:8px;color:#F3F6F4;margin-bottom:12px}.project-meta h3{font-size:31px;letter-spacing:-1.1px;font-weight:500}.project-meta h3 a{text-decoration:none}.project-meta h3 a:hover{text-decoration:underline}.project-meta>p{font-size:10px;color:#F3F6F4;margin:0 0 3px}.work-note{font-size:9px;color:#F3F6F4;margin:40px 0 0;max-width:800px;line-height:1.8}.section{padding-block:100px}.service-list{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:65px 1fr 200px 40px;gap:35px;align-items:center;text-decoration:none;padding-block:30px;border-bottom:1px solid var(--line);transition:padding .2s}.service-row:hover{padding-left:10px}.service-row>.technical{align-self:start;padding-top:8px;color:var(--muted)}.service-row h3{font-size:33px;font-weight:500;letter-spacing:-1.2px;margin-bottom:10px}.service-row p{font-size:12px;color:var(--muted);margin:0}.service-tools{font-size:9px;color:var(--muted);justify-self:end}.service-row>svg{width:27px;height:27px;justify-self:end}.about-band{background:var(--lime);padding-block:80px;overflow:hidden}.about-band-grid{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;}.about-band-grid>.eyebrow{padding-top:10px;font-size:9px;max-width:150px}.about-band h2{font-size:clamp(39px,4.5vw,65px);letter-spacing:-2.8px;line-height:1.08;position:relative;z-index:1;max-width:800px}.about-band p:not(.eyebrow){max-width:470px;font-size:13px;line-height:1.95;margin-top:30px}.outlined-mark{position:absolute;left:-30px;bottom:-126px;font-size:370px;line-height:1;letter-spacing:-35px;color:transparent;-webkit-text-stroke:1px #245C40;font-weight:600;opacity:.3;user-select:none;pointer-events:none}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;margin:0;list-style:none}.process-list li{border-top:1px solid var(--line);padding-top:23px}.process-list .technical{display:block;color:var(--muted);margin-bottom:40px}.process-list h3{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin-bottom:18px}.process-list p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.closing{border-top:1px solid var(--line);padding-block:45px 65px}.closing-top{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:40px}.closing-top .eyebrow{margin:0;font-size:8px}.tiny{font-size:8px;color:var(--muted)}.closing-main{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end}.closing h2{font-size:clamp(68px,8.5vw,120px);letter-spacing:-6px;line-height:.98}.closing-link{text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--ink);padding-bottom:20px;min-height:155px}.closing-link span{font-size:30px;letter-spacing:-1px;line-height:1.3}.closing-link svg{width:75px;height:75px;transition:transform .2s}.closing-link:hover svg{transform:translate(5px,-5px)}footer{background:var(--dark);color:var(--paper)}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:70px;align-items:start;padding-block:55px 42px}.footer-top .wordmark{font-size:65px;letter-spacing:-4px}.footer-top .wordmark-symbol{font-size:50px;color:var(--lime)}.footer-top p{font-size:16px;line-height:1.5;letter-spacing:-.3px;margin:0}.footer-top>div{justify-self:end}.footer-top>div>a{display:block;text-decoration:none;font-size:11px;line-height:1.5;padding-block:6px}.footer-top>div>a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #F3F6F425;display:flex;justify-content:space-between;gap:30px;padding-block:24px;font-size:8px;letter-spacing:.15px;color:#F3F6F4}.footer-bottom p{margin:0}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.page-heading{padding-block:25px 65px}.breadcrumbs{display:flex;gap:14px;align-items:center;font-size:9px;color:var(--muted);margin-bottom:55px}.breadcrumbs a{text-decoration:none}.page-heading h1{font-size:clamp(54px,6.7vw,93px);line-height:1.04;letter-spacing:-4px;margin-bottom:27px;max-width:1150px}.lead{font-size:20px;line-height:1.7;color:var(--muted)}.page-heading .lead{font-size:15px;max-width:650px;line-height:1.95;margin:0}.work-catalog{padding-top:35px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #F3F6F433;padding-bottom:27px;margin-bottom:50px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{border:1px solid #245C40;background:transparent;color:var(--paper);padding:11px 17px;min-height:44px;font-size:10px}.filters button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.filters button:hover{border-color:var(--lime)}.filters button span{font-size:8px;margin-left:12px}.filter-bar>.technical{color:#F3F6F4;margin:0;white-space:nowrap}.project-grid.is-filtered{grid-template-columns:1fr 1fr}.project-grid.is-filtered .project-card{padding-top:0}.project-grid.is-filtered .project-image img{aspect-ratio:1.14}.project-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:15%;padding-bottom:45px}.project-intro .lead{font-size:19px;line-height:1.85;max-width:570px}.project-intro dl{margin:0}.project-intro dl>div{display:grid;grid-template-columns:130px 1fr;gap:25px;border-top:1px solid var(--line);padding-block:14px;font-size:11px}.project-intro dt{color:var(--muted);font-size:9px}.project-intro dd{margin:0}.project-stage{max-width:1120px}.large-viewer{min-height:750px}.large-viewer .viewer-caption{padding:23px 28px 0}.large-viewer .viewer-surface{min-height:570px}.large-viewer .viewer-controls{max-width:640px;width:100%;margin-inline:auto;padding-inline:30px}.large-viewer .viewer-main-controls{gap:30px}.large-viewer .render-controls button{font-size:11px}.large-viewer .viewer-status{font-size:9px;padding-bottom:21px}.explode-control{display:grid;grid-template-columns:155px 1fr 38px;gap:20px;align-items:center;padding-top:13px;padding-bottom:8px}.explode-control label{font-size:9px}.explode-control input{accent-color:#245C40;width:100%;height:28px;padding:0;background:none;border:0}.explode-control output{font-size:9px;text-align:right}.motion-button{min-height:42px;background:var(--ink);color:var(--paper);border:0;font-size:10px;padding:9px 17px;margin-block:12px 5px}.motion-button[aria-pressed=true]{background:#245C40}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:13%}.project-story h2{font-size:44px;line-height:1.15;letter-spacing:-1.7px;max-width:520px}.project-story h3{font-size:22px;letter-spacing:-.5px;font-weight:500;margin-bottom:22px}.project-story p{font-size:13px;color:var(--muted);line-height:1.9}.project-story .technical{font-size:9px;margin-bottom:12px;margin-top:30px}.project-story .button{margin-top:7px}.focus-list{list-style:none;padding:0;margin:20px 0 27px}.focus-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;align-items:center;gap:15px}.focus-list li:before{content:'+';font-size:15px;color:var(--muted)}.detail-composition{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center;padding-bottom:80px}.detail-composition figure img{width:100%;height:auto}.detail-composition figcaption{font-size:9px;color:var(--muted);padding-top:12px}.detail-composition h2{font-size:49px;letter-spacing:-2px;margin-bottom:28px}.detail-composition>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.95}.detail-composition>div>p.small{font-size:10px}.next-project{border-top:1px solid var(--line);padding-block:35px 65px}.next-project>.eyebrow{font-size:9px;margin-bottom:25px}.next-project>a:not(.text-link){display:flex;justify-content:space-between;align-items:center;gap:40px;text-decoration:none;font-size:72px;letter-spacing:-3px;line-height:1.1;padding-bottom:25px}.next-project>a:not(.text-link) svg{width:60px;height:60px}.next-project .text-link{font-size:10px}.service-jumps{display:flex;gap:45px;flex-wrap:wrap;padding-bottom:30px}.service-jumps .text-link{font-size:11px}.service-detail{border-top:1px solid var(--line);padding-block:70px;scroll-margin-top:0}.soft{background:var(--soft)}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%}.service-detail h2{font-size:52px;letter-spacing:-2px;max-width:520px}.service-detail .eyebrow{font-size:9px}.service-detail .lead{font-size:18px;line-height:1.8}.small{font-size:11px;line-height:1.9;color:var(--muted)}.service-detail .small{margin-bottom:27px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%}.faq-layout h2{font-size:50px}.faqs{border-top:1px solid #245C40}details{border-bottom:1px solid #245C40}summary{list-style:none;cursor:pointer;font-size:12px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:24px}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;line-height:1;font-weight:400}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:12px;color:var(--muted);padding:0 25px 24px 0;margin:0;line-height:1.9}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center;padding-bottom:20px}.profile-art{position:relative;background:var(--ink);color:var(--lime);min-height:560px;overflow:hidden;display:grid;place-items:center}.profile-coordinate{position:absolute;top:27px;left:27px;font-size:9px;letter-spacing:1px}.profile-letter{font-size:390px;line-height:1;letter-spacing:-40px;margin-left:-30px;font-weight:600;color:transparent;-webkit-text-stroke:1px var(--lime);transform:skewY(-8deg)}.profile-art:before,.profile-art:after{content:'';position:absolute;width:100%;height:1px;background:#48E88B40;transform:rotate(-35deg)}.profile-art:after{transform:rotate(35deg)}.profile-signature{position:absolute;bottom:25px;left:27px;font-size:8px;letter-spacing:1px}.profile-copy h2{font-size:48px;margin-bottom:30px;letter-spacing:-2px}.profile-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;color:var(--muted)}.profile-copy .button{margin-top:15px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.tool-grid article{padding-top:23px;border-top:1px solid var(--ink)}.tool-grid .technical{display:block;color:var(--muted);margin-bottom:40px}.tool-grid h3{font-size:25px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin-bottom:25px}.tool-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.tool-grid .tool-role{font-size:10px;color:var(--ink);margin-bottom:14px;font-weight:600}.concept-note{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:45px;padding-block:25px 45px}.concept-note p{font-size:10px;color:var(--muted);max-width:800px;line-height:1.9;margin:0}.concept-note .text-link{font-size:10px;white-space:nowrap}
.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;padding-bottom:95px;max-width:1180px}.contact-layout>div{min-width:0}.demo-note{border-left:2px solid #245C40;background:var(--soft);padding:13px 16px;font-size:10px;line-height:1.8;margin-bottom:25px}.progress{list-style:none;display:flex;justify-content:space-between;gap:15px;padding:0 0 22px;margin:0 0 30px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.progress li{display:flex;align-items:center;gap:10px}.progress li span{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);font-size:9px}.progress li[aria-current]{color:var(--ink);font-weight:600}.progress li[aria-current] span{background:var(--lime);border-color:var(--lime)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:26px;line-height:1.3;letter-spacing:-.7px;font-weight:500;padding:0;margin-bottom:25px;width:100%}.field{margin-bottom:23px}.field label{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:11px;font-weight:500;margin-bottom:8px}.field label span{color:var(--muted);font-weight:400;font-size:8px}input,select,textarea{width:100%;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--ink);background:#F3F6F4;border:1px solid #245C40;padding:12px 14px;border-radius:0}textarea{min-height:135px;resize:vertical}textarea::placeholder{color:#245C40;opacity:1;font-size:12px}.form-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-error,.form-error{font-size:11px;line-height:1.6;color:#245C40;margin:7px 0 0}.form-error{margin:0 0 16px}.form-error:empty{display:none}[aria-invalid=true]{border-color:#245C40}.field-hint{font-size:10px;color:var(--muted);margin-top:18px}.form-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:26px}.back-button{background:none;border:0;color:var(--ink);font-size:11px;padding:11px 0;min-height:44px}.back-button:hover{text-decoration:underline}.selected-project{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;background:var(--soft);border:1px solid var(--line);margin-bottom:24px}.selected-project p{font-size:11px;margin:0}.selected-project button{font-size:10px;min-height:44px;background:none;border:0;color:var(--ink);text-decoration:underline}.privacy-note{font-size:9px;line-height:1.8;color:var(--muted);margin-top:25px}.contact-aside{background:var(--lime);padding:36px;align-self:start}.aside-cross{font-size:70px;line-height:1;display:block;margin-bottom:30px}.contact-aside h2{font-size:37px;line-height:1.13;letter-spacing:-1.5px;margin-bottom:25px}.contact-aside>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:340px}.contact-aside .focus-list li{border-color:#48E88B;font-size:11px}.contact-aside .focus-list li:before{color:var(--ink)}.contact-aside .text-link{font-size:10px}.contact-aside>p.aside-note{font-size:9px;line-height:1.8;color:#245C40;border-top:1px solid #48E88B;padding-top:25px;margin:25px 0 0}#confirmation h2{font-size:42px;letter-spacing:-1.7px;margin-bottom:23px}#confirmation>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}#summary{margin:25px 0;border-top:1px solid var(--line)}#summary>div{display:grid;grid-template-columns:100px 1fr;gap:25px;padding-block:14px;border-bottom:1px solid var(--line)}#summary dt{font-size:10px;color:var(--muted)}#summary dd{font-size:12px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}#confirmation .form-actions{justify-content:flex-start}.prose{max-width:800px;padding-bottom:90px}.prose h2{font-size:30px;letter-spacing:-1px;margin:35px 0 20px}.prose h2:first-child{margin-top:0}.prose p{font-size:14px;line-height:1.95;color:var(--muted)}.prose .button{margin-top:20px}.not-found{padding-block:100px 120px}.not-found h1{font-size:75px;letter-spacing:-3px;margin-bottom:30px}.not-found>p:not(.eyebrow){color:var(--muted);font-size:15px}.not-found .button{margin-top:10px}
@media(min-width:901px) and (max-width:1160px){.wrap{width:calc(100% - 64px)}.header nav{gap:28px}.header-description{font-size:7px;padding-left:20px}.hero{gap:4%}.hero h1{font-size:78px;letter-spacing:-4.5px}.hero-actions{gap:15px}.hero-actions .button{font-size:10px;padding-inline:18px}.hero-actions .text-link{font-size:10px;gap:12px}.hero-note{margin-top:34px}.hero-intro{font-size:12px;max-width:340px}.viewer{min-height:610px}.viewer-controls{padding-inline:15px}.viewer-main-controls{gap:7px}.render-controls button{font-size:8px;padding-inline:7px}.materials button{width:31px;padding:5px}.reset-view{padding:3px 6px;min-width:35px}.software-strip{gap:20px}.software-strip>span:not(.technical){font-size:19px}.service-row{grid-template-columns:40px 1fr 170px 30px;gap:25px}.service-row h3{font-size:30px}.project-meta{gap:15px}.project-meta>p{font-size:9px}.project-meta h3{font-size:28px}.process-list,.tool-grid{gap:23px}.process-list h3{font-size:20px}.contact-layout{gap:8%}.contact-aside{padding:29px}.contact-aside h2{font-size:33px}.profile-grid{gap:9%}.profile-letter{font-size:320px}.profile-copy h2{font-size:42px}.project-intro{gap:9%}.project-intro dl>div{grid-template-columns:110px 1fr;gap:20px}.project-story{gap:9%}.project-story h2{font-size:39px}.detail-composition{gap:8%}.detail-composition h2{font-size:43px}.large-viewer{min-height:750px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header-inner{min-height:85px;gap:20px;flex-wrap:wrap;padding-block:20px}.header-description{margin-right:auto;font-size:8px}.wordmark{font-size:34px;letter-spacing:-2.5px}.wordmark-symbol{font-size:27px}.js .menu-button{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:none;color:var(--ink);padding:10px 13px;font-size:11px;min-height:44px}.header nav{width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;padding-top:17px}.header nav>a{font-size:13px;min-height:48px;padding-block:12px;border-bottom:1px solid var(--line);justify-content:space-between}.header nav .nav-contact{border-bottom-color:var(--ink)}.js .header nav{display:none}.js .header nav.is-open{display:flex}.hero{gap:5%;padding-block:35px 30px;grid-template-columns:1fr 1fr}.hero-copy{padding-top:12px}.hero h1{font-size:66px;letter-spacing:-4px}.hero .eyebrow{font-size:8px;letter-spacing:.7px}.small-cross{font-size:16px;margin-right:4px}.hero-intro{font-size:12px;line-height:1.9}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}.hero-actions .button{font-size:10px}.hero-actions .text-link{font-size:10px}.hero-note{margin-top:25px;gap:15px;flex-wrap:wrap;padding-top:16px}.hero-note .technical{font-size:7px;max-width:130px}.hero-note p{font-size:9px}.viewer{min-height:580px}.viewer-caption{padding:18px 17px 0}.viewer-caption .technical{font-size:7px}.viewer-surface{min-height:380px}.viewer-controls{padding:0 15px}.viewer-main-controls{flex-wrap:wrap;gap:0}.materials{flex:1}.materials button{width:32px}.render-controls{order:3;width:100%;justify-content:center;padding-top:6px}.render-controls button{font-size:9px;flex:1;max-width:110px}.viewer-status{font-size:7px;padding:10px 12px 16px;line-height:1.7}.axis{left:18px;bottom:15px;transform:scale(.85);transform-origin:left bottom}.software-strip{grid-template-columns:.9fr .6fr 1.2fr .9fr 1fr;gap:20px;padding-block:25px 30px}.software-strip>span:not(.technical){font-size:16px;letter-spacing:-.5px}.software-strip>.technical{font-size:7px}.work-section{padding-block:70px}.section-heading{gap:30px;margin-bottom:35px}.section-heading h2{font-size:39px;letter-spacing:-1.8px}.section-heading>p{font-size:12px;max-width:300px}.section-heading .eyebrow{font-size:8px}.project-grid{gap:45px 25px;grid-template-columns:1.1fr .9fr}.project-card:nth-child(2){padding-top:75px}.project-card:nth-child(4){padding-top:55px}.image-tag{font-size:7px;left:14px;top:14px;padding:5px 8px}.image-arrow{width:35px;height:35px;right:14px;bottom:14px}.image-arrow svg{width:17px}.project-meta{align-items:flex-start;flex-direction:column;gap:10px;padding-top:18px}.project-meta .technical{font-size:7px;margin-bottom:9px}.project-meta h3{font-size:27px}.project-meta>p{font-size:10px;margin:0}.section{padding-block:70px}.service-row{grid-template-columns:35px 1fr 130px 24px;gap:20px;padding-block:25px}.service-row h3{font-size:27px;margin-bottom:11px}.service-row p{font-size:11px}.service-row>.technical{font-size:8px}.service-tools{font-size:8px;max-width:130px;text-align:right}.service-row>svg{width:23px}.about-band{padding-block:60px}.about-band-grid{grid-template-columns:.5fr 1.5fr;gap:8%}.about-band h2{font-size:43px;letter-spacing:-2px}.about-band-grid>.eyebrow{font-size:8px;max-width:130px}.about-band p:not(.eyebrow){font-size:12px}.outlined-mark{font-size:280px;left:-70px;bottom:-80px}.process-list{grid-template-columns:repeat(2,1fr);gap:35px}.process-list .technical{margin-bottom:25px}.process-list h3{font-size:24px}.process-list p{font-size:12px}.closing{padding-block:33px 50px}.closing-top{margin-bottom:32px}.closing-top .eyebrow{font-size:7px}.tiny{font-size:7px}.closing-main{gap:9%}.closing h2{font-size:78px;letter-spacing:-4px}.closing-link{min-height:130px;gap:20px}.closing-link span{font-size:25px}.closing-link svg{width:56px;height:56px}.footer-top{gap:40px;padding-block:40px 35px}.footer-top .wordmark{font-size:50px;letter-spacing:-3px}.footer-top .wordmark-symbol{font-size:35px}.footer-top p{font-size:13px}.footer-top>div>a{font-size:10px}.footer-bottom{font-size:7px;gap:20px;padding-block:20px}.page-heading{padding-bottom:45px}.page-heading h1{font-size:60px;letter-spacing:-2.8px}.page-heading .lead{font-size:14px;max-width:600px}.breadcrumbs{margin-bottom:38px}.project-intro{grid-template-columns:1fr 1fr;gap:8%}.project-intro .lead{font-size:16px}.project-intro dl>div{grid-template-columns:90px 1fr;gap:20px;font-size:10px}.project-intro dt{font-size:8px}.large-viewer{min-height:690px}.large-viewer .viewer-surface{min-height:480px}.large-viewer .viewer-main-controls{flex-wrap:nowrap}.large-viewer .materials{flex:0}.large-viewer .render-controls{order:0;width:auto;padding:0}.large-viewer .viewer-caption .technical{font-size:9px}.project-story{gap:8%;grid-template-columns:1fr 1fr}.project-story h2{font-size:35px;letter-spacing:-1.4px}.project-story h3{font-size:21px}.project-story p{font-size:12px}.detail-composition{gap:8%;padding-bottom:60px}.detail-composition h2{font-size:38px;letter-spacing:-1.5px}.detail-composition>div>p:not(.eyebrow){font-size:12px}.detail-composition>div>p.small{font-size:9px}.next-project{padding-bottom:50px}.next-project>a:not(.text-link){font-size:57px;letter-spacing:-2px}.next-project>a:not(.text-link) svg{width:45px;height:45px}.service-detail{padding-block:50px}.service-detail-grid{gap:9%}.service-detail h2{font-size:40px;letter-spacing:-1.5px}.service-detail .lead{font-size:16px}.service-detail .eyebrow{font-size:8px}.service-detail .button{font-size:10px}.faq-layout{gap:9%}.faq-layout h2{font-size:42px}.profile-grid{gap:8%;align-items:start}.profile-art{min-height:460px}.profile-letter{font-size:290px;letter-spacing:-30px;margin-left:-25px}.profile-coordinate{font-size:7px;left:20px;top:22px}.profile-signature{font-size:7px;left:20px;bottom:20px}.profile-copy h2{font-size:37px;letter-spacing:-1.5px}.profile-copy>p:not(.eyebrow){font-size:12px}.profile-copy .button{font-size:10px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:40px}.tool-grid .technical{margin-bottom:28px}.tool-grid h3{font-size:27px;margin-bottom:20px}.concept-note{gap:30px}.concept-note p{font-size:9px}.contact-layout{gap:7%;grid-template-columns:1.2fr .8fr;padding-bottom:65px}.contact-aside{padding:26px}.contact-aside h2{font-size:29px;letter-spacing:-1px}.contact-aside .eyebrow{font-size:8px}.contact-aside>p:not(.eyebrow){font-size:11px}.aside-cross{font-size:55px;margin-bottom:25px}.contact-aside .focus-list li{font-size:10px}.contact-aside .text-link{font-size:9px;gap:12px}.contact-aside>p.aside-note{font-size:8px}.form-two-columns{grid-template-columns:1fr;gap:0}.progress{font-size:9px;gap:8px}.progress li{gap:7px}.progress li span{width:24px;height:24px;font-size:8px}.demo-note{font-size:9px}.contact-layout legend{font-size:23px}.contact-layout .button{font-size:10px;padding-inline:18px}.selected-project{flex-wrap:wrap;gap:0}.selected-project p{font-size:10px}.privacy-note{font-size:8px}.prose{padding-bottom:60px}.not-found{padding-block:70px 90px}.not-found h1{font-size:60px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:80px;gap:15px;padding-block:17px}.header-description{padding-left:14px;font-size:7px;letter-spacing:.5px}.wordmark{font-size:32px}.wordmark-symbol{font-size:26px}.js .menu-button{font-size:10px;padding:9px 11px;gap:11px}.header nav>a{font-size:13px}.hero{grid-template-columns:1fr;gap:32px;padding-block:30px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:25px}.hero h1{font-size:clamp(65px,14.5vw,90px);letter-spacing:-4.5px;line-height:.98;margin-bottom:29px}.hero h1>span:after{height:10px;bottom:2px}.hero-intro{font-size:13px;max-width:400px}.hero-actions{flex-direction:row;align-items:center;gap:23px;margin-top:23px}.hero-actions .button{font-size:11px;padding-inline:19px}.hero-actions .text-link{font-size:11px}.hero-note{margin-top:29px;padding-top:18px;max-width:none;flex-wrap:nowrap}.hero-note .technical{font-size:8px;max-width:170px}.hero-note p{font-size:10px}.viewer{min-height:580px}.viewer-surface{min-height:395px}.viewer-caption{padding:19px 19px 0}.viewer-caption .technical{font-size:8px}.viewer-controls{padding-inline:18px}.viewer-main-controls{flex-wrap:nowrap;gap:7px}.materials{flex:0}.materials button{width:32px}.render-controls{order:0;width:auto;padding:0;gap:1px}.render-controls button{font-size:8px;padding-inline:8px;max-width:none;flex:0}.reset-view{padding-inline:7px;min-width:32px}.viewer-status{font-size:8px;padding:12px 15px 18px}.software-strip{grid-template-columns:repeat(2,1fr);gap:17px 30px;padding-block:22px 30px}.software-strip>.technical{grid-column:1/-1;font-size:8px;display:block}.software-strip>.technical br{display:none}.software-strip>span:not(.technical){font-size:20px;letter-spacing:-.6px}.work-section{padding-block:50px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:33px}.section-heading h2{font-size:37px;letter-spacing:-1.7px}.section-heading .eyebrow{font-size:8px;margin-bottom:20px}.section-heading>p{font-size:13px;max-width:420px}.section-heading>.text-link{font-size:11px}.project-grid,.project-grid.is-filtered{grid-template-columns:1fr;gap:37px}.project-card:nth-child(2),.project-card:nth-child(4){padding-top:0}.project-image img,.project-card:nth-child(even) .project-image img,.project-grid.is-filtered .project-image img{aspect-ratio:1.08;object-fit:cover}.image-tag{font-size:8px;top:16px;left:16px}.image-arrow{width:40px;height:40px;bottom:16px;right:16px}.project-meta{flex-direction:row;align-items:flex-end;gap:15px}.project-meta h3{font-size:28px}.project-meta .technical{font-size:8px}.project-meta>p{font-size:9px;max-width:150px;text-align:right;margin-bottom:2px}.work-note{font-size:9px;margin-top:30px}.section{padding-block:55px}.service-row{grid-template-columns:24px 1fr 25px;gap:17px;padding-block:24px}.service-row>.technical{font-size:8px}.service-row h3{font-size:25px;letter-spacing:-.8px}.service-row p{font-size:11px}.service-tools{grid-column:2;justify-self:start;text-align:left;font-size:9px;max-width:none;margin-top:-6px}.service-row>svg{grid-column:3;grid-row:1}.service-row:hover{padding-left:0}.about-band{padding-block:45px}.about-band-grid{grid-template-columns:1fr;gap:0}.about-band-grid>.eyebrow{padding-top:0;max-width:none;font-size:8px;margin-bottom:26px}.about-band h2{font-size:37px;letter-spacing:-1.7px}.about-band p:not(.eyebrow){font-size:13px;margin-top:25px;max-width:400px}.outlined-mark{display:none}.process-list{grid-template-columns:1fr;gap:28px}.process-list li{padding:20px 0 0 40px;position:relative}.process-list .technical{position:absolute;left:0;top:23px;margin:0;font-size:8px}.process-list h3{font-size:23px;margin-bottom:13px}.process-list p{font-size:13px}.closing{padding-block:30px 42px}.closing-top{display:block;margin-bottom:28px}.closing-top .eyebrow{font-size:8px;max-width:280px}.closing-top .tiny{display:none}.closing-main{grid-template-columns:1fr;gap:28px}.closing h2{font-size:78px;letter-spacing:-4.5px}.closing-link{min-height:100px;padding-bottom:17px;gap:25px}.closing-link span{font-size:29px;line-height:1.25;letter-spacing:-1px}.closing-link svg{width:58px;height:58px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-block:35px}.footer-top .brand{grid-column:1/-1}.footer-top .wordmark{font-size:58px;letter-spacing:-3px}.footer-top .wordmark-symbol{font-size:43px}.footer-top p{font-size:14px}.footer-top>div>a{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:12px 20px;font-size:8px;padding-block:20px}.footer-bottom p{order:3;flex-basis:100%}.page-heading{padding-block:22px 35px}.breadcrumbs{font-size:8px;gap:11px;margin-bottom:31px}.page-heading .eyebrow{font-size:8px;margin-bottom:20px}.page-heading h1{font-size:47px;letter-spacing:-2.4px;line-height:1.07;margin-bottom:25px}.page-heading .lead{font-size:14px;line-height:1.85}.work-catalog{padding-top:25px}.filter-bar{flex-direction:column;align-items:flex-start;gap:19px;padding-bottom:22px;margin-bottom:30px}.filters{gap:8px}.filters button{font-size:9px;padding:10px 12px}.filter-bar>.technical{font-size:8px}.project-intro{grid-template-columns:1fr;gap:15px;padding-bottom:30px}.project-intro .lead{font-size:17px;line-height:1.75}.project-intro dl>div{grid-template-columns:115px 1fr;gap:20px;font-size:11px;padding-block:12px}.project-intro dt{font-size:9px}.large-viewer{min-height:600px}.large-viewer .viewer-surface{min-height:390px}.large-viewer .viewer-caption{padding:20px 18px 0}.large-viewer .viewer-caption .technical{font-size:8px}.large-viewer .viewer-controls{padding-inline:17px}.large-viewer .viewer-main-controls{gap:8px}.large-viewer .render-controls button{font-size:9px;padding-inline:9px}.large-viewer .viewer-status{font-size:8px}.explode-control{grid-template-columns:130px 1fr 30px;gap:13px;padding-top:10px}.explode-control label,.explode-control output{font-size:8px}.motion-button{font-size:10px}.project-story{grid-template-columns:1fr;gap:32px}.project-story h2{font-size:34px;letter-spacing:-1.4px;max-width:500px}.project-story h3{font-size:22px}.project-story p{font-size:13px}.project-story .eyebrow{font-size:8px}.project-story .technical{font-size:9px}.detail-composition{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.detail-composition h2{font-size:39px;letter-spacing:-1.7px;margin-bottom:23px}.detail-composition>div>p:not(.eyebrow){font-size:13px}.detail-composition>div>p.small{font-size:10px}.next-project{padding-block:27px 42px}.next-project>.eyebrow{font-size:8px;margin-bottom:23px}.next-project>a:not(.text-link){font-size:45px;letter-spacing:-2px;gap:20px;padding-bottom:20px}.next-project>a:not(.text-link) svg{width:37px;height:37px}.service-jumps{gap:8px 26px;padding-bottom:25px}.service-jumps .text-link{font-size:11px}.service-detail{padding-block:43px}.service-detail-grid{grid-template-columns:1fr;gap:24px}.service-detail h2{font-size:38px;letter-spacing:-1.5px}.service-detail .lead{font-size:16px}.service-detail .eyebrow{margin-bottom:17px}.service-detail .button{font-size:11px}.focus-list li{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout h2{font-size:39px;letter-spacing:-1.5px}.faq-layout h2 br{display:none}summary{font-size:12px;gap:20px}details>p{font-size:12px}.profile-grid{grid-template-columns:1fr;gap:35px;padding-bottom:0}.profile-art{min-height:420px;max-width:500px;width:100%}.profile-letter{font-size:320px}.profile-coordinate{font-size:8px}.profile-signature{font-size:8px}.profile-copy h2{font-size:39px;letter-spacing:-1.7px;margin-bottom:26px}.profile-copy>p:not(.eyebrow){font-size:13px}.profile-copy .button{font-size:11px}.tool-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.tool-grid .technical{font-size:8px;margin-bottom:25px}.tool-grid h3{font-size:23px;letter-spacing:-.7px;min-height:55px;margin-bottom:17px}.tool-grid p{font-size:11px;line-height:1.8}.tool-grid .tool-role{font-size:9px}.concept-note{flex-direction:column;align-items:flex-start;gap:13px;padding-block:23px 35px}.concept-note p{font-size:9px}.contact-layout{grid-template-columns:1fr;gap:35px;max-width:650px;padding-bottom:45px}.demo-note{font-size:10px}.progress{font-size:10px}.progress li{gap:9px}.progress li span{width:27px;height:27px;font-size:9px}.contact-layout legend{font-size:25px}.field label{font-size:11px}.field label span{font-size:9px}input,select,textarea{font-size:16px;padding:12px}.contact-layout .button{font-size:11px}.contact-aside{padding:28px}.contact-aside h2{font-size:36px;letter-spacing:-1.5px}.contact-aside>p:not(.eyebrow){font-size:13px}.contact-aside .focus-list li{font-size:12px}.contact-aside .text-link{font-size:11px}.contact-aside>p.aside-note{font-size:10px}.contact-aside .eyebrow{font-size:9px}.selected-project p{font-size:11px}.selected-project{flex-wrap:nowrap}.selected-project button{font-size:10px}.privacy-note{font-size:10px}.field-hint{font-size:10px}#confirmation h2{font-size:36px;letter-spacing:-1.5px}#summary>div{grid-template-columns:88px 1fr;gap:17px}#summary dt{font-size:10px}#summary dd{font-size:12px}.prose{padding-bottom:45px}.prose h2{font-size:28px}.prose p{font-size:13px;line-height:1.9}.not-found{padding-block:55px 75px}.not-found h1{font-size:45px;letter-spacing:-2px}.not-found>p:not(.eyebrow){font-size:13px}}
@media(max-width:370px){.header-description{display:none}.menu-button{margin-left:auto}.hero h1{font-size:62px;letter-spacing:-3.8px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding-inline:15px}.hero-actions .text-link{font-size:10px;gap:10px}.viewer{min-height:540px}.viewer-surface{min-height:355px}.viewer-controls{padding-inline:12px}.materials button{width:29px;padding:4px}.swatch{width:17px;height:17px}.render-controls button,.large-viewer .render-controls button{font-size:8px;padding-inline:7px}.reset-view{min-width:28px;padding-inline:4px}.viewer-main-controls,.large-viewer .viewer-main-controls{gap:5px}.project-meta>p{font-size:8px;max-width:115px}.page-heading h1{font-size:41px}.large-viewer{min-height:565px}.large-viewer .viewer-surface{min-height:355px}.explode-control{grid-template-columns:115px 1fr 28px;gap:8px}.closing h2{font-size:69px}.tool-grid{grid-template-columns:1fr}.tool-grid h3{min-height:0;font-size:27px}.selected-project{flex-wrap:wrap}.progress{font-size:9px}.progress li{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-image:hover img{transform:none}.closing-link:hover svg,.button:hover svg,.text-link:hover svg{transform:none}}


.motion-story{height:500vh;background:#111A15;color:#F3F6F4;position:relative;overflow:clip}.motion-stage{height:100vh;height:100svh;position:sticky;top:0;isolation:isolate}.motion-canvas{width:100%;height:100%;display:block}.motion-top,.motion-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:1}.motion-top{top:32px}.motion-top a{color:#F3F6F4;font-size:12px;text-decoration:underline;text-underline-offset:5px}.motion-bottom{bottom:36px}.motion-bottom p{font-size:clamp(20px,3vw,38px);line-height:1.25;margin:0}.motion-bottom p span{font-size:13px;color:#245C40}.motion-loading{position:absolute;inset:45% 0 auto;text-align:center;font-size:12px}.motion-loading[hidden]{display:none}.motion-track{position:absolute;bottom:0;left:0;height:2px;background:#48E88B;width:100%;transform:scaleX(0);transform-origin:left}#motion-end{scroll-margin-top:30px}@media(max-width:600px){.motion-story{height:400vh}.motion-top{top:22px}.motion-top .technical{font-size:9px}.motion-top a{font-size:10px}.motion-bottom{bottom:24px}.motion-bottom .technical{font-size:9px}}@media(prefers-reduced-motion:reduce){.motion-story{height:100vh;height:100svh}.motion-stage{position:relative}}

.rendered-studies{padding-block:96px}.rendered-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,76px);align-items:start;margin-top:44px}.rendered-picker{display:grid}.rendered-picker button{display:flex;align-items:baseline;gap:16px;width:100%;text-align:left;font:inherit;background:transparent;color:#245C40;border:0;border-top:1px solid #F3F6F4;padding:23px 0;cursor:pointer}.rendered-picker button:last-of-type{border-bottom:1px solid #F3F6F4}.rendered-bullet{font-size:11px;padding:4px 6px;border-radius:3px}.rendered-copy{flex:1;display:grid;gap:12px}.rendered-label{font-size:clamp(17px,1.7vw,23px);font-weight:600;line-height:1.3}.rendered-detail{display:none;font-size:14px;line-height:1.65}.rendered-detail strong{display:block;color:#111A15;font-weight:500;margin-bottom:4px}.rendered-picker button[aria-pressed="true"]{color:#111A15}.rendered-picker button[aria-pressed="true"] .rendered-bullet{background:#48E88B;color:#111A15}.rendered-picker button[aria-pressed="true"] .rendered-detail{display:block}.rendered-picker button:focus-visible{outline:2px solid #245C40;outline-offset:5px}.rendered-arrow{font-size:22px}.rendered-contact{margin-top:28px;font-size:14px}.rendered-preview{position:sticky;top:100px;min-width:0;background:#F3F6F4;border:1px solid #F3F6F4;border-radius:6px;overflow:hidden}.rendered-preview-top{display:flex;justify-content:space-between;gap:12px;padding:18px 20px}.rendered-preview-top .technical{font-size:10px}.rendered-frame{display:block;width:100%;height:460px;border:0;background:#F3F6F4}.rendered-invite{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#F3F6F4;border-top:1px solid #F3F6F4}.rendered-invite>span{font-size:28px}.rendered-invite p{margin:0;display:grid;gap:4px}.rendered-invite strong{font-size:13px;font-weight:600}.rendered-invite p>span{font-size:11px;color:#245C40}.rendered-credit{font-size:11px;color:#245C40;margin-top:24px}@media(max-width:760px){.rendered-studies{padding-block:56px}.rendered-layout{grid-template-columns:1fr;gap:28px;margin-top:28px}.rendered-preview{position:static}.rendered-frame{height:360px}.rendered-picker button{padding:17px 0}.rendered-preview-top{padding:14px}.rendered-invite{padding:16px 14px}}
.rendered-cursor{position:fixed;z-index:9999;width:204px;padding:10px;background:#F3F6F4;color:#111A15;border:1px solid #F3F6F4;border-radius:8px;box-shadow:0 12px 32px #111A1526;pointer-events:none;font-family:Manrope,Arial,sans-serif}
.rendered-cursor[hidden]{display:none}
.rendered-cursor img{display:block;width:182px;height:128px;object-fit:contain;background:#F3F6F4;border-radius:4px}
.rendered-cursor strong{display:block;font-size:12px;margin-top:10px;line-height:1.4}
.rendered-cursor>span{display:block;font-size:10px;margin:5px 0 2px;color:#245C40;line-height:1.5}
.rendered-option-thumb{flex:0 0 64px;width:64px;height:52px;object-fit:contain;background:#F3F6F4;border-radius:4px;align-self:center}
.rendered-option-action{font-size:11px;color:#245C40}
.rendered-picker button[aria-pressed=true] .rendered-option-action{display:none}
.rendered-picker button:hover .rendered-option-action{color:#111A15;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.rendered-picker button{gap:10px}.rendered-option-thumb{width:48px;flex-basis:48px;height:44px}.rendered-bullet{display:none}}
@media(hover:none){.rendered-cursor{display:none}}
.rendered-frame[hidden],.rendered-motion-video[hidden]{display:none}
.rendered-motion-video{display:block;width:100%;height:460px;object-fit:contain;background:#111A15}
@media(max-width:760px){.rendered-motion-video{height:360px}}

.motion-design{padding:88px 0;background:#111A15;color:#F3F6F4}.motion-design-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:40px}.motion-design .eyebrow,.motion-design .technical{color:#48E88B}.motion-design h2{font-size:clamp(36px,5vw,68px);line-height:1.04;margin:16px 0 0;letter-spacing:-.04em}.motion-design-heading>div>p:not(.eyebrow){max-width:46ch;color:#F3F6F4;line-height:1.7;margin:0 0 22px}.motion-design .text-link{color:#F3F6F4}.motion-design-film{margin:0}.motion-design-filmbar{display:flex;justify-content:space-between;gap:16px;border:1px solid #245C40;border-bottom:0;padding:16px 20px;border-radius:6px 6px 0 0}.motion-design video{display:block;width:100%;height:auto;max-height:75vh;background:#111A15;object-fit:contain;border:1px solid #245C40}.motion-design video:focus-visible{outline:3px solid #48E88B;outline-offset:4px}.motion-design figcaption{display:flex;justify-content:space-between;gap:28px;padding-top:24px}.motion-design h3{font-size:22px;margin:8px 0 0}.motion-design figcaption>p{max-width:36ch;color:#F3F6F4;font-size:14px;line-height:1.6;margin:0}@media(max-width:760px){.motion-design{padding:56px 0}.motion-design-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.motion-design figcaption{flex-direction:column;gap:16px}.motion-design-filmbar{padding:14px}.motion-design-filmbar .technical{font-size:10px}}
/* Quiet technical details, shared by every MILO page. */
.milo-tech-title{position:relative}
.milo-tech-title.milo-glitch{animation:milo-title-signal .8s .4s steps(1) both}
@keyframes milo-title-signal{0%,22%,40%,100%{transform:translateX(0);text-shadow:none}12%{transform:translateX(-1px);text-shadow:2px 0 #F3F6F466,-2px 0 #48E88B55}30%{transform:translateX(1px);text-shadow:-1px 0 #F3F6F466}}
.project-image{isolation:isolate}
.project-image::after{content:"";position:absolute;inset:12px;z-index:1;pointer-events:none;border:1px solid #F3F6F455;background:linear-gradient(30deg,transparent 49.6%,#F3F6F430 50%,transparent 50.4%),linear-gradient(150deg,transparent 49.6%,#F3F6F430 50%,transparent 50.4%);background-size:56px 32px;opacity:0;transition:opacity .3s}
.project-image:is(:hover,:focus-visible)::after{opacity:.6}
.button,.nav-contact{position:relative;isolation:isolate;overflow:hidden}
.button::after,.nav-contact::after{content:"";position:absolute;inset:-60% -100%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#48E88B33 48%,#F3F6F45c 50%,transparent 59%);transform:translateX(-45%);opacity:0;z-index:0}
.button:is(:hover,:focus-visible)::after,.nav-contact:is(:hover,:focus-visible)::after{animation:milo-holo-sweep .85s ease-out}
@keyframes milo-holo-sweep{0%{opacity:0;transform:translateX(-45%)}30%{opacity:1}100%{opacity:0;transform:translateX(45%)}}
.milo-tech-section{position:relative}
.milo-section-marker{position:absolute;top:18px;right:0;display:flex;align-items:center;gap:9px;font:9px/1 monospace;letter-spacing:.12em;color:var(--muted,#245C40);opacity:.48;pointer-events:none;user-select:none}
.milo-section-marker::before{content:"+";font-size:15px;color:#245C40}
.milo-scan{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#48E88B55,transparent);transform:scaleX(.12);opacity:0;pointer-events:none}
.milo-scan.is-visible{animation:milo-section-signal 1.3s ease-out both}
@keyframes milo-section-signal{0%{opacity:0;transform:scaleX(.12)}35%{opacity:.8}100%{opacity:0;transform:scaleX(1)}}
.rendered-preview::after{content:"";position:absolute;inset:8px;pointer-events:none;background:linear-gradient(#245C4088,#245C4088) left top/14px 1px no-repeat,linear-gradient(#245C4088,#245C4088) left top/1px 14px no-repeat,linear-gradient(#245C4088,#245C4088) right bottom/14px 1px no-repeat,linear-gradient(#245C4088,#245C4088) right bottom/1px 14px no-repeat}
@media(prefers-reduced-motion:reduce){.milo-tech-title.milo-glitch,.milo-scan.is-visible,.button::after,.nav-contact::after{animation:none!important}.project-image::after{transition:none}}
@media(max-width:600px){.milo-section-marker{font-size:8px;top:12px}.project-image::after{background-size:40px 24px}}
.hero>.viewer{position:relative;isolation:isolate}
.hero>.viewer::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(#245C4022 1px,transparent 1px),linear-gradient(90deg,#245C4022 1px,transparent 1px),radial-gradient(ellipse at 80% 10%,#F3F6F432,transparent 65%);background-size:44px 44px,44px 44px,100% 100%;mask-image:linear-gradient(135deg,#111A15,transparent 80%)}
.hero>.viewer::after{content:"3D / VIEWPORT";position:absolute;bottom:70px;right:20px;padding:5px 9px;border:1px solid #245C4055;color:#245C40;font:9px/1.3 monospace;letter-spacing:.12em;pointer-events:none}
.project-image::after{border-color:#245C4066;background:linear-gradient(30deg,transparent 49.4%,#245C4050 50%,transparent 50.6%),linear-gradient(150deg,transparent 49.4%,#245C4050 50%,transparent 50.6%);background-size:56px 32px}
.project-image:is(:hover,:focus-visible)::after{opacity:.85}
.milo-section-marker{opacity:.8;font-size:10px;letter-spacing:.16em}
.milo-section-marker::before{color:#245C40}

/* A restrained cyber direction: dark hero, precise borders, two signal colours. */
:root{--cyber-cyan:#F3F6F4;--cyber-lime:#48E88B;--cyber-graphite:#111A15}
.header{border-bottom:1px solid #245C4044}
.wordmark-symbol{color:#245C40;text-shadow:1px 0 #F3F6F455}
.hero{background:radial-gradient(ellipse at 95% 5%,#F3F6F413,transparent 50%),var(--cyber-graphite);color:#F3F6F4;border:1px solid #245C40;border-top:2px solid #F3F6F477;padding:clamp(24px,4vw,56px);margin-top:28px;margin-bottom:44px;position:relative;border-radius:2px 2px 22px 2px}
.hero .hero-intro,.hero .hero-note p{color:#F3F6F4}
.hero .eyebrow,.hero .hero-note .technical{color:var(--cyber-cyan)}
.hero h1>span{color:var(--cyber-lime);text-shadow:0 0 26px #48E88B10}
.hero .text-link{color:#F3F6F4}
.hero .hero-note{border-color:#F3F6F430}
.hero>.viewer{border:1px solid #F3F6F470;box-shadow:0 12px 40px #111A151c;border-radius:2px 2px 14px 2px}
.hero>.viewer::before{background:linear-gradient(#245C402b 1px,transparent 1px),linear-gradient(90deg,#245C402b 1px,transparent 1px),radial-gradient(ellipse at 85% 8%,#F3F6F44d,transparent 70%);background-size:40px 40px,40px 40px,100% 100%}
.hero>.viewer::after{border-color:#245C4066;color:#245C40;letter-spacing:.16em}
.hero .button{background:var(--cyber-lime);color:#111A15;border:1px solid #48E88B;border-radius:2px 2px 10px 2px}
.nav-contact,.button{border-radius:2px 2px 10px 2px}
.technical,.eyebrow{letter-spacing:.1em}
.rendered-preview{border-color:#245C4080;border-radius:2px 2px 16px 2px;box-shadow:0 10px 30px #111A1508}
.rendered-preview-top{background:var(--cyber-graphite);color:#F3F6F4;border-bottom:1px solid #F3F6F455}
.rendered-preview-top .technical{color:#F3F6F4}
.rendered-invite{background:linear-gradient(110deg,#F3F6F4,#F3F6F4)}
.rendered-preview::after{background:linear-gradient(#F3F6F4aa,#F3F6F4aa) left top/18px 1px no-repeat,linear-gradient(#F3F6F4aa,#F3F6F4aa) left top/1px 18px no-repeat,linear-gradient(#245C4099,#245C4099) right bottom/18px 1px no-repeat,linear-gradient(#245C4099,#245C4099) right bottom/1px 18px no-repeat}
.rendered-picker button[aria-pressed=true]{border-top-color:#245C40}
.project-image{border:1px solid #245C4044;border-radius:2px 2px 16px 2px}
.project-image:is(:hover,:focus-visible){border-color:#245C40}
.motion-design{background:radial-gradient(ellipse at 100% 0,#F3F6F40c,transparent 55%),#111A15;border-block:1px solid #F3F6F430}
.motion-design-filmbar{border-radius:2px;border-color:#245C40}
.motion-design-filmbar .technical:last-child{color:var(--cyber-cyan)}
.milo-section-marker{color:#245C40;letter-spacing:.18em}
.motion-design .milo-section-marker{color:#F3F6F4}
@media(max-width:600px){.hero{padding:24px 20px;margin-top:16px;margin-bottom:28px}.hero h1{letter-spacing:-2px}.hero>.viewer{min-width:0}.hero .hero-actions{gap:16px}}

.showcase-hero{margin:18px auto 32px;max-width:1600px;min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:#111A15;color:#F3F6F4;display:grid;grid-template-columns:1.08fr 1fr;padding:30px clamp(24px,5vw,80px) 0;column-gap:16px;border:1px solid #245C4040;border-radius:3px 3px 28px 3px}
.showcase-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 43%,#48E88B26,transparent 53%),linear-gradient(#F3F6F408 1px,transparent 1px),linear-gradient(90deg,#F3F6F408 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.showcase-top,.showcase-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;font:9px/1.5 monospace;letter-spacing:.1em;color:#F3F6F4}
.showcase-top{padding-bottom:22px;border-bottom:1px solid #F3F6F426}.showcase-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#48E88B;margin-right:8px;box-shadow:0 0 10px #48E88B55}
.showcase-copy{align-self:center;z-index:2;padding-block:60px 75px}.showcase-kicker{font:10px/1.6 monospace;letter-spacing:.08em;color:#F3F6F4;margin:0 0 26px}
.showcase-copy h1{font-size:clamp(52px,6.4vw,104px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 28px}.showcase-copy h1 em{font-style:normal;color:#48E88B}
.showcase-intro{font-size:15px;line-height:1.85;max-width:37ch;color:#F3F6F4;margin-bottom:30px}.showcase-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.showcase-cta{display:inline-flex;gap:25px;align-items:center;background:#48E88B;color:#111A15;padding:14px 20px;text-decoration:none;font-size:12px;font-weight:600;border-radius:2px 2px 10px 2px;transition:background .2s}.showcase-cta:hover{background:#48E88B}.showcase-cta span{font-size:20px}.showcase-secondary{font-size:11px;color:#F3F6F4;text-underline-offset:6px}.showcase-disciplines{display:flex;gap:20px;font:9px monospace;letter-spacing:.18em;color:#245C40;margin-top:48px}
.showcase-art{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0 38px}.showcase-viewport{position:relative;width:100%;height:440px;cursor:grab;touch-action:pan-y;z-index:1}.showcase-viewport:active{cursor:grabbing}.showcase-viewport img,.showcase-viewport canvas{width:100%;height:100%;object-fit:contain;display:block}.showcase-viewport [hidden]{display:none}.showcase-viewport canvas:focus-visible{outline:1px solid #48E88B;outline-offset:4px}.showcase-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #48E88B24;border-radius:50%;top:12%;transform:rotateX(55deg) rotate(-25deg);pointer-events:none}.showcase-orbit::after{content:'';position:absolute;inset:24px;border:1px dashed #F3F6F42a;border-radius:50%}.showcase-word{position:absolute;top:33%;left:0;font-size:clamp(50px,7vw,110px);font-weight:600;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #48E88B20;pointer-events:none}
.showcase-art-caption{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font:10px monospace;color:#F3F6F4;border-bottom:1px solid #48E88B22;padding:8px 0 13px}.showcase-art-caption button{font:10px monospace;color:#F3F6F4;background:none;border:1px solid #48E88B40;padding:6px 9px;border-radius:3px}.showcase-select{display:flex;gap:9px;align-self:flex-start;margin-top:16px}.showcase-select button{display:flex;align-items:center;border:1px solid #48E88B30;background:#111A15;color:#245C40;border-radius:3px;padding:2px 9px 2px 2px;gap:4px;font:9px monospace;transition:border-color .2s,background .2s}.showcase-select button[aria-pressed=true]{border-color:#48E88B;background:#245C40;color:#F3F6F4}.showcase-select img{object-fit:contain}.showcase-drag{font:9px monospace;color:#245C40;align-self:flex-start;margin-top:14px}.showcase-bottom{padding:20px 0;border-top:1px solid #F3F6F426}.showcase-bottom a{color:#48E88B;text-decoration:none;font-size:9px}.showcase-hero a:focus-visible,.showcase-hero button:focus-visible{outline:2px solid #F3F6F4;outline-offset:4px}
@media(min-width:1601px){.showcase-hero{margin-inline:auto}}@media(max-width:1000px){.showcase-hero{grid-template-columns:1fr 1fr;min-height:650px;padding-inline:28px}.showcase-copy h1{font-size:clamp(46px,6.5vw,70px)}.showcase-viewport{height:370px}.showcase-top>span:last-child{display:none}.showcase-select img{width:42px;height:42px}}
@media(max-width:700px){.showcase-hero{margin:12px 12px 26px;grid-template-columns:1fr;padding:20px 22px 0;min-height:0}.showcase-copy{padding:38px 0 8px}.showcase-copy h1{font-size:clamp(45px,10vw,72px)}.showcase-kicker{font-size:9px;margin-bottom:20px}.showcase-intro{font-size:13px;max-width:40ch;margin-bottom:22px}.showcase-disciplines{margin-top:24px}.showcase-art{padding-top:6px;padding-bottom:24px}.showcase-viewport{height:340px}.showcase-word{font-size:80px;top:23%}.showcase-select img{width:48px;height:48px}.showcase-bottom{font-size:8px;gap:10px}.showcase-bottom>span:last-child{display:none}.showcase-secondary{font-size:10px}.showcase-cta{font-size:11px;padding:11px 15px}.showcase-actions{gap:16px}}
.showcase-select{flex-wrap:wrap}
.showcase-tools{margin-top:32px;padding-top:21px;border-top:1px solid #F3F6F430;max-width:440px}
.showcase-tools p{font-size:12px;font-weight:600;color:#F3F6F4;margin:0 0 12px}
.showcase-tools>div{display:flex;flex-wrap:wrap;gap:8px}
.showcase-tools>div span{font-size:12px;font-weight:500;padding:7px 11px;border:1px solid #F3F6F455;border-radius:3px;background:#48E88B10;color:#F3F6F4}
.showcase-tools small{display:block;font-size:10px;line-height:1.6;color:#F3F6F4;margin-top:12px}
.software-strip{padding-block:32px;border-block:1px solid #245C4055;gap:20px}
.software-strip>span:not(.technical){font-size:clamp(16px,2.1vw,28px);font-weight:600;letter-spacing:-.035em;color:#111A15}
.software-strip>.technical{color:#245C40;line-height:1.7}
@media(max-width:700px){.showcase-tools{margin-top:24px}.showcase-tools>div span{font-size:11px;padding:6px 9px}.software-strip{flex-wrap:wrap;justify-content:flex-start}.software-strip>span:not(.technical){font-size:18px}}
@media(prefers-reduced-motion:reduce){.showcase-hero *{transition:none!important}}

.owner-logo{display:inline-block;flex-shrink:0;width:82px;height:50px;background:currentColor;-webkit-mask:url('assets/ak-logo.svg') center/contain no-repeat;mask:url('assets/ak-logo.svg') center/contain no-repeat}.header .brand{color:#111A15;min-height:54px;display:inline-flex;align-items:center}footer .owner-logo{width:96px;height:58px}a.brand:focus-visible{outline:2px solid #245C40;outline-offset:6px}@media(max-width:600px){.owner-logo{width:64px;height:40px}footer .owner-logo{width:80px;height:48px}}
.contact-live{padding-block:88px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,100px)}.contact-live h2{font-size:clamp(34px,4vw,56px);line-height:1.08;margin:18px 0 24px}.contact-live-copy>p:not(.eyebrow){max-width:42ch;color:#245C40}.contact-live-person{display:flex;align-items:center;gap:18px;padding:20px 0 28px}.contact-live-person .owner-logo{width:56px;height:36px}.contact-live-person>div{display:grid}.contact-live-person strong{font-size:15px}.contact-live-person>div>span{font-size:11px;color:#245C40}.contact-live-link{display:grid;gap:8px;padding:19px 0;border-top:1px solid #F3F6F4;text-decoration:none}.contact-live-link>span{font:9px monospace;letter-spacing:.15em;color:#245C40}.contact-live-link strong{font-size:clamp(13px,1.5vw,19px);font-weight:500;overflow-wrap:anywhere}.contact-live-link:hover strong{text-decoration:underline;text-underline-offset:5px}.contact-live-form{background:#F3F6F4;border:1px solid #F3F6F4;padding:clamp(22px,3vw,36px);border-radius:3px 3px 20px 3px;display:grid;gap:18px;align-self:start}.contact-live-form h3{font-size:24px;letter-spacing:-.04em;margin:0 0 4px}.contact-live-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-live-form label{display:grid;gap:7px;font-size:12px;font-weight:500}.contact-live-form input,.contact-live-form select,.contact-live-form textarea{width:100%;min-width:0;background:#F3F6F4;color:#111A15;border:1px solid #F3F6F4;border-radius:3px;padding:11px;font:inherit;box-sizing:border-box}.contact-live-form textarea{resize:vertical}.contact-live-form :is(input,select,textarea):focus-visible{outline:2px solid #245C40;outline-offset:2px}.contact-live-form .button{font-size:12px;justify-content:center}.contact-live-note,.contact-live-meeting p{font-size:11px;color:#245C40;line-height:1.6;margin:0}.contact-live-meeting p{margin-top:10px}.contact-live-meeting[hidden]{display:none}@media(max-width:760px){.contact-live{grid-template-columns:1fr;padding-block:56px}.contact-live-fields{grid-template-columns:1fr}.contact-live-form input,.contact-live-form select,.contact-live-form textarea{font-size:16px}}

.clear-process{gap:16px!important}.clear-process>li{position:relative;background:#F3F6F4;border:1px solid #F3F6F4;border-radius:3px 3px 14px 3px;padding:24px!important;display:flex;flex-direction:column;align-items:flex-start}.process-step-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px}.process-icon{display:grid;place-items:center;width:50px;height:50px;background:#48E88B;color:#111A15;border:1px solid #48E88B;border-radius:3px 3px 12px 3px}.process-icon svg{width:27px;height:27px}.clear-process .technical{color:#245C40}.clear-process h3{font-size:20px!important;line-height:1.2;margin:0 0 12px!important;letter-spacing:-.035em}.clear-process p{font-size:13px!important;line-height:1.7!important;color:#245C40;margin:0 0 24px!important}.process-result{font-size:10px;font-weight:600;color:#245C40;border-top:1px solid #F3F6F4;padding-top:14px;width:100%;margin-top:auto}.clear-process>li:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:43px;z-index:1;background:#F3F6F4;border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px;color:#245C40;font-size:16px}@media(max-width:900px){.clear-process{grid-template-columns:1fr 1fr!important}.clear-process>li::after{display:none}}@media(max-width:540px){.clear-process{grid-template-columns:1fr!important}.clear-process>li{padding:22px!important}.process-step-top{margin-bottom:18px}}
/* Entrances and small interface motion, on top of the existing MILO details. */
:root{--milo-ease:cubic-bezier(.2,.8,.2,1)}
@keyframes milo-fade{from{opacity:0}}
@keyframes milo-rise{from{opacity:0;transform:translateY(22px)}}
@keyframes milo-line{from{transform:translateY(130%)}}
@keyframes milo-pop{from{opacity:0;transform:scale(.4)}}
@keyframes milo-model{from{opacity:.35;transform:scale(.95)}}
@keyframes milo-switch{from{opacity:.35;transform:scale(.95)}}
@keyframes milo-word{from{opacity:0;transform:translateX(-40px)}}
@keyframes milo-orbit{from{transform:rotateX(55deg) rotate(-25deg)}to{transform:rotateX(55deg) rotate(335deg)}}
@keyframes milo-spin{to{transform:rotate(360deg)}}
@keyframes milo-pulse{50%{opacity:.4}}
@keyframes milo-bob{50%{transform:translateY(4px)}}
@keyframes milo-nudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes milo-scan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
@keyframes milo-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes milo-redraw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes milo-film{from{opacity:0;clip-path:inset(7% 5% round 12px)}to{clip-path:inset(0 round 0)}}
@keyframes milo-arrow{from{opacity:0;transform:translate(-22px,22px)}}
@keyframes milo-rock{25%{transform:rotate(12deg)}60%{transform:rotate(-7deg)}85%{transform:rotate(3deg)}}

/* Masked title lines. The negative inset keeps descenders and tight letter-spacing intact. */
.milo-line{display:inline-block;clip-path:inset(-.1em -.3em -.2em -.1em)}
.milo-line>span{display:inline-block}

/* Hero: plays from CSS alone, so the first paint never waits for JavaScript. */
.showcase-top,.showcase-bottom{animation:milo-fade .9s .1s backwards}
.showcase-kicker{animation:milo-rise .7s .15s var(--milo-ease) backwards}
.showcase-copy h1 .milo-line>span{animation:milo-line .95s .25s var(--milo-ease) backwards}
.showcase-copy h1 .milo-line:last-of-type>span{animation-delay:.38s}
.showcase-copy h1.milo-glitch{animation-delay:1.2s}
.showcase-intro{animation:milo-rise .7s .6s var(--milo-ease) backwards}
.showcase-actions{animation:milo-rise .7s .7s var(--milo-ease) backwards}
.showcase-tools{animation:milo-rise .7s .8s var(--milo-ease) backwards}
.showcase-viewport{animation:milo-model .9s .3s var(--milo-ease) backwards}
.showcase-word{animation:milo-word 1.4s .5s var(--milo-ease) backwards}
.showcase-top i{animation:milo-pulse 2.6s ease-in-out infinite}
.showcase-orbit{animation:milo-fade 1.4s .4s backwards,milo-orbit 48s linear infinite}
.showcase-orbit::before{content:'';position:absolute;top:-3px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#48E88B;box-shadow:0 0 12px #48E88B}
.showcase-orbit::after{animation:milo-spin 30s linear infinite reverse}
.milo-scroll-arrow{display:inline-block;animation:milo-bob 1.8s ease-in-out infinite}
.milo-drag-arrow{display:inline-block;animation:milo-nudge 1.2s 1.6s ease-in-out 3}
.showcase-hero:has([data-hero-pause][aria-pressed=true]) :is(.showcase-orbit,.showcase-top i,.milo-scroll-arrow),.showcase-hero:has([data-hero-pause][aria-pressed=true]) .showcase-orbit::after{animation-play-state:paused}

/* Picking another hero model: the new design scales in under a passing scan line. */
.showcase-viewport::after{content:'';position:absolute;left:-4%;right:-4%;top:0;height:2px;background:linear-gradient(90deg,transparent,#48E88B 30%,#F3F6F4 70%,transparent);box-shadow:0 0 18px #48E88B88;opacity:0;pointer-events:none}
.showcase-viewport.is-switching::after{animation:milo-scan .8s ease-in-out}
.showcase-viewport.is-switching{animation:milo-switch .6s var(--milo-ease)}

/* Scroll entrances: classes only arrive through page-motion.js, so without it everything stays visible. */
.milo-wait .milo-item,.milo-item.milo-wait{opacity:0}
.milo-wait .milo-line>span{transform:translateY(130%)}
.milo-in .milo-line>span{animation:milo-line .95s calc(var(--step,0)*120ms) var(--milo-ease) backwards}
.milo-in .milo-item,.milo-item.milo-in{animation:milo-rise .8s calc(var(--step,0)*85ms + .1s) var(--milo-ease) backwards}
.motion-design-film.milo-in{animation:milo-film 1.1s var(--milo-ease) backwards}
.rendered-preview.milo-in .rendered-invite>span{animation:milo-nudge 1.2s .9s ease-in-out 3}

/* Process: cards follow each other, the icons draw themselves and the arrows pop in between. */
.process-list.milo-in>li{animation-delay:calc(var(--step,0)*140ms)}
.process-list.milo-in .process-icon path{animation:milo-draw .9s calc(var(--step,0)*140ms + .25s) ease-in-out backwards}
.process-list.milo-in>li:not(:last-child)::after{animation:milo-pop .45s calc(var(--step,0)*140ms + .6s) var(--milo-ease) backwards}

/* Closing: the arrow flies into place and the question mark rocks once. */
.milo-mark{display:inline-block;transform-origin:50% 85%}
.closing-main.milo-in .milo-mark{animation:milo-rock .9s .95s ease-in-out}
.closing-main.milo-in .closing-link svg{animation:milo-arrow .7s .35s var(--milo-ease) backwards}

/* Hover details. */
.showcase-cta span,.rendered-arrow{display:inline-block;transition:transform .2s}
.showcase-select img{transition:transform .25s}
.rendered-option-thumb{transition:transform .25s}
.rendered-picker button[aria-pressed="true"] .rendered-detail{animation:milo-rise .45s var(--milo-ease) backwards}
.service-row{position:relative;isolation:isolate}
.service-row::before{content:'';position:absolute;inset:0;z-index:-1;background:#48E88B;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--milo-ease)}
.service-row>svg{transition:transform .25s}
.clear-process>li{transition:transform .25s,box-shadow .25s}
.service-row:focus-visible::before{transform:scaleX(1)}
@media(hover:hover){
.showcase-cta:hover span{transform:translate(3px,-3px)}
.showcase-select button:hover img{transform:scale(1.08)}
.rendered-picker button:hover .rendered-arrow{transform:translate(3px,-3px)}
.rendered-picker button:hover .rendered-option-thumb{transform:scale(1.06)}
.service-row:hover{padding-left:18px}
.service-row:hover::before{transform:scaleX(1)}
.service-row:hover>svg{transform:translate(-14px,-4px)}
.service-row:hover :is(p,.technical){color:#245C40}
.clear-process>li:hover{transform:translateY(-4px);box-shadow:0 10px 24px #111A1514}
.clear-process>li:hover .process-icon path{animation:milo-redraw .7s ease-in-out}
}
.service-row:focus-visible :is(p,.technical){color:#245C40}

/* Reduced motion switches every animation off in style.css; these keep waiting content visible. */
@media print,(prefers-reduced-motion:reduce){.milo-wait .milo-item,.milo-item.milo-wait{opacity:1}.milo-wait .milo-line>span{transform:none}.clear-process>li:hover{transform:none}}

:root{--paper:#F3F6F4;--ink:#111A15;--muted:#245C40;--line:#245C4033;--lime:#48E88B;--soft:#F3F6F4;--dark:#111A15;--white:#F3F6F4;--cyber-cyan:#48E88B;--cyber-lime:#48E88B;--cyber-graphite:#111A15}body{background:#F3F6F4;color:#111A15}.showcase-hero,.motion-design,.rendered-preview-top{background-color:#111A15}.showcase-copy h1 em,.showcase-bottom a{color:#48E88B}.showcase-cta,.hero .button,.process-icon{background:#48E88B;color:#111A15}.showcase-tools>div span{color:#F3F6F4;border-color:#48E88B66;background:#245C4055}.showcase-intro,.showcase-kicker,.showcase-top,.showcase-art-caption,.showcase-drag,.showcase-bottom,.showcase-tools small,.showcase-art-caption button{color:#F3F6F4}.showcase-select button{background:#111A15;color:#F3F6F4;border-color:#245C40}.showcase-select button[aria-pressed=true]{background:#245C40;color:#F3F6F4;border-color:#48E88B}.contact-live-form,.clear-process>li,.rendered-invite,.rendered-option-thumb{background:#F3F6F4}.contact-live-form,.clear-process>li{border-color:#245C4044}.clear-process p,.contact-live-note,.contact-live-meeting p{color:#245C40}.process-result{color:#245C40}.showcase-hero a:focus-visible,.showcase-hero button:focus-visible{outline-color:#48E88B}