/* STYLE 05 — CINEMATIC MOTION
   Dark, luminous InPlace experience with restrained motion. */
.layout-cinematic-motion{scroll-padding-top:92px;background:#06111d}
.layout-cinematic-motion body{background:#06111d;color:#eef1f4;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.layout-cinematic-motion .topbar{display:none}
.layout-cinematic-motion header{position:fixed;inset:0 0 auto;z-index:2147483000;background:rgba(6,17,29,.84)!important;border-bottom:1px solid rgba(200,168,106,.16);backdrop-filter:blur(18px);transform:translate3d(0,0,0);transition:transform .52s cubic-bezier(.22,1,.36,1),background .3s ease;isolation:isolate}
.layout-cinematic-motion header.nav-hidden{transform:translate3d(0,-105%,0)}
.layout-cinematic-motion .container.nav{width:100%;max-width:none;min-height:80px;padding:0 clamp(1.2rem,3vw,3rem)}

/* Symbol first; full identity reveals on hover or keyboard focus. */
.layout-cinematic-motion .brand{position:relative;width:74px;height:68px;flex:0 0 auto;overflow:visible;transition:width .5s cubic-bezier(.22,.61,.36,1)}
.layout-cinematic-motion .brand:hover,.layout-cinematic-motion .brand:focus-visible{width:190px}
.layout-cinematic-motion .brand img{position:absolute;left:-8px;top:50%;width:180px!important;max-width:250px!important;max-height:120px!important;clip-path:inset(0 66% 0 0);transform:translateY(-50%)!important;transform-origin:left center!important;filter:drop-shadow(0 0 12px rgba(200,168,106,.18));transition:clip-path .5s cubic-bezier(.22,.61,.36,1),filter .35s ease!important}
.layout-cinematic-motion .brand:hover img,.layout-cinematic-motion .brand:focus-visible img{clip-path:inset(0);filter:drop-shadow(0 0 15px rgba(200,168,106,.45))}
.layout-cinematic-motion .nav nav{margin-left:auto;color:rgba(238,241,244,.72);gap:clamp(1rem,2.3vw,2.5rem);font-size:.78rem}
.layout-cinematic-motion .nav nav a{position:relative;padding:.65rem 0;transition:color .25s ease}
.layout-cinematic-motion .nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:.25rem;height:1px;background:#c8a86a;transition:right .28s ease}
.layout-cinematic-motion .nav nav a:hover,.layout-cinematic-motion .nav nav a:focus-visible{color:#fff}
.layout-cinematic-motion .nav nav a:hover::after,.layout-cinematic-motion .nav nav a:focus-visible::after{right:0}

/* Brand-gold luminous controls. */
.layout-cinematic-motion .button,.layout-cinematic-motion .nav-cta{position:relative;overflow:hidden;border-radius:999px;isolation:isolate;transition:transform .25s ease,box-shadow .3s ease,filter .3s ease}
.layout-cinematic-motion .button.gold,.layout-cinematic-motion .nav-cta{background:linear-gradient(135deg,#9b753a 0%,#c8a86a 48%,#ead69c 100%)!important;color:#071421!important;border:1px solid rgba(255,255,255,.2)}
.layout-cinematic-motion .button.gold::before,.layout-cinematic-motion .nav-cta::before{content:"";position:absolute;inset:-80% -30%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 48%,transparent 62%);transform:translateX(-70%) rotate(8deg);transition:transform .65s ease}
.layout-cinematic-motion .button.gold:hover::before,.layout-cinematic-motion .nav-cta:hover::before{transform:translateX(70%) rotate(8deg)}
.layout-cinematic-motion .button.gold:hover,.layout-cinematic-motion .nav-cta:hover{transform:translateY(-3px);box-shadow:0 0 20px rgba(200,168,106,.48),0 0 46px rgba(200,168,106,.2);filter:saturate(1.08)}
.layout-cinematic-motion .button.outline{border-color:rgba(200,168,106,.45);color:#f4ead7;background:rgba(200,168,106,.04)}
.layout-cinematic-motion .button.outline:hover{box-shadow:0 0 18px rgba(200,168,106,.2);border-color:#c8a86a}

.layout-cinematic-motion .hero{position:relative;min-height:100svh;padding-top:80px;background:radial-gradient(circle at 78% 38%,rgba(200,168,106,.16),transparent 25%),radial-gradient(circle at 88% 58%,rgba(80,113,150,.18),transparent 35%),linear-gradient(135deg,#06111d,#0b1929 58%,#07111c)!important;color:#fff}
.layout-cinematic-motion .hero::before{content:"";position:absolute;inset:80px 0 0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(200,168,106,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(200,168,106,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent)}
.layout-cinematic-motion .hero-grid{position:relative;min-height:calc(100svh - 80px);width:min(1440px,calc(100% - 4rem));grid-template-columns:1fr .92fr;gap:clamp(3rem,7vw,8rem);padding:7rem 0 5rem}
.layout-cinematic-motion .hero h1{max-width:800px;color:#fff;font:650 clamp(4.2rem,7.5vw,8rem)/.93 Manrope,Arial,sans-serif;letter-spacing:-.065em}
.layout-cinematic-motion .hero h1 em{display:block;background:linear-gradient(90deg,#c8a86a,#f2dfae 46%,#7594a2);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;font-weight:650}
.layout-cinematic-motion .hero-lede{max-width:650px;color:rgba(238,241,244,.68);font-size:1.05rem}
.layout-cinematic-motion .proof-line{color:rgba(238,241,244,.66)}
.layout-cinematic-motion .hero-visual{min-height:590px;filter:drop-shadow(0 0 45px rgba(200,168,106,.1))}
.layout-cinematic-motion .coast{inset:4% 0;border:1px solid rgba(200,168,106,.35);border-radius:50%;background:radial-gradient(circle at center,rgba(200,168,106,.13) 0 4%,transparent 4.5% 19%,rgba(200,168,106,.18) 19.4% 19.8%,transparent 20.2% 33%,rgba(117,148,162,.22) 33.3% 33.7%,transparent 34%),radial-gradient(circle at 50% 50%,#10253a,#07131f 70%);box-shadow:inset 0 0 60px rgba(200,168,106,.08),0 0 70px rgba(67,98,130,.12);animation:orbitPulse 6s ease-in-out infinite}
.layout-cinematic-motion .coast::before,.layout-cinematic-motion .coast::after{content:"";position:absolute;inset:12%;border:1px solid rgba(200,168,106,.22);border-radius:50%;animation:orbitSpin 18s linear infinite}
.layout-cinematic-motion .coast::after{inset:27%;border-color:rgba(117,148,162,.36);animation-direction:reverse;animation-duration:12s}
.layout-cinematic-motion .sun{background:#c8a86a;box-shadow:0 0 30px rgba(200,168,106,.55)}
.layout-cinematic-motion .sea{background:linear-gradient(90deg,transparent,rgba(117,148,162,.32),transparent);height:2px;top:50%;bottom:auto}
.layout-cinematic-motion .shore{display:none}
.layout-cinematic-motion .house{background:#f6f2ea;filter:drop-shadow(0 0 18px rgba(246,242,234,.22))}
.layout-cinematic-motion .floating{background:rgba(9,23,37,.82);color:#fff;border:1px solid rgba(200,168,106,.24);box-shadow:0 18px 40px rgba(0,0,0,.3);backdrop-filter:blur(14px)}
.layout-cinematic-motion .floating span,.layout-cinematic-motion .floating small{color:#c8a86a}
@keyframes orbitPulse{0%,100%{transform:scale(.985);filter:brightness(.95)}50%{transform:scale(1.015);filter:brightness(1.12)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}

.layout-cinematic-motion .trust-strip{background:#091725!important;border-block:1px solid rgba(200,168,106,.13);padding:1.7rem 0}
.layout-cinematic-motion .trust-item{border-color:rgba(200,168,106,.16)}
.layout-cinematic-motion .trust-item strong{color:#f6f2ea}
.layout-cinematic-motion .trust-item span{color:rgba(238,241,244,.55)}
.layout-cinematic-motion section{padding:clamp(7rem,10vw,11rem) 0}
.layout-cinematic-motion #services{background:#07131f!important;color:#eef1f4;border-bottom:1px solid rgba(200,168,106,.12)}
.layout-cinematic-motion .section-head{align-items:start;margin-bottom:5rem}
.layout-cinematic-motion .section-head h2{color:#fff;font:600 clamp(2.5rem,4vw,4.6rem)/1 Manrope,Arial,sans-serif!important;letter-spacing:-.05em;text-transform:none!important}
.layout-cinematic-motion .section-head>p{color:rgba(238,241,244,.58);border-left:1px solid rgba(200,168,106,.35);padding-left:2rem}
.layout-cinematic-motion .service-grid{grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(200,168,106,.16);border:1px solid rgba(200,168,106,.16)}
.layout-cinematic-motion .service-card,.layout-cinematic-motion .service-card.featured{min-height:420px;border:0;border-radius:0;background:linear-gradient(145deg,#0c1c2c,#091725)!important;color:#eef1f4;padding:3rem;overflow:hidden;transition:background .35s ease,transform .35s ease,box-shadow .35s ease}
.layout-cinematic-motion .service-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;bottom:-120px;background:radial-gradient(circle,rgba(200,168,106,.15),transparent 68%);transition:transform .45s ease}
.layout-cinematic-motion .service-card:hover::after{transform:scale(1.45)}
.layout-cinematic-motion .service-card:hover{z-index:2;transform:translateY(-5px)!important;background:linear-gradient(145deg,#10253a,#0a1927)!important;box-shadow:0 0 30px rgba(200,168,106,.12)}
.layout-cinematic-motion .service-card h3,.layout-cinematic-motion .service-card.featured h3{color:#fff;font:600 2rem/1.05 Manrope,Arial,sans-serif;letter-spacing:-.035em}
.layout-cinematic-motion .service-card p,.layout-cinematic-motion .service-card li,.layout-cinematic-motion .service-card.featured p,.layout-cinematic-motion .service-card.featured li{color:rgba(238,241,244,.58)}
.layout-cinematic-motion .service-number,.layout-cinematic-motion .featured .service-number{color:rgba(200,168,106,.3)}

.layout-cinematic-motion .difference{background:linear-gradient(180deg,#091725,#0c1d2e)!important;color:#eef1f4;border-bottom:1px solid rgba(200,168,106,.13)}
.layout-cinematic-motion .difference h2,.layout-cinematic-motion .difference h3{color:#fff}
.layout-cinematic-motion .difference .body-copy,.layout-cinematic-motion .benefit p{color:rgba(238,241,244,.58)}
.layout-cinematic-motion .quote-art{background:radial-gradient(circle at 70% 25%,rgba(200,168,106,.82) 0 8%,transparent 8.5%),linear-gradient(155deg,#07131f 0 50%,#13304a 50% 72%,#c8a86a 72%);border:1px solid rgba(200,168,106,.23);box-shadow:0 0 55px rgba(200,168,106,.08)}
.layout-cinematic-motion .benefit{border-color:rgba(200,168,106,.5)}
.layout-cinematic-motion .process{background:#06111d!important}
.layout-cinematic-motion .step{border-color:rgba(200,168,106,.2);background:rgba(255,255,255,.018);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.layout-cinematic-motion .step:hover{transform:translateY(-7px);background:rgba(200,168,106,.05);box-shadow:0 0 24px rgba(200,168,106,.08)}
.layout-cinematic-motion .area{background:#081522!important;color:#eef1f4}
.layout-cinematic-motion .area h2{color:#fff}
.layout-cinematic-motion .body-copy{color:rgba(238,241,244,.58)}
.layout-cinematic-motion .area-card{background:radial-gradient(circle at 80% 15%,rgba(200,168,106,.15),transparent 27%),linear-gradient(145deg,#0d2033,#091725);border-color:rgba(200,168,106,.2);box-shadow:none}
.layout-cinematic-motion .area-key{color:#c8a86a}
.layout-cinematic-motion .area-list span{color:#f6f2ea;background:rgba(200,168,106,.04)}
.layout-cinematic-motion .contact{padding-top:0;background:linear-gradient(#081522 0 46%,#040b12 46%)!important}
.layout-cinematic-motion .contact-card{background:#0d2033;border:1px solid rgba(200,168,106,.2);box-shadow:0 0 60px rgba(200,168,106,.08)}
.layout-cinematic-motion .contact-card form{background:#f6f2ea}
.layout-cinematic-motion footer{background:#040b12}

/* Entrance and section-change motion. */
.layout-cinematic-motion .reveal-item{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.layout-cinematic-motion .reveal-item.is-visible{opacity:1;transform:none}
.layout-cinematic-motion .section-head>*:nth-child(2),.layout-cinematic-motion .service-card:nth-child(even),.layout-cinematic-motion .step:nth-child(even){transition-delay:.1s}
.layout-cinematic-motion .section-arriving .section-head>*,.layout-cinematic-motion .section-arriving .service-card,.layout-cinematic-motion .section-arriving .benefit,.layout-cinematic-motion .section-arriving .step{animation:sectionArrival .72s cubic-bezier(.22,.61,.36,1) both}
.layout-cinematic-motion .section-arriving .service-card:nth-child(2),.layout-cinematic-motion .section-arriving .benefit:nth-child(2),.layout-cinematic-motion .section-arriving .step:nth-child(2){animation-delay:.08s}
.layout-cinematic-motion .section-arriving .service-card:nth-child(3),.layout-cinematic-motion .section-arriving .benefit:nth-child(3),.layout-cinematic-motion .section-arriving .step:nth-child(3){animation-delay:.14s}
@keyframes sectionArrival{from{opacity:0;transform:translateY(28px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
.layout-cinematic-motion main{transition:opacity .2s ease,transform .2s ease}
.layout-cinematic-motion.is-section-changing main{opacity:.62;transform:translateY(8px)}

@media(max-width:980px){
 .layout-cinematic-motion .hero-grid{grid-template-columns:1fr;padding-top:7rem}
 .layout-cinematic-motion .hero-visual{min-height:500px}
 .layout-cinematic-motion .service-grid{grid-template-columns:1fr}
 .layout-cinematic-motion .nav-cta{display:none}
}
@media(max-width:650px){
 .layout-cinematic-motion .container.nav{min-height:70px}
 .layout-cinematic-motion .brand{width:58px;height:62px}
 .layout-cinematic-motion .brand:hover,.layout-cinematic-motion .brand:focus-visible{width:150px}
 .layout-cinematic-motion .brand img{width:155px!important;left:-10px}
 .layout-cinematic-motion .hero{padding-top:70px}
 .layout-cinematic-motion .hero-grid{width:calc(100% - 1.75rem);padding:5.5rem 0 4rem}
 .layout-cinematic-motion .hero h1{font-size:clamp(3.3rem,15vw,5rem)}
 .layout-cinematic-motion .hero-visual{min-height:390px}
 .layout-cinematic-motion .section-head>p{border:0;padding-left:0}
 .layout-cinematic-motion .service-card,.layout-cinematic-motion .service-card.featured{min-height:0;padding:2rem}
 .layout-cinematic-motion .contact-card{width:calc(100% - 1.75rem)}
}
@media(prefers-reduced-motion:reduce){
 .layout-cinematic-motion *{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Refinements after interaction review. */
.layout-cinematic-motion .brand,
.layout-cinematic-motion .brand:hover,
.layout-cinematic-motion .brand:focus-visible{
 width:190px;
 height:68px;
 flex:0 0 190px;
 overflow:visible;
 padding:0!important;
 align-self:center!important;
}
.layout-cinematic-motion .brand img{clip-path:none}
.layout-cinematic-motion .brand .brand-mark{
 position:absolute;
 left:0;
 top:50%;
 width:40px;
 height:58px;
 overflow:hidden;
 opacity:1;
 transform:translateY(-50%)!important;
 filter:drop-shadow(0 0 10px rgba(200,168,106,.24));
 transition:filter .3s ease!important;
}
.layout-cinematic-motion .brand .brand-mark img{
 position:absolute;
 left:-14px;
 top:50%;
 width:180px!important;
 height:auto!important;
 max-width:none!important;
 max-height:none!important;
 clip-path:none!important;
 transform:translateY(-50%)!important;
}
.layout-cinematic-motion .brand .brand-name{
 position:absolute;
 left:38px;
 top:50%;
 width:150px;
 height:70px;
 overflow:hidden;
 opacity:0;
 pointer-events:none;
 transform:translateY(-50%) translateX(-8px)!important;
 transition:opacity .4s ease,transform .4s cubic-bezier(.22,.61,.36,1),filter .35s ease!important;
}
.layout-cinematic-motion .brand .brand-name img{
 position:absolute;
 left:-54px;
 top:50%;
 width:180px!important;
 height:auto!important;
 max-width:none!important;
 max-height:none!important;
 clip-path:none!important;
 transform:translateY(-50%)!important;
}
.layout-cinematic-motion .brand:hover .brand-name,
.layout-cinematic-motion .brand:focus-visible .brand-name{
 opacity:1;
 transform:translateY(-50%) translateX(0)!important;
 filter:drop-shadow(0 0 14px rgba(200,168,106,.32));
}
.layout-cinematic-motion .brand:hover .brand-mark,
.layout-cinematic-motion .brand:focus-visible .brand-mark{filter:drop-shadow(0 0 14px rgba(200,168,106,.48))}

.layout-cinematic-motion .nav nav{gap:.35rem}
.layout-cinematic-motion .nav nav a{
 padding:.48rem .8rem;
 border-radius:999px;
 transition:color .25s ease,background .25s ease,box-shadow .25s ease;
}
.layout-cinematic-motion .nav nav a::after{display:none}
.layout-cinematic-motion .nav nav a:hover,
.layout-cinematic-motion .nav nav a:focus-visible{
 color:#fff;
 background:rgba(246,242,234,.11);
 box-shadow:inset 0 0 0 1px rgba(246,242,234,.08),0 0 16px rgba(246,242,234,.05);
}
.layout-cinematic-motion .nav-cta{
 min-width:0!important;
 padding:.62rem 1.05rem!important;
 font-size:.7rem!important;
 line-height:1.1;
 white-space:nowrap;
 align-self:center!important;
 height:auto!important;
 border-radius:999px!important;
}
.layout-cinematic-motion .hero h1{font-size:clamp(3.2rem,5vw,5.3rem);max-width:680px}

.layout-cinematic-motion .trust-icon{
 width:44px;
 height:44px;
 flex:0 0 44px;
 border-color:rgba(200,168,106,.65);
 color:#f1dca8;
 background:rgba(200,168,106,.07);
 font-size:0;
 box-shadow:inset 0 0 16px rgba(200,168,106,.06);
}
.layout-cinematic-motion .trust-icon::before{font:700 1rem/1 Manrope,Arial,sans-serif}
.layout-cinematic-motion .trust-item:nth-child(1) .trust-icon::before{content:"✓"}
.layout-cinematic-motion .trust-item:nth-child(2) .trust-icon::before{content:"●"}
.layout-cinematic-motion .trust-item:nth-child(3) .trust-icon::before{content:"→"}
.layout-cinematic-motion .trust-item:nth-child(4) .trust-icon::before{content:"i"}

/* Pricing-inspired service cards. */
.layout-cinematic-motion #services>.container{width:min(1320px,calc(100% - 3rem))}
.layout-cinematic-motion .service-grid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:1rem;
 border:0;
 background:transparent;
 align-items:stretch;
}
.layout-cinematic-motion .service-card,
.layout-cinematic-motion .service-card.featured{
 display:flex;
 flex-direction:column;
 min-height:570px;
 padding:1.65rem;
 border:1px solid rgba(255,255,255,.12);
 border-radius:14px;
 background:rgba(255,255,255,.035)!important;
 box-shadow:none;
 grid-column:auto;
 grid-row:auto;
}
.layout-cinematic-motion .service-card.featured{
 border-color:rgba(200,168,106,.75);
 background:linear-gradient(180deg,rgba(200,168,106,.09),rgba(255,255,255,.035))!important;
 box-shadow:0 0 28px rgba(200,168,106,.12),inset 0 0 30px rgba(200,168,106,.025);
}
.layout-cinematic-motion .service-card:hover{
 transform:translateY(-5px)!important;
 border-color:rgba(200,168,106,.45);
 background:rgba(255,255,255,.05)!important;
}
.layout-cinematic-motion .service-number{
 margin:0 0 .9rem;
 color:rgba(200,168,106,.55);
 font:700 .68rem/1 Manrope,Arial,sans-serif;
 letter-spacing:.14em;
}
.layout-cinematic-motion .service-card h3,
.layout-cinematic-motion .service-card.featured h3{
 min-height:2.5em;
 margin:0;
 padding-right:4.5rem;
 font:650 1.2rem/1.2 Manrope,Arial,sans-serif;
 letter-spacing:-.025em;
}
.layout-cinematic-motion .service-price,
.layout-cinematic-motion .featured .service-price{
 position:static;
 display:block;
 margin:1.15rem 0 .9rem;
 padding:0;
 border-radius:0;
 background:transparent;
 color:#fff;
 font:650 clamp(1.65rem,2.4vw,2.25rem)/1 Manrope,Arial,sans-serif;
 letter-spacing:-.045em;
}
.layout-cinematic-motion .service-card p,
.layout-cinematic-motion .service-card.featured p{
 min-height:5em;
 margin:0 0 1rem;
 color:rgba(238,241,244,.6);
 font-size:.78rem;
}
.layout-cinematic-motion .service-card ul{display:block!important;margin:0 0 1.4rem;padding:0}
.layout-cinematic-motion .service-card li,
.layout-cinematic-motion .service-card.featured li{
 position:relative;
 margin:.62rem 0;
 padding-left:1.35rem;
 color:rgba(238,241,244,.74);
 font-size:.76rem;
}
.layout-cinematic-motion .service-card li::before{
 content:"✓";
 position:absolute;
 left:0;
 color:#c8a86a;
 margin:0;
}
.layout-cinematic-motion .popular-badge{
 position:absolute;
 top:1.25rem;
 right:1.25rem;
 padding:.3rem .55rem;
 border:1px solid rgba(200,168,106,.45);
 border-radius:999px;
 color:#f1dca8;
 background:rgba(200,168,106,.12);
 font-size:.6rem;
 font-weight:700;
 letter-spacing:.04em;
 text-transform:uppercase;
}
.layout-cinematic-motion .service-action{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:.7rem;
 width:100%;
 margin-top:auto;
 padding:.72rem 1rem;
 border:1px solid rgba(255,255,255,.2);
 border-radius:999px;
 color:#f6f2ea;
 font-size:.7rem;
 font-weight:700;
 transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease;
}
.layout-cinematic-motion .service-action:hover,
.layout-cinematic-motion .service-action:focus-visible{
 border-color:rgba(200,168,106,.7);
 background:rgba(200,168,106,.08);
 box-shadow:0 0 18px rgba(200,168,106,.12);
 transform:translateY(-2px);
}
.layout-cinematic-motion .popular-action{
 border-color:transparent;
 color:#071421;
 background:linear-gradient(135deg,#9b753a,#c8a86a 52%,#ead69c);
 box-shadow:0 0 18px rgba(200,168,106,.24);
}

@media(max-width:1100px){
 .layout-cinematic-motion .brand,
 .layout-cinematic-motion .brand:hover,
 .layout-cinematic-motion .brand:focus-visible{width:150px;flex-basis:150px}
 .layout-cinematic-motion .brand .brand-name{width:112px}
 .layout-cinematic-motion .nav nav a{padding-inline:.55rem}
 .layout-cinematic-motion .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .layout-cinematic-motion .brand,
 .layout-cinematic-motion .brand:hover,
 .layout-cinematic-motion .brand:focus-visible{width:58px;flex-basis:58px}
 .layout-cinematic-motion .brand .brand-name{display:none}
 .layout-cinematic-motion .service-grid{grid-template-columns:1fr}
 .layout-cinematic-motion .service-card,.layout-cinematic-motion .service-card.featured{min-height:0}
 .layout-cinematic-motion .service-card h3,.layout-cinematic-motion .service-card.featured h3{min-height:0}
 .layout-cinematic-motion .service-card p,.layout-cinematic-motion .service-card.featured p{min-height:0}
}

/* Detailed static enquiry form — matches the production form without changing
   the approved Style 05 page design. */
.layout-cinematic-motion .contact-card:has(.detailed-enquiry-form){
 width:min(1440px,calc(100% - 3rem));
 grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);
}
.layout-cinematic-motion .detailed-enquiry-form .form-heading{
 grid-column:1/-1;
 padding:2rem 1.4rem;
 border-bottom:1px solid rgba(255,255,255,.12);
}
.layout-cinematic-motion .detailed-enquiry-form .form-heading h3{
 color:#f6f2ea;
 font:600 clamp(1.8rem,3vw,3rem)/1 Manrope,Arial,sans-serif;
 letter-spacing:-.045em;
}
.layout-cinematic-motion .detailed-enquiry-form .form-heading p:last-child{
 max-width:720px;
 margin:.8rem 0 0;
 color:rgba(238,241,244,.64);
 font-size:.8rem;
}
.layout-cinematic-motion .detailed-enquiry-form .form-row-three{
 grid-template-columns:repeat(3,minmax(0,1fr));
}
.layout-cinematic-motion .detailed-enquiry-form .support-fieldset{
 grid-column:1/-1;
 margin:0;
 padding:1.4rem;
 border:0;
 border-bottom:1px solid rgba(255,255,255,.12);
 outline:none;
}
.layout-cinematic-motion .detailed-enquiry-form .support-fieldset:focus{
 box-shadow:inset 0 0 0 2px rgba(200,168,106,.65);
}
.layout-cinematic-motion .detailed-enquiry-form legend{
 width:100%;
 padding:0 0 1rem;
 color:#c8a86a;
 font-size:.68rem;
 font-weight:700;
 letter-spacing:.08em;
 text-transform:uppercase;
}
.layout-cinematic-motion .detailed-enquiry-form legend span{
 float:right;
 color:rgba(238,241,244,.45);
 font-weight:500;
}
.layout-cinematic-motion .detailed-enquiry-form .support-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:.65rem;
}
.layout-cinematic-motion .detailed-enquiry-form .check-option{
 display:flex;
 grid-column:auto;
 grid-template-columns:none;
 align-items:center;
 gap:.75rem;
 padding:.85rem;
 border:1px solid rgba(255,255,255,.12);
 color:#eef1f4;
 font-size:.72rem;
 font-weight:500;
 letter-spacing:0;
 line-height:1.3;
 text-transform:none;
 cursor:pointer;
 transition:border-color .25s ease,background .25s ease;
}
.layout-cinematic-motion .detailed-enquiry-form .check-option:hover,
.layout-cinematic-motion .detailed-enquiry-form .check-option:focus-within{
 border-color:rgba(200,168,106,.65);
 background:rgba(200,168,106,.06);
}
.layout-cinematic-motion .detailed-enquiry-form .check-option input{
 flex:0 0 auto;
 width:17px;
 height:17px;
 accent-color:#c8a86a;
}
.layout-cinematic-motion .detailed-enquiry-form .urgent-option,
.layout-cinematic-motion .detailed-enquiry-form .consent-option{
 grid-column:1/-1;
 margin:1.2rem 1.4rem 0;
}
.layout-cinematic-motion .detailed-enquiry-form .urgent-note{
 grid-column:1/-1;
 margin:0 1.4rem 1.2rem;
 padding:1rem;
 border-left:2px solid #c8a86a;
 color:rgba(238,241,244,.62);
 background:rgba(200,168,106,.05);
 font-size:.72rem;
}
.layout-cinematic-motion .detailed-enquiry-form .website-field{
 position:absolute!important;
 left:-10000px!important;
 width:1px!important;
 height:1px!important;
 overflow:hidden!important;
}
.layout-cinematic-motion .detailed-enquiry-form .form-status.error{color:#ffb8ad}
.layout-cinematic-motion .detailed-enquiry-form .form-status.success{color:#d9c58b}

@media(max-width:1080px){
 .layout-cinematic-motion .contact-card:has(.detailed-enquiry-form){grid-template-columns:1fr}
 .layout-cinematic-motion .contact-card:has(.detailed-enquiry-form)>div{
  border-right:0;
  border-bottom:1px solid rgba(200,168,106,.18);
 }
}
@media(max-width:760px){
 .layout-cinematic-motion .contact-card:has(.detailed-enquiry-form){width:calc(100% - 1.5rem)}
 .layout-cinematic-motion .detailed-enquiry-form .form-row-three,
 .layout-cinematic-motion .detailed-enquiry-form .support-grid{grid-template-columns:1fr}
 .layout-cinematic-motion .detailed-enquiry-form .support-fieldset{padding:1.1rem}
 .layout-cinematic-motion .detailed-enquiry-form .urgent-option,
 .layout-cinematic-motion .detailed-enquiry-form .consent-option{margin:1rem 1.1rem 0}
 .layout-cinematic-motion .detailed-enquiry-form .urgent-note{margin:0 1.1rem 1rem}
}

/* Final interaction refinement: stable navigation, calm motion and legible controls. */
.layout-cinematic-motion header{
 transition:transform .52s cubic-bezier(.22,1,.36,1),background-color .3s ease,box-shadow .3s ease!important;
 will-change:transform;
}
.layout-cinematic-motion .brand,
.layout-cinematic-motion .brand:hover,
.layout-cinematic-motion .brand:focus-visible{
 width:174px;
 flex:0 0 174px;
 height:76px;
 overflow:visible;
 transform:none!important;
}
.layout-cinematic-motion .brand .brand-mark{
 width:50px;
 height:70px;
 overflow:hidden;
}
.layout-cinematic-motion .brand .brand-mark img{
 width:226px!important;
 max-width:none!important;
 left:-17px!important;
 top:50%!important;
 transform:translateY(-50%)!important;
}
.layout-cinematic-motion .brand .brand-name{
 left:46px;
 width:128px;
 height:70px;
}
.layout-cinematic-motion .brand .brand-name img{
 width:205px!important;
 max-width:none!important;
 left:-64px!important;
 top:50%!important;
 transform:translateY(-50%)!important;
}
.layout-cinematic-motion .nav nav{
 margin-left:.65rem!important;
 margin-right:auto;
 gap:.12rem;
}
.layout-cinematic-motion .nav nav a{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:34px;
 padding:.42rem .72rem!important;
 border:0!important;
 border-radius:999px;
 background:transparent!important;
 box-shadow:none!important;
 transform:none!important;
 transition:color .22s ease,background-color .22s ease,box-shadow .22s ease!important;
}
.layout-cinematic-motion .nav nav a:hover,
.layout-cinematic-motion .nav nav a:focus-visible{
 color:#fff;
 background:rgba(246,242,234,.1)!important;
 box-shadow:inset 0 0 0 1px rgba(246,242,234,.09)!important;
 transform:none!important;
}
.layout-cinematic-motion .nav-cta{
 height:34px!important;
 min-height:34px!important;
 margin-left:auto;
 padding:0 .92rem!important;
 border-radius:999px!important;
 transform:none!important;
 transition:border-color .24s ease,background-color .24s ease,box-shadow .28s ease!important;
}
.layout-cinematic-motion .nav-cta:hover,
.layout-cinematic-motion .nav-cta:focus-visible{
 transform:none!important;
 box-shadow:0 0 22px rgba(200,168,106,.3),inset 0 0 0 1px rgba(255,255,255,.13)!important;
}
.layout-cinematic-motion .button,
.layout-cinematic-motion .button:hover,
.layout-cinematic-motion .button:focus-visible,
.layout-cinematic-motion .service-action,
.layout-cinematic-motion .service-action:hover,
.layout-cinematic-motion .service-action:focus-visible{
 transform:none!important;
}
.layout-cinematic-motion .button,
.layout-cinematic-motion .service-action{
 transition:border-color .24s ease,background-color .24s ease,box-shadow .28s ease,color .24s ease!important;
}
.layout-cinematic-motion .button:hover,
.layout-cinematic-motion .button:focus-visible{
 box-shadow:0 0 22px rgba(200,168,106,.24)!important;
}
.layout-cinematic-motion .button.gold::before,
.layout-cinematic-motion .nav-cta::before{display:none!important}

/* Clear, familiar symbols built in CSS so they stay crisp at every size. */
.layout-cinematic-motion .trust-icon{
 position:relative;
 width:46px;
 height:46px;
 flex-basis:46px;
 border:1px solid rgba(200,168,106,.34);
 border-radius:50%;
 background:rgba(200,168,106,.07);
 box-shadow:none;
}
.layout-cinematic-motion .trust-icon::before,
.layout-cinematic-motion .trust-icon::after{
 content:""!important;
 position:absolute;
 display:block;
 box-sizing:border-box;
}
.layout-cinematic-motion .trust-item:nth-child(1) .trust-icon::before{
 width:17px;height:20px;left:14px;top:11px;
 border:1.6px solid #d8bc7e;border-radius:8px 8px 10px 10px;
}
.layout-cinematic-motion .trust-item:nth-child(1) .trust-icon::after{
 width:8px;height:5px;left:19px;top:18px;
 border-left:1.7px solid #f1dca8;border-bottom:1.7px solid #f1dca8;
 transform:rotate(-45deg);
}
.layout-cinematic-motion .trust-item:nth-child(2) .trust-icon::before{
 width:17px;height:17px;left:14px;top:10px;
 border:1.6px solid #d8bc7e;border-radius:50% 50% 50% 0;
 transform:rotate(-45deg);
}
.layout-cinematic-motion .trust-item:nth-child(2) .trust-icon::after{
 width:5px;height:5px;left:20px;top:16px;
 border-radius:50%;background:#f1dca8;
}
.layout-cinematic-motion .trust-item:nth-child(3) .trust-icon::before{
 width:12px;height:12px;left:9px;top:13px;
 border:1.6px solid #d8bc7e;border-radius:50%;
}
.layout-cinematic-motion .trust-item:nth-child(3) .trust-icon::after{
 width:19px;height:2px;left:19px;top:20px;
 background:#f1dca8;
 box-shadow:8px 4px 0 -0.4px #f1dca8;
 transform:rotate(-8deg);
 transform-origin:left center;
}
.layout-cinematic-motion .trust-item:nth-child(4) .trust-icon::before{
 width:17px;height:21px;left:14px;top:11px;
 border:1.6px solid #d8bc7e;border-radius:3px;
}
.layout-cinematic-motion .trust-item:nth-child(4) .trust-icon::after{
 width:9px;height:1.5px;left:18px;top:18px;
 background:#f1dca8;box-shadow:0 5px 0 #f1dca8;
}

/* Pricing cards prioritize scanning and reading; hover is reserved for actions. */
.layout-cinematic-motion .service-card,
.layout-cinematic-motion .service-card.featured,
.layout-cinematic-motion .service-card:hover,
.layout-cinematic-motion .service-card.featured:hover{
 transform:none!important;
 transition:border-color .25s ease,box-shadow .25s ease!important;
}
.layout-cinematic-motion .service-card:hover{
 border-color:rgba(255,255,255,.17);
 background:rgba(255,255,255,.035)!important;
}
.layout-cinematic-motion .service-card.featured:hover{
 border-color:rgba(200,168,106,.75);
 background:linear-gradient(180deg,rgba(200,168,106,.09),rgba(255,255,255,.035))!important;
}
.layout-cinematic-motion .service-card::after{display:none!important}
.layout-cinematic-motion .service-card p,
.layout-cinematic-motion .service-card.featured p{
 color:rgba(238,241,244,.72);
 font-size:.82rem;
 line-height:1.55;
}
.layout-cinematic-motion .service-card li,
.layout-cinematic-motion .service-card.featured li{
 color:rgba(238,241,244,.82);
 font-size:.79rem;
 line-height:1.45;
}
.layout-cinematic-motion .service-card.reveal-item{
 transform:none!important;
 transition:opacity .45s ease!important;
 transition-delay:0s!important;
}
.layout-cinematic-motion .service-action:hover,
.layout-cinematic-motion .service-action:focus-visible{
 box-shadow:0 0 18px rgba(200,168,106,.16);
}
.layout-cinematic-motion .section-arriving,
.layout-cinematic-motion .section-arriving *{animation:none!important}

@media(max-width:1100px){
 .layout-cinematic-motion .brand,
 .layout-cinematic-motion .brand:hover,
 .layout-cinematic-motion .brand:focus-visible{width:150px;flex-basis:150px}
 .layout-cinematic-motion .brand .brand-name{width:104px}
 .layout-cinematic-motion .nav nav{margin-left:.25rem!important}
}
@media(max-width:760px){
 .layout-cinematic-motion .brand,
 .layout-cinematic-motion .brand:hover,
 .layout-cinematic-motion .brand:focus-visible{width:62px;flex-basis:62px;height:70px}
 .layout-cinematic-motion .brand .brand-mark{width:55px}
}
@media(prefers-reduced-motion:reduce){
 .layout-cinematic-motion header{
  transition:transform .52s cubic-bezier(.22,1,.36,1)!important;
 }
}

/* Layout alignment and Blackstilt-inspired editorial sections. */
.layout-cinematic-motion .container.nav{position:relative}
.layout-cinematic-motion .nav nav{
 position:absolute;
 left:50%;
 top:50%;
 margin:0!important;
 gap:.2rem;
 transform:translate(-50%,-50%);
 white-space:nowrap;
}
.layout-cinematic-motion .nav nav a{
 width:auto!important;
 min-width:0!important;
 min-height:34px!important;
 height:34px!important;
 padding:0 .66rem!important;
 line-height:34px!important;
 border-radius:999px!important;
}
.layout-cinematic-motion .nav nav a:hover,
.layout-cinematic-motion .nav nav a:focus-visible{
 background:rgba(246,242,234,.1)!important;
 box-shadow:inset 0 0 0 1px rgba(246,242,234,.08)!important;
}
.layout-cinematic-motion .trust-strip{
 display:flex;
 align-items:center;
 min-height:132px;
 padding:0!important;
}
.layout-cinematic-motion .trust-grid{align-items:stretch}
.layout-cinematic-motion .trust-item{
 min-height:96px;
 align-items:center!important;
 justify-content:flex-start;
 padding:0 1.55rem!important;
}
.layout-cinematic-motion .trust-item>div{
 display:flex;
 min-height:46px;
 flex-direction:column;
 justify-content:center;
}

.layout-cinematic-motion .difference,
.layout-cinematic-motion .process,
.layout-cinematic-motion #area,
.layout-cinematic-motion .faq{
 padding:clamp(7.5rem,10vw,10.5rem) 0;
 border-bottom:1px solid rgba(200,168,106,.13);
}
.layout-cinematic-motion .difference{
 background:#081522!important;
}
.layout-cinematic-motion .difference-grid{
 grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
 gap:clamp(4rem,8vw,8rem);
 align-items:start;
}
.layout-cinematic-motion .quote-art{
 min-height:440px;
 padding:2.25rem;
 justify-content:space-between;
 border-radius:16px;
 background:linear-gradient(145deg,rgba(200,168,106,.15),rgba(255,255,255,.025))!important;
 box-shadow:none!important;
}
.layout-cinematic-motion .quote-art::before{
 content:"INPLACE";
 color:rgba(200,168,106,.55);
 font:700 .68rem/1 Manrope,Arial,sans-serif;
 letter-spacing:.18em;
}
.layout-cinematic-motion .quote-art blockquote,
.layout-cinematic-motion .quote-art>span{
 padding:0;
 background:transparent;
 color:#f6f2ea;
 border-radius:0;
}
.layout-cinematic-motion .quote-art blockquote{
 font:500 clamp(1.75rem,3vw,3rem)/1.15 Manrope,Arial,sans-serif;
 letter-spacing:-.045em;
}
.layout-cinematic-motion .quote-art>span{color:#c8a86a}
.layout-cinematic-motion .difference h2{
 max-width:720px;
 font:600 clamp(2.5rem,4.2vw,4.6rem)/1.03 Manrope,Arial,sans-serif!important;
 letter-spacing:-.055em;
}
.layout-cinematic-motion .benefits{
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:0;
 margin-top:4rem;
 border-top:1px solid rgba(255,255,255,.12);
 border-left:1px solid rgba(255,255,255,.12);
}
.layout-cinematic-motion .benefit{
 min-height:190px;
 padding:1.5rem;
 border:0;
 border-right:1px solid rgba(255,255,255,.12);
 border-bottom:1px solid rgba(255,255,255,.12);
}
.layout-cinematic-motion .benefit h3{font-size:.9rem}
.layout-cinematic-motion .benefit p{line-height:1.55}

.layout-cinematic-motion .process{background:#06111d!important}
.layout-cinematic-motion .process .section-head{
 display:grid;
 grid-template-columns:1fr 1fr;
 align-items:start;
 gap:5rem;
}
.layout-cinematic-motion .step-grid{
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:0;
 border-top:1px solid rgba(255,255,255,.14);
 border-left:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .step,
.layout-cinematic-motion .step:hover{
 min-height:280px;
 padding:1.75rem;
 border:0;
 border-radius:0;
 border-right:1px solid rgba(255,255,255,.14);
 border-bottom:1px solid rgba(255,255,255,.14);
 background:transparent;
 box-shadow:none;
 transform:none!important;
 transition:none!important;
}
.layout-cinematic-motion .step b{
 width:auto;height:auto;
 justify-content:start;
 margin-bottom:5rem;
 background:transparent;
 color:#c8a86a;
 font-size:.72rem;
 letter-spacing:.12em;
}
.layout-cinematic-motion .step h3{
 font:600 1.15rem/1.2 Manrope,Arial,sans-serif;
}

.layout-cinematic-motion #area{
 color:#eef1f4;
 background:#081522!important;
}
.layout-cinematic-motion .area-grid{
 grid-template-columns:1.08fr .92fr;
 gap:clamp(4rem,8vw,8rem);
 align-items:start;
}
.layout-cinematic-motion .area-card{
 order:2;
 min-height:480px;
 padding:2.25rem;
 border-radius:16px;
 background:linear-gradient(145deg,#0d2033,#091725)!important;
}
.layout-cinematic-motion .area-key{
 margin:auto 0 3rem;
 color:#f6f2ea;
 font:600 clamp(2.8rem,5vw,5rem)/.95 Manrope,Arial,sans-serif;
 letter-spacing:-.06em;
}
.layout-cinematic-motion .area-list{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:0;
 margin:0;
 border-top:1px solid rgba(255,255,255,.12);
 border-left:1px solid rgba(255,255,255,.12);
}
.layout-cinematic-motion .area-list span{
 padding:.8rem;
 border:0;
 border-radius:0;
 border-right:1px solid rgba(255,255,255,.12);
 border-bottom:1px solid rgba(255,255,255,.12);
 background:transparent;
 font-size:.7rem;
}
.layout-cinematic-motion #area h2{
 color:#fff;
 font:600 clamp(2.7rem,4.6vw,5rem)/1 Manrope,Arial,sans-serif;
 letter-spacing:-.06em;
}
.layout-cinematic-motion .language-note{
 margin-top:2.5rem;
 border-left:1px solid #c8a86a;
 background:transparent;
 color:rgba(238,241,244,.65);
}

.layout-cinematic-motion .faq{
 color:#eef1f4;
 background:#06111d;
}
.layout-cinematic-motion .faq-layout{
 display:grid;
 grid-template-columns:.78fr 1.22fr;
 gap:clamp(4rem,9vw,9rem);
 align-items:start;
}
.layout-cinematic-motion .faq h2{
 color:#fff;
 font:600 clamp(2.7rem,4.6vw,4.8rem)/1.02 Manrope,Arial,sans-serif;
 letter-spacing:-.055em;
}
.layout-cinematic-motion .faq-intro>p:last-child{
 max-width:460px;
 color:rgba(238,241,244,.6);
}
.layout-cinematic-motion .faq-list{border-top:1px solid rgba(255,255,255,.15)}
.layout-cinematic-motion .faq-item{
 border-bottom:1px solid rgba(255,255,255,.15);
}
.layout-cinematic-motion .faq-item summary{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:2rem;
 min-height:78px;
 cursor:pointer;
 list-style:none;
 color:#f6f2ea;
 font-size:.95rem;
 font-weight:600;
}
.layout-cinematic-motion .faq-item summary::-webkit-details-marker{display:none}
.layout-cinematic-motion .faq-item summary i{
 position:relative;
 width:22px;height:22px;flex:0 0 22px;
 border:1px solid rgba(200,168,106,.5);
 border-radius:50%;
}
.layout-cinematic-motion .faq-item summary i::before,
.layout-cinematic-motion .faq-item summary i::after{
 content:"";position:absolute;left:5px;right:5px;top:10px;height:1px;background:#c8a86a;
}
.layout-cinematic-motion .faq-item summary i::after{transform:rotate(90deg);transition:transform .22s ease}
.layout-cinematic-motion .faq-item[open] summary i::after{transform:rotate(0)}
.layout-cinematic-motion .faq-item p{
 max-width:680px;
 margin:0;
 padding:0 3.5rem 1.7rem 0;
 color:rgba(238,241,244,.62);
 font-size:.85rem;
 line-height:1.7;
}

/* Pricing is static; only the actionable control receives a smooth highlight. */
.layout-cinematic-motion .service-card,
.layout-cinematic-motion .service-card *,
.layout-cinematic-motion .service-card:hover,
.layout-cinematic-motion .service-card:hover *{
 animation:none!important;
 transform:none!important;
}
.layout-cinematic-motion .service-card{
 transition:none!important;
}
.layout-cinematic-motion .service-card.reveal-item,
.layout-cinematic-motion .service-card.reveal-item.is-visible{
 opacity:1!important;
 transition:none!important;
}
.layout-cinematic-motion .service-action{
 transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease!important;
}
.layout-cinematic-motion .service-action:hover,
.layout-cinematic-motion .service-action:focus-visible{
 background:rgba(200,168,106,.1)!important;
 border-color:rgba(200,168,106,.75)!important;
 box-shadow:0 0 18px rgba(200,168,106,.16)!important;
}
.layout-cinematic-motion .popular-action:hover,
.layout-cinematic-motion .popular-action:focus-visible{
 color:#071421!important;
 background:linear-gradient(135deg,#a98243,#d2b575 52%,#ead69c)!important;
 box-shadow:0 0 20px rgba(200,168,106,.28)!important;
}

@media(max-width:1080px){
 .layout-cinematic-motion .nav nav{position:static;transform:none;margin-left:auto!important}
 .layout-cinematic-motion .nav-cta{margin-left:.5rem}
 .layout-cinematic-motion .difference-grid,
 .layout-cinematic-motion .area-grid,
 .layout-cinematic-motion .faq-layout{grid-template-columns:1fr}
 .layout-cinematic-motion .area-card{order:0}
}
@media(max-width:760px){
 .layout-cinematic-motion .trust-strip{min-height:0;padding:1rem 0!important}
 .layout-cinematic-motion .trust-item{min-height:78px}
 .layout-cinematic-motion .benefits,
 .layout-cinematic-motion .step-grid{grid-template-columns:1fr}
 .layout-cinematic-motion .process .section-head{grid-template-columns:1fr;gap:1.5rem}
 .layout-cinematic-motion .step,.layout-cinematic-motion .step:hover{min-height:0}
 .layout-cinematic-motion .step b{margin-bottom:2rem}
}

/* Content and spacing refinement — July 2026. */
.layout-cinematic-motion .container.nav{
 width:min(1720px,calc(100% - clamp(7rem,10vw,13rem)));
 padding:0;
 margin-inline:auto!important;
}
.layout-cinematic-motion .hero{
 min-height:auto;
 padding:80px 0 0!important;
}
.layout-cinematic-motion .hero-grid{
 min-height:clamp(630px,calc(100svh - 150px),720px);
 padding:4.5rem 0 2.5rem;
 align-items:center;
}
.layout-cinematic-motion .hero-visual{
 position:relative;
 min-height:520px;
 overflow:hidden;
 border:1px solid rgba(200,168,106,.28);
 border-radius:18px;
 background-position:center!important;
 background-size:cover!important;
 filter:none;
 isolation:isolate;
}
.layout-cinematic-motion .hero-visual::before,
.layout-cinematic-motion .hero-visual::after{
 content:"";
 position:absolute;
 z-index:1;
 pointer-events:none;
 border:1px solid rgba(241,220,168,.44);
 border-radius:50%;
}
.layout-cinematic-motion .hero-visual::before{
 width:70%;aspect-ratio:1;
 right:-20%;top:-18%;
 animation:heroLineDrift 9s ease-in-out infinite alternate;
}
.layout-cinematic-motion .hero-visual::after{
 width:46%;aspect-ratio:1;
 right:-6%;top:8%;
 border-color:rgba(117,148,162,.46);
 animation:heroLineDrift 7s ease-in-out infinite alternate-reverse;
}
.layout-cinematic-motion .hero-visual .floating{z-index:2}
.layout-cinematic-motion .hero-visual .floating.report{left:1.15rem;bottom:1.15rem}
.layout-cinematic-motion .hero-visual .floating.price{right:0;top:2.85rem}
@keyframes heroLineDrift{
 from{transform:translate3d(-8px,4px,0) scale(.98)}
 to{transform:translate3d(12px,-8px,0) scale(1.03)}
}
.layout-cinematic-motion .trust-strip{
 min-height:104px;
 margin-top:0;
}
.layout-cinematic-motion .trust-item{min-height:76px}

/* A real trust photograph supports the testimonial without competing with it. */
.layout-cinematic-motion .quote-art{
 position:relative;
 min-height:560px;
 overflow:hidden;
 background:
  linear-gradient(180deg,rgba(4,11,18,.06) 25%,rgba(4,11,18,.88) 100%),
  var(--trust-image) center/cover no-repeat!important;
}
.layout-cinematic-motion .quote-art::before{z-index:2}
.layout-cinematic-motion .quote-art blockquote,
.layout-cinematic-motion .quote-art>span{position:relative;z-index:2}
.layout-cinematic-motion .quote-art blockquote{
 max-width:90%;
 font-size:clamp(1.45rem,2.3vw,2.4rem);
 text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.layout-cinematic-motion .family-story{
 display:grid;
 grid-template-columns:1.05fr .95fr;
 gap:clamp(3rem,7vw,7rem);
 align-items:center;
 margin-top:clamp(7rem,11vw,11rem);
 padding-top:clamp(5rem,8vw,8rem);
 border-top:1px solid rgba(255,255,255,.13);
}
.layout-cinematic-motion .family-story img{
 width:100%;
 min-height:460px;
 max-height:620px;
 object-fit:cover;
 border:1px solid rgba(200,168,106,.25);
 border-radius:16px;
}
.layout-cinematic-motion .family-story h3{
 max-width:700px;
 color:#fff;
 font:600 clamp(2.2rem,3.7vw,4rem)/1.04 Manrope,Arial,sans-serif;
 letter-spacing:-.055em;
}
.layout-cinematic-motion .family-story>div>p:not(.eyebrow){
 max-width:640px;
 color:rgba(238,241,244,.66);
 font-size:.95rem;
 line-height:1.75;
}
.layout-cinematic-motion .story-values{
 display:flex;
 flex-wrap:wrap;
 gap:.55rem;
 margin-top:2rem;
}
.layout-cinematic-motion .story-values span{
 padding:.55rem .8rem;
 border:1px solid rgba(200,168,106,.38);
 border-radius:999px;
 color:#f1dca8;
 font-size:.68rem;
 font-weight:700;
 letter-spacing:.06em;
 text-transform:uppercase;
}

/* Crisp vector-like CSS symbols for each onboarding step. */
.layout-cinematic-motion .step{position:relative}
.layout-cinematic-motion .step-symbol{
 position:relative;
 display:block;
 width:54px;height:54px;
 margin-bottom:2.2rem;
 border:1px solid rgba(200,168,106,.38);
 border-radius:12px;
 color:#d8bc7e;
}
.layout-cinematic-motion .step-symbol::before,
.layout-cinematic-motion .step-symbol::after{
 content:"";
 position:absolute;
 box-sizing:border-box;
}
.layout-cinematic-motion .step-symbol-1::before{
 width:27px;height:18px;left:12px;top:13px;
 border:1.5px solid currentColor;border-radius:9px;
}
.layout-cinematic-motion .step-symbol-1::after{
 width:8px;height:8px;left:16px;top:27px;
 border-left:1.5px solid currentColor;transform:skew(-30deg);
}
.layout-cinematic-motion .step-symbol-2::before{
 width:25px;height:25px;left:14px;top:11px;
 border:1.5px solid currentColor;border-radius:50%;
}
.layout-cinematic-motion .step-symbol-2::after{
 width:11px;height:1.5px;left:32px;top:35px;
 background:currentColor;transform:rotate(45deg);
}
.layout-cinematic-motion .step-symbol-3::before{
 width:27px;height:30px;left:13px;top:11px;
 border:1.5px solid currentColor;border-radius:4px;
}
.layout-cinematic-motion .step-symbol-3::after{
 width:13px;height:7px;left:20px;top:22px;
 border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
 transform:rotate(-45deg);
}
.layout-cinematic-motion .step-symbol-4::before{
 width:25px;height:22px;left:14px;top:17px;
 border:1.5px solid currentColor;border-radius:3px;
}
.layout-cinematic-motion .step-symbol-4::after{
 width:22px;height:13px;left:15px;top:10px;
 border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;
 transform:skewY(-30deg) rotate(45deg);
}
.layout-cinematic-motion .step b{
 position:absolute;
 right:1.5rem;
 top:1.6rem;
 margin:0;
}

/* Languages become a concrete value proposition; geography remains supporting proof. */
.layout-cinematic-motion .language-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 margin-top:2.5rem;
 border-top:1px solid rgba(255,255,255,.14);
 border-left:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .language-grid>div{
 display:grid;
 grid-template-columns:auto 1fr;
 gap:.25rem .8rem;
 min-height:88px;
 padding:1rem;
 border-right:1px solid rgba(255,255,255,.14);
 border-bottom:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .language-grid>div:last-child{grid-column:1/-1}
.layout-cinematic-motion .language-grid b{
 grid-row:1/3;
 color:#c8a86a;
 font-size:.65rem;
 letter-spacing:.1em;
}
.layout-cinematic-motion .language-grid strong{color:#fff;font-size:.88rem}
.layout-cinematic-motion .language-grid span{color:rgba(238,241,244,.5);font-size:.7rem}

/* Static pricing surface: only the action itself responds to a pointer. */
.layout-cinematic-motion .service-card:hover,
.layout-cinematic-motion .service-card.featured:hover{
 z-index:auto!important;
 border-color:rgba(255,255,255,.12)!important;
 background:rgba(255,255,255,.035)!important;
 box-shadow:none!important;
}
.layout-cinematic-motion .service-card.featured:hover{
 border-color:rgba(200,168,106,.75)!important;
 background:linear-gradient(180deg,rgba(200,168,106,.09),rgba(255,255,255,.035))!important;
 box-shadow:0 0 28px rgba(200,168,106,.12),inset 0 0 30px rgba(200,168,106,.025)!important;
}

/* Contact form now follows the same bordered, dark editorial language. */
.layout-cinematic-motion .contact{
 padding:clamp(7rem,10vw,10rem) 0!important;
 background:#081522!important;
}
.layout-cinematic-motion .contact-card{
 grid-template-columns:.85fr 1.15fr;
 border-radius:16px;
 background:#091725;
 box-shadow:none;
}
.layout-cinematic-motion .contact-card>div{
 display:flex;
 flex-direction:column;
 justify-content:flex-start;
 padding:clamp(2.5rem,4vw,4rem);
 border-right:1px solid rgba(200,168,106,.18);
}
.layout-cinematic-motion .contact-card h2{
 font:600 clamp(2.4rem,4vw,4.4rem)/1 Manrope,Arial,sans-serif;
 letter-spacing:-.055em;
}
.layout-cinematic-motion .contact-card form{
 grid-template-columns:1fr 1fr;
 align-content:start;
 gap:0;
 padding:0;
 color:#eef1f4;
 background:#07131f;
}
.layout-cinematic-motion .contact-card form>label,
.layout-cinematic-motion .contact-card .form-row{
 grid-column:1/-1;
}
.layout-cinematic-motion .contact-card .form-row{gap:0}
.layout-cinematic-motion .contact-card label{
 gap:.6rem;
 padding:1.25rem 1.4rem;
 border-right:1px solid rgba(255,255,255,.12);
 border-bottom:1px solid rgba(255,255,255,.12);
 color:#c8a86a;
}
.layout-cinematic-motion .contact-card input,
.layout-cinematic-motion .contact-card select,
.layout-cinematic-motion .contact-card textarea{
 padding:0;
 border:0;
 border-radius:0;
 outline:0;
 color:#f6f2ea;
 background:transparent;
}
.layout-cinematic-motion .contact-card input:focus,
.layout-cinematic-motion .contact-card select:focus,
.layout-cinematic-motion .contact-card textarea:focus{
 border:0;
 outline:0;
 box-shadow:none;
}
.layout-cinematic-motion .contact-card select option{color:#071421}
.layout-cinematic-motion .contact-card form>.button{
 grid-column:1/-1;
 width:calc(100% - 2.8rem);
 margin:1.4rem;
}
.layout-cinematic-motion .contact-card .form-status{grid-column:1/-1;padding:0 1.4rem 1.4rem}

@media(max-width:1080px){
 .layout-cinematic-motion .container.nav{width:calc(100% - 3rem)}
 .layout-cinematic-motion .family-story{grid-template-columns:1fr}
}
@media(max-width:760px){
 .layout-cinematic-motion .container.nav{width:calc(100% - 1.5rem)}
 .layout-cinematic-motion .hero-grid{min-height:0}
 .layout-cinematic-motion .hero-visual{min-height:420px}
 .layout-cinematic-motion .family-story img{min-height:340px}
 .layout-cinematic-motion .language-grid{grid-template-columns:1fr}
 .layout-cinematic-motion .language-grid>div:last-child{grid-column:auto}
 .layout-cinematic-motion .contact-card{grid-template-columns:1fr}
 .layout-cinematic-motion .contact-card>div{border-right:0;border-bottom:1px solid rgba(200,168,106,.18)}
 .layout-cinematic-motion .contact-card form{grid-template-columns:1fr}
 .layout-cinematic-motion .contact-card .form-row{grid-template-columns:1fr}
}

/* Final centering pass from annotated layout review. */
@media(min-width:1081px){
 .layout-cinematic-motion .container.nav{
  width:min(1100px,calc(100% - 5rem));
  max-width:1100px;
  margin-inline:auto!important;
 }
 .layout-cinematic-motion .brand,
 .layout-cinematic-motion .brand:hover,
 .layout-cinematic-motion .brand:focus-visible{
  align-self:center;
  padding:0;
  border:0!important;
 }
 .layout-cinematic-motion .process>.container,
 .layout-cinematic-motion .area-grid,
 .layout-cinematic-motion .contact-card{
  width:min(1160px,calc(100% - 3rem))!important;
  max-width:1160px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
 }
}
.layout-cinematic-motion .trust-strip{
 position:relative;
 z-index:5;
 min-height:104px;
 margin-top:-104px;
 border:0;
 background:transparent!important;
}
.layout-cinematic-motion .trust-grid{
 width:min(1160px,calc(100% - 3rem));
 max-width:1160px;
 margin-inline:auto;
 align-items:center;
}
.layout-cinematic-motion .trust-item,
.layout-cinematic-motion .trust-item:last-child{
 min-height:88px;
 justify-content:center;
 padding:0 1rem!important;
 border:0!important;
}
.layout-cinematic-motion .trust-item>div{
 min-width:0;
 justify-content:center;
}
.layout-cinematic-motion .trust-icon{
 flex:0 0 46px;
}
@media(max-width:760px){
 .layout-cinematic-motion .trust-strip{
  margin-top:0;
  background:#091725!important;
 }
 .layout-cinematic-motion .trust-grid{width:calc(100% - 1.5rem)}
 .layout-cinematic-motion .trust-item{justify-content:flex-start}
}

/* Consistent editorial accents, actions and vector language. */
.layout-cinematic-motion .title-accent{
 background:linear-gradient(90deg,#a98243 0%,#d2b575 52%,#f0dda9 100%);
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
 font-style:normal;
}
.layout-cinematic-motion .hero h1 .title-accent{display:block}

/* Keep the commitment row below the hero copy instead of crowding its actions. */
.layout-cinematic-motion .trust-strip{margin-top:-72px}

/* Every gold action uses the compact assessment-button treatment. */
.layout-cinematic-motion .button.gold,
.layout-cinematic-motion .nav-cta{
 min-height:34px!important;
 height:34px!important;
 padding:0 .92rem!important;
 border:1px solid rgba(255,255,255,.2)!important;
 border-radius:999px!important;
 background:linear-gradient(135deg,#9b753a 0%,#c8a86a 48%,#ead69c 100%)!important;
 color:#071421!important;
 font:700 .68rem/1 Manrope,Arial,sans-serif!important;
 letter-spacing:.035em;
 text-transform:uppercase;
 transform:none!important;
 transition:box-shadow .3s ease,border-color .3s ease,filter .3s ease!important;
}
.layout-cinematic-motion .button.gold:hover,
.layout-cinematic-motion .button.gold:focus-visible,
.layout-cinematic-motion .nav-cta:hover,
.layout-cinematic-motion .nav-cta:focus-visible{
 background:linear-gradient(135deg,#9b753a 0%,#c8a86a 48%,#ead69c 100%)!important;
 box-shadow:0 0 22px rgba(200,168,106,.3),inset 0 0 0 1px rgba(255,255,255,.13)!important;
 filter:saturate(1.06);
 transform:none!important;
}

/* Pricing cards never resize, recolor or reflow under a pointer. */
.layout-cinematic-motion.motion-enabled .service-card,
.layout-cinematic-motion.motion-enabled .service-card:hover,
.layout-cinematic-motion .service-card,
.layout-cinematic-motion .service-card:hover{
 z-index:auto!important;
 padding:1.65rem!important;
 transform:none!important;
 transition:none!important;
 box-shadow:none!important;
}
.layout-cinematic-motion.motion-enabled .service-card:not(.featured),
.layout-cinematic-motion.motion-enabled .service-card:not(.featured):hover,
.layout-cinematic-motion .service-card:not(.featured),
.layout-cinematic-motion .service-card:not(.featured):hover{
 border-color:rgba(255,255,255,.12)!important;
 background:rgba(255,255,255,.035)!important;
}
.layout-cinematic-motion.motion-enabled .service-card.featured,
.layout-cinematic-motion.motion-enabled .service-card.featured:hover,
.layout-cinematic-motion .service-card.featured,
.layout-cinematic-motion .service-card.featured:hover{
 border-color:rgba(200,168,106,.75)!important;
 background:linear-gradient(180deg,rgba(200,168,106,.09),rgba(255,255,255,.035))!important;
 box-shadow:0 0 28px rgba(200,168,106,.12),inset 0 0 30px rgba(200,168,106,.025)!important;
}
.layout-cinematic-motion .service-card h3,
.layout-cinematic-motion .service-card:hover h3,
.layout-cinematic-motion .service-card.featured h3,
.layout-cinematic-motion .service-card.featured:hover h3{color:#f6f2ea!important}

/* One coherent, accessible line-icon system for commitments and process steps. */
.layout-cinematic-motion .trust-icon::before,
.layout-cinematic-motion .trust-icon::after,
.layout-cinematic-motion .step-symbol::before,
.layout-cinematic-motion .step-symbol::after{display:none!important}
.layout-cinematic-motion .trust-icon svg,
.layout-cinematic-motion .step-symbol svg{
 width:24px;
 height:24px;
 fill:none;
 stroke:#e0c384;
 stroke-width:1.55;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.layout-cinematic-motion .trust-icon{
 display:grid;
 place-items:center;
}
.layout-cinematic-motion .step-symbol{
 display:grid;
 place-items:center;
 width:54px;
 height:54px;
}
.layout-cinematic-motion .step-symbol svg{width:27px;height:27px}

@media(max-width:760px){
 .layout-cinematic-motion .trust-strip{margin-top:0}
}

/* Homepage spacing refinement: matched actions and evenly distributed commitments. */
.layout-cinematic-motion .hero-actions .button{
 width:184px;
 min-width:184px;
 height:34px!important;
 padding-inline:.75rem!important;
}
.layout-cinematic-motion .trust-strip{
 margin-top:0;
 padding-top:1.25rem!important;
 padding-bottom:1.25rem!important;
 background:#091725!important;
}
.layout-cinematic-motion .trust-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:0;
 width:min(1160px,calc(100% - 3rem));
}
.layout-cinematic-motion .trust-item,
.layout-cinematic-motion .trust-item:last-child{
 display:grid;
 grid-template-columns:46px minmax(0,180px);
 justify-content:center;
 align-items:center;
 gap:1rem;
 width:100%;
 padding:0 1rem!important;
}
@media(max-width:980px){
 .layout-cinematic-motion .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem}
}
@media(max-width:560px){
 .layout-cinematic-motion .hero-actions .button{width:100%;min-width:0}
 .layout-cinematic-motion .trust-grid{grid-template-columns:1fr}
 .layout-cinematic-motion .trust-item{justify-content:start}
}

/* Logo hover reveal can be switched in content.js with logoHoverReveal. */
.layout-cinematic-motion:not(.logo-hover-enabled) .brand .brand-name{
 left:0!important;
 width:100%!important;
 height:100%!important;
 overflow:visible!important;
 opacity:1;
 transform:translateY(-50%) translateX(0)!important;
}
.layout-cinematic-motion:not(.logo-hover-enabled) .brand .brand-mark{display:none!important}
.layout-cinematic-motion:not(.logo-hover-enabled) .brand .brand-name img{
 left:0!important;
 width:auto!important;
 height:auto!important;
 clip-path:none!important;
}
.layout-cinematic-motion .hero-brand-lockup{
 display:flex;
 align-items:flex-start;
 justify-content:flex-start;
 width:100%;
 margin:-3rem 0 -2rem;
}
.layout-cinematic-motion .hero-brand-lockup img{
 display:block;
 width:clamp(459px,43.2vw,641px);
 max-width:100%;
 height:auto;
 max-height:257px;
 object-fit:contain;
 object-position:left center;
 filter:drop-shadow(0 0 16px rgba(200,168,106,.22));
}
@media(max-width:650px){
 .layout-cinematic-motion .hero-brand-lockup{margin:-1.25rem 0 -.75rem}
 .layout-cinematic-motion .hero-brand-lockup img{width:min(486px,88vw);max-height:203px}
}
.layout-cinematic-motion:not(.logo-hover-enabled) .brand .brand-mark,
.layout-cinematic-motion:not(.logo-hover-enabled) .brand .brand-name{
 transition:none!important;
 filter:none!important;
}
.layout-cinematic-motion.logo-hover-enabled .brand .brand-name{opacity:0}
.layout-cinematic-motion.logo-hover-enabled .brand:hover .brand-name,
.layout-cinematic-motion.logo-hover-enabled .brand:focus-visible .brand-name{opacity:1}

/* The two primary homepage choices always occupy identical space. */
.layout-cinematic-motion .hero-actions{
 display:grid;
 grid-template-columns:repeat(2,184px);
 align-items:center;
}
.layout-cinematic-motion .hero-actions .button{
 width:184px!important;
 min-width:184px!important;
 max-width:184px!important;
 height:34px!important;
 min-height:34px!important;
}
@media(max-width:560px){
 .layout-cinematic-motion .hero-actions{grid-template-columns:1fr}
 .layout-cinematic-motion .hero-actions .button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
 }
}

/* Approved supplied icon sheets: business commitments and onboarding steps. */
.layout-cinematic-motion .supplied-icon{
 position:relative;
 overflow:hidden;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
}
.layout-cinematic-motion .supplied-icon::before{display:none!important}
.layout-cinematic-motion .supplied-icon::after{
 content:""!important;
 position:absolute;
 display:block!important;
 width:252px;
 height:167px;
 inset:auto;
 background:#dfc281;
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
 -webkit-mask-size:252px 167px;
 mask-size:252px 167px;
}
.layout-cinematic-motion .trust-icon.supplied-icon{
 width:52px;
 height:52px;
 flex:0 0 52px;
}
.layout-cinematic-motion .trust-item{
 grid-template-columns:52px minmax(0,180px);
}
.layout-cinematic-motion .supplied-business-1::after,
.layout-cinematic-motion .supplied-business-2::after,
.layout-cinematic-motion .supplied-business-3::after,
.layout-cinematic-motion .supplied-business-4::after{
 left:0;
 top:0;
 -webkit-mask-image:url("assets/Icons_business.svg");
 mask-image:url("assets/Icons_business.svg");
}
.layout-cinematic-motion .supplied-business-1::after{-webkit-mask-position:-13px -51px;mask-position:-13px -51px}
.layout-cinematic-motion .supplied-business-2::after{-webkit-mask-position:-70px -51px;mask-position:-70px -51px}
.layout-cinematic-motion .supplied-business-3::after{-webkit-mask-position:-128px -51px;mask-position:-128px -51px}
.layout-cinematic-motion .supplied-business-4::after{-webkit-mask-position:-186px -51px;mask-position:-186px -51px}

.layout-cinematic-motion .step-symbol.supplied-icon{
 width:54px;
 height:54px;
}
.layout-cinematic-motion .supplied-step-1::after,
.layout-cinematic-motion .supplied-step-2::after,
.layout-cinematic-motion .supplied-step-3::after,
.layout-cinematic-motion .supplied-step-4::after{
 left:0;
 top:0;
 -webkit-mask-image:url("assets/Icons_steps.svg");
 mask-image:url("assets/Icons_steps.svg");
}
.layout-cinematic-motion .supplied-step-1::after{-webkit-mask-position:-14px -15px;mask-position:-14px -15px}
.layout-cinematic-motion .supplied-step-2::after{-webkit-mask-position:-100px -15px;mask-position:-100px -15px}
.layout-cinematic-motion .supplied-step-3::after{-webkit-mask-position:-14px -80px;mask-position:-14px -80px}
.layout-cinematic-motion .supplied-step-4::after{-webkit-mask-position:-100px -80px;mask-position:-100px -80px}

/* Direct SVG-sheet rendering fallback for browsers that block external masks. */
.layout-cinematic-motion .supplied-icon::after{display:none!important}
.layout-cinematic-motion .supplied-icon img{
 position:absolute;
 display:block;
 width:252px!important;
 min-width:252px!important;
 max-width:none!important;
 height:167px!important;
 min-height:167px!important;
 max-height:none!important;
 filter:invert(79%) sepia(24%) saturate(721%) hue-rotate(358deg) brightness(89%) contrast(86%);
 transform:none!important;
 pointer-events:none;
}
.layout-cinematic-motion .supplied-business-1 img{left:-13px;top:-51px}
.layout-cinematic-motion .supplied-business-2 img{left:-70px;top:-51px}
.layout-cinematic-motion .supplied-business-3 img{left:-128px;top:-51px}
.layout-cinematic-motion .supplied-business-4 img{left:-186px;top:-51px}
.layout-cinematic-motion .supplied-step-1 img{left:-14px;top:-15px}
.layout-cinematic-motion .supplied-step-2 img{left:-100px;top:-15px}
.layout-cinematic-motion .supplied-step-3 img{left:-14px;top:-80px}
.layout-cinematic-motion .supplied-step-4 img{left:-100px;top:-80px}

/* Simplified service decision flow: core plans first, flexible add-ons second. */
.layout-cinematic-motion #services>.container{
 width:min(1160px,calc(100% - 3rem));
}
.layout-cinematic-motion .service-group-head{
 display:grid;
 grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);
 gap:3rem;
 align-items:end;
 margin:4rem 0 1.4rem;
 padding-top:1.4rem;
 border-top:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .service-group-head>div{
 display:flex;
 align-items:baseline;
 gap:1rem;
}
.layout-cinematic-motion .service-group-head span{
 color:#c8a86a;
 font-size:.66rem;
 font-weight:700;
 letter-spacing:.14em;
}
.layout-cinematic-motion .service-group-head h3{
 color:#f6f2ea;
 font:600 clamp(1.25rem,2vw,1.75rem)/1.2 Manrope,Arial,sans-serif;
 letter-spacing:-.03em;
}
.layout-cinematic-motion .service-group-head p{
 max-width:560px;
 margin:0;
 color:rgba(238,241,244,.6);
 font-size:.84rem;
 line-height:1.6;
}
.layout-cinematic-motion .service-grid{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:1.25rem;
 max-width:980px;
 margin:0 auto;
}
.layout-cinematic-motion .service-card,
.layout-cinematic-motion .service-card.featured,
.layout-cinematic-motion.motion-enabled .service-card,
.layout-cinematic-motion.motion-enabled .service-card:hover{
 min-height:490px;
 padding:2rem!important;
}
.layout-cinematic-motion .service-card h3,
.layout-cinematic-motion .service-card.featured h3{
 min-height:auto;
 max-width:78%;
 padding:0;
 font-size:1.35rem;
 line-height:1.18;
}
.layout-cinematic-motion .service-price,
.layout-cinematic-motion .featured .service-price{
 margin:1.35rem 0 .9rem;
 font-size:clamp(1.7rem,2.7vw,2.35rem);
}
.layout-cinematic-motion .service-card p,
.layout-cinematic-motion .service-card.featured p{
 min-height:auto;
 max-width:46ch;
 color:rgba(238,241,244,.7);
 font-size:.88rem;
 line-height:1.6;
}
.layout-cinematic-motion .service-card li,
.layout-cinematic-motion .service-card.featured li{
 margin:.75rem 0;
 color:rgba(238,241,244,.86);
 font-size:.83rem;
 line-height:1.5;
}
.layout-cinematic-motion .addon-head{margin-top:6rem}
.layout-cinematic-motion .addon-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 border-top:1px solid rgba(255,255,255,.14);
 border-left:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .addon-card{
 display:grid;
 grid-template-columns:1fr auto;
 gap:1rem 2rem;
 min-height:210px;
 padding:1.75rem;
 border-right:1px solid rgba(255,255,255,.14);
 border-bottom:1px solid rgba(255,255,255,.14);
 background:rgba(255,255,255,.018);
}
.layout-cinematic-motion .addon-card>div{grid-column:1/-1}
.layout-cinematic-motion .addon-card h3{
 margin:0 0 .45rem;
 color:#f6f2ea;
 font:600 1.05rem/1.3 Manrope,Arial,sans-serif;
}
.layout-cinematic-motion .addon-card>div span{
 color:#d8bc7e;
 font-size:.75rem;
 font-weight:700;
}
.layout-cinematic-motion .addon-card p{
 margin:0;
 color:rgba(238,241,244,.62);
 font-size:.82rem;
 line-height:1.55;
}
.layout-cinematic-motion .addon-card>a{
 align-self:end;
 color:#f1dca8;
 font-size:.72rem;
 font-weight:700;
 white-space:nowrap;
}
.layout-cinematic-motion .addon-card>a:hover,
.layout-cinematic-motion .addon-card>a:focus-visible{color:#fff}
@media(max-width:760px){
 .layout-cinematic-motion .service-group-head{grid-template-columns:1fr;gap:1rem}
 .layout-cinematic-motion .service-grid,
 .layout-cinematic-motion .addon-grid{grid-template-columns:1fr!important}
 .layout-cinematic-motion .service-card,
 .layout-cinematic-motion .service-card.featured{min-height:0}
 .layout-cinematic-motion .addon-card{grid-template-columns:1fr;min-height:0}
 .layout-cinematic-motion .addon-card>a{justify-self:start}
}

/* Persuasive value and local-coverage content */
.layout-cinematic-motion .difference-lede{
 max-width:62ch;
 margin:1.5rem 0 0;
 color:rgba(238,241,244,.7);
 font-size:clamp(.95rem,1.2vw,1.08rem);
 line-height:1.7;
}
.layout-cinematic-motion .benefits{margin-top:2.75rem}
.layout-cinematic-motion .outcome-strip{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 margin-top:4rem;
 border-top:1px solid rgba(255,255,255,.14);
 border-left:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .outcome-strip article{
 min-height:180px;
 padding:1.6rem;
 border-right:1px solid rgba(255,255,255,.14);
 border-bottom:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .outcome-strip b,
.layout-cinematic-motion .area-proof-grid b{
 color:#c8a86a;
 font-size:.68rem;
 letter-spacing:.14em;
}
.layout-cinematic-motion .outcome-strip h3,
.layout-cinematic-motion .area-proof-grid h3{
 margin:2.5rem 0 .55rem;
 color:#f6f2ea;
 font:600 1rem/1.25 Manrope,Arial,sans-serif;
}
.layout-cinematic-motion .outcome-strip p,
.layout-cinematic-motion .area-proof-grid p,
.layout-cinematic-motion .area-card-intro{
 margin:0;
 color:rgba(238,241,244,.62);
 font-size:.8rem;
 line-height:1.6;
}
.layout-cinematic-motion .area-card-intro{
 max-width:44ch;
 margin:0 0 2rem;
}
.layout-cinematic-motion .area-proof-grid{
 margin:2rem 0 2.5rem;
 border-top:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .area-proof-grid article{
 display:grid;
 grid-template-columns:3rem 1fr;
 gap:1rem;
 padding:1.15rem 0;
 border-bottom:1px solid rgba(255,255,255,.14);
}
.layout-cinematic-motion .area-proof-grid h3{margin:0 0 .35rem}
@media(max-width:760px){
 .layout-cinematic-motion .outcome-strip{grid-template-columns:1fr}
 .layout-cinematic-motion .outcome-strip article{min-height:0}
}

/* Alternating branded section themes */
.layout-cinematic-motion{
 --section-navy:#071421;
 --section-navy-soft:#0b1b2b;
 --section-cream:#efe3c0;
 --section-cream-light:#f6eed9;
 --section-dark:#102235;
 --section-gold:#c8a86a;
}
.layout-cinematic-motion .hero,
.layout-cinematic-motion .trust-strip{
 background-color:var(--section-navy)!important;
}
.layout-cinematic-motion .trust-strip{
 color:#f6f2ea;
 border-color:rgba(200,168,106,.22);
}
.layout-cinematic-motion .trust-item{border-color:rgba(200,168,106,.2)}
.layout-cinematic-motion .trust-item span{color:rgba(246,242,234,.62)}

.layout-cinematic-motion #services,
.layout-cinematic-motion .process,
.layout-cinematic-motion .faq{
 color:var(--section-dark)!important;
 background:
  radial-gradient(circle at 88% 10%,rgba(200,168,106,.26),transparent 31%),
  linear-gradient(135deg,var(--section-cream-light),var(--section-cream))!important;
}
.layout-cinematic-motion #services h2,
.layout-cinematic-motion #services h3,
.layout-cinematic-motion .process h2,
.layout-cinematic-motion .process h3,
.layout-cinematic-motion .faq h2,
.layout-cinematic-motion .faq h3{
 color:var(--section-dark)!important;
}
.layout-cinematic-motion #services .eyebrow,
.layout-cinematic-motion .process .eyebrow,
.layout-cinematic-motion .faq .eyebrow{
 color:#806128!important;
}
.layout-cinematic-motion #services .section-head>p,
.layout-cinematic-motion .process .section-head>p,
.layout-cinematic-motion .faq-intro>p{
 color:rgba(16,34,53,.7)!important;
}
.layout-cinematic-motion .service-group-head,
.layout-cinematic-motion .service-grid,
.layout-cinematic-motion .addon-grid,
.layout-cinematic-motion .step-grid,
.layout-cinematic-motion .faq-list{
 border-color:rgba(16,34,53,.2)!important;
}
.layout-cinematic-motion .service-group-head p,
.layout-cinematic-motion .service-card p,
.layout-cinematic-motion .service-card li,
.layout-cinematic-motion .addon-card p,
.layout-cinematic-motion .step p,
.layout-cinematic-motion .faq-item p{
 color:rgba(16,34,53,.7)!important;
}
.layout-cinematic-motion .service-card,
.layout-cinematic-motion .addon-card,
.layout-cinematic-motion .step,
.layout-cinematic-motion .step:hover,
.layout-cinematic-motion .faq-item{
 color:var(--section-dark)!important;
 border-color:rgba(16,34,53,.2)!important;
 background:rgba(255,252,244,.42)!important;
}
.layout-cinematic-motion .service-card.featured{
 color:#f6f2ea!important;
 background:linear-gradient(145deg,#10263a,#071421)!important;
}
.layout-cinematic-motion .service-card.featured h3{color:#f6f2ea!important}
.layout-cinematic-motion .service-card.featured p,
.layout-cinematic-motion .service-card.featured li{color:rgba(246,242,234,.72)!important}
.layout-cinematic-motion .step b{color:#806128!important}
.layout-cinematic-motion .faq-item summary{color:var(--section-dark)!important}
.layout-cinematic-motion .faq-item summary i::before,
.layout-cinematic-motion .faq-item summary i::after{background:#806128}

.layout-cinematic-motion .difference,
.layout-cinematic-motion #area,
.layout-cinematic-motion .contact{
 color:#eef1f4;
 background-color:var(--section-navy)!important;
}
.layout-cinematic-motion .difference,
.layout-cinematic-motion #area{
 background-image:
  radial-gradient(circle at 90% 14%,rgba(200,168,106,.1),transparent 30%),
  linear-gradient(180deg,var(--section-navy-soft),var(--section-navy))!important;
}

/* High-contrast rules for every light section */
.layout-cinematic-motion.motion-enabled #services .service-card:not(.featured),
.layout-cinematic-motion.motion-enabled #services .service-card:not(.featured):hover,
.layout-cinematic-motion #services .service-card:not(.featured),
.layout-cinematic-motion #services .service-card:not(.featured):hover{
 color:#0a1b2c!important;
 border-color:rgba(10,27,44,.3)!important;
 background:rgba(255,252,244,.62)!important;
}
.layout-cinematic-motion.motion-enabled #services .service-card.featured,
.layout-cinematic-motion.motion-enabled #services .service-card.featured:hover,
.layout-cinematic-motion #services .service-card.featured,
.layout-cinematic-motion #services .service-card.featured:hover{
 color:#fff!important;
 border-color:#9b753a!important;
 background:linear-gradient(145deg,#10283d,#071421)!important;
 box-shadow:0 14px 34px rgba(7,20,33,.18)!important;
}
.layout-cinematic-motion #services .service-card:not(.featured) h3,
.layout-cinematic-motion #services .service-card:not(.featured):hover h3,
.layout-cinematic-motion #services .service-card:not(.featured) .service-price,
.layout-cinematic-motion #services .service-card:not(.featured) p,
.layout-cinematic-motion #services .service-card:not(.featured) li{
 color:#0a1b2c!important;
}
.layout-cinematic-motion #services .service-card:not(.featured) p,
.layout-cinematic-motion #services .service-card:not(.featured) li{
 color:rgba(10,27,44,.78)!important;
}
.layout-cinematic-motion #services .service-card.featured h3,
.layout-cinematic-motion #services .service-card.featured .service-price{
 color:#fff!important;
}
.layout-cinematic-motion #services .service-card.featured p,
.layout-cinematic-motion #services .service-card.featured li{
 color:rgba(255,255,255,.82)!important;
}
.layout-cinematic-motion #services .service-number{color:#70521f!important}
.layout-cinematic-motion #services .service-card.featured .service-number{color:#ddc486!important}
.layout-cinematic-motion #services .service-action:not(.popular-action){
 color:#0a1b2c!important;
 border-color:rgba(10,27,44,.42)!important;
 background:rgba(255,255,255,.32)!important;
}
.layout-cinematic-motion #services .service-action:not(.popular-action):hover,
.layout-cinematic-motion #services .service-action:not(.popular-action):focus-visible{
 color:#071421!important;
 border-color:#8a682e!important;
 background:rgba(200,168,106,.3)!important;
}
.layout-cinematic-motion #services .popular-action{
 color:#071421!important;
 background:linear-gradient(135deg,#b38b49,#d8bd7c 55%,#f0dda9)!important;
}
.layout-cinematic-motion #services .popular-badge{
 color:#f8e8bd!important;
 border-color:rgba(240,221,169,.7)!important;
 background:rgba(200,168,106,.18)!important;
}
.layout-cinematic-motion #services .addon-card h3,
.layout-cinematic-motion #services .addon-card a,
.layout-cinematic-motion .process .step h3,
.layout-cinematic-motion .faq-item summary{
 color:#0a1b2c!important;
}
.layout-cinematic-motion #services .addon-card>div span,
.layout-cinematic-motion .process .step b{
 color:#70521f!important;
}
.layout-cinematic-motion #services .addon-card p,
.layout-cinematic-motion .process .step p,
.layout-cinematic-motion .faq-item p{
 color:rgba(10,27,44,.78)!important;
}

/* Configurable single-image and cross-fading section backgrounds */
.layout-cinematic-motion [data-background]:not(header){
 position:relative;
 isolation:isolate;
}
.layout-cinematic-motion [data-background]>.section-background{
 position:absolute;
 inset:0;
 z-index:0;
 overflow:hidden;
 pointer-events:none;
}
.layout-cinematic-motion [data-background]>.section-background~*{
 position:relative;
 z-index:1;
}
.layout-cinematic-motion .section-background-frame,
.layout-cinematic-motion .section-background-overlay{
 position:absolute;
 inset:-1px;
}
.layout-cinematic-motion .section-background-frame{
 z-index:0;
 opacity:0;
 background-repeat:no-repeat;
 background-size:cover;
 transition:opacity 1.5s ease-in-out;
 will-change:opacity;
}
.layout-cinematic-motion .section-background-frame.is-active{opacity:1}
.layout-cinematic-motion .section-background-overlay{z-index:2}
@media(prefers-reduced-motion:reduce){
 .layout-cinematic-motion .section-background-frame{transition:opacity 1.5s ease-in-out!important}
}

/* 2026-07 homepage breathing-room pass.
   Keeps the existing composition while giving each content group its own space. */
.layout-cinematic-motion .hero{min-height:auto}
.layout-cinematic-motion .hero-grid{
 width:min(1340px,calc(100% - 5rem));
 min-height:clamp(850px,calc(100svh - 80px),980px);
 grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);
 gap:clamp(4.5rem,8vw,9rem);
 padding:clamp(7rem,10vh,9rem) 0 clamp(7rem,11vh,10rem);
}
.layout-cinematic-motion .hero-copy{max-width:690px}
.layout-cinematic-motion .hero-brand-lockup{margin:-1.5rem 0 2.25rem}
.layout-cinematic-motion .hero-brand-lockup img{
 width:clamp(390px,34vw,520px);
 max-height:210px;
}
.layout-cinematic-motion .hero .eyebrow{margin-bottom:1.35rem}
.layout-cinematic-motion .hero h1{
 max-width:680px;
 font-size:clamp(3.7rem,5.55vw,6.15rem);
 line-height:.96;
 letter-spacing:-.058em;
}
.layout-cinematic-motion .hero-lede{
 max-width:585px;
 margin:2rem 0 1.8rem;
 line-height:1.7;
}
.layout-cinematic-motion .hero-actions{gap:1rem;margin-top:.25rem}
.layout-cinematic-motion .proof-line{
 margin-top:2.15rem;
 gap:1rem 1.75rem;
}
.layout-cinematic-motion .hero-visual{
 min-height:clamp(450px,52vh,560px);
 align-self:center;
}
.layout-cinematic-motion .trust-strip{
 position:relative;
 margin-top:0;
 padding:2rem 0!important;
}
.layout-cinematic-motion .trust-item,
.layout-cinematic-motion .trust-item:last-child{
 min-height:62px;
 padding:0 clamp(.9rem,1.5vw,1.4rem)!important;
}
@media(max-width:980px){
 .layout-cinematic-motion .hero-grid{
  width:min(760px,calc(100% - 3rem));
  min-height:auto;
  grid-template-columns:1fr;
  gap:5rem;
  padding:8rem 0 6rem;
 }
 .layout-cinematic-motion .hero-copy{max-width:680px}
 .layout-cinematic-motion .hero-visual{min-height:520px}
}
@media(max-width:650px){
 .layout-cinematic-motion .hero-grid{
  width:calc(100% - 2rem);
  gap:3.5rem;
  padding:6.5rem 0 4.5rem;
 }
 .layout-cinematic-motion .hero-brand-lockup{margin:0 0 1.75rem}
 .layout-cinematic-motion .hero-brand-lockup img{width:min(100%,430px);max-height:175px}
 .layout-cinematic-motion .hero h1{font-size:clamp(3.05rem,14vw,4.65rem)}
 .layout-cinematic-motion .hero-lede{margin:1.6rem 0}
 .layout-cinematic-motion .proof-line{margin-top:1.75rem;display:grid;gap:.65rem}
 .layout-cinematic-motion .hero-visual{min-height:390px}
 .layout-cinematic-motion .trust-strip{padding:2.25rem 0!important}
}
