/* Final refinement: existing silver/glass direction, shared rhythm and controls. */
:root{--section-space:clamp(64px,7vw,112px);--ease-out:cubic-bezier(.2,.7,.2,1)}
html{scroll-padding-top:112px}body{overflow-wrap:break-word}main,section,article,figure{min-width:0}
[hidden]{display:none!important}a,button,input,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #81bad5;outline-offset:5px}.header.hero-active :focus-visible,.contact-opening :focus-visible{outline-color:#24485e}
button:disabled{cursor:not-allowed;opacity:.48}button,a,input,textarea,summary{touch-action:manipulation}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.section{padding-block:var(--section-space)}
.service-eyebrow,.portfolio-eyebrow,.contact-label{font-size:12px;line-height:1.6;letter-spacing:.1em}
.portfolio-grid>.portfolio-project:nth-child(n),.carousel-card{padding:10px;border-radius:17px;background:#ffffff04}
.portfolio-grid>.portfolio-project .project-window,.carousel-card .carousel-image{border-radius:9px}
.portfolio-grid>.portfolio-project .project-caption,.carousel-card .carousel-card-copy{padding:22px 10px 8px;gap:16px}
.portfolio-grid>.portfolio-project .project-details,.carousel-card .project-text-button{min-height:44px}
.project-classification{font-size:14px;color:#acbdc7}.portfolio-grid .project-window:hover,.carousel-card .carousel-image:hover{transform:none!important}
.project-dialog-visual img,.dialog-visual img{object-fit:contain}.project-destinations a{min-height:48px}
.service-jump a:first-child{border-bottom-color:#617985}.service-jump a:first-child .service-overview-name{font-weight:550}
.capability#websites>summary h3{font-size:clamp(27px,3vw,44px)}.capability#websites .capability-body{padding-bottom:48px}
.value-list article{grid-template-columns:.12fr .95fr 1.3fr;gap:5%}.value-list h3{font-size:clamp(25px,2.5vw,36px);line-height:1.2}
.footer-glass:before{animation:none!important}.footer-glass{padding-top:clamp(36px,5vw,64px)}
.footer-brand p{font-size:clamp(21px,2vw,30px);line-height:1.3;letter-spacing:-.025em;max-width:340px;color:#d4e1e9}
.footer-main{padding-bottom:48px}.footer-label{font-size:12px}.footer-origin{font-size:14px}.footer-nav>a,.footer-address>a{min-height:44px;display:flex;align-items:center}
.footer-legal>a,.footer-legal>button{min-height:44px;font-size:13px}.footer-top{width:44px;height:44px}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status:focus{outline-offset:4px}
.form-status[data-state=error]{color:#862a24}.form-status[data-state=success]{color:#245442}.form-status:not(:empty){margin-top:12px;padding:14px;border:1px solid currentColor;border-radius:10px}
#contact-verification{margin-top:16px;min-width:0}.brief-form[aria-busy=true]{cursor:progress}.service-choices span{min-height:44px;display:flex;align-items:center}
.brief-form input,.brief-form textarea{scroll-margin-top:130px}.form-notice,.privacy-note{font-size:14px}.brief-form .form-submit{font-size:16px}
@media(min-width:960px) and (max-width:1100px){.header,.contact-page .header{gap:22px}.header nav{gap:3px}.header nav a{padding-inline:15px}.footer-base{grid-template-columns:1fr 44px}.footer-copyright{grid-row:2}.footer-legal{grid-column:1}.footer-top{grid-column:2;grid-row:1/3}}
@media(max-width:767px){
 :root{--section-space:64px}.hero-actions,.about-next-links{row-gap:14px}.home-page .hero h1{font-size:clamp(48px,12.6vw,80px)}
 .home-page .hero h1>span{white-space:normal}.home-page .hero-kicker{font-size:10px;letter-spacing:.1em}.home-page .hero-footer .motion-toggle{font-size:12px;min-height:44px}
 .home-page .hero-actions .button,.home-page .hero-actions .link{font-size:14px;min-height:44px}.home-page .hero-footer .hero-signature{font-size:10px;max-width:145px}
 .carousel-track{grid-auto-columns:calc(100vw - 58px);gap:16px}.portfolio-grid>.portfolio-project:nth-child(n),.carousel-card{padding:8px}
 .project-classification{font-size:13px}.portfolio-grid>.portfolio-project .project-caption,.carousel-card .carousel-card-copy{padding:19px 9px 7px}
 .portfolio-grid>.portfolio-project .project-caption h3,.carousel-card h3{font-size:26px;line-height:1.2}
 .footer-glass{padding-inline:23px}.footer-brand p{font-size:25px}.footer-main{gap:26px;padding-bottom:28px}.footer-legal{gap:4px 20px}.footer-nav{column-gap:20px}
 .value-list article{grid-template-columns:25px minmax(0,1fr);gap:14px 18px}.value-list p{grid-column:2}.value-list h3{font-size:27px}
 .about-hero h1,.contact-intro h1{font-size:clamp(43px,10.8vw,66px)}.service-eyebrow,.portfolio-eyebrow,.contact-label{letter-spacing:.075em}
 .contact-opening{padding-inline:20px}.brief-form{padding:26px 20px}.form-grid{grid-template-columns:1fr}.direct-contacts a{font-size:16px;min-height:44px}
 .portfolio-motion,.services-motion,.contact-motion{min-height:44px;font-size:12px}.home-page .motion-toggle.is-floating{bottom:18px;right:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.awaiting,.case-awaiting,[data-motion]{opacity:1!important;transform:none!important}.hero-content{opacity:1!important;transform:none!important}}

.about-origin figcaption a{font-size:12px}.services-overview-copy h1{overflow-wrap:normal}
@media(max-width:430px){.services-overview-copy h1{font-size:clamp(53px,15vw,64px)}.case-heading h1{font-size:clamp(40px,11vw,48px)}.case-heading{gap:24px}.case-meta{gap:24px 18px}.case-meta p{font-size:15px}}