@charset "UTF-8";
:root{--ink:#101d35;--navy:#050b18;--blue:#265ef1;--light:#f7f8fb;--muted:#6d7686;--line:#dfe3eb;--ease:cubic-bezier(.2,.65,.25,1);--header:88px;--gutter:clamp(24px,6.25vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;background:var(--navy);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #729cff;outline-offset:6px}[hidden]{display:none!important}::selection{background:#a8c8ff;color:#101d35}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:560}h2{font-size:clamp(42px,5.3vw,80px);line-height:1.04;letter-spacing:-.062em}p{line-height:1.65}.container{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.section-space{padding-block:clamp(90px,10.5vw,168px)}.light-section{background:var(--light)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;line-height:1.5}.small-note{font-size:12px;letter-spacing:.005em;color:var(--muted)}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:70px}.blue-text{color:var(--blue)}.muted{color:var(--muted)}.muted-light{color:#77849e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:24px;top:10px;z-index:1000;transform:translateY(-160%);background:#fff;color:#101d35;padding:12px 20px;border-radius:8px}.skip-link:focus{transform:none}
.site-header{height:var(--header);padding:12px var(--gutter);position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(5,11,24,.66);border-bottom:1px solid #ffffff0d;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#fff;transition:background .3s}.site-header.scrolled{background:rgba(5,11,24,.91)}.brand{display:flex;align-items:center;gap:24px;flex-shrink:0}.brand img{width:154px;height:auto;filter:brightness(0) invert(1)}.brand-descriptor{font-size:9px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid #ffffff35;padding-left:20px;color:#c6cddc}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:500}.desktop-nav>a:not(.nav-contact){position:relative;color:#d3d9e5;padding-block:12px}.desktop-nav>a:not(.nav-contact):after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav>a:hover:after{transform:scaleX(1)}.nav-contact{display:flex;align-items:center;gap:18px;padding:12px 19px;background:#ffffff12;border:1px solid #ffffff30;border-radius:30px}.nav-contact:hover{background:#fff;color:var(--navy)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:9px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px 0;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:fixed;inset:var(--header) 0 0;z-index:99;background:var(--navy);padding:45px var(--gutter);color:#fff}.mobile-menu>a{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #ffffff25;font-size:35px;letter-spacing:-.04em}.mobile-menu>a span{font-size:14px;color:#8895b1;letter-spacing:0}.mobile-menu>p{color:#9ca8bf;font-size:13px;margin-top:45px}
.hero{height:125svh;min-height:900px;color:#fff;background:var(--navy);position:relative}.hero-stage{position:sticky;top:0;height:100svh;min-height:720px;overflow:clip;isolation:isolate}.hero-visual{position:absolute;inset:0;z-index:-3;transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1));will-change:transform}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 68%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#050b18c9 4%,#050b1870 38%,#050b1800 65%,#050b1860 85%,#050b18f2 100%)}.hero-copy{text-align:center;padding-top:clamp(155px,16.5vh,210px);transform:translate3d(0,var(--hero-copy-y,0px),0);opacity:var(--hero-copy-opacity,1);will-change:transform}.hero-eyebrow{display:flex;gap:10px;align-items:center;justify-content:center;color:#b5c4e4;margin-bottom:25px;font-size:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8db5ff;box-shadow:0 0 0 4px #7a9be311}.hero h1{font-size:clamp(55px,7.05vw,112px);font-weight:570;line-height:1.03;letter-spacing:-.07em}.hero h1 span{display:block}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#f8fbff 5%,#b6d1ff 45%,#729dff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:clamp(14px,1.2vw,18px);color:#c9d2e3;line-height:1.55;margin-top:24px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:16px 24px;border:0;border-radius:40px;font-size:12px;font-weight:600;line-height:1.3;transition:transform .35s var(--ease),background .3s,color .3s;white-space:normal}.button:hover{transform:translateY(-3px)}.button span{font-size:18px;transition:transform .3s}.button:hover span{transform:translate(2px,-2px)}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:#4176ff}.button-white{background:#fff;color:#14203a}.button-white:hover{background:#dfeaff}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;color:#d5dff1;padding:14px 0}.text-link:hover{color:#fff}.hero-caption{position:absolute;bottom:32px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;font-size:10px;line-height:1.6;color:#bcc7dc;letter-spacing:.02em}.scroll-cue{display:flex;gap:22px;align-items:center}.scroll-cue span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff30;border-radius:50%;font-size:17px}
.intro-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:70px;align-items:end}.intro h2{font-size:clamp(40px,5.1vw,78px)}.intro-aside{max-width:350px;justify-self:end;padding-bottom:6px}.intro-aside p{font-size:16px}.intro-aside .muted{margin-top:22px}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding-block:12px;border-bottom:1px solid currentColor;font-size:12px;font-weight:600;line-height:1.5;transition:gap .3s}.line-link:hover{gap:48px}.intro-aside .line-link{margin-top:24px}.direction-line{display:flex;align-items:center;gap:14px;margin-top:84px}.direction-line>span{height:1px;background:linear-gradient(90deg,#d7dfe9,#8eaeef);flex:1;transform-origin:left}.direction-line i{width:8px;height:8px;border-radius:50%;background:var(--blue)}
.story{position:relative;height:240svh;min-height:1500px;background:#071126;color:#fff}.story-stage{height:100svh;min-height:680px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--header) + 30px);padding-bottom:45px}.story-heading{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:44px}.story-heading .eyebrow{color:#9cb3dc}.story-intro{font-size:13px;color:#a9b7d1;line-height:1.6}.story-steps{border-top:1px solid #ffffff20}.story-step{display:grid;grid-template-columns:65px 1.5fr 1fr;gap:20px;align-items:center;border-bottom:1px solid #ffffff20;padding:clamp(16px,3vh,32px) 0;opacity:1;transform:translateX(0);transition:opacity .65s var(--ease),transform .65s var(--ease)}.story-step.is-active{opacity:1;transform:translateX(10px)}.step-no{color:#8cabe1;font-size:12px;align-self:start;padding-top:15px}.story-step h3{font-size:clamp(64px,8.3vw,128px);line-height:1.02;letter-spacing:-.07em;font-weight:530}.story-step p{font-size:15px;line-height:1.65;color:#bacbe9;justify-self:end;width:225px}.story-bottom{margin-top:38px;display:flex;align-items:center;gap:40px;font-size:10px;letter-spacing:.04em;color:#8c9dbd}.story-progress{flex:1;height:1px;background:#ffffff22;overflow:hidden}.story-progress i{display:block;height:1px;background:#739dff;transform:scaleX(var(--story-progress,.1));transform-origin:left}.story-counter{min-width:55px;text-align:right}
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:65px}.section-title-row>p{font-size:14px;color:var(--muted);max-width:310px;padding-bottom:4px}.service-item{border-top:1px solid var(--line)}.service-item:last-child{border-bottom:1px solid var(--line)}.service-item summary{list-style:none;display:grid;grid-template-columns:48px 1.5fr 1fr 42px;gap:15px;align-items:center;min-height:112px;padding-block:25px;cursor:pointer}.service-item summary::-webkit-details-marker{display:none}.service-no{font-size:10px;color:#7f8a9d}.service-item h3{font-size:clamp(23px,2.45vw,37px);letter-spacing:-.05em;font-weight:540}.service-short{font-size:12px;color:var(--muted)}.plus{position:relative;width:38px;height:38px;border:1px solid #cdd5e3;border-radius:50%;justify-self:end;transition:background .3s,transform .4s}.plus:before,.plus:after{content:"";position:absolute;left:13px;right:13px;top:18px;height:1px;background:var(--ink)}.plus:after{transform:rotate(90deg)}.service-item[open] .plus{transform:rotate(45deg);background:#e5ebf9}.service-item summary:hover .plus{background:#e5ebf9}.service-detail{padding:0 60px 36px 63px;max-width:850px;animation:detail-in .35s var(--ease)}.service-detail>p{max-width:620px;font-size:15px;color:var(--muted)}.service-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.service-tags>span{font-size:10px;padding:7px 12px;border:1px solid var(--line);border-radius:20px}.service-detail .line-link{margin-top:16px;color:#1f52cd}@keyframes detail-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,145px);align-items:center}.portrait-frame{background:#f5f7fb;border-radius:4px;overflow:hidden;aspect-ratio:1/1.07;display:flex;align-items:end}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;mix-blend-mode:multiply;transform:scale(1.03);transition:transform 1.2s var(--ease)}.portrait:hover img{transform:scale(1.065)}.portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-size:10px}.portrait figcaption>span:last-child{color:var(--muted)}.about-copy h2{font-size:clamp(43px,5vw,74px);margin-bottom:30px}.about-copy>p{font-size:15px;max-width:380px;margin-top:16px}.about-location{display:flex;align-items:center;gap:14px;font-size:11px;margin-top:26px;color:#64738e;line-height:1.6}.location-marker{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--blue);font-size:17px}.about-copy .line-link{margin-top:24px}.method{border-top:1px solid var(--line);margin-top:120px;padding-top:65px;display:grid;grid-template-columns:1fr 2fr;gap:70px}.method-title h3{font-size:30px;line-height:1.13;letter-spacing:-.04em;margin-top:22px}.method-title .eyebrow{font-size:9px;color:#7c879b}.method-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:25px}.method-list li>span{font-size:10px;color:#6f8bc1}.method-list h4{margin-top:32px;font-size:23px;letter-spacing:-.045em}.method-list p{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.7}
.contact{background:#061126;color:#fff;position:relative;isolation:isolate;overflow:hidden}.contact-glow{position:absolute;right:-20%;top:-50%;width:85%;height:130%;border-radius:50%;background:radial-gradient(ellipse,#163a7960 0%,#06112600 65%);z-index:-1}.contact .small-note{color:#899dbf}.contact h2{font-size:clamp(48px,6.2vw,96px);line-height:1.04;letter-spacing:-.065em}.contact h2>span{color:#87adf9}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:72px}.contact-intro>p{font-size:19px;line-height:1.55;color:#b2c2dd}.contact-email{display:flex;gap:28px;align-items:center;font-size:clamp(15px,1.65vw,24px);letter-spacing:-.035em;margin-top:38px}.contact-email span{font-size:24px}.contact-phone{display:inline-block;font-size:15px;color:#9aafcf;margin-top:18px}.contact-composer fieldset{border:0;padding:0;margin:0}.contact-composer legend{font-size:12px;margin-bottom:18px}.interest-options{display:flex;flex-wrap:wrap;gap:8px}.interest-options label{position:relative;cursor:pointer}.interest-options input{position:absolute;opacity:0;width:1px;height:1px}.interest-options label span{display:block;padding:10px 15px;border:1px solid #ffffff25;border-radius:25px;font-size:11px;color:#c2cfe5;transition:background .25s,border-color .25s,color .25s}.interest-options input:checked+span{background:#fff;color:#112448;border-color:#fff}.interest-options input:focus-visible+span{outline:3px solid #729cff;outline-offset:3px}.company-label{display:block;font-size:11px;margin-top:27px;color:#e2e9f8}.company-label span{color:#7e93b4;margin-left:4px}.company-input{width:100%;padding:14px 0;background:none;border:0;border-bottom:1px solid #ffffff35;color:#fff;border-radius:0;font-size:13px;margin-bottom:26px;outline-offset:5px}.company-input::placeholder{color:#8294b2}.contact-composer .button{width:100%;justify-content:space-between}.composer-note{font-size:9px;line-height:1.6;color:#879aba;margin-top:13px}
.site-footer{padding:65px 0 30px;background:var(--navy);color:#9eacc4}.footer-top{display:flex;align-items:center;gap:45px;margin-bottom:60px}.footer-brand img{filter:brightness(0) invert(1);width:170px;height:auto}.footer-top>p{font-size:10px;border-left:1px solid #ffffff20;padding-left:30px;line-height:1.7}.back-top{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:20px}.back-top span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff25;font-size:18px}.footer-bottom{border-top:1px solid #ffffff15;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:9px;color:#7f8faa}.footer-bottom>div{display:flex;align-items:center;gap:24px}.motion-toggle{border:0;background:none;color:inherit;font-size:9px;padding:5px 0}.motion-toggle:hover,.footer-bottom a:hover{color:#fff}
.js [data-reveal]{transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}.js [data-reveal]:not(.is-visible){opacity:0;transform:translate3d(0,30px,0)}.js [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}.js .project-card.is-visible:hover{transform:translateY(-7px)}
@media(min-width:1700px){.hero-visual img{object-position:center 59%}.hero-copy{padding-top:190px}.hero-description{margin-top:28px}.hero-caption{bottom:45px}}
@media(max-width:1100px){:root{--gutter:45px}.brand-descriptor{display:none}.desktop-nav{gap:23px}.intro-grid{gap:40px}.story-step{grid-template-columns:40px 1.5fr .9fr}.story-step p{width:185px;font-size:13px}.method{grid-template-columns:1fr;gap:45px;margin-top:90px}.method-list{gap:40px}.contact-grid{gap:45px}.service-item summary{grid-template-columns:35px 1.5fr 1fr 40px}.project-card{min-height:350px}.hero{min-height:850px}.hero-stage{min-height:680px}}
@media(max-width:760px){:root{--header:74px;--gutter:24px}.site-header{padding-block:10px}.brand img{width:143px}.brand-descriptor{display:block;font-size:7px;padding-left:12px;letter-spacing:.04em}.brand{gap:14px}.desktop-nav{display:none}.menu-toggle{display:block}.section-space{padding-block:85px}.section-topline{margin-bottom:42px}.section-topline .small-note{display:none}.hero{height:112svh;min-height:830px}.hero-stage{height:100svh;min-height:720px}.hero-visual{inset:0 -45% 0}.hero-visual img{object-fit:cover;object-position:center 72%}.hero-shade{background:linear-gradient(180deg,#050b18e0 0%,#050b1880 42%,#050b1800 68%,#050b18e0 100%)}.hero-copy{padding-top:145px}.hero-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:25px}.hero h1{font-size:clamp(40px,8.6vw,63px);letter-spacing:-.06em;line-height:1.09}.hero h1 span{max-width:650px;margin-inline:auto}.hero-description{font-size:14px;margin-top:24px}.hero-actions{flex-direction:column;gap:8px;margin-top:26px}.hero-actions .button{font-size:11px;min-height:49px}.text-link{font-size:10px}.hero-caption{bottom:25px;font-size:9px}.scroll-cue{font-size:0;gap:0}.scroll-cue span{font-size:17px}.intro-grid{grid-template-columns:1fr;gap:32px}.intro h2{font-size:clamp(39px,8.5vw,60px)}.intro-aside{max-width:430px;justify-self:start}.intro-aside p{font-size:14px}.intro-aside .muted{margin-top:15px}.direction-line{margin-top:45px}.story{height:220svh;min-height:1350px}.story-stage{min-height:650px;padding-top:calc(var(--header) + 30px);padding-bottom:30px}.story-heading{margin-bottom:28px}.story-heading .eyebrow{font-size:8px}.story-intro{display:none}.story-step{grid-template-columns:28px 1fr;gap:12px;padding:25px 0}.step-no{font-size:9px;padding-top:10px}.story-step h3{font-size:clamp(47px,11.8vw,78px)}.story-step p{grid-column:2;justify-self:start;width:auto;font-size:11px;line-height:1.5}.story-step p br{display:none}.story-step.is-active{transform:translateX(3px)}.story-bottom{margin-top:25px;gap:20px;font-size:8px}.section-title-row{display:block;margin-bottom:40px}.section-title-row>p{margin-top:25px;font-size:13px}.section-title-row h2{font-size:48px}.service-item summary{grid-template-columns:24px 1fr 35px;gap:10px;min-height:98px;padding-block:26px}.service-item h3{font-size:23px}.service-short{display:none}.plus{width:32px;height:32px}.plus:before,.plus:after{left:10px;right:10px;top:15px}.service-detail{padding:0 10px 28px 34px}.service-detail>p{font-size:13px}.service-tags>span{font-size:9px}.project-grid{grid-template-columns:1fr;gap:16px}.project-card{min-height:335px;padding:26px;gap:50px}.project-name{font-size:53px}.project-top>span:first-child{font-size:9px}.project-bottom{font-size:9px}.work-footnote{font-size:10px;max-width:330px}.about-grid{grid-template-columns:1fr;gap:44px}.portrait{max-width:500px}.portrait-frame{aspect-ratio:1/1}.portrait figcaption{font-size:9px;margin-top:15px}.about-copy h2{font-size:52px}.about-copy>p{font-size:14px}.method{padding-top:40px;margin-top:70px;gap:35px}.method-title h3{font-size:28px}.method-list{grid-template-columns:1fr 1fr;gap:40px 25px}.method-list h4{margin-top:15px}.method-list p{font-size:11px;margin-top:8px}.contact h2{font-size:clamp(43px,9.8vw,68px)}.contact h2>span{display:block;margin-top:4px}.contact-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.contact-intro>p{font-size:17px}.contact-email{font-size:19px;margin-top:25px}.contact-phone{font-size:14px}.contact-composer{padding-top:35px;border-top:1px solid #ffffff25}.contact-composer legend{font-size:12px}.interest-options label span{padding:10px 14px;font-size:10px}.footer-top{gap:20px;flex-wrap:wrap;margin-bottom:35px}.footer-brand img{width:145px}.footer-top>p{font-size:8px;padding-left:18px}.back-top{font-size:0}.back-top span{font-size:18px}.footer-bottom{align-items:start;flex-direction:column;gap:22px;font-size:8px}.footer-bottom>div{gap:24px;flex-wrap:wrap}.motion-toggle{font-size:9px}.project-dialog{padding:65px 28px 35px}.project-dialog h2{font-size:40px}.project-dialog>p:not(.eyebrow){font-size:13px}.dialog-tags span{font-size:9px}}
@media(max-width:360px){.brand-descriptor{display:none}.hero h1{font-size:37px}.hero-eyebrow{font-size:7px}.project-name{font-size:46px}.contact-email{font-size:17px}.section-title-row h2{font-size:43px}.about-copy h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:auto;min-height:0}.hero-stage{position:relative}.hero-copy,.hero-visual{transform:none!important;opacity:1!important}.story{height:auto;min-height:0}.story-stage{position:relative;height:auto;min-height:0;padding-block:110px}.story-step{opacity:1;transform:none!important}.story-progress{display:none}.js [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}
html.reduced-motion{scroll-behavior:auto}.reduced-motion .hero{height:auto;min-height:0}.reduced-motion .hero-stage{position:relative}.reduced-motion .hero-copy,.reduced-motion .hero-visual{transform:none!important;opacity:1!important}.reduced-motion .story{height:auto;min-height:0}.reduced-motion .story-stage{position:relative;height:auto;min-height:0;padding-block:110px}.reduced-motion .story-step{opacity:1;transform:none!important}.reduced-motion .story-progress{display:none}.reduced-motion [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}

.js:not(.reduced-motion) .story-step{opacity:.55}.js:not(.reduced-motion) .story-step.is-active{opacity:1}
.hero-caption{justify-content:flex-end}
/* Shared navigation and distinct content pages. */
.desktop-nav>a[aria-current=page]:after{transform:scaleX(1)}
.nav-contact[aria-current=page]{background:#fff;color:var(--navy)}
.mobile-menu>a[aria-current=page]{color:#8ab1ff}
.mobile-menu{overflow-y:auto}
.footer-navigation{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:32px;font-size:11px}
.footer-navigation a:hover{color:#fff}
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:#061126;color:#fff;padding:155px 0 95px;min-height:440px}
.page-hero .container{position:relative;z-index:1}
.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:10px;color:#8e9fbd;margin-bottom:45px}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs [aria-current=page]{color:#c5d4ec}
.page-hero h1{font-size:clamp(52px,6.7vw,102px);line-height:1.04;letter-spacing:-.067em;font-weight:550;max-width:1100px}
.page-hero h1>span{display:block}
.page-title-accent{color:#97b9ff}
.page-hero>.container>p{font-size:15px;line-height:1.7;max-width:520px;color:#acbddb;margin-top:27px}
.page-hero:before{content:"";position:absolute;inset:-45px 0;z-index:-2;background:#050b18 url("studio-architettura.webp") center 53% / cover no-repeat;transform:translate3d(0,var(--scene-y,0px),0) scale(1.025);animation:scene-in 1.4s var(--ease) both}
.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 16%,#4276ec18,transparent 60%),linear-gradient(90deg,#061126e8 0%,#061126ac 36%,#06112622 75%,#0611260a 100%),linear-gradient(0deg,#061126 0%,#06112600 28%,#06112600 80%,#06112655 100%);pointer-events:none}
.page-studio .page-hero:before{background-position:center 60%}
.page-metodo .page-hero:before{background-position:center 35%}
.page-contatti .page-hero:before{background-position:center 70%;--scene-opacity:.85;opacity:.85}
@keyframes scene-in{from{opacity:0}to{opacity:var(--scene-opacity,1)}}
.page-cta{padding-block:85px;border-top:1px solid #dfe3eb}
.page-cta .container{display:flex;align-items:center;justify-content:space-between;gap:45px}
.page-cta h2{font-size:clamp(31px,3.5vw,54px);letter-spacing:-.05em;margin-top:18px}
.page-cta .button{flex-shrink:0}
.page-cta{position:relative;isolation:isolate;overflow:hidden;background:#f7f8fb;padding-block:105px}
.page-cta:before{content:"";position:absolute;inset:0;z-index:-2;background:url("studio-luce.webp") center right / cover no-repeat;opacity:.9}
.page-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f8fb 0%,#f7f8fbf0 30%,#f7f8fb22 74%),linear-gradient(180deg,#f7f8fb 0%,#f7f8fb00 25%,#f7f8fb00 74%,#f7f8fb 100%);pointer-events:none}
.page-cta .container{position:relative;z-index:1}
.capabilities-preview{border-top:1px solid #dfe3eb}
.capabilities-preview .section-topline{align-items:center;margin-bottom:40px}
.capabilities-preview .section-topline .line-link{font-size:11px}
.capability-preview-list{margin-top:55px}
.capability-preview-row{display:grid;grid-template-columns:40px 1.2fr 1fr 30px;gap:20px;align-items:center;min-height:100px;border-top:1px solid #dfe3eb;padding-block:24px}
.capability-preview-row:last-child{border-bottom:1px solid #dfe3eb}
.preview-no{font-size:10px;color:#8090aa}
.capability-preview-row h3{font-size:clamp(22px,2.5vw,36px);letter-spacing:-.05em;transition:color .3s}
.capability-preview-row p{font-size:12px;line-height:1.7;color:var(--muted);max-width:260px}
.preview-arrow{font-size:24px;justify-self:end;transition:transform .3s,color .3s}
.capability-preview-row:hover h3,.capability-preview-row:hover .preview-arrow{color:var(--blue)}
.capability-preview-row:hover .preview-arrow{transform:translate(3px,-3px)}
.method-preview{position:relative;isolation:isolate;overflow:hidden;background:#07152f;color:#fff}
.method-preview:before{content:"";position:absolute;inset:0;z-index:-2;background:url("emanuele-studio-vetrata.webp") center 56% / cover no-repeat;opacity:1}
.method-preview:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07152ff0 0%,#07152fb8 43%,#07152f78 100%),linear-gradient(180deg,#07152f 0%,#07152f00 30%,#07152f00 68%,#07152f 100%);pointer-events:none}
.method-preview .small-note{color:#91a7ca}
.method-preview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}
.method-preview h2 span{color:#8caef0}
.method-preview .line-link{color:#bdcff0;margin-top:32px}
.method-preview-list{list-style:none;padding:0;margin:0}
.method-preview-list li{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:28px 0;border-top:1px solid #ffffff25}
.method-preview-list li:last-child{border-bottom:1px solid #ffffff25}
.method-preview-list li>span{font-size:10px;color:#85a6e2;padding-top:6px}
.method-preview-list h3{font-size:24px;letter-spacing:-.035em}
.method-preview-list p{font-size:13px;line-height:1.7;color:#91a8ce;margin-top:12px;max-width:320px}
.page-studio .about{padding-top:100px}
.page-studio .about-copy h2{font-size:clamp(48px,5.5vw,84px)}
.studio-principles{border-top:1px solid #dfe3eb}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.principles-grid article{border-top:1px solid #cdd8e8;padding-top:22px}
.principles-grid .eyebrow{color:#5478bc}
.principles-grid h3{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin-top:35px}
.principles-grid p{font-size:13px;color:var(--muted);margin-top:16px;max-width:280px}
.studio-principles>.container>.line-link{margin-top:50px}
.page-subnav{position:sticky;top:var(--header);z-index:60;background:#f7f8fbf2;border-bottom:1px solid #dfe3eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.page-subnav .container{display:flex;align-items:center;gap:35px;min-height:65px;overflow-x:auto;white-space:nowrap}
.page-subnav a{font-size:12px;color:#667896;padding-block:23px;transition:color .3s}
.page-subnav a:hover{color:var(--blue)}
.page-servizi .services{padding-top:70px}
.page-servizi .service-item{scroll-margin-top:calc(var(--header) + 85px)}
.competencies-bridge{background:#07152f;color:#fff}
.competencies-bridge .eyebrow{color:#8fa8d1;margin-bottom:45px}
.competencies-bridge .section-title-row{margin-bottom:0}
.competencies-bridge h2{font-size:clamp(42px,4.5vw,68px)}
.competencies-bridge .section-title-row>div{max-width:300px}
.competencies-bridge p{font-size:14px;color:#a7b9d6}
.competencies-bridge .line-link{margin-top:25px}
.workflow-list{list-style:none;padding:0;margin:65px 0 0}
.workflow-step{display:grid;grid-template-columns:50px 1fr 1fr;gap:35px;padding:48px 0;border-top:1px solid #d7dfe9}
.workflow-step:last-child{border-bottom:1px solid #d7dfe9}
.workflow-number{font-size:12px;color:#6381b9;padding-top:10px}
.workflow-step h3{font-size:clamp(34px,3.7vw,56px);letter-spacing:-.055em}
.workflow-step p{font-size:14px;color:var(--muted);max-width:350px;line-height:1.75}
.workflow-step .workflow-subtitle{font-size:12px;margin-top:10px}
.workflow-output{display:inline-block;font-size:10px;color:#2959b3;border:1px solid #c3d0e6;padding:8px 12px;border-radius:22px;margin-top:22px}
.page-contatti .page-hero{padding-bottom:75px}
.page-contatti .contact{padding-top:20px}
.page-contatti .contact-grid{margin-top:0}
@view-transition{navigation:auto}
@media(max-width:760px){.page-hero:before{background-position:64% center;background-size:auto 100%;--scene-opacity:.7;opacity:.7}.page-hero:after{background:linear-gradient(90deg,#061126e6 0%,#061126aa 56%,#06112660 100%),linear-gradient(0deg,#061126 0%,#06112600 36%)}.page-cta:before{background-size:auto 100%;background-position:70% center;opacity:.7}.page-cta:after{background:linear-gradient(90deg,#f7f8fbf5 0%,#f7f8fb99 70%,#f7f8fb44 100%),linear-gradient(180deg,#f7f8fb 0%,#f7f8fb00 30%,#f7f8fb00 70%,#f7f8fb 100%)}.method-preview:before{background-size:auto 100%;background-position:70% center;opacity:.35}}
@media(prefers-reduced-motion:reduce){.page-hero:before{transform:none!important}}
.reduced-motion .page-hero:before{transform:none!important}
@media(max-width:1100px){.method-preview-grid{gap:45px}.capability-preview-row{grid-template-columns:30px 1.2fr 1fr 25px}.principles-grid{gap:30px}.workflow-step{grid-template-columns:35px .9fr 1fr;gap:25px}.competencies-bridge .section-title-row{gap:35px}}
@media(max-width:760px){.page-hero{padding:120px 0 65px;min-height:350px}.breadcrumbs{margin-bottom:35px;font-size:9px}.page-hero h1{font-size:clamp(43px,10.2vw,70px)}.page-hero>.container>p{font-size:13px;max-width:330px;margin-top:23px}.page-cta{padding-block:60px}.page-cta .container{align-items:flex-start;flex-direction:column;gap:28px}.page-cta h2{font-size:36px}.footer-navigation{gap:22px;font-size:10px;margin-bottom:28px}.capabilities-preview .section-topline .line-link{font-size:10px;gap:15px}.capability-preview-list{margin-top:38px}.capability-preview-row{grid-template-columns:22px 1fr 26px;gap:12px;min-height:95px;padding-block:24px}.capability-preview-row h3{font-size:24px}.capability-preview-row p{grid-column:2;grid-row:2;font-size:11px;max-width:260px;margin-top:-5px}.preview-arrow{grid-column:3;grid-row:1 / span 2;font-size:22px}.method-preview-grid{grid-template-columns:1fr;gap:42px}.method-preview h2{font-size:49px}.method-preview-list h3{font-size:24px}.method-preview-list p{font-size:12px}.method-preview-list li{padding-block:25px}.page-studio .about{padding-top:65px}.page-studio .about-copy h2{font-size:56px}.principles-grid{grid-template-columns:1fr;gap:35px}.principles-grid h3{margin-top:20px;font-size:25px}.principles-grid p{max-width:330px;font-size:13px}.page-subnav .container{gap:24px;min-height:55px}.page-subnav a{font-size:11px;padding-block:19px}.page-servizi .services{padding-top:45px}.competencies-bridge .section-title-row>div{margin-top:30px}.competencies-bridge .eyebrow{margin-bottom:32px}.competencies-bridge h2{font-size:43px}.workflow-list{margin-top:40px}.workflow-step{grid-template-columns:25px 1fr;gap:15px;padding-block:35px}.workflow-step>div:last-child{grid-column:2}.workflow-step h3{font-size:40px}.workflow-step p{font-size:13px;max-width:330px}.workflow-step .workflow-subtitle{font-size:12px;margin-top:5px}.workflow-output{margin-top:18px;font-size:9px}.page-contatti .page-hero{padding-bottom:50px}.page-contatti .contact{padding-top:15px}.page-contatti .contact-composer{padding-top:30px}.mobile-menu>a{padding-block:18px;font-size:30px}}