@font-face{font-family:'Helvetica Now Display';src:url('/assets/fonts/HelveticaNowDisplay-ExtLt.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Helvetica Now Display';src:url('/assets/fonts/HelveticaNowDisplay-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--blue:#495ea8;--dark-blue:var(--blue);--intro-blue:var(--blue);--ink:var(--blue);--content-scale:.6;--small:calc(1.145833333vw * var(--content-scale));--title:calc(8.333333333vw * var(--content-scale));--unit:calc(1vw * var(--content-scale));--bar-height:clamp(32px,3.981481481svh,48px);--logo-visible:10.78125vw;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-width:none;background:var(--blue);scroll-padding-top:var(--bar-height)}
html::-webkit-scrollbar{display:none}
body{margin:0;overflow-x:clip;color:white;background:var(--blue);font-family:'Helvetica Now Display',Helvetica,Arial,sans-serif;font-weight:200;font-size:var(--small);font-synthesis:none;-webkit-font-smoothing:antialiased}
body.intro-active{height:100svh;overflow:hidden}
strong{font-weight:700}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button[aria-disabled=true]{cursor:default}button:focus-visible,a:focus-visible,.service-scroll:focus-visible{outline:2px solid currentColor;outline-offset:5px}
[hidden]{display:none!important}
p{margin:0}
.hero{height:calc(100svh - var(--bar-height));position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-content{display:flex;flex-direction:column;align-items:center;width:100%;transform:translateY(calc(2.5672vw + .65svh))}
.hero-nav{display:flex;justify-content:center;gap:calc(4vw * var(--content-scale))}
.fill-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:calc(2.083333333vw * var(--content-scale));padding:calc(.25vw * var(--content-scale)) calc(.6vw * var(--content-scale));border:1px solid white;background:transparent;color:white;font-size:var(--small);line-height:1.25;overflow:hidden;transition:color .4s ease}
.hero-nav .fill-button{min-width:calc(6.875vw * var(--content-scale))}
.fill-button:before{content:'';position:absolute;inset:-1px;z-index:-1;background:#fff;transform:translateY(101%);transition:transform .6s var(--ease)}
.fill-button:hover,.fill-button:focus-visible{color:var(--blue)}
.fill-button:hover:before,.fill-button:focus-visible:before{transform:translateY(0)}
.logo-stage{position:relative;width:100%;height:var(--logo-visible);margin-top:calc(5.677083333vw * var(--content-scale));pointer-events:none}
#logo-loop{position:absolute;width:calc(var(--logo-visible) * 6.4);aspect-ratio:16/9;left:50%;top:50%;transform:translate(-50%,-50%)}
#logo-loop svg{display:block}
.hero-disciplines{text-align:center;line-height:1.55;margin-top:calc(4.583333333vw * var(--content-scale))}
.calculate-button{margin-top:calc(4.322916667vw * var(--content-scale));font-weight:700;color:var(--blue);padding-inline:calc(.75vw * var(--content-scale))}
.calculate-button:before{transform:translateY(0)}
.calculate-button:hover,.calculate-button:focus-visible{color:white}
.calculate-button:hover:before,.calculate-button:focus-visible:before{transform:translateY(101%)}
.section-bar{height:var(--bar-height);position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 max(10px,calc(.625vw * var(--content-scale)));background:#fff;color:var(--ink)}
.intro-active .section-bar{visibility:hidden}
.section-bar{color:#191919}
.bar-identity,.bar-home{display:inline-flex;align-items:baseline}
.bar-identity,.menu-toggle{font-size:var(--small);line-height:1.2}
.bar-home,.bar-section{font-size:inherit}
.menu-toggle{color:inherit;border:0;padding:0;background:none;font-weight:700}
body.menu-open{overflow:hidden}
.site-menu{position:fixed;inset:0;z-index:95;background:var(--blue);color:white;display:grid;place-items:center;padding:64px 6vw;overflow:auto}
.menu-links{opacity:0;display:flex;flex-direction:column;align-items:center;gap:.25em;font-size:var(--title);font-weight:700;line-height:1.05;text-align:center}
.menu-links>a,.menu-links>button{display:block;border:0;padding:0;background:none;color:inherit;font:inherit;transform:scale(1);transform-origin:center;transition:transform .4s var(--ease)}
.menu-links>a:hover,.menu-links>button:hover,.menu-links>a:focus-visible,.menu-links>button:focus-visible{transform:scale(1.1)}
.menu-line{display:block;overflow:hidden;padding:.08em 0}
.menu-label{display:block}
.about{background:#fff;color:var(--blue);scroll-margin-top:0}
.about-intro{padding:calc(5vw * var(--content-scale)) calc(4vw * var(--content-scale)) calc(4.6875vw * var(--content-scale));text-align:center}
.section-title{font-size:var(--title);font-weight:700;line-height:1.05;letter-spacing:-.025em;margin:0}
.about-title{font-weight:200;display:flex;align-items:baseline;justify-content:center;white-space:nowrap;letter-spacing:-.003em}
.about-title>span:first-child{white-space:pre}
.macron{position:relative;display:inline-block}
.macron:before{content:'';position:absolute;left:18%;right:18%;height:.032em;top:.10em;background:currentColor}
.about-description{font-size:var(--small);line-height:1.3;margin-top:calc(2.15vw * var(--content-scale))}
.about-services{background:var(--dark-blue);color:white;width:calc(55.416666667vw * var(--content-scale));margin-inline:auto;font-size:var(--small);font-weight:700;line-height:1.55;padding:calc(1.15vw * var(--content-scale)) calc(3vw * var(--content-scale));text-align:center}
.about-bottom{padding:calc(3.333333333vw * var(--content-scale)) 0 calc(7.239583333vw * var(--content-scale))}
.about-profile{width:calc(60vw * var(--content-scale));margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;text-align:center}
.project-count{font-weight:700;font-size:calc(6.666666667vw * var(--content-scale));line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.project-stat p{font-size:var(--small);font-weight:700;line-height:1.2;margin-top:calc(.35vw * var(--content-scale));white-space:nowrap}
.portrait{display:block;width:calc(13.333333333vw * var(--content-scale));height:auto;aspect-ratio:1;object-fit:cover}
.architect-name{white-space:nowrap;font-size:var(--small);line-height:1.3}
.services{height:calc(100svh - var(--bar-height));min-height:440px;display:flex;flex-direction:column;background:var(--blue)}
.services-intro{text-align:center;padding:calc(2vw * var(--content-scale)) calc(3vw * var(--content-scale)) calc(3.333333333vw * var(--content-scale));flex:none}
.services-intro p{font-size:var(--small);line-height:1.3;margin-top:calc(2.15vw * var(--content-scale))}
.services-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(.416666667vw * var(--content-scale))}
.service-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--dark-blue)}
.service-column h3{flex:none;margin:0;background:white;color:var(--blue);text-align:center;font-size:calc(2.5vw * var(--content-scale));font-weight:200;line-height:1.2;padding:calc(1.1vw * var(--content-scale)) .35em}
.service-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.service-content{padding:calc(2vw * var(--content-scale))}
.intro-screen{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:all;isolation:isolate}
.intro-blue{position:absolute;inset:0;z-index:0;background:var(--intro-blue);will-change:transform}
.intro-animation{position:absolute;left:50%;top:50%;width:21.95514vw;aspect-ratio:1920/842;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
.intro-animation svg{display:block}
.intro-white{position:absolute;inset:0;z-index:2;background:white;transform:translate3d(0,-100%,0);will-change:transform}
@media(max-width:700px){
 :root{--small:16px;--title:clamp(45.6px,11.52vw,76.8px);--bar-height:38px;--unit:6px;--logo-visible:calc((100vw - 40px) * .197368421)}
 .hero-content{transform:translateY(7svh)}
 .hero-nav{gap:12px;max-width:calc(100% - 32px);width:100%}
 .hero-nav .fill-button{min-width:0;flex:1;padding:9px 8px;white-space:nowrap;font-size:14px}
 .logo-stage{margin-top:clamp(32px,6svh,56px)}
 .hero-disciplines{margin-top:clamp(28px,5svh,48px);font-size:var(--small);line-height:1.55}
 .calculate-button{margin-top:clamp(28px,5svh,48px);padding:10px 14px;font-size:var(--small)}
 .bar-identity,.menu-toggle{font-size:14px}
 .intro-animation{width:217px}
 .about-intro{padding:38.4px 6vw 40.8px}
 .about-title{margin-inline:-1vw}
 .about-description{margin-top:31.2px;line-height:1.45}
 .about-description br{display:none}
 .about-services{width:88%;font-size:var(--small);line-height:1.65;padding:22px 5vw}
 .about-bottom{padding:34px 5vw 42px}
 .about-profile{width:100%;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:24px}
 .project-count{font-size:clamp(56px,17vw,96px)}
 .project-stat p{font-size:var(--small);white-space:normal;line-height:1.3;margin-top:10px;max-width:175px}
 .portrait{width:clamp(120px,34vw,200px)}
 .architect-name{grid-column:1/-1;font-size:var(--small);white-space:normal}
 .services{height:auto;min-height:0}
 .services-intro{padding:28.8px 6vw 38.4px}
 .services-intro p{margin-top:31.2px;line-height:1.45}
 .services-grid{display:flex;flex-direction:column;gap:8px}
 .service-column{min-height:240px}
 .service-column h3{font-size:clamp(23px,5.4vw,32px);padding:17px 12px;position:sticky;top:var(--bar-height);z-index:1}
 .service-scroll{overflow:visible;flex:1}
 .service-content{padding:24px 6vw}
 .menu-links{font-size:clamp(25px,6.6vw,46px);gap:.5em}
}
@media(max-width:360px){.hero-nav{gap:8px}.hero-nav .fill-button{font-size:12px}.section-title{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-height:540px) and (max-width:700px){.hero-content{transform:none}.hero-nav .fill-button{padding:5px 8px}.logo-stage{margin-top:16px}.hero-disciplines{margin-top:16px;line-height:1.3}.calculate-button{margin-top:16px;padding:7px 12px}}

/* Service bodies keep the established type scale; content extends below the viewport. */
.service-content{padding:0;font-size:var(--small);line-height:1.3}
.service-price{margin-top:.6em;background:#191919;color:white;text-align:center;padding:.65em 1em .8em}
.service-price>p:first-child{font-size:1.5em;line-height:1.1}
.price-amount{font-size:6em;font-weight:700;line-height:1;letter-spacing:-.035em}
.service-copy{padding:1em 1.25em 5em}
.service-copy h4{font-size:1.55em;line-height:1.2;font-weight:700;margin:0 0 .8em}
.service-copy .service-claim{text-align:center;margin-bottom:2em}
.service-description p+p{margin-top:1.3em}
.service-block{margin-top:2.4em}
.service-block ul{list-style:none;margin:0;padding:0}
.service-block li{margin:0;padding:0}
.align-right{text-align:right}
.service-deliverables ul{font-weight:700}
.integral-banner{background:white;color:var(--blue);text-align:center;padding:.5em;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.3em;font-weight:700}
.integral-banner>strong{font-size:1.55em;line-height:1.2}
.integral-banner>span{font-size:1em}
.service-actions{display:grid;gap:1.1em;margin-top:6em}
.service-cta{display:block;width:100%;border:1px solid white;background:white;color:var(--blue);padding:.35em .5em;font-size:1.5em;font-weight:700;line-height:1.2}
.service-example{background:transparent;color:white}
.reveal-line{display:block;overflow:hidden;padding-block:.1em;margin-block:-.1em}
.reveal-line-inner{display:block;transform:translate3d(0,115%,0);transition:transform .48s var(--ease)}
.reveal-line.is-visible>.reveal-line-inner{transform:translate3d(0,0,0)}
@media(max-width:700px){
 .service-copy{padding:1.25em 6vw 4em}
 .service-copy h4{font-size:1.4em}
 .service-price{padding:.7em 6vw 1em}
 .price-amount{font-size:5.5em}
 .service-actions{margin-top:4em}
 .service-cta{font-size:1.3em;min-height:44px}
 .integral-banner>strong{font-size:1.4em}
}
@media(prefers-reduced-motion:reduce){.reveal-line-inner{transform:none}}

.section-bar{transition:background-color .45s ease,color .45s ease}
.section-bar.is-section{background:#191919;color:#fff}
.about-heading-reveal{overflow:hidden;font-size:var(--title);padding-block:.2em;margin-block:-.2em}
.about-title.reveal-line-inner{display:flex}
.about-description .reveal-line{white-space:normal}
.service-cta{position:relative;isolation:isolate;overflow:hidden;background:transparent;transition:color .4s ease}
.service-cta:before{content:'';position:absolute;inset:-1px;z-index:-1;background:white;transform:translateY(0);transition:transform .6s var(--ease)}
.service-example:before{transform:translateY(101%)}
.service-cta:focus-visible,.service-cta.is-pressed{color:white}
.service-cta:focus-visible:before,.service-cta.is-pressed:before{transform:translateY(101%)}
.service-example:focus-visible,.service-example.is-pressed{color:var(--blue)}
.service-example:focus-visible:before,.service-example.is-pressed:before{transform:translateY(0)}
@media(hover:hover){
 .service-cta:hover{color:white}
 .service-cta:hover:before{transform:translateY(101%)}
 .service-example:hover{color:var(--blue)}
 .service-example:hover:before{transform:translateY(0)}
}

@media(max-width:700px){
 .services-intro{display:contents}
 .services-intro>.section-title{position:sticky;top:var(--bar-height);z-index:5;background:var(--blue);text-align:center;padding:20.4px 6vw;flex:none}
 .services-intro>p{margin:0;padding:19.2px 6vw 38.4px;text-align:center;flex:none}
 .service-column h3{top:calc(var(--bar-height) + var(--services-sticky-height,90px) - 1px);z-index:4}
}

.service-scroll::-webkit-scrollbar{display:none;width:0;height:0}
@media(min-width:701px){
 .about-intro{padding-top:calc(6vw * var(--content-scale))}
 .about-bottom{padding-bottom:calc(8.6875vw * var(--content-scale))}
}
@media(max-width:360px){.about-heading-reveal{font-size:42px}}

/* Desktop services share page scrolling; mobile rules remain unchanged. */
@media(min-width:701px){
 .services{height:auto;min-height:calc(100svh - var(--bar-height) + 2px);scroll-margin-top:-1px}
 .services-intro{display:contents}
 .services-intro>.section-title{position:sticky;top:calc(var(--bar-height) - 1px);z-index:5;background:var(--blue);text-align:center;padding:calc(2vw * var(--content-scale)) calc(3vw * var(--content-scale)) calc(1vw * var(--content-scale));flex:none}
 .services-intro>p{margin:0;padding:calc(1.15vw * var(--content-scale)) calc(3vw * var(--content-scale)) calc(3.333333333vw * var(--content-scale));text-align:center;flex:none}
 .services-grid{flex:none;align-items:stretch}
 .service-scroll{overflow:visible}
 .service-column h3{position:sticky;top:calc(var(--bar-height) + var(--services-sticky-height,120px) - 2px);z-index:4;font-weight:700}
 .section-bar.is-section{box-shadow:0 1px 0 #191919}
}

/* About: centered desktop composition; mobile only gains the closing statement. */
.about .project-stat,.about .architect-name{color:#191919}
.about-purpose{margin-top:calc(3.333333333vw * var(--content-scale));padding-inline:4vw;text-align:center;color:var(--blue);font-size:calc(2.5vw * var(--content-scale));line-height:1.3;font-weight:200}
@media(min-width:701px){
 .about{width:100%;min-height:calc(100svh - var(--bar-height));display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:calc(6vw * var(--content-scale))}
 .about-intro{width:100%;padding-top:0}
 .about-bottom{width:100%;padding-bottom:0}
}
@media(max-width:700px){
 .about-purpose{margin-top:34px;padding-inline:1vw;font-size:clamp(23px,5.4vw,32px);line-height:1.3}
}

.about-services{width:100%;background:#f8f8f8;color:#191919}
.service-column h3{font-weight:700}
@media(min-width:701px){
 .services-grid{--service-gap:calc(.416666667vw * var(--content-scale));gap:var(--service-gap)}
 .service-price{margin-top:var(--service-gap)}
}

/* Keep each specialty title and its price together while the content scrolls. */
.service-heading{position:sticky;top:calc(var(--bar-height) + var(--services-sticky-height,120px) - 2px);z-index:4;flex:none;background:var(--blue)}
.service-heading h3{position:static}
.service-heading .service-price{font-size:var(--small);line-height:1.3}
@media(max-width:700px){.service-heading{top:calc(var(--bar-height) + var(--services-sticky-height,90px) - 1px)}}

/* White services, centered information, existing blue landing retained. */
.services,.service-column,.service-heading{background:#fff;color:#191919}
.services-intro>.section-title{background:#fff;color:#191919}
.service-column h3{background:#f8f8f8;color:#191919}
.service-copy,.service-copy .align-right{text-align:center}
.services:before{content:'';display:block;flex:none;height:2px;width:calc(13.333333333vw * var(--content-scale));margin:0 auto;background:#f8f8f8}
.integral-banner{background:#f8f8f8;color:#191919}
.service-cta{border-color:#191919;color:#fff}
.service-cta:before{background:#191919}
.service-example{color:#191919}
.service-cta:focus-visible,.service-cta.is-pressed{color:#191919}
.service-example:focus-visible,.service-example.is-pressed{color:#fff}
@media(hover:hover){.service-cta:hover{color:#191919}.service-example:hover{color:#fff}}
@media(min-width:701px){
 .services-intro>.section-title{padding-top:calc(1.5vw * var(--content-scale) - .06em);padding-bottom:calc(1.5vw * var(--content-scale) + .06em)}
}
@media(max-width:700px){
 .services:before{width:clamp(120px,34vw,200px)}
 .services-intro>.section-title{padding-top:calc(20.4px - .06em);padding-bottom:calc(20.4px + .06em)}
}
@media(hover:hover) and (pointer:fine){html,body,body *{cursor:url('/assets/agnus-cursor.svg') 12 12,auto}}
.cursor-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2147483646}

/* Full-width editorial About composition; real vector text, scroll-driven motion. */
.about.about-story{display:block;width:100%;min-height:0;padding:clamp(24px,3.2vw,64px) 0 0;margin:0;background:#fff;color:var(--blue);position:relative;overflow:clip}
.story-paper{display:block;width:100%;height:auto;overflow:hidden;color:var(--blue);font-family:'Helvetica Now Display',Helvetica,Arial,sans-serif;font-weight:200;fill:currentColor}
.story-paper text{letter-spacing:0}
#story-arrow{opacity:0}
.story-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.about.about-story{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.story-word{opacity:1!important;transform:none!important}#story-arrow{display:none}}

/* Desktop service scopes share a row; mobile retains its original block flow. */
.service-scope{display:contents}
@media(min-width:701px){
 .service-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2em;align-items:start;margin-top:1.25em}
 .service-scope>.service-block{min-width:0;margin-top:0;text-align:center}
 .service-scope h4{display:flex;flex-direction:column;justify-content:center}
 .service-copy{padding-bottom:1.5em}
 .service-copy .service-claim{margin-bottom:1em}
 .service-description p+p{margin-top:.8em}
 .service-copy>.service-block{margin-top:1.25em}
 .service-actions{margin-top:1.5em;gap:.8em}
 .services-intro>p{padding-bottom:calc(1vw * var(--content-scale))}
}

/* Services introduction scrolls away; specialty titles/prices meet the global bar. */
.services-intro>.section-title{position:static;top:auto;z-index:auto}
.service-heading{top:calc(var(--bar-height) - 1px)}

@font-face{font-family:'Helvetica Now Display';src:url('/assets/fonts/HelveticaNowDisplay-BoldIta.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
/* New About: selectable real text, native line layout, once-only line reveals. */
.about.about-editorial{display:block;min-height:0;width:100%;padding:6.4vw 5.8vw 10vw;background:#fff;color:var(--blue)}
.about-editorial-copy{font-size:4.65vw;line-height:1.12;letter-spacing:-.025em;font-weight:200}
.about-editorial-copy>p+p{margin-top:1.25em}
.about-editorial-copy em{font-weight:700;font-style:italic}
.about-editorial-right{text-align:right}
.about-editorial .reveal-line{padding-block:.15em;margin-block:-.15em}
.service-tabs{display:none}
.desktop-project-content{display:none}
@media(max-width:700px){
 .about.about-editorial{padding:40px 6vw 64px}
 .about-editorial-copy{font-size:clamp(22px,4.65vw,32px);line-height:1.2}
 .about-editorial-copy>p+p{margin-top:1.6em}
 .about-desktop-break{display:none}
}
@media(min-width:701px){
 :root{--small:calc(1.145833333vw * .9375);--bar-height:clamp(50px,6.221064814svh,75px)}
 .hero-nav{width:var(--hero-action-width,max-content);justify-content:space-between;gap:0}
 .intro-active .hero{clip-path:inset(0 0 var(--intro-unrevealed,100%) 0)}
 .fill-button{min-height:calc(2.083333333vw * .9375);padding:calc(.25vw * .9375) calc(.6vw * .9375)}
 .hero-nav .fill-button{min-width:calc(6.875vw * .9375)}
 .logo-stage{margin-top:calc(5.677083333vw * .9375)}
 .hero-disciplines{margin-top:calc(4.583333333vw * .9375)}
 .calculate-button{margin-top:calc(4.322916667vw * .9375);padding-inline:calc(.75vw * .9375)}
 .section-bar{padding-inline:max(15.625px,calc(.625vw * .9375))}
 .services-intro>p{padding:calc(1.15vw * .9375) calc(3vw * .9375) calc(1vw * .9375)}
 .service-tabs{display:flex;justify-content:center;gap:2em;padding:1em 3vw 2em;font-size:var(--small);flex:none}
 .service-tab{min-width:9em;padding:.6em 1.25em;border-color:#191919;color:#191919}
 .service-tab:before{background:#191919}
 .service-tab:hover,.service-tab:focus-visible,.service-tab[aria-selected=true]{color:#fff}
 .service-tab[aria-selected=true]:before{transform:translateY(0)}
 .services-grid{display:block;width:100%;gap:0}
 .service-column{width:100%;align-items:center}
 .service-heading{width:min(44%,36em);font-size:var(--small);margin-inline:auto}
 .service-heading .service-price{font-size:calc(1.145833333vw * .6);margin-top:calc(.416666667vw * .9375)}
 .service-scroll{width:100%;flex:none}
 .service-content{width:100%}
 .service-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3em;row-gap:2em;align-items:start;width:88%;margin:auto;padding:1.5em 0 3em}
 .service-copy .service-claim{grid-column:1/-1;margin:0;text-align:center}
 .service-description{grid-column:1/-1;width:min(100%,65ch);margin:auto}
 .service-scope{display:contents}
 .service-scope>.service-block,.service-copy>.service-deliverables{margin:0;min-width:0;text-align:center}
 .service-copy>.service-block:not(.service-deliverables){grid-column:1/-1;width:min(100%,54ch);margin:0 auto}
 .service-copy>.service-actions{grid-column:1/-1}
 .service-actions{width:min(100%,32em);margin:0 auto;gap:.8em}
 .service-copy h4{margin-bottom:.8em}
 .desktop-project-content{display:block}
 .project-process{padding:0 6vw 3em;text-align:center}
 .project-timeline{position:relative;list-style:none;margin:0 auto 4em;padding:3em 0 0;width:max-content;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:4em}
 .project-timeline:before{content:'';position:absolute;left:50%;top:0;bottom:1em;width:1px;background:#191919;transform:translateX(-50%)}
 .project-timeline li{position:relative;background:white;border:1px solid #191919;padding:.35em .75em;min-width:10em;font-size:1.55em;font-weight:700;line-height:1.2}
 .project-timeline .project-result{background:#191919;color:white}
}

/* Blue services and one selected panel on every viewport. */
.services,.service-column,.service-heading,.services-intro>.section-title{background:var(--blue);color:#fff}
.services:before{display:none;content:none}
.service-heading h3{display:none}
.service-heading .service-price{background:white;color:var(--blue);margin-top:0}
.service-tabs{display:flex;justify-content:center;gap:2em;padding:1em 3vw 2em;font-size:var(--small);flex:none}
.service-tab{min-width:9em;padding:.6em 1.25em;border-color:white;color:white}
.service-tab:before{background:white}
.service-tab:hover,.service-tab:focus-visible,.service-tab[aria-selected=true]{color:var(--blue)}
.service-tab[aria-selected=true]:before{transform:translateY(0)}
.integral-banner{background:white;color:var(--blue)}
.service-cta{border-color:white;color:var(--blue)}
.service-cta:before{background:white}
.service-example{color:white}
.service-cta:focus-visible,.service-cta.is-pressed{color:white}
.service-example:focus-visible,.service-example.is-pressed{color:var(--blue)}
@media(hover:hover){.service-cta:hover{color:white}.service-example:hover{color:var(--blue)}}
.desktop-project-content{display:block}
.project-process{padding:0 6vw 3em;text-align:center}
.project-timeline{position:relative;list-style:none;margin:0 auto 4em;padding:3em 0 0;width:max-content;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:4em}
.project-timeline:before{content:'';position:absolute;left:50%;top:0;bottom:1em;width:1px;background:white;transform:translateX(-50%)}
.project-timeline li{position:relative;background:var(--blue);color:white;border:1px solid white;padding:.35em .75em;min-width:10em;font-size:1.55em;font-weight:700;line-height:1.2}
.project-timeline .project-result{background:white;color:var(--blue)}
@media(max-width:700px){
 .service-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 4vw 24px;width:100%}
 .service-tab{min-width:0;min-height:44px;padding:.55em .2em}
 .services-grid{display:block;width:100%}
 .service-heading{width:100%}
 .project-timeline li{font-size:1.4em}
 .project-process .service-actions{margin-top:4em}
}

/* Focused navigation and services as a standalone page. */
.services-intro>#services-title{font-size:clamp(32px,4.5vw,90px);font-weight:700;text-wrap:balance;line-height:1.08;padding:.65em 4vw;min-height:3.8em;display:grid;place-items:center}
/* Desktop: halve the spare vertical space while keeping the title centered. */
@media(min-width:701px){.services-intro>#services-title{padding-block:.325em;min-height:2.57em}}
.service-title-mask{display:block;overflow:hidden;padding:.13em .08em;max-width:100%}
.service-title-inner{display:block;will-change:transform}
.services-intro>p{padding-top:0}
.projects-page{overflow:hidden}
.projects-page .section-bar{position:relative;inset:auto}
.projects-board{position:relative;width:100%;height:calc(100svh - var(--bar-height));height:calc(100dvh - var(--bar-height));overflow:hidden;background:var(--blue);isolation:isolate}
.project-card{position:absolute;left:0;top:0;width:17.865vw;max-width:calc(100% - 24px);aspect-ratio:1;border:0;padding:0;background:#283969;color:white;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform;font:inherit;font-size:clamp(16px,1.56vw,34px);line-height:1.05;text-align:center;overflow:hidden}
.project-card.is-dragging{cursor:grabbing}
.project-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.project-card-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;background:#283969;color:white;transition:opacity .25s ease;pointer-events:none}
.project-card-caption strong{font-weight:700}
.project-card.has-photo .project-card-caption{opacity:0}
.project-card.has-photo.is-revealed .project-card-caption,.project-card.has-photo.is-dragging .project-card-caption{opacity:1}
.project-card:focus,.project-card:focus-visible{outline:none;box-shadow:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:hover){.project-card.has-photo:hover:not(.suppress-hover) .project-card-caption{opacity:1}}
@media(max-width:700px){
 .services-intro>#services-title{font-size:clamp(30px,8vw,52px)}
 .project-card{width:min(44vw,220px,42dvh);font-size:clamp(16px,4vw,21px)}
}
@media(prefers-reduced-motion:reduce){.project-card-caption{transition:none}}
.service-tabs{scroll-margin-top:calc(var(--bar-height) + 1em)}
.service-tab-recommended{overflow:visible}
.service-tab-recommended:before{inset:-1px;transform:none;clip-path:inset(100% 0 0);transition:clip-path .6s var(--ease)}
.service-tab-recommended:hover:before,.service-tab-recommended:focus-visible:before,.service-tab-recommended[aria-selected=true]:before{transform:none;clip-path:inset(0)}
.recommended-star{position:absolute;width:1.35em;height:1.35em;right:-.5em;top:-.65em;z-index:1;object-fit:contain;pointer-events:none}
.service-action-zone{width:100%;background:#283969;color:var(--blue);padding:2.5em 6vw 3em;text-align:center}
.service-action-zone>.service-block{width:min(100%,54ch);margin:0 auto 2em}
.service-action-zone h4{font-size:1.55em;line-height:1.2;font-weight:700;margin:0 0 .8em}
.service-action-zone .service-actions{width:min(100%,32em);margin:0 auto;gap:.8em}
.service-action-zone .service-cta{color:var(--blue);border-color:var(--blue);background:transparent}
.service-action-zone .service-cta:before{background:var(--blue);transform:translateY(101%)}
.service-action-zone .service-cta:focus-visible,.service-action-zone .service-cta.is-pressed{color:#283969}
.service-action-zone .service-cta:focus-visible:before,.service-action-zone .service-cta.is-pressed:before{transform:translateY(0)}
.service-action-zone .integral-banner{display:flex;width:100%;font-size:1em}
@media(hover:hover){
 .service-action-zone .service-cta:hover{color:#283969}
 .service-action-zone .service-cta:hover:before{transform:translateY(0)}
}
@media(max-width:700px){
 .service-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:12px}
 .service-action-zone{padding:2em 6vw 2.5em}
 .service-action-zone h4{font-size:1.4em}
}
@media(prefers-reduced-motion:reduce){.service-tab-recommended:before{transition:none}}
.service-action-zone .service-actions>a.service-cta:not(.service-example){color:#283969;border-color:white}
.service-action-zone .service-actions>a.service-cta:not(.service-example):before{background:white;transform:translateY(0)}
.service-action-zone .service-actions>a.service-cta:not(.service-example):focus-visible,.service-action-zone .service-actions>a.service-cta:not(.service-example).is-pressed{color:white}
.service-action-zone .service-actions>a.service-cta:not(.service-example):focus-visible:before,.service-action-zone .service-actions>a.service-cta:not(.service-example).is-pressed:before{transform:translateY(101%)}
@media(hover:hover){
 .service-action-zone .service-actions>a.service-cta:not(.service-example):hover{color:white}
 .service-action-zone .service-actions>a.service-cta:not(.service-example):hover:before{transform:translateY(101%)}
}
.about-editorial .reveal-line{padding-inline:.12em;margin-inline:-.12em}
.service-heading{position:static;top:auto}
.menu-links{gap:.08em}
.menu-links>a,.menu-links>button{transition:color .25s ease;transform:none}
.menu-links>a:hover,.menu-links>button:hover,.menu-links>a:focus-visible,.menu-links>button:focus-visible{transform:none;color:#283969}
.menu-close{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:white;font-size:24px;line-height:1;font-weight:200}
.menu-close:hover,.menu-close:focus-visible{color:#283969}
.future-form{min-height:30svh;background:var(--blue)}
.services-page .services{scroll-margin-top:0}

/* Compact fields retain proportional padding and spacing at every screen size. */
.contact-section{background:#283969;color:#fff;padding:3vw 0 0;scroll-margin-top:0}
.contact-section h2{margin:0;text-align:center;font-size:17.8vw;line-height:1.12;font-weight:700;letter-spacing:-.015em;white-space:nowrap}
.contact-details{display:flex;flex-direction:column;align-items:center;gap:.35em;text-align:center;margin:1.8em 5vw 2em;font-size:var(--small);font-weight:200}
.contact-form{width:min(68%,46em);margin:auto;font-size:var(--small);font-weight:200}
.form-field{position:relative;padding-top:1.5em;isolation:isolate}
.form-field:before,.form-field:after{content:'';position:absolute;inset:1.5em 0 0;pointer-events:none;z-index:0}
.form-field:before{background:var(--blue)}
.form-field:after{background:white;transform:scaleY(0);transform-origin:center bottom;transition:transform .5s var(--ease)}
.form-field:focus-within:after{transform:scaleY(1)}
.form-field input,.form-field select,.form-field textarea{position:relative;z-index:1;display:block;width:100%;border:0;border-radius:0;background:transparent;color:white;font:inherit;font-weight:700;line-height:1.4;padding:.65em 1em;min-height:2.7em;outline:none;transition:color .35s ease;caret-color:currentColor}
.form-field select{cursor:pointer;padding-right:2em}
.form-field option{color:#283969;background:white;font-weight:700}
.form-field textarea{resize:vertical;min-height:11em}
.form-field label{position:absolute;z-index:2;left:1em;top:2.15em;max-width:calc(100% - 2em);line-height:1.4;color:white;font-weight:700;pointer-events:none;transition:opacity .16s ease,color .35s ease}
.form-field:focus-within input,.form-field:focus-within select,.form-field:focus-within textarea,.form-field:focus-within label{color:#283969}
.form-field.is-filled label,.form-field input:not(:placeholder-shown)~label,.form-field textarea:not(:placeholder-shown)~label{opacity:0}
.form-field :is(input,select,textarea):focus-visible{outline:none}
.area-reveal{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .4s var(--ease),opacity .3s ease,visibility .4s}
.area-reveal.is-open{grid-template-rows:1fr;opacity:1;visibility:visible}
.area-reveal-inner{overflow:hidden;min-height:0}
.form-submit{display:flex;flex-direction:column;align-items:center;gap:1em;margin-top:2.5em;text-align:center}
.form-submit .fill-button{min-width:9em;padding:.65em 1.8em;font-weight:200}
.form-send-note,#form-status{font-size:.85em;line-height:1.4}
#form-status:empty{display:none}
.contact-social{display:flex;justify-content:center;gap:2em;padding:5em 5vw 2.5em;font-size:var(--small)}
.contact-social a{border:0;padding:0;background:none;color:var(--blue);font:inherit;text-decoration:none;transition:color .25s ease}
.contact-social a:hover,.contact-social a:focus-visible{color:white}
.contact-section h2,.contact-details{color:var(--blue)}
.contact-details p,.contact-details a{transition:color .25s ease}
.contact-details p:hover,.contact-details a:hover,.contact-details a:focus-visible{color:white}
@media(max-width:700px){
 .contact-section{padding-top:28px}
 .contact-section h2{font-size:17.8vw}
 .contact-form{width:88%}
 .contact-details{margin:1.5em 5vw 1em}
 .contact-social{padding-top:4em}
}
@media(prefers-reduced-motion:reduce){.form-field label,.form-field:after,.form-field input,.form-field select,.form-field textarea,.area-reveal{transition:none}}

/* Contact title retains the original text box while its vector loop rotates. */
#contact-title{position:relative;overflow:hidden}
.contact-title-reference{display:inline-block}
#contact-title-animation{position:absolute;left:50%;top:50%;aspect-ratio:1920/1080;transform:translate(-50%,-50%);pointer-events:none;visibility:hidden}
#contact-title-animation svg{display:block;width:100%;height:100%}
#contact-title.animation-ready .contact-title-reference{visibility:hidden}
#contact-title.animation-ready #contact-title-animation{visibility:visible}
.about-editorial .reveal-line:not(.is-visible)>.reveal-line-inner{transition:none}

/* Home mobile only: reserve the same bar height above, rather than below, the hero. */
@media(max-width:700px){
 body:not(.services-page) .hero{margin-top:var(--bar-height)}
 body:not(.services-page) .section-bar{position:fixed;inset:0 0 auto;visibility:visible}
 body:not(.services-page).intro-active:not(.intro-header-ready) .section-bar{visibility:hidden}
 .hero-nav{width:var(--hero-action-width,max-content)}
}

/* Keep the desktop logo cursor visible over dark section bars and their controls. */
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 .section-bar.is-section,.section-bar.is-section *{cursor:url('/assets/agnus-cursor-white.svg') 12 12,auto}
}

/* Mobile-only bounds, integral touch fill and seamless contact anchor. */
@media(max-width:700px){
 .projects-page .projects-board{position:fixed;inset:var(--bar-height) 0 0;height:auto;width:auto}
 .service-tabs .service-tab-recommended:before{inset:-1px;clip-path:none;transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease)}
 .service-tabs .service-tab-recommended{color:white}
 .service-tabs .service-tab-recommended[aria-selected=true],.service-tabs .service-tab-recommended:active,.service-tabs .service-tab-recommended:focus-visible{color:var(--blue)}
 .service-tabs .service-tab-recommended[aria-selected=true]:before,.service-tabs .service-tab-recommended:active:before,.service-tabs .service-tab-recommended:focus-visible:before{transform:scaleY(1)}
 #formulario{scroll-margin-top:-2px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.service-tabs .service-tab-recommended:before{transition:none}}

/* Desktop landing CTA: overlap the white fill and border to avoid raster seams. */
@media(min-width:701px){
 .hero .calculate-button{box-shadow:inset 0 0 0 1px white}
 .hero .calculate-button:before{inset:-2px;backface-visibility:hidden}
}

/* AGNUS text-selection palette follows each surface. */
:root{--selection-bg:#fff;--selection-text:var(--blue)}
.about,.section-bar,.service-price,.project-timeline .project-result{--selection-bg:var(--blue);--selection-text:#fff}
.section-bar.is-section{--selection-bg:#fff;--selection-text:#191919}
.contact-section,.service-action-zone,.project-card-caption{--selection-bg:var(--blue);--selection-text:#283969}
.form-field{--selection-bg:#fff;--selection-text:var(--blue)}
.form-field:focus-within{--selection-bg:var(--blue);--selection-text:#283969}
::selection{background-color:var(--selection-bg);color:var(--selection-text);text-shadow:none}

/* FAQ: shared body scale and individual, accessible expanding answers. */
.faq-content{width:88%;margin:0 auto;padding:2.5em 0 4em;font-size:var(--small);line-height:1.4}
.faq-group+.faq-group{margin-top:3em}
.faq-group h2{font-size:1.5em;font-weight:700;line-height:1.2;margin:0 0 1em;color:white}
.faq-list{display:grid;gap:1em}
.faq-item h3{margin:0;font:inherit}
.faq-question{display:block;width:100%;border:0;border-radius:0;padding:.75em 1em;min-height:2.7em;text-align:left;font:inherit;font-weight:700;line-height:1.4;position:relative;isolation:isolate;overflow:hidden;background:#283969;color:var(--blue);transition:color .35s ease;--selection-bg:var(--blue);--selection-text:#283969}
.faq-question:before{content:'';position:absolute;inset:0;z-index:-1;background:white;transform:scaleY(0);transform-origin:center bottom;transition:transform .6s var(--ease)}
.faq-question[aria-expanded=true]:before{transform:scaleY(1)}
.faq-question[aria-expanded=true]{color:#283969;--selection-bg:var(--blue);--selection-text:white}
.faq-question:focus-visible{outline:2px solid white;outline-offset:3px}
.faq-answer{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .4s var(--ease),opacity .3s ease,visibility .4s}
.faq-item.is-open .faq-answer{grid-template-rows:1fr;visibility:visible;opacity:1}
.faq-answer-inner{min-height:0;overflow:hidden}
.faq-answer p{padding:1em;color:white;font-weight:200;line-height:1.5}
@media(max-width:700px){.faq-content{padding-top:calc(var(--bar-height) + 2em)}}
@media(prefers-reduced-motion:reduce){.faq-question,.faq-question:before,.faq-answer{transition:none}}

/* Legal information: shared AGNUS typography and responsive reading widths. */
.legal-content{width:88%;max-width:72ch;margin:0 auto;padding:2.5em 0 4em;font-size:var(--small);line-height:1.55;overflow-wrap:anywhere}
.legal-content h1{font-size:2em;line-height:1.15;font-weight:700;margin:0 0 1em;text-wrap:balance}
.legal-content h2{font-size:1.35em;line-height:1.25;font-weight:700;margin:2em 0 .8em}
.legal-content p+p{margin-top:1em}
.legal-content ul{padding-left:1.3em;margin:1em 0}
.legal-content li+li{margin-top:.7em}
.legal-content a,.form-privacy-note a{text-decoration:underline;text-underline-offset:.15em}
.legal-content a:hover{color:#283969}
.legal-date{font-size:.9em}
.legal-table-wrap{overflow-x:auto;margin:1.5em 0}
.legal-content table{width:100%;border-collapse:collapse;text-align:left}
.legal-content th,.legal-content td{padding:.65em;border:1px solid white;vertical-align:top}
.legal-content th{font-weight:700}
.legal-content code{font:inherit}
.legal-footer{display:flex;align-items:center;justify-content:center;gap:1em;flex-wrap:wrap;padding:.5em max(10px,1.25vw);text-align:center;background:#283969;color:var(--blue);font-size:var(--small);line-height:1.3;--selection-bg:var(--blue);--selection-text:#283969}
.projects-page .legal-footer,.faq-page .legal-footer,.legal-page .legal-footer{background:var(--blue);color:#283969;--selection-bg:white;--selection-text:var(--blue)}
.legal-footer a{transition:color .25s ease}
.legal-footer a:hover,.legal-footer a:focus-visible{color:white}
.form-privacy-note{width:100%;margin:0;padding:.4em max(10px,1.25vw) 0;font-size:calc(var(--small) * .85);line-height:1.3;color:var(--blue);text-align:center}
.form-privacy-note a:hover,.form-privacy-note a:focus-visible{color:white}
.projects-page{--legal-footer-height:2.3em}
.projects-page .legal-footer{position:fixed;inset:auto 0 0;height:var(--legal-footer-height);padding:.5em max(10px,1.25vw);z-index:2;gap:1em}
.projects-page .projects-board{height:calc(100dvh - var(--bar-height) - var(--legal-footer-height))}
@media(max-width:700px){
 .legal-content{padding-top:calc(var(--bar-height) + 2em)}
 .legal-content h1{font-size:1.8em}
 .legal-content table{font-size:.9em}
 .projects-page .projects-board{height:auto;bottom:var(--legal-footer-height)}
 .projects-page .legal-footer{font-size:var(--small)}
}

/* Home: the following opaque sections rise over a stationary landing. */
.home-page .hero{position:sticky;top:0;z-index:0;background:var(--blue)}
.home-page .about,.home-page .contact-section,.home-page main>.legal-footer{position:relative;z-index:1}
@media(max-width:700px){.home-page .hero{top:var(--bar-height)}}