/* Rimal Al Dana — bespoke revision layer. No third-party images, fonts or code. */
:root{--serif:Georgia,'Times New Roman',serif;--sans:'Trebuchet MS','Segoe UI',Arial,sans-serif}
body{font-family:var(--sans);line-height:1.65;overflow-x:clip}
main{overflow:clip}
h1,h2{letter-spacing:-.045em}
section{isolation:isolate}
header{height:122px;gap:20px;padding-inline:4.1vw;box-shadow:0 2px 20px rgb(0 0 0 / .035)}
.brand{width:180px;flex:0 0 180px;display:flex;align-items:center;justify-content:flex-start}
.brand img{width:180px;height:110px;object-fit:contain;object-position:left center}
.header-cta{border-radius:4px;font-weight:700;min-height:49px;transition:transform .25s,background .25s,box-shadow .25s}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0002;text-decoration:none}
nav{gap:clamp(14px,2.4vw,31px)}
nav>a,.service-toggle{font-weight:600}
.service-toggle:hover{color:#9c7837}
.service-menu{top:calc(100% - 8px);z-index:120;border-radius:5px;box-shadow:0 16px 45px #172b3840;grid-template-columns:1fr 1fr}
.service-menu a{border-radius:3px}
.button{border-radius:4px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s}
.button::before{content:"";position:absolute;inset:0;transform:translateX(-130%) skewX(-18deg);background:linear-gradient(90deg,transparent,#fff5,transparent);transition:transform .7s}
.button:hover::before{transform:translateX(130%) skewX(-18deg)}
.button:hover{box-shadow:0 10px 22px #1112;transform:translateY(-3px)}
.text-link,.gallery-slide,.category-links a{transition:color .2s,transform .25s}
.text-link:hover{transform:translateX(3px)}
.service-card .card-image{position:relative;border-radius:4px}
.service-card .card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#152b392c,transparent 52%);opacity:.75;pointer-events:none}
.service-card img{transform:translateZ(0);backface-visibility:hidden}
.service-card:hover img{transform:scale(1.045)}
.service-card:hover .card-text>span{transform:translate(3px,-2px)}
.card-text>span{transition:transform .2s}
.wrap{padding-top:75px;padding-bottom:75px}
.process{padding-top:85px;padding-bottom:85px}
.steps article{transition:padding .2s,background .2s}
.steps article:hover{padding-left:12px;background:rgb(154 143 91 / .04)}
.closing{position:relative;overflow:hidden}
.closing::before{content:"";position:absolute;top:-140px;right:-90px;width:400px;height:400px;border:1px solid currentColor;border-radius:50%;opacity:.08;pointer-events:none}
.footer-brand img{width:205px;max-width:100%;height:auto;max-height:150px;object-fit:contain;object-position:left;background:white;border-radius:3px;padding:4px;margin-bottom:14px}
footer{gap:32px;padding-top:60px}
footer h3{letter-spacing:.045em;text-transform:uppercase}
footer a{width:fit-content;max-width:100%}
.social-placeholder{margin-top:19px;padding-top:13px;border-top:1px solid #aaa5}
.social-heading{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;display:block;margin-bottom:12px;opacity:.82}
.social-icons{display:flex;gap:10px;align-items:center}
.social-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:.56;cursor:default}
.social-icon svg{width:19px;height:19px}
.floating{border-radius:40px;padding:0 15px;width:auto;min-width:54px;gap:7px;font-weight:700;font-size:12px;box-shadow:0 5px 22px #0003;transition:transform .3s,box-shadow .3s}
.floating:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0004}
.floating span{white-space:nowrap}
/* Fully original, continuously scrolling service ticker; pauses only for reduced-motion user preference */
.motion-ticker{width:100%;overflow:hidden;background:#19333d;color:#fff;position:relative;border-top:1px solid #ffffff3b;border-bottom:1px solid #ffffff25}
.ticker-inner{width:max-content;display:flex;animation:marquee 45s linear infinite;will-change:transform}
.ticker-unit{display:flex;align-items:center;gap:30px;padding:17px 15px;white-space:nowrap;font-size:11px;letter-spacing:2px;font-weight:700}
.ticker-unit i{font-style:normal;color:#e9c66c}
@keyframes marquee{to{transform:translateX(-50%)}}
.v2 .motion-ticker{background:#4a5a45;color:#faf9f0}
.v3 .motion-ticker{background:#e2c77b;color:#162629}
.v3 .ticker-unit i{color:#4e5347}
/* Feature editorials are version-specific, not palette swaps */
.experience{position:relative;display:grid;grid-template-columns:1.04fr 1fr;align-items:stretch;min-height:475px;overflow:hidden}
.experience-photo{min-width:0;overflow:hidden}
.experience-photo img{width:100%;height:100%;object-fit:cover;min-height:430px;transition:transform 1.2s}
.experience:hover .experience-photo img{transform:scale(1.025)}
.experience-copy{padding:clamp(40px,5.5vw,95px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}
.experience h2{font-size:clamp(36px,4.2vw,70px);margin:0 0 24px;max-width:700px}
.experience p{max-width:460px;margin-bottom:23px}
.feature-v1{grid-template-columns:1.1fr .9fr;background:#19303b;color:#fff}
.feature-v1 .experience-photo{grid-column:1;grid-row:1}
.feature-v1 .experience-copy{grid-column:2;grid-row:1}
.feature-v1 .experience-copy p{color:#d9e2e5}
.feature-v1 .experience-copy .eyebrow{color:#e1bd62}
.feature-v2{grid-template-columns:.85fr 1.15fr;gap:clamp(25px,4vw,70px);align-items:center}
.feature-v2 .experience-copy{padding:30px 0}
.feature-v2 .experience-photo img{border-radius:220px 220px 5px 5px;max-height:620px}
.feature-v2 .experience h2{font-family:var(--serif)}
.feature-v2 .experience-copy p{color:#616e5b}
.feature-v3{grid-template-columns:.98fr 1.02fr;background:#253538;color:#fff;margin:0 5vw}
.feature-v3 .experience-copy{padding:70px 6vw}
.feature-v3 .experience-copy p{color:#d5dedd}
.feature-v3 .experience-copy .eyebrow{color:#e2c77b}
.feature-v3 .button{color:#18292a}
/* Visual horizontal gallery, with functional keyboard-accessible controls. */
.gallery-rail{background:transparent}
.rail-top{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}
.rail-top h2{font-size:clamp(32px,3.8vw,55px);margin:0}
.rail-controls{display:flex;gap:10px;flex-shrink:0}
.rail-controls button{border:1px solid currentColor;color:inherit;background:transparent;min-width:47px;min-height:47px;border-radius:50%;font:22px var(--sans);transition:background .2s,color .2s,transform .2s}
.rail-controls button:hover{background:var(--accent);color:#142632;transform:translateY(-2px)}
.rail-track{display:flex;gap:19px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-padding-left:3px;padding:0 0 16px}
.gallery-slide{flex:0 0 clamp(255px,30vw,440px);scroll-snap-align:start;min-width:0;display:block}
.gallery-slide img{aspect-ratio:4/3;object-fit:cover;border-radius:4px;transition:filter .25s,transform .4s}
.gallery-slide:hover img{filter:brightness(.92);transform:scale(1.005)}
.gallery-slide>span{padding:14px 2px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}
.gallery-slide b{font-size:15px;font-weight:600;line-height:1.35}
.gallery-note{font-size:11px;max-width:650px;margin:12px 0 0}
/* Substantive service detail additions */
.service-explained{background:linear-gradient(135deg,rgba(160,158,131,.07),transparent 66%)}
.service-explained .section-heading p{max-width:530px}
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.insight{padding:28px 25px 24px;background:#fff;border:1px solid #dcdbd3;box-shadow:0 5px 21px #00000008;transition:transform .24s}
.insight:hover{transform:translateY(-5px)}
.insight span{font-size:10px;letter-spacing:1.7px;color:#92743d}
.insight h3{font-size:21px;margin:24px 0 13px}
.insight p{font-size:14px;line-height:1.75;margin:0}
.v2 .insight{background:#f8f8f3}
.v3 .insight{background:#293a3d;border-color:#596061}
.v3 .insight span{color:#e2c77b}
.v3 .insight p{color:#c5d0cf}
.service-perspective{display:grid;grid-template-columns:.75fr 1.25fr;background:#243640;color:#fff;align-items:stretch}
.perspective-lead{padding:clamp(34px,6vw,90px);align-self:center}
.perspective-lead h2{font-size:clamp(31px,3.7vw,54px)}
.perspective-lead p{color:#d8e1e0;max-width:440px}
.perspective-gallery{display:grid;grid-template-columns:1fr 1fr;min-height:370px}
.perspective-img{overflow:hidden}
.perspective-img img{height:100%;width:100%;object-fit:cover;transition:transform .7s}
.perspective-img:hover img{transform:scale(1.05)}
.v2 .service-perspective{background:#52614c}
.v3 .service-perspective{background:#2c3b3e}
/* About / service taxonomy content */
.about-pillars{padding-top:45px}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pillars a{display:flex;flex-direction:column;min-height:300px;padding:30px 27px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper),#d0c9a2 11%);transition:transform .25s,background .25s}
.pillars a:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--paper),#d0c9a2 22%)}
.pillars a>span{font-size:10px;letter-spacing:1.5px;color:var(--accent)}
.pillars h3{font-size:25px;max-width:230px;margin:22px 0 12px}
.pillars p{font-size:14px}
.pillars b{font-size:12px;margin-top:auto}
.v1 .pillars a>span{color:#926c28}
.v2 .pillars a>span{color:#52704c}
.category-block{display:grid;grid-template-columns:.77fr 1.23fr;background:#f2eee4;border:1px solid var(--line);margin-top:27px;overflow:hidden;scroll-margin-top:130px}
.category-visual{min-height:370px}
.category-visual img{width:100%;height:100%;object-fit:cover}
.category-copy{padding:clamp(26px,4vw,55px)}
.category-copy .eyebrow{margin-bottom:11px}
.category-copy h3{font-size:clamp(26px,2.8vw,40px);margin:0 0 12px}
.category-copy p{font-size:14px;max-width:570px}
.category-links{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;margin-top:24px}
.category-links a{font-size:13px;border-top:1px solid #abb0a7;padding:13px 3px;display:flex;justify-content:space-between;gap:9px}
.category-links a:hover{color:#86702d;transform:translateX(2px)}
.v2 .category-block{background:#ecefe5}
.v3 .category-block{background:#263639}
.v3 .category-links a{border-color:#566263}
.contact-context{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,80px)}
.contact-visual img{aspect-ratio:1.45;object-fit:cover;min-height:320px;border-radius:4px}
.contact-copy h2{font-size:clamp(31px,3.8vw,52px)}
.contact-copy p{max-width:600px}
/* Logo and hero refinements */
.v2 h1,.v2 h2{font-family:Georgia,'Times New Roman',serif}
.v2 header{height:125px}
.v2 .brand img{height:108px}
.v3 header{height:118px;border-top:4px solid #d4b66b}
.v3 header .brand img{height:108px}
.v3 .hero-three{position:relative;width:100%;min-height:min(730px,79vh);display:flex;align-items:center;overflow:hidden;color:#fff;background:#172a2d}
.v3 .hero-three-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:0;animation:hero-drift 24s ease-in-out infinite alternate}
@keyframes hero-drift{from{transform:scale(1.01)}to{transform:scale(1.08)}}
.v3 .hero-three-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d1a1de8 0%,#122426b8 38%,#101e1f52 75%,#101a1b35),linear-gradient(0deg,#1525288f,transparent 36%);z-index:1}
.v3 .hero-three .hero-content{position:relative;z-index:2;max-width:1030px;width:100%;padding:clamp(65px,9vw,145px) 6vw}
.v3 .hero-three h1{font-size:clamp(54px,8vw,116px);line-height:1.02;letter-spacing:-.065em;text-shadow:0 2px 22px #0003}
.v3 .hero-three .eyebrow{color:#e5d08e}
.v3 .hero-three .hero-bottom{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:25px}
.v3 .hero-three .hero-bottom p{color:#ecf1ee;flex:0 0 100%;font-size:17px}
.v3 .hero-three .button{min-width:180px}
.v3 .hero-inline-link{display:inline-flex;align-items:center;gap:20px;color:white;border-bottom:1px solid #fff8;padding:14px 3px;font-size:14px;font-weight:600}
.v3 .hero-inline-link:hover{color:#f6d885}
.v3 .full-bleed-inner{position:relative;width:100%;min-height:430px;display:flex;align-items:center;overflow:hidden;background:#14282b;color:#fff}
.v3 .full-bleed-inner>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;min-height:0;object-fit:cover;object-position:center 48%;animation:hero-drift 26s ease-in-out infinite alternate}
.v3 .full-bleed-inner::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0d2024eb,#0e2223bf 48%,#14262930),linear-gradient(0deg,#0f262456,transparent 50%)}
.v3 .full-bleed-inner .inner-copy{position:relative;z-index:2;width:min(1100px,100%);padding:65px 6vw}
.v3 .full-bleed-inner .inner-copy h1{max-width:900px;color:#fff;font-size:clamp(40px,5.2vw,72px);line-height:1.1;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal}
.v3 .full-bleed-inner .inner-copy p{color:#eef3ef;font-size:16px;max-width:680px}
.v3 .full-bleed-inner .eyebrow{color:#ead08c}
/* Existing inner pages: strengthen proportions rather than reinvent V1/V2 direction */
.v1 .inner-hero,.v2 .inner-hero{min-height:345px}
.v1 .inner-hero>img,.v2 .inner-hero>img{object-fit:cover;object-position:center;min-height:345px}
.v1 .inner-copy,.v2 .inner-copy{align-self:center}
.v3 .system-feature{margin-block:0}
.v3 .system-feature p{color:#d0d9d6}
.v3 .system-feature .text-link{color:#f4d991}
.v3 .feature-v3 .button{background:#e2c77b}
/* Entrance animations: CSS doesn't hide sections if JS unavailable. */
.js-enhanced .reveal,.js-enhanced .insight,.js-enhanced .pillars a,.js-enhanced .category-block{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js-enhanced .in-view{opacity:1!important;transform:none!important}
@media(max-width:1200px){
 header{gap:18px}nav{gap:15px;font-size:12px}
 .brand,.brand img{width:152px}.brand{flex-basis:152px}.brand img{height:99px}
 .header-cta{padding:11px 13px}
 .experience-copy{padding:50px}
 .detail-body{gap:52px}
}
@media(max-width:800px){
 header,.v2 header,.v3 header{height:92px;padding:7px 4vw;gap:7px;position:relative}
 .brand,.v2 .brand,.v3 .brand{order:0!important;width:137px;flex:0 0 137px;margin:0!important}
 .brand img,.v2 .brand img,.v3 .brand img{width:137px;height:78px;object-position:left center}
 .hamburger{order:1!important;margin-left:0;flex:0 0 44px;border:1px solid #e1e4e2;border-radius:3px}
 .header-cta{order:2!important;margin-left:auto!important;padding:10px;min-height:44px}
 nav{order:3!important;position:absolute;top:92px!important;left:0;right:0;z-index:130;background:#fff;max-height:calc(100dvh - 98px);margin:0!important;padding:10px 5vw 22px}
 .service-menu{width:100%;background:#f6f6f4;border:0;padding:4px 12px 12px;border-radius:0}
 .service-menu.open{display:flex;flex-direction:column}
 .service-menu a{font-size:13px}
 .ticker-unit{font-size:10px;padding:15px;gap:19px}
 .experience{grid-template-columns:1fr 1fr;min-height:400px}
 .experience-copy{padding:36px}
 .experience h2{font-size:clamp(29px,4.8vw,49px)}
 .experience-photo img{min-height:400px}
 .feature-v2{gap:30px}
 .feature-v3{margin:0 4vw}
 .v3 .hero-three{min-height:610px}
 .v3 .hero-three .hero-content{padding:85px 5vw}
 .v3 .hero-three h1{font-size:clamp(58px,10vw,91px)}
 .v3 .full-bleed-inner{min-height:380px}
 .v3 .full-bleed-inner>img{min-height:0;height:100%;max-height:none}
 .v3 .full-bleed-inner .inner-copy{padding:55px 6vw}
 .v3 .full-bleed-inner .inner-copy h1{font-size:clamp(34px,5.6vw,55px)}
 .v1 .inner-hero,.v2 .inner-hero{min-height:330px}
 .v1 .inner-hero>img,.v2 .inner-hero>img{min-height:330px}
 .insight-grid,.pillars{grid-template-columns:repeat(2,1fr)}
 .service-perspective{grid-template-columns:1fr}
 .perspective-lead{padding:40px 6vw}
 .perspective-gallery{height:310px;min-height:0}
 .category-block{grid-template-columns:1fr 1.3fr}
 .category-copy{padding:30px}
 .category-links{grid-template-columns:1fr}
 .category-visual{min-height:400px}
 footer{grid-template-columns:1.25fr 1fr 1fr;gap:25px}
 footer>div:nth-child(4){grid-column:2/4}
}
@media(max-width:580px){
 body{font-size:14px}
 .wrap{padding:55px 5.5vw}
 header,.v2 header,.v3 header{height:80px;padding:5px 3vw;gap:4px}
 .brand,.v2 .brand,.v3 .brand{width:116px;flex-basis:116px}
 .brand img,.v2 .brand img,.v3 .brand img{width:116px;height:69px}
 .hamburger{width:40px;flex-basis:40px;height:43px;padding:8px}
 nav{top:80px!important;max-height:calc(100dvh - 86px)}
 .header-cta{font-size:11px;padding:8px 7px;gap:5px;min-height:43px}
 .header-cta svg{width:20px;height:20px}
 .floating{width:52px;min-width:52px;height:52px;padding:0;justify-content:center;right:12px;bottom:14px}
 .floating span{display:none}
 .footer-brand{grid-template-columns:125px 1fr}
 .footer-brand img{width:125px;max-height:115px}
 footer>div:nth-child(4){grid-column:1/-1}
 .social-icons{gap:10px}
 .experience,.feature-v1,.feature-v2,.feature-v3{display:flex;flex-direction:column;min-height:auto;margin:0}
 .feature-v1 .experience-photo,.feature-v1 .experience-copy{grid-row:auto;grid-column:auto}
 .feature-v1 .experience-photo{order:0}
 .feature-v1 .experience-copy{order:1}
 .feature-v2{padding:52px 5.5vw}
 .feature-v2 .experience-copy{order:0;padding:0 0 28px}
 .feature-v2 .experience-photo{order:1}
 .feature-v3 .experience-copy{order:1;padding:40px 6vw}
 .feature-v3 .experience-photo{order:0}
 .experience h2{font-size:39px;line-height:1.14}
 .experience-photo img,.feature-v2 .experience-photo img{height:290px;min-height:0;border-radius:0}
 .rail-top{align-items:flex-end}
 .rail-top h2{font-size:32px}
 .rail-top .eyebrow{font-size:8px;letter-spacing:1.2px}
 .rail-controls button{min-width:40px;min-height:40px;font-size:19px}
 .gallery-slide{flex-basis:83vw}
 .gallery-slide img{aspect-ratio:4/3}
 .gallery-note{font-size:10px}
 .v3 .hero-three{min-height:635px;align-items:center}
 .v3 .hero-three .hero-content{padding:85px 6vw 70px}
 .v3 .hero-three h1{font-size:clamp(51px,12.5vw,68px);letter-spacing:-.053em}
 .v3 .hero-three-photo{object-position:63% center}
 .v3 .hero-three-shade{background:linear-gradient(90deg,#102225e8,#162a2bad 75%),linear-gradient(0deg,#0a1718d6,transparent 52%)}
 .v3 .hero-three .hero-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:14px}
 .v3 .hero-three .hero-bottom p{font-size:14px;margin-bottom:3px}
 .v3 .hero-three .button{margin-top:5px}
 .v3 .full-bleed-inner{min-height:320px;max-height:none;display:flex;flex-direction:column;align-items:stretch;justify-content:center}
 .v3 .full-bleed-inner>img{width:100%;height:100%;max-height:none;min-height:0;object-position:61% center;position:absolute}
 .v3 .full-bleed-inner::after{background:linear-gradient(90deg,#0d2024eb,#10252ac2 65%,#1325276e)}
 .v3 .full-bleed-inner .inner-copy{padding:50px 6vw;min-height:320px;display:flex;flex-direction:column;justify-content:center}
 .v3 .full-bleed-inner .inner-copy h1{font-size:clamp(31px,8vw,41px);letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}
 .v3 .full-bleed-inner .inner-copy p{font-size:14px;line-height:1.5}
 .v1 .inner-hero>img,.v2 .inner-hero>img{height:245px;max-height:245px;min-height:0}
 .insight-grid,.pillars{grid-template-columns:1fr;gap:14px}
 .insight{padding:25px}
 .insight h3{margin:14px 0 9px}
 .service-explained .section-heading{margin-bottom:20px}
 .service-explained h2{font-size:33px}
 .pillars a{min-height:220px;padding:24px}
 .service-perspective{display:flex;flex-direction:column}
 .perspective-lead{padding:36px 6vw}
 .perspective-gallery{height:245px}
 .category-block{display:flex;flex-direction:column}
 .category-visual{height:225px;min-height:0}
 .category-copy{padding:24px 23px}
 .category-links{margin-top:16px}
 .contact-context{grid-template-columns:1fr;gap:26px}
 .contact-visual img{min-height:0;aspect-ratio:1.5}
 .service-card .card-image::after{display:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .ticker-inner,.v3 .hero-three-photo,.v3 .full-bleed-inner>img{animation:none!important}
 .js-enhanced .reveal,.js-enhanced .insight,.js-enhanced .pillars a,.js-enhanced .category-block{opacity:1;transform:none;transition:none}
 *,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important}
}

/* Ensure the trimmed original logo stays inside the mobile header at all widths. */
@media(max-width:800px){header,.v2 header,.v3 header{height:96px}.brand img,.v2 header .brand img,.v3 header .brand img,header .brand img{height:90px;width:137px}header nav{top:96px!important;max-height:calc(100dvh - 102px)}}
@media(max-width:580px){header,.v2 header,.v3 header{height:94px}.brand,.v2 .brand,.v3 .brand{width:116px;flex-basis:116px}.brand img,.v2 header .brand img,.v3 header .brand img,header .brand img{height:91px;width:116px}header nav{top:94px!important;max-height:calc(100dvh - 100px)}}

/* --- Revision: full-width image blocks with text overlays across all versions/pages --- */
.v1 .inner-hero,.v2 .inner-hero,.v3 .inner-hero,
.about-feature,
.experience,
.service-perspective,
.category-block{
  position:relative;
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
  color:#fff;
  border:0;
  isolation:isolate;
  background:#112630;
}

.v1 .inner-hero,.v2 .inner-hero,.v3 .inner-hero{min-height:clamp(380px,46vw,560px)}
.about-feature{min-height:clamp(430px,48vw,620px)}
.experience{min-height:clamp(430px,48vw,620px)}
.service-perspective{min-height:clamp(420px,44vw,560px)}
.category-block{min-height:clamp(450px,47vw,580px);margin-top:30px;scroll-margin-top:130px}

.v1 .inner-hero>img,.v2 .inner-hero>img,.v3 .inner-hero>img,
.about-feature>img,
.experience .experience-photo,
.service-perspective .perspective-gallery,
.category-block .category-visual{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}

.v1 .inner-hero>img,.v2 .inner-hero>img,.v3 .inner-hero>img,
.about-feature>img,
.experience .experience-photo img,
.service-perspective .perspective-img img,
.category-block .category-visual img{
  width:100%;
  height:100%;
  max-height:none;
  min-height:0;
  object-fit:cover;
}
.experience .experience-photo img,.category-block .category-visual img{transition:transform 1.1s ease}
.experience:hover .experience-photo img,.category-block:hover .category-visual img,.service-perspective:hover .perspective-img img,.about-feature:hover>img{transform:scale(1.04)}
.about-feature>img{transition:transform 1.1s ease}

.v1 .inner-hero::after,.v2 .inner-hero::after,.v3 .inner-hero::after,
.about-feature::after,
.experience::after,
.service-perspective::after,
.category-block::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(11,27,34,.92) 0%, rgba(15,34,42,.84) 28%, rgba(18,36,44,.55) 54%, rgba(18,36,44,.20) 78%, rgba(18,36,44,.12) 100%),
    linear-gradient(0deg, rgba(5,15,20,.30), rgba(5,15,20,.08));
}
.v2 .inner-hero::after,.v2 .about-feature::after,.v2 .experience::after,.v2 .service-perspective::after,.v2 .category-block::after{
  background:
    linear-gradient(90deg, rgba(27,40,28,.88) 0%, rgba(39,54,39,.78) 30%, rgba(58,73,56,.47) 56%, rgba(48,64,47,.17) 82%, rgba(48,64,47,.10) 100%),
    linear-gradient(0deg, rgba(7,11,8,.22), rgba(7,11,8,.05));
}
.v3 .inner-hero::after,.v3 .about-feature::after,.v3 .experience::after,.v3 .service-perspective::after,.v3 .category-block::after{
  background:
    linear-gradient(90deg, rgba(10,25,29,.93) 0%, rgba(14,33,36,.84) 28%, rgba(16,36,38,.56) 54%, rgba(16,36,38,.20) 80%, rgba(16,36,38,.10) 100%),
    linear-gradient(0deg, rgba(6,16,19,.28), rgba(6,16,19,.06));
}

.v1 .inner-copy,.v2 .inner-copy,.v3 .inner-copy,
.about-feature>div,
.experience .experience-copy,
.service-perspective .perspective-lead,
.category-block .category-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  width:min(100%, 820px);
  margin:0;
  padding:clamp(44px,6vw,84px) 6vw;
}

.v1 .inner-copy,.v2 .inner-copy,.v3 .inner-copy{min-height:inherit;max-width:980px}
.about-feature>div,.experience .experience-copy,.service-perspective .perspective-lead,.category-block .category-copy{
  min-height:inherit;
}

.about-feature>div,
.experience .experience-copy,
.service-perspective .perspective-lead,
.category-block .category-copy,
.v1 .inner-copy,.v2 .inner-copy,.v3 .inner-copy{
  background:linear-gradient(180deg, rgba(9,21,27,.26), rgba(9,21,27,.08));
}

.v1 .inner-copy h1,.v2 .inner-copy h1,.v3 .inner-copy h1,
.about-feature h2,
.experience h2,
.service-perspective h2,
.category-copy h3{
  color:#fff;
  max-width:12ch;
  margin:0 0 18px;
  text-shadow:0 2px 14px rgba(0,0,0,.14);
}
.v1 .inner-copy p,.v2 .inner-copy p,.v3 .inner-copy p,
.about-feature p,
.experience p,
.service-perspective p,
.category-copy p,
.category-links a,
.category-links a span{
  color:rgba(245,248,248,.94);
}
.about-feature .eyebrow,.experience .eyebrow,.service-perspective .eyebrow,.category-copy .eyebrow{color:#ead08c}
.v2 .about-feature .eyebrow,.v2 .experience .eyebrow,.v2 .service-perspective .eyebrow,.v2 .category-copy .eyebrow,.v2 .inner-copy .eyebrow{color:#f0db9c}
.v3 .about-feature .eyebrow,.v3 .experience .eyebrow,.v3 .service-perspective .eyebrow,.v3 .category-copy .eyebrow,.v3 .inner-copy .eyebrow{color:#ead08c}
.v1 .inner-copy p,.v2 .inner-copy p,.v3 .inner-copy p,
.about-feature p,.experience p,.service-perspective p,.category-copy p{max-width:620px;font-size:15px;line-height:1.8}
.category-copy h3{font-size:clamp(30px,4vw,56px);line-height:1.08;letter-spacing:-.04em}
.category-copy p{margin-bottom:24px}
.category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;width:min(100%,720px);margin-top:14px}
.category-links a{padding:14px 16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);backdrop-filter:blur(6px);border-radius:2px;justify-content:space-between;transition:background .25s,transform .25s,border-color .25s}
.category-links a:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);transform:translateY(-2px);color:#fff}

.service-perspective .perspective-gallery{display:grid;grid-template-columns:1fr 1fr;min-height:100%}
.service-perspective .perspective-img{overflow:hidden;height:100%}
.service-perspective .perspective-img img{transition:transform .8s ease, filter .3s ease;filter:saturate(.95)}
.service-perspective .perspective-lead{max-width:640px}

.about-feature .text-link,.experience .text-link,
.v1 .inner-copy .text-link,.v2 .inner-copy .text-link,.v3 .inner-copy .text-link,
.service-perspective .text-link{color:#fff;border-color:rgba(255,255,255,.55)}
.about-feature .button,.experience .button,.service-perspective .button,.category-copy .button,
.v1 .inner-copy .button,.v2 .inner-copy .button,.v3 .inner-copy .button{margin-top:10px}

/* keep v2 editorial style while converting to overlay */
.feature-v2{padding:0}
.feature-v2 .experience-copy{padding:clamp(44px,6vw,84px) 6vw}
.feature-v2 .experience-photo img{border-radius:0;max-height:none}
.feature-v3 .experience-copy{padding:clamp(44px,6vw,84px) 6vw}

/* mobile refinements */
@media (max-width: 900px){
  .v1 .inner-hero,.v2 .inner-hero,.v3 .inner-hero,.about-feature,.experience,.service-perspective,.category-block{min-height:360px}
  .category-links{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .v1 .inner-hero,.v2 .inner-hero,.v3 .inner-hero,.about-feature,.experience,.service-perspective,.category-block{min-height:340px}
  .v1 .inner-hero::after,.v2 .inner-hero::after,.v3 .inner-hero::after,.about-feature::after,.experience::after,.service-perspective::after,.category-block::after{
    background:
      linear-gradient(180deg, rgba(10,22,27,.18) 0%, rgba(10,22,27,.46) 16%, rgba(10,22,27,.82) 56%, rgba(10,22,27,.94) 100%);
  }
  .v2 .inner-hero::after,.v2 .about-feature::after,.v2 .experience::after,.v2 .service-perspective::after,.v2 .category-block::after{
    background:linear-gradient(180deg, rgba(18,28,18,.16) 0%, rgba(22,36,22,.42) 16%, rgba(24,40,24,.80) 56%, rgba(24,40,24,.94) 100%);
  }
  .v3 .inner-hero::after,.v3 .about-feature::after,.v3 .experience::after,.v3 .service-perspective::after,.v3 .category-block::after{
    background:linear-gradient(180deg, rgba(10,22,24,.16) 0%, rgba(13,27,29,.45) 16%, rgba(13,27,29,.82) 56%, rgba(13,27,29,.95) 100%);
  }
  .v1 .inner-copy,.v2 .inner-copy,.v3 .inner-copy,.about-feature>div,.experience .experience-copy,.service-perspective .perspective-lead,.category-block .category-copy{
    justify-content:flex-end;
    width:100%;
    padding:34px 6vw 34px;
  }
  .service-perspective .perspective-gallery{grid-template-columns:1fr 1fr}
  .service-perspective .perspective-lead,.category-block .category-copy,.about-feature>div,.experience .experience-copy{background:linear-gradient(180deg, rgba(9,21,27,0) 0%, rgba(9,21,27,.14) 38%, rgba(9,21,27,.28) 100%)}
  .v1 .inner-copy h1,.v2 .inner-copy h1,.v3 .inner-copy h1,.about-feature h2,.experience h2,.service-perspective h2,.category-copy h3{max-width:100%;font-size:clamp(30px,9.6vw,42px);line-height:1.12;letter-spacing:-.04em}
  .category-links a{padding:12px 14px}
}