/* Reversible visual simplification — November 2026. */
.intro-top,.intro-counter,.intro-progress,.intro-chapters,.portal-caption,.intro-overline,.intro-bottom{display:none!important}
.intro-portal .portal-vector{width:clamp(330px,62vw,760px)!important;height:auto!important;aspect-ratio:1229/626;filter:none!important;animation:none!important}
.intro[data-state=waiting] .new-logo-body{transform-origin:center;transform-box:fill-box;animation:new-logo-arrive 1.7s cubic-bezier(.16,1,.3,1) both}
@keyframes new-logo-arrive{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.brand .brand-upload{display:block;width:150px;height:63px;flex-shrink:0}.header .nav{gap:22px}.header .nav-links{gap:clamp(12px,1.4vw,24px);font-size:14px}.header .nav-links a{white-space:nowrap}
.service-backdrop,.service-glyph,.service-card:after,.service-card:before{display:none!important}.service-card{background-image:none!important}.service-no,.service-meta,.service-tags,.layer-label,.layer-no,.eyebrow,.dd-eyebrow,.demo-tag,.lab-kicker,.lab-caption,.contact-kicker,.contact-orbit-label,.product small,.client-popover-label{display:none!important}
.clarity-heading{font:700 clamp(44px,5vw,70px)/1.05 var(--mono)!important;letter-spacing:-.035em!important;margin:0 0 20px!important;max-width:100%!important}
.clarity-subtitle{font:400 clamp(23px,2.5vw,34px)/1.35 var(--mono)!important;letter-spacing:-.02em;margin:0 0 30px!important;max-width:38ch!important;color:inherit!important;opacity:.9}
.demo-discovery .clarity-heading em{color:inherit}.dd-option{grid-template-columns:1fr 20px}.dd-option>span:first-child,.dd-option small{display:none}.dd-option strong{font-size:25px}.dd-option .demo-explanation{display:block;font:400 15px/1.6 var(--sans,'Montserrat',sans-serif);color:#c4d5d7;margin-top:10px}.dd-status{font-size:14px}.dd-screen-top{font-size:14px}.dd-footnote{font-size:14px}.lab-tabs strong{font-size:25px}.lab-tabs .demo-explanation{font:400 14px/1.6 var(--sans,'Montserrat',sans-serif);letter-spacing:0;opacity:1;margin:12px 0 0}.lab-tabs>button>span:first-child{display:none}.lab-tabs b{display:none}.lab-number{display:none}.lab-meta{font-size:14px!important}.client-trigger .aroa-new{width:100%;max-width:185px;height:70px}.footer-bottom{font-size:14px!important}.specialty-strip{display:none}
@media(max-width:1150px){.header .nav-links{gap:12px;font-size:12px}.brand .brand-upload{width:125px;height:53px}}
@media(max-width:850px){.header .nav-links{font-size:18px}.intro-portal .portal-vector{width:88vw!important}.dd-option{grid-template-columns:1fr}.dd-option strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.intro[data-state=waiting] .new-logo-body{animation:none}}
.service-result,.side-label,.mv-top>span,.contact-overline,.contact-eyebrow{display:none!important}.client-deliverables span{font-size:14px}.signal-label{font-size:14px!important}.mv-top{justify-content:flex-end}.service-card>a{font-size:15px!important}

.contact-topline>span{display:none!important}

/* Compact navigation: five clear destinations. */
.header .nav{height:72px;min-height:0;gap:24px}
.header .brand .brand-upload{width:124px;height:52px}
.header .nav-links{gap:28px;font-size:15px}
.header .nav-cta{padding:12px 18px}
@media(max-width:850px){.header .nav{height:68px}.header .brand .brand-upload{width:112px;height:47px}.header .nav-links{font-size:18px;gap:20px}}

/* Keep viewport width constant through the intro scroll lock. */
html.immersive-home{scrollbar-width:none}
html.immersive-home::-webkit-scrollbar{display:none;width:0;height:0}
.immersive-home .header{transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),visibility .8s;opacity:0;visibility:hidden;transform:translateY(-16px);pointer-events:none}
.immersive-home.intro-header-ready .header{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
@media(prefers-reduced-motion:reduce){.immersive-home .header{transition:none;transform:none}}

/* Two visible columns after removing the decorative side label. */
.method .layer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px)}
.method .layer-grid>div{min-width:0}
.method .layer-grid .work-sample{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:600px){.method .layer-grid{display:block}.method .layer-grid .work-sample{margin-top:28px}}
