/* Tarjeeh global revision / responsive refinements */
:root{--ease-premium:cubic-bezier(.22,1,.36,1)}
body{font-size:15.5px;line-height:1.62}
h1,h2,h3{overflow-wrap:break-word;letter-spacing:-.035em}
h1{font-size:clamp(2.65rem,5vw,5.5rem)}
h2{font-size:clamp(1.95rem,3.25vw,3.55rem)}
.section{padding-block:clamp(55px,6vw,84px)}
.hero{isolation:isolate}
.hero-copy{animation:revHeroIn .9s var(--ease-premium) both}
@keyframes revHeroIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes revBreathe{0%,100%{transform:scale(1.02)}50%{transform:scale(1.07)}}
.hero-main,.cover-photo,.inner-hero-photo img,.rev-hero-backdrop img{animation:revBreathe 24s ease-in-out infinite alternate;transform-origin:center center;will-change:transform}
/* All homepage hero photos now occupy the full viewport, with editable HTML text above. */
body[data-version=v1] .hero-v1{min-height:615px;background:#173f64;color:#fff}
body[data-version=v1] .hero-v1 .hero-media{position:absolute;inset:0;height:100%;width:100%;border-radius:0;box-shadow:none;overflow:hidden;z-index:-1;margin:0}
body[data-version=v1] .hero-v1 .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071f39ef 0%,#0a2d4fd9 38%,#0a3b6266 74%,#00264220 100%)}
body[data-version=v1] .hero-v1 .hero-media img{object-fit:cover;object-position:center 55%;height:100%;width:100%}
body[data-version=v1] .hero-v1 .hero-inner{display:flex!important;align-items:center;min-height:615px;max-width:1240px;grid-template-columns:none!important;width:min(100% - 64px,1240px)}
body[data-version=v1] .hero-v1 .hero-copy{max-width:685px;padding-block:95px 100px}
body[data-version=v1] .hero-v1 .hero-copy h1{font-size:clamp(3.15rem,5.8vw,6rem);line-height:1.05;color:white;letter-spacing:-.065em}
body[data-version=v1] .hero-v1 .hero-copy p,body[data-version=v1] .hero-v1 .hero-mini{color:#e1ecf6}
body[data-version=v1] .hero-v1 .hero-copy .eyebrow{color:#a8d2ff}
body[data-version=v1] .hero-v1 .hero-copy em{color:#afd8ff}
body[data-version=v1] .hero-v1 .button-secondary{color:white;border-color:#fff9;background:#ffffff18}
body[data-version=v1] .hero-v1 .image-stamp{left:auto;right:max(24px,5vw);bottom:40px;background:#fffffff1;color:#0d3563;box-shadow:0 15px 60px #0005;z-index:2}
body[data-version=v1] .hero-v1 .hero-mini{margin-top:28px}
/* Warm editorial: full canvas photo, gentle vertical dimension */
body[data-version=v2] .hero-v2{min-height:650px}
body[data-version=v2] .hero-v2 .hero-inner{min-height:650px}
body[data-version=v2] .hero-v2 .hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
body[data-version=v2] .hero-v2 .hero-backdrop:after{background:linear-gradient(90deg,#152b25f2 0%,#234334cc 48%,#2a503e65 100%)}
body[data-version=v2] .hero-v2 .hero-copy h1{font-size:clamp(3.5rem,5.7vw,6.55rem)}
body[data-version=v2] .hero-v2 .hero-kicker{letter-spacing:.06em}
/* Bold dark product gallery direction and truly full-bleed image */
body[data-version=v3] .hero-v3{min-height:670px;background:#0a2027;color:#fff}
body[data-version=v3] .rev-hero-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden}
body[data-version=v3] .rev-hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;filter:saturate(.78) contrast(1.12)}
body[data-version=v3] .rev-hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06171af5 0%,#0a2326e8 40%,#0e3036af 80%,#08232999 100%)}
body[data-version=v3] .hero-v3 .hero-inner{min-height:670px;gap:clamp(20px,3vw,52px)}
body[data-version=v3] .hero-v3 .hero-copy h1{font-size:clamp(3rem,5.6vw,6.3rem);max-width:650px}
body[data-version=v3] .hero-v3 .hero-mosaic{height:445px;transform:rotate(-1deg);box-shadow:0 24px 55px #0005}
body[data-version=v3] .hero-v3 .mosaic-item{box-shadow:inset 0 0 0 1px #fff2}
/* Inner hero always edge-to-edge, photo remains uncropped beyond aspect-fill where unavoidable */
.inner-hero{height:clamp(340px,30vw,445px);width:100%;min-height:0;isolation:isolate}
.inner-hero-photo{inset:0;z-index:-1}
.inner-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.inner-hero-photo:after{background:linear-gradient(90deg,#0b1f33ee 0%,#102b41b8 56%,#142e427d 100%)}
.inner-hero-inner{align-items:center;min-height:100%;padding-top:45px;padding-bottom:45px}
.inner-hero h1{font-size:clamp(2.5rem,4.8vw,4.85rem);margin:12px 0 16px;letter-spacing:-.055em}
.inner-hero p{font-size:1.02rem;color:#f1f6fa}
body[data-version=v2] .inner-hero-photo:after{background:linear-gradient(90deg,#162b22f2,#234533b5 60%,#244c3782)}
body[data-version=v3] .inner-hero-photo:after{background:linear-gradient(90deg,#04191cf2,#082b33c7 55%,#133f488a)}
/* Continuous restrained movement - no play/pause control. */
.rev-band{overflow:hidden;white-space:nowrap;background:var(--accent);color:var(--bg);border-bottom:1px solid #ffffff24;position:relative;z-index:1}
.rev-band-track{display:flex;width:max-content;gap:0;animation:revLoop 38s linear infinite}
.rev-band-track span{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;padding:16px 37px;font-size:.78rem;letter-spacing:.085em;text-transform:uppercase;font-weight:800}
.rev-band-track i{font-style:normal;opacity:.6}
@keyframes revLoop{to{transform:translateX(-50%)}}
body[data-version=v1] .rev-band{background:linear-gradient(100deg,#0a4b91,#1773bc);color:#fff}
body[data-version=v2] .rev-band{background:linear-gradient(105deg,#294331,#547549);color:#fff}
body[data-version=v3] .rev-band{background:linear-gradient(105deg,#7fc959,#c2e687);color:#132517}
/* Animated feature spotlight, editable HTML not graphics baked into imagery */
.spotlight-section{background:var(--section);position:relative;overflow:hidden}
.spotlight-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:clamp(28px,6vw,90px);align-items:center}
.spotlight-heading h2{margin:15px 0 17px;max-width:500px;font-size:clamp(2.15rem,3.65vw,3.85rem)}
.spotlight-heading p{max-width:450px;margin-bottom:25px}
.brand-rotator{position:relative;min-height:305px;border:1px solid var(--line);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.brand-rotator:before{content:"";position:absolute;top:-80px;right:-80px;width:290px;height:290px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);filter:blur(5px);animation:revOrb 8s ease-in-out infinite alternate;pointer-events:none}
@keyframes revOrb{to{transform:translate(-32px,45px)}}
.spotlight-track{height:100%;min-height:275px}
.spotlight-slide{position:relative;min-height:275px;display:flex;align-items:center;padding:42px 54px}
.spotlight-copy{position:relative;z-index:1}
.spotlight-copy h3{font-size:clamp(2.3rem,4vw,4rem);margin:10px 0 12px;line-height:1.05}
.spotlight-copy p{max-width:360px;margin-bottom:17px;font-size:.92rem}
.spotlight-shape{position:absolute;right:-90px;top:7px;opacity:.55;width:270px;height:270px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 46px color-mix(in srgb,var(--accent) 5%,transparent)}
.brand-rotator.is-carousel .spotlight-slide{display:none}
.brand-rotator.is-carousel .spotlight-slide.is-current{display:flex;animation:revSlide .65s var(--ease-premium) both}
@keyframes revSlide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
.rotator-controls{display:none;justify-content:flex-end;align-items:center;gap:15px;padding:0 27px 20px}
.brand-rotator.is-carousel .rotator-controls{display:flex}
.rotator-controls button{width:43px;height:43px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:1.2rem;transition:background .25s,color .25s,transform .25s}
.rotator-controls button:hover{background:var(--accent);color:var(--bg);transform:translateY(-2px)}
.rotator-count{font-size:.77rem;color:var(--muted);font-weight:800;min-width:85px;text-align:center}
body[data-version=v2] .brand-rotator,body[data-version=v2] .rotator-controls button{border-radius:3px}
body[data-version=v3] .brand-rotator{background:#1c333a}
body[data-version=v3] .spotlight-shape{border-color:#a4e278}
/* Sections introduced on all inner pages */
.rev-purpose{background:var(--section)}
.rev-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.rev-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:clamp(20px,2.3vw,34px);min-width:0;min-height:220px;position:relative;overflow:hidden;transition:transform .35s var(--ease-premium),box-shadow .35s}
.rev-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.rev-card h3{font-size:1.25rem;margin:13px 0 10px}
.rev-card p{font-size:.92rem;margin-bottom:14px}
.rev-card-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,var(--card));color:var(--accent);font-size:1.6rem}
.rev-card:nth-child(2){border-top:4px solid var(--accent)}
.rev-card:nth-child(3){border-top:4px solid var(--accent2)}
.enquiry-steps{background:var(--bg)}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step-item{padding:28px 26px;background:var(--section);border:1px solid var(--line);border-radius:var(--radius)}
.step-item h3{font-size:1.24rem;margin:12px 0 9px}
.step-item p{font-size:.93rem;margin:0}
.step-mark{display:inline-grid;place-items:center;width:49px;height:49px;border-radius:50%;font-size:1.6rem;color:var(--accent);background:var(--card);border:1px solid var(--line)}
.step-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.extra-service-inner{background:var(--section);padding:clamp(25px,4vw,55px);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;position:relative}
.extra-service-inner:after{content:"";position:absolute;right:-100px;top:-100px;width:320px;height:320px;border-radius:50%;border:38px solid color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}
.extra-service-inner h2{max-width:720px;position:relative}
.extra-service-links{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.extra-service-links a{padding:11px 17px;background:var(--card);border-radius:100px;border:1px solid var(--line);font-weight:700;font-size:.86rem;transition:background .2s,color .2s,transform .2s}
.extra-service-links a:hover{background:var(--accent);color:var(--bg);transform:translateY(-3px)}
.rev-faq .faq-list{max-width:none;columns:1}
.rev-faq details{transition:padding .28s}
.rev-faq details[open]{padding-bottom:6px}
/* Footer platform symbols: decorative, NO invented social accounts or hyperlinks. */
.footer-social{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:20px 0 22px}
.social-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#ffffff12;border:1px solid #ffffff4a;color:#fff;cursor:default;transition:transform .2s,background .2s}
.social-symbol:hover{transform:translateY(-3px);background:#ffffff28}
.social-symbol svg{width:20px;height:20px;display:block}
.footer{position:relative}
.footer:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--accent2),var(--accent),var(--accent2));background-size:250% 100%;animation:footerGradient 12s linear infinite}
@keyframes footerGradient{to{background-position:250% 0}}
/* Prevent awkward oversize/crop stretching and improve touch targets */
.product-image img,.detail-photo img,.editorial-photo img,.feature-photo img{object-fit:cover;object-position:center center}
.product-card,.rev-card,.step-item{backface-visibility:hidden}
.site-header .header-cta{min-width:44px}
.category-list a,.faq summary{min-height:44px}
.product-card img{image-rendering:auto}
@media(max-width:970px){
 body[data-version=v1] .hero-v1 .hero-inner{width:min(100% - 42px,1240px);min-height:560px}
 body[data-version=v1] .hero-v1 .hero-copy{padding:85px 0}
 body[data-version=v3] .hero-v3 .hero-inner{min-height:610px}
 body[data-version=v3] .hero-v3 .hero-mosaic{height:370px}
 .spotlight-layout{grid-template-columns:1fr;gap:25px}
 .spotlight-heading h2{max-width:760px}
 .spotlight-section{padding-block:60px}
}
@media(max-width:680px){
 body{font-size:14.75px}
 .section{padding-block:53px}
 .hero-v1,.hero-v2,.hero-v3{min-height:0!important}
 body[data-version=v1] .hero-v1 .hero-inner{min-height:540px;width:min(100% - 34px,1240px)}
 body[data-version=v1] .hero-v1 .hero-copy{padding:66px 0 82px}
 body[data-version=v1] .hero-v1 .hero-copy h1{font-size:clamp(2.3rem,10vw,3.95rem);line-height:1.08}
 body[data-version=v1] .hero-v1 .hero-copy p{font-size:.94rem;max-width:520px}
 body[data-version=v1] .hero-v1 .hero-media:after{background:linear-gradient(90deg,#051c35f4,#0d3250c9 65%,#113d5790)}
 body[data-version=v1] .hero-v1 .hero-media img{object-position:67% 50%}
 body[data-version=v1] .hero-v1 .image-stamp{display:none}
 body[data-version=v2] .hero-v2 .hero-inner{min-height:555px}
 body[data-version=v2] .hero-v2 .hero-copy{padding:75px 0 55px}
 body[data-version=v2] .hero-v2 h1{font-size:clamp(2.95rem,10.7vw,4.25rem)}
 body[data-version=v2] .hero-v2 .hero-backdrop:after{background:linear-gradient(90deg,#112c26ee,#16372bdc 60%,#244a3882)}
 body[data-version=v3] .hero-v3 .hero-inner{min-height:585px;display:flex!important;align-items:center}
 body[data-version=v3] .hero-v3 .hero-copy{padding:65px 0 55px}
 body[data-version=v3] .hero-v3 h1{font-size:clamp(2.85rem,11.3vw,4.35rem)}
 body[data-version=v3] .hero-v3 .hero-mosaic{display:none}
 body[data-version=v3] .rev-hero-backdrop:after{background:linear-gradient(90deg,#06171af5,#0a262beb 70%,#0b3034aa)}
 .inner-hero{height:auto;min-height:340px}
 .inner-hero-inner{padding:50px 0;min-height:340px}
 .inner-hero h1{font-size:clamp(2.5rem,9.2vw,3.55rem)}
 .inner-hero p{font-size:.91rem}
 .rev-band-track span{font-size:.68rem;padding:12px 20px}
 .spotlight-section{padding-block:48px}
 .brand-rotator{min-height:260px}
 .spotlight-slide{padding:28px 24px;min-height:250px}
 .spotlight-track{min-height:250px}
 .spotlight-copy h3{font-size:2.5rem}
 .rev-cards,.step-grid{grid-template-columns:1fr;gap:13px}
 .rev-card{min-height:0;padding:23px}
 .step-item{padding:21px}
 .extra-service-inner{padding:23px}
 .extra-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .extra-service-links a{text-align:center;line-height:1.25;padding:13px 7px;font-size:.76rem}
 .faq-list details p{font-size:.92rem}
 .footer-social{margin:16px 0}
}
@media(max-width:380px){
 body[data-version=v1] .hero-v1 .hero-inner{width:calc(100% - 28px)}
 body[data-version=v1] .hero-v1 .hero-copy h1{font-size:2.3rem}
 body[data-version=v3] .hero-v3 .hero-copy h1{font-size:2.8rem}
 .spotlight-copy h3{font-size:2.25rem}
}
@media(prefers-reduced-motion:reduce){
 .rev-band-track,.hero-main,.cover-photo,.inner-hero-photo img,.rev-hero-backdrop img,.brand-rotator:before,.footer:before,.hero-copy{animation:none!important}
 .brand-rotator.is-carousel .spotlight-slide.is-current{animation:none!important}
}
/* Keep decorative orb layers from intercepting slider and CTA clicks. */
.spotlight-shape,.brand-rotator:before{pointer-events:none}
.rotator-controls{position:relative;z-index:3}

/* November 6 revision: sharper local hero assets, image-backed client sections, and refined typography */
.hero-v1 .hero-copy p,.hero-v2 .hero-copy p,.hero-v3 .hero-copy p{font-size:clamp(.98rem,1.4vw,1.12rem);max-width:58ch}
.site-header .nav-link,.site-header .dropdown-trigger{font-size:.88rem;letter-spacing:.01em}
.site-header .header-cta{font-size:.8rem}
body[data-version=v1] .hero-v1 .hero-copy h1{font-size:clamp(3rem,5.4vw,5.6rem)}
body[data-version=v2] .hero-v2 .hero-copy h1{font-size:clamp(3.15rem,5.2vw,5.75rem);line-height:1.06}
body[data-version=v3] .hero-v3 .hero-copy h1{font-size:clamp(2.9rem,5vw,5.25rem);line-height:1.02;max-width:10ch}
body[data-version=v3] .hero-v3 .hero-copy p{max-width:40ch}
body[data-version=v3] .hero-v3 .rev-hero-backdrop img{object-position:center center}
body[data-version=v2] .hero-v2 .hero-backdrop img{object-position:center center}
body[data-version=v1] .hero-v1 .hero-media img{object-position:center center}

.has-context-bg{position:relative;overflow:hidden;isolation:isolate;border-radius:clamp(18px,2vw,var(--radius));padding:clamp(30px,4vw,42px)!important}
.has-context-bg::before{content:"";position:absolute;inset:0;background-image:url('../assets/clients-bg-1080.webp');background-size:cover;background-position:center center;z-index:-2;transform:scale(1.03)}
.has-context-bg::after{content:"";position:absolute;inset:0;z-index:-1}
body[data-version=v1] .has-context-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(248,252,255,.82) 48%,rgba(240,247,255,.75) 100%)}
body[data-version=v2] .has-context-bg::after{background:linear-gradient(90deg,rgba(250,246,238,.94),rgba(247,242,231,.86) 48%,rgba(233,241,226,.78) 100%)}
body[data-version=v3] .has-context-bg::after{background:linear-gradient(90deg,rgba(3,18,24,.90),rgba(7,24,30,.82) 48%,rgba(10,34,40,.74) 100%)}
.has-context-bg .section-heading,.has-context-bg .clients-chips,.has-context-bg .subtle,.has-context-bg > .button,.has-context-bg > h2,.has-context-bg > p{position:relative;z-index:1}
body[data-version=v3] .has-context-bg .subtle{color:#dde7e8}
body[data-version=v3] .has-context-bg .clients-chips span{background:rgba(20,41,48,.76);backdrop-filter:blur(4px);border-color:rgba(157,221,112,.18)}
body[data-version=v1] .has-context-bg .clients-chips span,body[data-version=v2] .has-context-bg .clients-chips span{background:rgba(255,255,255,.86);backdrop-filter:blur(3px)}
body[data-version=v3] .clients-home h2,body[data-version=v3] .clients-page h2{max-width:8ch}

@media(max-width:680px){
  .has-context-bg{padding:22px!important}
  body[data-version=v3] .hero-v3 .hero-copy h1{font-size:clamp(2.5rem,10vw,4rem);max-width:11ch}
  body[data-version=v2] .hero-v2 .hero-copy h1{font-size:clamp(2.8rem,10vw,4.1rem)}
  body[data-version=v1] .hero-v1 .hero-copy h1{font-size:clamp(2.35rem,9.8vw,3.9rem)}
}

/* Nov 6 follow-up: remove plain blank section look and improve V3 hero readability */
.has-category-bg{position:relative;overflow:hidden;isolation:isolate;border-radius:clamp(18px,2vw,var(--radius));padding:clamp(28px,4vw,42px)!important}
.has-category-bg::before{content:"";position:absolute;inset:0;background-image:url('../assets/clients-bg-1080.webp');background-size:cover;background-position:center center;z-index:-2;transform:scale(1.04)}
.has-category-bg::after{content:"";position:absolute;inset:0;z-index:-1}
body[data-version=v1] .has-category-bg::after{background:linear-gradient(115deg,rgba(248,252,255,.95),rgba(239,247,255,.84) 52%,rgba(226,239,250,.78) 100%)}
body[data-version=v2] .has-category-bg::after{background:linear-gradient(115deg,rgba(251,248,242,.96),rgba(245,240,231,.88) 52%,rgba(235,244,228,.80) 100%)}
body[data-version=v3] .has-category-bg::after{background:linear-gradient(115deg,rgba(6,21,26,.92),rgba(8,27,33,.84) 52%,rgba(12,36,43,.76) 100%)}
.has-category-bg > *{position:relative;z-index:1}
.has-category-bg .category-list a{background:rgba(255,255,255,.72);backdrop-filter:blur(4px);border:1px solid rgba(18,42,66,.08);box-shadow:0 8px 28px rgba(7,20,31,.08)}
body[data-version=v2] .has-category-bg .category-list a{background:rgba(255,250,244,.76)}
body[data-version=v3] .has-category-bg .category-list a{background:rgba(20,41,48,.72);border-color:rgba(157,221,112,.14);color:#f4f8f8;box-shadow:0 10px 28px rgba(0,0,0,.22)}
body[data-version=v3] .has-category-bg h2{color:#fff}

.extra-service{position:relative;overflow:hidden}
.extra-service-inner{background:transparent}
.extra-service-inner::before{content:"";position:absolute;inset:0;background-image:url('../assets/clients-bg-1080.webp');background-size:cover;background-position:center center;z-index:0;transform:scale(1.04)}
.extra-service-inner::after{content:"";position:absolute;inset:0;z-index:0}
body[data-version=v1] .extra-service-inner::after{background:linear-gradient(115deg,rgba(244,250,255,.94),rgba(238,246,253,.86))}
body[data-version=v2] .extra-service-inner::after{background:linear-gradient(115deg,rgba(248,245,236,.94),rgba(237,243,232,.82))}
body[data-version=v3] .extra-service-inner::after{background:linear-gradient(115deg,rgba(12,31,36,.92),rgba(18,47,55,.82))}
.extra-service-inner > *{position:relative;z-index:1}
body[data-version=v3] .extra-service-inner h2,body[data-version=v3] .extra-service-links a{color:#f6fbfb}
body[data-version=v3] .extra-service-links a{background:rgba(20,41,48,.65);border-color:rgba(157,221,112,.15)}

body[data-version=v3] .hero-v3 .rev-hero-backdrop img{filter:saturate(.98) contrast(1.16) brightness(.96)}
body[data-version=v3] .hero-v3 .rev-hero-backdrop:after{background:linear-gradient(90deg,rgba(5,20,24,.92) 0%,rgba(7,26,31,.83) 36%,rgba(10,34,41,.58) 72%,rgba(11,38,44,.32) 100%)}
body[data-version=v3] .hero-v3 .hero-copy{max-width:620px;padding:34px 34px 34px 0;text-shadow:0 5px 20px rgba(0,0,0,.3)}
body[data-version=v3] .hero-v3 .hero-copy h1{max-width:12ch;line-height:1.02;letter-spacing:-.052em}
body[data-version=v3] .hero-v3 .hero-copy p{max-width:42ch;color:rgba(246,250,251,.92)}
body[data-version=v3] .hero-v3 .hero-actions{margin-top:24px}
body[data-version=v3] .hero-v3 .hero-copy .eyebrow{color:#c7ebb2}
body[data-version=v3] .hero-v3 .hero-copy em{font-style:normal;color:#9ddd70}
body[data-version=v3] .hero-v3 .hero-mosaic{box-shadow:0 24px 70px rgba(0,0,0,.38)}

@media(max-width:680px){
  .has-category-bg{padding:22px!important}
  .has-category-bg .category-list a{background:rgba(255,255,255,.82)}
  body[data-version=v3] .has-category-bg .category-list a{background:rgba(20,41,48,.78)}
  body[data-version=v3] .hero-v3 .hero-copy{padding:20px 0 10px;max-width:100%}
  body[data-version=v3] .hero-v3 .hero-copy h1{max-width:10.5ch;font-size:clamp(2.45rem,10.6vw,3.9rem)}
  body[data-version=v3] .hero-v3 .hero-copy p{max-width:34ch;font-size:.95rem}
}