/* Codeverly / Graphite, porcelain and platinum. */
:root{--paper:#f3f2ee;--ink:#10131a;--muted:#686d78;--line:#d6d7db;--night:#0c0f16;--lime:#b9cbe3;--accent:#526cbd;--shell:1360px}
body{background:var(--paper);color:var(--ink)}::selection{background:#b9cbe3;color:#10131a}:focus-visible{outline-color:#617bb6}.brand-period{color:#8e9db4}.site-header{background:#f3f2eef0;border-color:#10131a1c}.site-header.on-dark{background:#0c0f16d9;border-color:#ffffff16}.on-dark .brand-period{color:#b9cbe3}.site-header.on-dark .language-switcher{border-color:#8192af66}.language-switcher a[aria-current=true]{background:#c6d3e5;color:#10131a}.language-switcher a:hover{background:#b9cbe329}.language-switcher a[aria-current=true]:hover{background:#d4deed}.motion-toggle[aria-pressed=true] .motion-icon{color:#7c8fae}.on-dark .motion-toggle[aria-pressed=true] .motion-icon{color:#b9cbe3}.main-nav>a:hover{color:#526cbd}.on-dark .main-nav>a:hover{color:#c6d3e5}.button{border-radius:2px}.button-lime{background:#e3e8f0;color:#11151e}.button-lime:hover{background:#fff;box-shadow:0 12px 35px #0002}.button-dark{background:#11151e;border-color:#11151e}.button-dark:hover{background:#2b3548}.status-dot{background:#9fadc4;box-shadow:0 0 0 4px #9fadc417}
.hero-experience{background:#0c0f16;padding-top:165px;min-height:max(850px,100svh)}.hero-experience::after{background:radial-gradient(ellipse at 80% 45%,#34435d2b,transparent 43%),linear-gradient(180deg,transparent 72%,#0c0f16)}.hero-experience::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-mesh{opacity:.3;background-image:linear-gradient(#c6d3e507 1px,transparent 1px),linear-gradient(90deg,#c6d3e507 1px,transparent 1px);background-size:100px 100px}.hero-main{min-height:590px;grid-template-columns:1.03fr .97fr}.hero-eyebrow{color:#a7afbd;font-size:9px;letter-spacing:.12em}.hero-experience h1{font-weight:500;line-height:1.02;letter-spacing:-.075em}.hero-line-accent{color:#b9c7dc}.hero-experience .hero-description{font-size:14px;line-height:1.9;color:#a3aab8;max-width:375px}.hero-work-link{color:#b4bdcc;font-size:11px}.hero-composition{height:610px;width:calc(100% + 85px);margin-left:-40px;margin-top:-20px;transform:translateY(calc(var(--hero-scroll)*-35px));perspective:none}.hero-composition>.dimension-scene,.hero-composition>.scene-project,.hero-composition>.scene-stamp{display:none}.metal-stage{position:absolute;inset:0;isolation:isolate}.metal-stage::before{content:'';position:absolute;width:72%;height:66%;left:15%;top:14%;border-radius:50%;background:radial-gradient(ellipse,#7585a00e,transparent 68%);border:1px solid #9eaec20b;transform:rotate(-20deg)}.metal-floor{position:absolute;left:17%;right:13%;height:28px;bottom:15%;background:#000;border-radius:50%;filter:blur(20px);opacity:.55;transform:rotate(-7deg)}#metal-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.is-dragging #metal-canvas{cursor:grabbing}.metal-fallback{position:absolute;width:75%;height:75%;left:13%;top:10%;transform:rotate(-18deg) perspective(1000px) rotateY(-24deg);filter:drop-shadow(8px 10px 0 #727c8c) drop-shadow(0 25px 24px #0008);opacity:1}.is-rendered .metal-fallback{opacity:0;pointer-events:none}.metal-hint{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;white-space:nowrap;color:#77869c;font-size:8px;letter-spacing:.03em;pointer-events:none}.metal-hint svg{width:17px;height:17px;stroke:#a9b9d0;fill:none;stroke-width:1.1}.metal-caption{position:absolute;top:20px;right:15px;font-size:7px;letter-spacing:.17em;color:#616d82}.motion-paused .metal-hint{opacity:0}.hero-bottom{border-color:#b9cbe31b;margin-top:35px}.hero-bottom>p{color:#b9c1cd}.hero-bottom>p>span,.hero-edition{color:#738097}.scroll-invitation{color:#aeb8c9}.scroll-orbit{border-color:#71819866}.scroll-invitation:hover .scroll-orbit{background:#e3e8f0}.reading-progress span{background:#809bc8}
.manifesto-section{padding-block:105px 90px}.manifesto-stage{min-height:460px}.manifesto-top{margin-bottom:25px}.manifesto-spark{color:#8396b6;font-size:48px}.manifesto-text{font-size:clamp(42px,5.4vw,79px);font-weight:500;line-height:1.16;max-width:1240px}.manifesto-text .word{color:color-mix(in srgb,#11151e calc(var(--word-fill,1)*100%),#cbd0d8)}.manifesto-bottom>p{font-size:14px;color:#686d78;max-width:420px}.manifesto-bottom>span{color:#8a8d94;letter-spacing:.14em}.kinetic-band{background:var(--paper);border-color:#d6d7db;transform:none;padding-block:24px;margin-block:0 70px}.kinetic-track{gap:44px}.kinetic-track>span{color:#6f7787;font-size:20px;font-weight:450;letter-spacing:-.04em}.kinetic-track>i{color:#9facbf;font-size:26px}
.work-section{background:var(--paper);padding-bottom:95px}.work-heading-aside{font-size:12px;color:#626a79}.work-heading-aside .status-dot{background:#8194b2}.work-panel,.work-airport{background:#ebecef;border:1px solid #d4d8df;border-radius:3px;grid-template-columns:.72fr 1.28fr;min-height:580px}.work-copy{min-width:0;padding:40px 35px;background:#ebecef}.work-copy .eyebrow,.work-airport .work-copy .eyebrow{font-size:8px;letter-spacing:.12em;color:#636c7c}.work-copy h3{font-size:clamp(41px,4.3vw,66px);font-weight:500;letter-spacing:-.06em;margin-top:28px}.work-copy h3 span,.work-airport .work-copy h3 span{color:#7388ac}.work-copy>p:not(.eyebrow),.work-airport .work-copy>p:not(.eyebrow){font-size:13px;color:#69707e;line-height:1.9;max-width:290px}.work-copy .tags{margin-top:25px}.work-copy .tags>span,.work-airport .work-copy .tags>span{color:#5b6576;border-color:#bdc5d2;font-size:8px}.work-case{border-color:#a8b3c3;font-size:12px;padding-top:30px}.work-visual,.work-airport .work-visual{background:#18202e;min-height:580px}.work-visual::before{background-image:linear-gradient(#a9bfdd0c 1px,transparent 1px),linear-gradient(90deg,#a9bfdd0c 1px,transparent 1px);background-size:55px 55px}.work-visual-caption,.work-airport .work-visual-caption{color:#8c9fb9;font-size:7px;letter-spacing:.1em}.work-browser,.work-airport .work-browser{width:93%;left:8%;top:23%;border:1px solid #8899b440;box-shadow:0 40px 70px #0006;transform:perspective(1200px) rotateY(-8deg) rotateX(5deg) rotate(-3deg) translateY(var(--work-drift,0px));border-radius:4px}.work-airport .work-browser{transform:perspective(1200px) rotateY(-8deg) rotateX(5deg) rotate(3deg) translateY(var(--work-drift,0px))}.work-visual:hover .work-browser{transform:perspective(1200px) rotateY(0) rotateX(0) rotate(0) translateY(-8px)}.scene-browser{background:#dfe4ec;color:#576174}.scene-browser .window-dots i{background:#9ba9be}.work-watermark,.work-airport .work-watermark{color:#263247;font-size:170px;bottom:-12px}.work-visual-circle{border-color:#8e9fb655;background:#18202e90;color:#c5d3e6}.work-visual:hover .work-visual-circle{background:#dce5f1;color:#10131a}.work-steps i{background:#d5d9e1}.work-steps i::after{background:#6f85aa}.work-steps button{color:#626c7c}.work-steps [aria-pressed=true]{color:#10131a}.work-navigation>p{font-size:10px;color:#727a88}.work-navigation>a{font-size:12px}
@media(min-width:901px) and (min-height:680px){.scroll-experience .work-scroll{height:220vh;min-height:1400px}.scroll-experience .work-stage{position:sticky;top:105px;overflow:clip}.scroll-experience .work-panels{display:flex;height:clamp(500px,calc(100svh - 200px),700px);overflow:visible;transform:translate3d(var(--gallery-x,0%),0,0);will-change:transform;border-radius:3px}.scroll-experience .work-panel{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;min-height:0;margin:0;transform:none!important;opacity:1!important;will-change:auto}.scroll-experience .work-copy{padding:40px 35px}.scroll-experience .work-visual{min-height:0}.scroll-experience .work-airport{transform:none;pointer-events:auto}.scroll-experience .work-case{margin-top:auto}}
.services-section{background:#e8e9eb}.service-tabs [role=tab]{border-color:#c9cdd5;font-size:clamp(20px,2vw,28px)}.service-tabs [aria-selected=true]{color:#10131a;border-color:#6f85aa}.service-order{border-color:#aeb9ca;color:#78869b}.service-tabs [aria-selected=true] .service-order{background:#18202e;color:#e5ebf4;border-color:#18202e}.service-arrow{color:#8394af}.service-panel{background:#111722;color:#f3f2ee;border:1px solid #263145;border-radius:3px;padding:40px}.service-panel::before{border-color:#b9cbe318;box-shadow:0 0 0 35px #b9cbe306,0 0 0 70px #b9cbe304}.service-symbol{background:#d3ddec;color:#10131a}.service-panel .small-label{color:#91a3bf}.service-panel>p{font-size:14px;line-height:1.9;color:#a7b1c1}.service-panel .check-list li{font-size:12px;color:#c5cdda}.service-panel .text-link{color:#c1d0e4}.service-panel .check-list li::before{color:#91a9cd}.service-directory{border-color:#c1c7d1}.service-directory a{border-color:#c1c7d1;color:#293345}.service-directory a:hover{color:#526cbd}.service-directory h3{font-size:23px}
.lab-section{background:#0e131d;color:#f3f2ee}.lab-section::before{border-color:#b9cbe310;box-shadow:0 0 0 70px #b9cbe304}.lab-section .heading-aside,.lab-copy>p{color:#9ca9bd}.demo-label{color:#afc1da;border-color:#50627c}.lab-copy .text-link{color:#bfd0e7}.demo-stage{background:#192233;border-color:#344158;box-shadow:0 35px 80px #0003}.demo-header{background:#edf0f5}.demo-brand{color:#152032}.demo-window{background:#f8f8f6;color:#11151e}.demo-booking{color:#11151e;background:#f8f8f6}.demo-tour-picture{background:#b7c2d3}.landscape-sun{background:#edece3}.hill-one{background:#8699b0}.hill-two{background:#5d7694}.hill-three{background:#364e6a}.demo-booking>select,.demo-fields input{color:#11151e}.segmented{background:#1b2638;border-color:#38475f}.segmented button{color:#a4b3c9}.segmented button.active{color:#11151e;background:#d4dfef}.demo-submit{background:#18202e;color:#eef1f6}.demo-submit:hover{background:#2d3b51}.demo-footer{background:#edf0f5;color:#637087}.demo-result{background:#e8eef6;border-color:#a7b7ce;color:#243248}.demo-result button{border-color:#7185a3;color:#243248}.demo-result-note{color:#68788e}.demo-hint{color:#68778c}.demo-label .status-dot{background:#b9cbe3}
.approach-section{background:var(--paper)}.process-grid li{border-color:#cbd0d8}.process-grid li::before{background:#7186aa}.process-number{color:#a2adbd}.process-grid p{color:#626c7c;font-size:13px;line-height:1.9}.process-deliverable{color:#626c7c}.solutions-grid{display:block;border-color:#cbd0d8}.solution-card{display:grid;grid-template-columns:1.05fr 1.25fr 1.1fr;gap:22px 45px;padding:45px 0;background:transparent;border:0;align-items:start;transition:background .35s}.solution-card+.solution-card{border:0;border-top:1px solid #cbd0d8}.solution-card>.small-label,.solution-card>.solution-top{grid-column:1/-1;color:#626c7c;margin:0;min-height:15px}.solution-card .solution-top{display:flex;justify-content:space-between}.solution-card h3{grid-column:1;grid-row:2/4;font-size:38px;margin:0;max-width:350px}.solution-card>p{grid-column:2;grid-row:2;font-size:14px;line-height:1.9;color:#626c7c;max-width:330px}.solution-card .check-list{grid-column:3;grid-row:2/4;margin:0}.solution-card .check-list li{font-size:12px;line-height:1.8;color:#5b6576}.solution-card .button{grid-column:2;grid-row:3;justify-self:start;font-size:12px;min-height:50px;margin-top:0}.solution-card.featured{background:transparent;border-color:#cbd0d8}.solution-card.featured::before{display:none}.solution-icon{color:#8a9fbe}.scope-note{font-size:11px;line-height:1.9;color:#626c7c}
.studio-section{background:#e7e9ed}.studio-art{background:#121927}.studio-art::before{background:repeating-linear-gradient(0deg,transparent,transparent 49px,#c7d7ef08 49px,#c7d7ef08 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,#c7d7ef08 49px,#c7d7ef08 50px)}.studio-mark{fill:#c6d3e5;filter:drop-shadow(10px 12px 0 #475773)}.studio-orbit{border-color:#b9cbe32b;box-shadow:0 0 0 35px #b9cbe306,0 0 0 75px #b9cbe304}.studio-art-label,.studio-coordinate{color:#8196b5}.studio-copy>p:not(.eyebrow){font-size:14px;color:#5c6676}.team-signature{border-color:#c1cad8}.team-mark{background:#c7d4e7;color:#18202e}.team-signature div>span{color:#626c7c}.faq-list details{border-color:#d0d4dc}.faq-list summary{font-size:16px}.faq-list details>p{font-size:14px;color:#626c7c;line-height:1.9}
.contact-section{background:#111722;color:#f3f2ee;padding-block:120px}.contact-copy .eyebrow{color:#8195b4}.contact-copy .status-dot{background:#b9cbe3}.contact-copy h2>span{color:#a9b9d0}.contact-copy h2 svg{stroke:#b9cbe3}.contact-copy>p:not(.eyebrow){font-size:14px;color:#9aa8bd}.contact-email{color:#e6edf8;border-color:#677d9e;font-size:clamp(20px,2.1vw,31px);gap:30px}.contact-email:hover{color:#fff;border-color:#e6edf8}.contact-caption{color:#7d8fa9}.contact-form-wrap{color:#dde6f4}.interest-options label>span{border-color:#3a4961;color:#a8b7cd}.interest-options input:checked+span{background:#dce5f2;border-color:#dce5f2;color:#162032}.interest-options label>span:hover{border-color:#a8bad4}.form-field label,.contact-form-wrap legend{color:#c2cee0}.form-field input,.form-field select,.form-field textarea{background:transparent;border-color:#39485f;color:#e0e7f3}.form-field input::placeholder,.form-field textarea::placeholder{color:#7f8ea5}.form-field select option{background:#18202e;color:#eef1f6}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#b9cbe3}.form-explainer{color:#8293ad}.contact-submit{background:#e4eaf3;border-color:#e4eaf3;color:#11151e}.contact-submit:hover{background:#fff;color:#11151e}.form-feedback{background:#1b273b;border-color:#435570;color:#e1e9f5}.form-feedback p,.copy-feedback{color:#acbdd4}.feedback-actions button{color:#d6e3f6;border-color:#7489a9}.site-footer{background:#0c0f16;color:#f3f2ee}.footer-top>p{color:#8d9bb2}.footer-bottom{color:#7b8aa1;border-color:#ffffff14}.footer-wordmark{color:#273347}.footer-wordmark>span{color:#8b9fbd}.footer-directory{border-color:#ffffff14}.footer-directory h3{color:#a9bdd9}.footer-directory a{color:#aebed5}.footer-directory a:hover{color:#eef3fc}.footer-directory p{color:#7c90ac}.footer-top{border-color:#ffffff14}.footer-top .brand-period{color:#a5b7d1}.back-top{color:#a9bbd5}.privacy-button{color:#9aabc5}
.detail-page .site-header{background:#f3f2eef5}.detail-diagram{background:#151d2b;border-color:#293953}.diagram-symbol{background:#c6d3e5;color:#121927}.detail-dot{color:#7d91b0}.breadcrumbs,.detail-toc,.detail-copy p,.detail-section ul{color:#69768a}.detail-hero .eyebrow,.detail-portfolio>.eyebrow{color:#6f83a1}.detail-lead{color:#65738a}.detail-diagram .small-label,.detail-diagram>p,.detail-diagram li>span{color:#9bafce}.detail-diagram li{border-color:#b9cbe324}.detail-cta{background:#172132;color:#eff3fa}.detail-cta .eyebrow{color:#92a7c6}.detail-cta p:not(.eyebrow){color:#a6b8d2}.detail-cta .button{background:#e5edf8;border-color:#e5edf8;color:#172132}.detail-email{color:#c3d4ec}.detail-copy h2{color:#172132}.detail-section li::marker{color:#8199ba}.detail-toc .eyebrow{color:#7a91b2}.detail-faq summary span{color:#7d98bd}.detail-case-image img,.portfolio-image{border-color:#ccd4e0}.detail-case-image figcaption,.case-observation{color:#7f8fa6}.detail-faq,.detail-faq details,.related-services a,.detail-section{border-color:#d0d8e2}
@media(max-width:1100px){.hero-composition{height:550px;width:calc(100% + 60px);margin-left:-20px}.hero-main{min-height:550px}.solution-card{gap:20px 27px}.solution-card h3{font-size:32px}.solution-card .check-list li{font-size:11px}.work-copy{padding:30px}.work-copy>p:not(.eyebrow){font-size:12px}}
@media(max-width:900px){.hero-composition{height:500px;width:calc(100% + 40px);margin-left:-10px}.work-panel{grid-template-columns:1fr 1.2fr}.work-copy h3{font-size:42px}.work-visual{min-height:500px}.work-copy{padding:30px}.solution-card{grid-template-columns:1fr 1fr}.solution-card h3{grid-row:2;max-width:none}.solution-card>p{grid-row:2;grid-column:2}.solution-card .check-list{grid-column:1;grid-row:3;margin-top:8px}.solution-card .button{grid-column:2;grid-row:3;align-self:end}.studio-copy>p:not(.eyebrow){font-size:13px}}
@media(max-width:720px){.hero-experience{padding-top:126px;min-height:0}.hero-main{grid-template-columns:1fr;min-height:0;gap:0}.hero-experience h1{font-size:clamp(68px,16vw,105px);line-height:1.02}.hero-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:25px}.hero-experience .hero-description{font-size:13px;max-width:350px;margin-top:27px}.hero-composition{width:calc(100% + 32px);height:390px;margin:16px -16px 0;transform:none}.metal-hint{font-size:7px;bottom:12px}.metal-caption{font-size:6px;top:15px;right:18px}.metal-floor{bottom:16%}.hero-bottom{margin-top:15px;padding-top:20px;gap:18px}.hero-bottom>p{font-size:7px;max-width:150px}.hero-bottom>p>span{font-size:6px}.scroll-invitation{font-size:8px}.hero-edition{display:none}.hero-actions .button{font-size:11px}.hero-work-link{font-size:10px}.manifesto-section{padding-block:65px}.manifesto-stage{min-height:0}.manifesto-top{margin-bottom:25px}.manifesto-spark{font-size:36px}.manifesto-text{font-size:clamp(34px,8.7vw,49px);line-height:1.17}.manifesto-bottom{margin-top:30px;gap:20px}.manifesto-bottom>p{font-size:12px}.kinetic-band{padding-block:18px;margin-bottom:35px}.kinetic-track{gap:26px}.kinetic-track>span{font-size:16px}.kinetic-track>i{font-size:22px}.work-panel,.work-airport{grid-template-columns:1fr;min-height:0;margin-bottom:26px}.work-copy{padding:28px}.work-copy h3{font-size:45px;margin:10px 0 22px}.work-copy>p:not(.eyebrow){font-size:13px;max-width:none}.work-copy .eyebrow{font-size:7px}.work-case{margin-top:22px;padding-top:5px}.work-visual,.work-airport .work-visual{min-height:0;aspect-ratio:1.3;height:auto}.work-browser,.work-airport .work-browser{width:88%;left:7%;top:20%}.work-watermark,.work-airport .work-watermark{font-size:120px}.work-visual-caption{top:20px;left:22px;font-size:6px}.work-navigation{align-items:center}.work-navigation>p{font-size:8px;max-width:160px}.work-navigation>a{font-size:10px;gap:16px}.service-tabs [role=tab]{font-size:20px}.service-panel{padding:29px 25px;min-height:450px}.service-panel>p{font-size:13px}.service-panel .check-list li{font-size:12px}.lab-copy>p:not(.lab-detail){font-size:13px}.process-grid p{font-size:12px}.solutions-grid{display:block}.solution-card{display:block;padding:32px 0}.solution-card>.small-label{font-size:9px;display:block}.solution-card h3{margin:22px 0 18px;font-size:35px}.solution-card>p{font-size:13px;max-width:none}.solution-card .check-list{margin:24px 0}.solution-card .check-list li{font-size:12px}.solution-card .button{font-size:12px}.scope-note{font-size:10px}.contact-section{padding-block:75px}.contact-copy h2{font-size:58px}.contact-copy>p:not(.eyebrow){font-size:13px}.contact-email{font-size:21px;gap:35px}.contact-caption{font-size:10px}.contact-form-wrap legend{font-size:12px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.contact-submit{font-size:12px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:13px}.studio-art{background:#121927}.studio-copy>p:not(.eyebrow){font-size:13px}.site-header .main-nav{background:#f3f2ee;color:#11151e}.main-nav .nav-contact{background:transparent}.on-dark .main-nav .nav-contact{border-color:#9bacbd;color:#11151e}.detail-cta h2{font-size:42px}.detail-diagram{padding:28px}.hero-bottom .scroll-orbit{width:29px;height:29px}}
@media(max-width:380px){.hero-experience{padding-top:114px}.hero-experience h1{font-size:64px}.hero-composition{height:350px}.hero-experience .hero-description{font-size:12px}.hero-work-link{font-size:9px}.hero-bottom>p{max-width:126px;font-size:6px}.scroll-invitation{font-size:7px}.contact-copy h2{font-size:49px}.work-copy h3{font-size:39px}.form-row{grid-template-columns:1fr}.service-tabs [role=tab]{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-composition,.work-panels{transform:none!important}.metal-hint{display:none}.premium-reveal{clip-path:none!important;transform:none!important}}

@media(max-width:720px){.work-copy h3 br{display:initial}.work-heading-aside p br{display:initial}}