/* Original cinematic direction inspired by editorial, video-led business sites.
   No third-party campaign assets. Motion never gates content or navigation. */
header{height:96px;padding-inline:5%;transition:background .3s,box-shadow .3s}
header.is-scrolled{background:#091b27;box-shadow:0 8px 30px #00121d35}
.hero-cinematic{display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);min-height:min(860px,calc(100svh - 96px));padding:0 0 94px;background:radial-gradient(ellipse at 83% 20%,#214c61 0%,#0c2637 42%,#081b28 80%)}
.hero-cinematic .hero-copy{padding:105px 5% 50px 11%;max-width:none;align-self:center}
.hero-cinematic .eyebrow{font-size:10px;letter-spacing:.23em;margin-bottom:30px}
.hero-cinematic h1{font-size:clamp(54px,5.65vw,104px);line-height:1.01;font-weight:400;letter-spacing:-.045em}
.hero-cinematic h1>span,.hero-cinematic h1>em{display:block}
.hero-cinematic h1>em{color:#e1c697}
.hero-cinematic .hero-deck{font-size:clamp(23px,2vw,32px);line-height:1.35;margin-top:26px;color:#f3eee5}
.hero-cinematic .hero-description{max-width:405px;font-size:12px;color:#c1d3de;line-height:1.9;margin-top:20px}
.hero-cinematic .hero-actions{flex-wrap:wrap;gap:14px 24px;margin-top:27px}
.hero-cinematic .button{min-height:59px;background:#dfc498;border-color:#efdbb6;color:#132c3c;font-size:12px}
.hero-cinematic .hero-editorial{position:relative;z-index:1;align-self:center;margin:90px 9% 30px 3%;padding:10px;background:#15354870;outline:none;border:1px solid #cdb48975;box-shadow:0 35px 90px #000a1366}
.hero-cinematic .hero-editorial:before{content:'';position:absolute;inset:-13px 13px 13px -13px;border:1px solid #d5b98255;z-index:-1;pointer-events:none}
.hero-cinematic .hero-editorial>img{position:relative;width:100%;height:auto;object-fit:contain;opacity:1}
.hero-cinematic .hero-editorial figcaption{padding:21px 9px 11px;font-size:8px;letter-spacing:.2em;color:#e4d3b4}
.editorial-corner{position:absolute;top:-49px;left:0;font-size:9px;letter-spacing:.17em;color:#d7bf95}
.hero-cinematic .hero-foot{left:5%;right:5%;bottom:27px;color:#c9d9e3;border-top-color:#9f997b55;align-items:center}
.hero-foot>a{font-size:9px;letter-spacing:.12em;min-height:30px;display:flex;align-items:center;gap:10px}
.hero-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.light-field{position:absolute;inset:-20% -10% 0 35%;background:radial-gradient(ellipse at center,#87b4be20,transparent 60%);border-radius:50%;transform:rotate(-25deg)}
.orbit{position:absolute;width:1100px;height:1100px;right:-520px;top:-730px;border:1px solid #e0c49238;border-radius:50%;box-shadow:0 0 90px #7badb010,inset 0 0 90px #7badb010;transform:rotate(-25deg) scaleY(.65)}
.orbit-two{width:1300px;height:1300px;right:-560px;top:-760px;border-color:#bccecf22}
.horizon-line{position:absolute;left:45%;right:-20%;bottom:24%;height:1px;background:linear-gradient(90deg,transparent,#d9bd8588,transparent);transform:rotate(-33deg);transform-origin:center}
.motion-toggle{position:absolute;right:5%;top:20px;z-index:5;background:#0c2637c9;color:#dbe4e9;border:1px solid #9db1ba66;border-radius:0;min-height:36px;padding:6px 13px;font-size:10px;letter-spacing:.04em;cursor:pointer;display:flex;gap:13px;align-items:center}
.motion-toggle[hidden]{display:none}
.perspective-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#102e41;color:#f8f2e7;border-top:1px solid #d4b47c66}
.perspective-navigation>a{position:relative;padding:31px 13% 34px;min-height:132px;border-right:1px solid #55718470;transition:background .25s}
.perspective-navigation>a:last-child{border-right:0}
.perspective-navigation>a>span:first-child{display:block;font-size:8px;letter-spacing:.15em;color:#d6bc90;margin-bottom:11px}
.perspective-navigation strong{font-family:var(--serif);font-size:25px;line-height:1.2;font-weight:400;display:block;padding-right:25px}
.perspective-navigation .arrow{position:absolute;right:9%;bottom:35px}
.perspective-navigation>a:hover{background:#1c4359}
.button .arrow,.text-link .arrow,.perspective-navigation .arrow{transition:transform .25s}
.button:hover .arrow,.text-link:hover .arrow,.perspective-navigation>a:hover .arrow{transform:translate(3px,-3px)}
.audience-line{padding-block:24px;font-size:8px;background:#f3f0e8}
.philosophy{padding-top:130px;padding-bottom:130px}
.philosophy-grid h2{font-size:clamp(53px,5.7vw,90px)}
.consultation-scene{background:#0d293b;padding:90px 7%;color:#f7f0e4;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;align-items:center}
.consultation-scene figure{margin:0;position:relative;padding:9px;border:1px solid #b79c7077;box-shadow:0 20px 60px #000d}
.consultation-scene img{width:100%;height:auto;object-fit:contain}
.consultation-scene h2{font-size:clamp(43px,4vw,66px)}
.consultation-scene h2 em{color:#d8bc8e}
.consultation-scene .eyebrow{margin-bottom:24px}
.consultation-scene p:not(.eyebrow){font-size:13px;color:#c6d4dc;margin-top:24px;line-height:1.9}
.consultation-scene .text-link{color:#e4cba4}
/* Animate only when the controller enables motion. All base content is visible. */
.motion-enabled:not(.motion-paused) .light-field{animation:ambient-light 17s ease-in-out infinite alternate}
.motion-enabled:not(.motion-paused) .orbit-one{animation:orbit-light 21s ease-in-out infinite alternate}
.motion-enabled:not(.motion-paused) .horizon-line{animation:horizon-glow 13s ease-in-out infinite alternate}
.motion-enabled .hero-cinematic h1,.motion-enabled .hero-cinematic .hero-deck,.motion-enabled .hero-cinematic .hero-actions{animation:editorial-arrival 1.1s cubic-bezier(.2,.65,.2,1) both}
.motion-enabled .hero-cinematic .hero-deck{animation-delay:.12s}.motion-enabled .hero-cinematic .hero-actions{animation-delay:.22s}
.motion-enabled .hero-cinematic .hero-editorial{animation:scene-arrival 1.5s cubic-bezier(.2,.65,.2,1) both}
.motion-enabled .reveal-arrival{animation:editorial-arrival .9s cubic-bezier(.2,.65,.2,1) both}
.motion-paused *, .motion-offscreen .hero-cinematic *, .motion-background *{animation-play-state:paused!important}
@keyframes editorial-arrival{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes scene-arrival{from{opacity:.65;transform:translateY(20px) scale(.965)}to{opacity:1;transform:none}}
@keyframes ambient-light{from{transform:translate(-3%,2%) rotate(-25deg);opacity:.55}to{transform:translate(4%,-4%) rotate(-15deg);opacity:1}}
@keyframes orbit-light{from{transform:translateY(-20px) rotate(-25deg) scaleY(.65)}to{transform:translateY(60px) rotate(-10deg) scaleY(.72)}}
@keyframes horizon-glow{from{opacity:.3;transform:translateX(-35px) rotate(-33deg)}to{opacity:.8;transform:translateX(40px) rotate(-29deg)}}
@media(min-width:1700px){.hero-cinematic{min-height:850px}.hero-cinematic .hero-copy{padding-top:110px}.hero-cinematic h1{font-size:106px}}
@media(max-width:1100px){header{padding-inline:4%}nav{gap:17px}.hero-cinematic{min-height:750px}.hero-cinematic .hero-copy{padding-left:9%;padding-top:90px}.hero-cinematic h1{font-size:clamp(48px,5.6vw,64px)}.hero-cinematic .hero-editorial{margin-right:8%;margin-left:4%}.perspective-navigation>a{padding-left:10%;padding-right:10%}.perspective-navigation strong{font-size:23px}}
@media(max-width:850px){header{height:86px}.hero-cinematic{display:block;min-height:0;padding-bottom:78px}.hero-cinematic .hero-copy{padding:72px 7% 43px;max-width:760px}.hero-cinematic h1{font-size:clamp(60px,10vw,82px)}.hero-cinematic .hero-description{max-width:540px}.hero-cinematic .hero-editorial{margin:50px 7% 26px}.editorial-corner{top:-34px}.motion-toggle{top:15px;right:7%}.hero-cinematic .hero-foot{left:7%;right:7%;font-size:7px}.hero-foot>a{font-size:8px}.perspective-navigation>a{padding:24px 9%;min-height:142px}.perspective-navigation strong{font-size:21px}.perspective-navigation .arrow{bottom:15px}.consultation-scene{grid-template-columns:1fr;gap:38px;padding:65px 7%}.consultation-scene h2{font-size:48px}.philosophy{padding-top:85px;padding-bottom:85px}}
@media(max-width:560px){.hero-cinematic .hero-copy{padding-top:78px}.hero-cinematic h1{font-size:clamp(45px,11.6vw,63px)}.hero-cinematic .hero-deck{font-size:25px}.hero-cinematic .hero-actions{align-items:flex-start;flex-direction:column}.hero-cinematic .hero-editorial{padding:6px}.hero-cinematic .hero-editorial figcaption{font-size:7px;line-height:1.8}.hero-cinematic .hero-foot{align-items:start;gap:10px}.hero-foot>span{max-width:155px;line-height:1.7}.perspective-navigation{grid-template-columns:1fr}.perspective-navigation>a{padding:22px 7%;min-height:92px;border-right:0;border-bottom:1px solid #55718470}.perspective-navigation strong{font-size:24px}.perspective-navigation .arrow{right:8%;bottom:34px}.perspective-navigation>a>span:first-child{margin-bottom:7px}.hero-cinematic .hero-editorial:before{inset:-9px 9px 9px -9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none!important}}
@media(max-width:650px){.hero-atmosphere *{animation:none!important}}