/* SIBIMAX visual direction: a calm engineering palette with decisive contrast. */
.studio[data-page="/"] .hero-premium{min-height:650px;background:#0b202c}
.studio[data-page="/"] .hero-premium:before{background:linear-gradient(90deg,rgba(5,22,32,.95) 0%,rgba(7,25,35,.84) 35%,rgba(7,25,35,.22) 80%),linear-gradient(0deg,rgba(5,20,29,.66),transparent 50%)}
.studio[data-page="/"] .hero-layout{display:flex;align-items:flex-end;min-height:100%;padding:65px 0 clamp(120px,10vh,165px)}
.studio[data-page="/"] .hero-copy{max-width:980px}
.studio[data-page="/"] .hero-wordmark{font-size:clamp(84px,8.5vw,165px);line-height:.88;margin-bottom:35px}
.studio[data-page="/"] .hero-premium h1{font-size:clamp(42px,4vw,76px);line-height:1.05;max-width:850px;margin-bottom:25px}
.studio[data-page="/"] .hero-intro{color:#e1ecef;line-height:1.65;font-size:clamp(16px,1vw,19px)}
.studio[data-page="/"] .hero-actions{margin-top:30px;gap:13px}
.studio[data-page="/"] .hero-footnote{border-top:1px solid rgba(226,239,242,.38);padding-top:17px;bottom:25px}
.studio[data-page="/"] .hero-media img{transform:scale(1.04) translateY(var(--hero65-offset,0px));will-change:transform}

/* Large editorial rows make every discipline clear and give the images room. */
.studio[data-page="/"] .focus-services{padding:clamp(85px,8vw,145px) 0;background:#f2f6f6}
.studio[data-page="/"] .focus-head{margin-bottom:clamp(55px,6vw,100px)}
.studio[data-page="/"] .focus-head h2{max-width:1050px;font-size:clamp(43px,4.8vw,78px);line-height:1.06;text-wrap:balance}
.studio[data-page="/"] .focus-service-grid{display:grid;grid-template-columns:1fr;gap:clamp(48px,6vw,100px)}
.studio[data-page="/"] .focus-service{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:clamp(40px,6vw,120px);align-items:center;border:0;padding:0;color:#102d3d}
.studio[data-page="/"] .focus-service img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;padding:6px;border:1px solid #c4d2d8;background:#fff;filter:saturate(.9);transition:filter .5s,box-shadow .5s}
.studio[data-page="/"] .focus-service:nth-child(2){grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr)}
.studio[data-page="/"] .focus-service:nth-child(2) img{order:2}.studio[data-page="/"] .focus-service:nth-child(2)>div{order:1}
.studio[data-page="/"] .focus-service>div{position:relative;display:flex;min-height:250px;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 50px 30px 0;border-top:1px solid #b8cad0;border-bottom:1px solid #b8cad0}
.studio[data-page="/"] .focus-number{font-size:13px;letter-spacing:.14em;color:#bd1d35;margin-bottom:26px}
.studio[data-page="/"] .focus-service h3{font-size:clamp(32px,2.8vw,50px);line-height:1.09;letter-spacing:-.045em;max-width:590px;margin:0 0 20px;text-wrap:balance}
.studio[data-page="/"] .focus-service p{max-width:480px;font-size:clamp(16px,1vw,18px);line-height:1.7;color:#546e7d;margin:0}
.studio[data-page="/"] .focus-arrow{top:31px;right:2px;color:#b81933;font-size:26px;transition:transform .3s}
.studio[data-page="/"] .focus-service:hover .focus-arrow,.studio[data-page="/"] .focus-service:focus-visible .focus-arrow{transform:translate(5px,-5px)}
.studio[data-page="/"] .focus-service:hover img{filter:saturate(1);box-shadow:0 15px 35px rgba(10,38,51,.11)}
.studio[data-page="/"] .focus-service:focus-visible{outline:3px solid #c91e34;outline-offset:8px}
.studio[data-page="/"] .focus-credit{margin-top:55px;color:#607884;font-size:12px}

/* A strong close ties the pages together using the brand's red. */
.studio[data-page="/"] .studio-cta{background:#bb1e34;color:#fff;padding:clamp(70px,6vw,105px) 0}
.studio[data-page="/"] .studio-cta .eyebrow{color:#ffe3e5}
.studio[data-page="/"] .studio-cta h2{color:#fff;font-size:clamp(39px,3.8vw,62px);line-height:1.08}
.studio[data-page="/"] .studio-cta p:not(.eyebrow){color:#ffe9eb}
.studio[data-page="/"] .studio-cta .cta60-actions{border-color:rgba(255,255,255,.5)}
.studio[data-page="/"] .studio-cta .button{background:#fff;color:#102d3d;border-color:#fff}
.studio[data-page="/"] .studio-cta .button:hover{background:#eaf0f1;border-color:#eaf0f1}
.studio[data-page="/"] .cta60-email{color:#fff;border-color:rgba(255,255,255,.55)}

.motion65 .reveal65{opacity:.78;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.motion65 .reveal65.is-in{opacity:1;transform:none}
@media(max-width:1000px){.studio[data-page="/"] .focus-service,.studio[data-page="/"] .focus-service:nth-child(2){gap:35px}.studio[data-page="/"] .focus-service>div{min-height:220px}.studio[data-page="/"] .hero-premium h1{font-size:clamp(38px,5vw,60px)}}
@media(max-width:800px){.studio[data-page="/"] .hero-layout{align-items:center;padding:45px 0 105px}.studio[data-page="/"] .focus-service-grid{gap:55px}.studio[data-page="/"] .focus-service,.studio[data-page="/"] .focus-service:nth-child(2){grid-template-columns:1fr;gap:18px}.studio[data-page="/"] .focus-service:nth-child(2) img,.studio[data-page="/"] .focus-service:nth-child(2)>div{order:initial}.studio[data-page="/"] .focus-service img{aspect-ratio:1.7}.studio[data-page="/"] .focus-service>div{min-height:0;padding:24px 38px 25px 0}.studio[data-page="/"] .focus-number{margin-bottom:16px}.studio[data-page="/"] .focus-service h3{font-size:32px;margin-bottom:12px}.studio[data-page="/"] .focus-arrow{top:23px}.studio[data-page="/"] .focus-service p{font-size:15px}.studio[data-page="/"] .focus-credit{margin-top:40px}}
@media(max-width:480px){.studio[data-page="/"] .hero-premium{min-height:610px}.studio[data-page="/"] .hero-wordmark{font-size:clamp(62px,14vw,78px);margin-bottom:25px}.studio[data-page="/"] .hero-premium h1{font-size:clamp(34px,8vw,40px);margin-bottom:20px}.studio[data-page="/"] .hero-intro{font-size:14px}.studio[data-page="/"] .hero-actions{margin-top:24px}.studio[data-page="/"] .focus-head h2{font-size:39px}.studio[data-page="/"] .focus-service img{aspect-ratio:1.45}.studio[data-page="/"] .studio-cta h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.motion65 .reveal65{opacity:1;transform:none;transition:none}.studio[data-page="/"] .hero-media img{transform:none;will-change:auto}.studio[data-page="/"] .focus-service img,.studio[data-page="/"] .focus-arrow{transition:none}}
