/* One photographic scene; live copy sits in the naturally quiet part of it. */
.ng-home .ng-hero--editorial{height:clamp(480px,40vw,570px);display:flex;align-items:center;background:#112722;isolation:isolate;direction:ltr}
.ng-home .ng-hero--editorial .ng-hero-photo{position:absolute;inset:0;width:100%;height:100%;background:#112722}
.ng-hero--editorial .ng-hero-canvas{position:absolute;right:0;top:0;height:100%;width:auto;min-width:100%;aspect-ratio:1983/793;pointer-events:none}
.ng-hero--editorial .ng-hero-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.ng-hero--editorial .ng-hero-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ng-hero-brand-stamp{position:absolute;left:60%;top:8%;width:clamp(80px,8.4vw,122px);aspect-ratio:1;transform:translateX(-50%) rotate(-11deg);z-index:2;pointer-events:auto;filter:drop-shadow(2px 5px 4px #07181166);border-radius:50%;transition:transform .2s ease}
.ng-hero-brand-stamp svg{display:block;width:100%;height:100%}
.ng-hero-brand-stamp:hover{transform:translateX(-50%) rotate(-7deg)}
.ng-hero-brand-stamp:focus-visible{outline:3px solid #f7f9f3;outline-offset:5px}
.ng-home .ng-hero-stamp-landing .ng-hero-brand-stamp{animation:ng-scene-stamp 1s cubic-bezier(.22,.75,.28,1) both;animation-play-state:paused;transition:none;transform-origin:50% 50%}
.ng-home .ng-hero-stamp-landing.ng-hero-live .ng-hero-brand-stamp{animation-play-state:running}
.ng-hero-brand-motto{display:block;margin-top:1.1rem;color:#c3ec32;font:italic 14px/1.6 Georgia,serif;letter-spacing:.2px}
.ng-home .ng-hero--editorial .ng-hero-copy{width:44%;height:auto;min-height:0;padding:2rem clamp(24px,3vw,48px);margin:0;border-radius:0;background:none;direction:rtl;z-index:2}
.ng-hero--editorial .ng-hero-text{padding:0;max-width:450px;margin:auto;text-align:center}
.ng-hero--editorial .ng-hero-kicker{font-size:.85rem;letter-spacing:0;margin-bottom:1rem;display:block}
.ng-home .ng-hero--editorial h1{font-size:clamp(36px,3.6vw,52px);line-height:1.4;white-space:normal;margin:0;font-weight:900}
.ng-home .ng-hero--editorial p{max-width:380px;font-size:15px;line-height:2;margin:1.25rem auto 1.5rem;color:#e3e9df}
.ng-hero--editorial .ng-hero-buttons{direction:rtl;justify-content:center;gap:.7rem;flex-wrap:wrap;white-space:normal}
.ng-hero--editorial .ng-hero-buttons .ng-button{min-height:46px;padding:.6rem 1rem;font-size:13px}
.ng-hero--editorial .ng-hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,39,34,.35),transparent 58%)}
.ng-home .ng-hero--editorial .ng-hero-effect{animation-play-state:paused}
.ng-home .ng-hero--editorial.ng-hero-live .ng-hero-effect{animation-play-state:running}
.ng-hero--editorial .ng-hero-wisp{stroke-width:5;filter:blur(1.7px);transform-origin:1200px 435px;animation:ng-scene-steam 7s ease-in-out infinite;opacity:0}
.ng-hero--editorial .ng-hero-wisp--two{animation-delay:-2.3s;stroke-width:6.5}
.ng-hero--editorial .ng-hero-wisp--three{animation-delay:-4.6s;stroke-width:4.5}
.ng-hero-screen-track{opacity:.12}
.ng-hero-screen-trace{stroke-dasharray:180 640;animation:ng-scene-screen 9s linear infinite;opacity:.8}
.ng-hero-screen-trace--two{animation-direction:reverse;animation-duration:12s;opacity:.45}
.ng-hero-server-led{animation:ng-scene-led 4.8s ease-in-out infinite;transform-origin:1887px 479px}
.ng-hero-ring-glint{animation:ng-scene-glint 9s ease-in-out infinite;transform-origin:1624px 635px;opacity:0}
.ng-hero-motion-toggle{position:absolute;right:18px;bottom:16px;z-index:3;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #e3e9df55;border-radius:24px;background:#112722d9;color:#f7f9f3;font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer;direction:rtl}
.ng-hero-motion-toggle[hidden]{display:none}
.ng-hero-motion-toggle:hover{background:#112722}
.ng-hero-motion-toggle:focus-visible{outline:3px solid #c3ec32;outline-offset:3px}
.ng-hero-motion-symbol{font-size:16px;line-height:1}
@keyframes ng-scene-steam{0%,100%{opacity:0;transform:translate3d(0,8px,0) scaleX(.92)}20%{opacity:.35}45%{opacity:.62;transform:translate3d(4px,-13px,0) scaleX(1.04)}75%{opacity:.28;transform:translate3d(-5px,-34px,0) scaleX(1.12)}}
@keyframes ng-scene-screen{to{stroke-dashoffset:-820}}
@keyframes ng-scene-led{0%,100%{opacity:.18;transform:scale(.85)}50%{opacity:.6;transform:scale(1.12)}}
@keyframes ng-scene-glint{0%,60%,100%{opacity:0;transform:scale(.5) rotate(0)}70%{opacity:.8;transform:scale(1) rotate(12deg)}82%{opacity:0;transform:scale(1.25) rotate(20deg)}}
@keyframes ng-scene-stamp{
 0%{opacity:0;transform:translate(-50%,-44px) rotate(-23deg) scale(1.65);filter:drop-shadow(5px 20px 12px #07181166)}
 28%{opacity:1;transform:translate(-50%,-26px) rotate(-16deg) scale(1.28)}
 48%{opacity:1;transform:translate(-50%,3px) rotate(-11deg) scale(.9,.86);filter:drop-shadow(0 1px 1px #07181166)}
 65%{transform:translate(-50%,-3px) rotate(-12deg) scale(1.04);filter:drop-shadow(2px 6px 4px #07181166)}
 83%,100%{opacity:1;transform:translateX(-50%) rotate(-11deg) scale(1);filter:drop-shadow(2px 5px 4px #07181166)}
}
@media(min-width:901px) and (max-width:1150px){
 .ng-home .ng-hero--editorial{height:400px}
 .ng-home .ng-hero--editorial .ng-hero-copy{padding:1.5rem 2rem}
 .ng-home .ng-hero--editorial h1{font-size:clamp(28px,3vw,34px)}
 .ng-home .ng-hero--editorial p{font-size:14px;margin:1rem auto 1.25rem}
}
@media(max-width:900px){
 .ng-home .ng-hero--editorial{height:auto;display:flex;flex-direction:column-reverse;align-items:stretch}
 .ng-home .ng-hero--editorial .ng-hero-copy{width:100%;padding:1.8rem 1.4rem 1rem}
 .ng-hero--editorial .ng-hero-text{max-width:480px;text-align:center}
 .ng-home .ng-hero--editorial h1{font-size:clamp(32px,5vw,42px);line-height:1.38}
 .ng-home .ng-hero--editorial p{margin:1rem auto 1.25rem;font-size:14px}
 .ng-hero--editorial .ng-hero-buttons{justify-content:center}
 .ng-hero--editorial .ng-hero-kicker{margin-bottom:.6rem}
 .ng-hero-brand-stamp{top:5%;width:80px}
 .ng-hero-brand-motto{font-size:12px;margin-top:.8rem}
 .ng-home .ng-hero--editorial .ng-hero-photo{position:relative;inset:auto;width:100%;height:clamp(250px,43vw,370px)}
 .ng-hero--editorial .ng-hero-photo:after{background:linear-gradient(180deg,#112722,rgba(17,39,34,.3) 14%,transparent 32%)}
 .ng-hero-motion-toggle{left:12px;right:auto;top:auto;bottom:12px;font-size:11px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
 .ng-hero--editorial .ng-hero-effect{animation:none!important;transform:none!important}
 .ng-hero--editorial .ng-hero-wisp,.ng-hero--editorial .ng-hero-ring-glint{opacity:0!important}
 .ng-hero--editorial .ng-hero-screen-trace{opacity:.18;stroke-dasharray:none}
 .ng-hero--editorial .ng-hero-server-led{opacity:.2}
 .ng-hero-motion-toggle{display:none}
 .ng-hero-brand-stamp{transition:none}
 .ng-home .ng-hero-stamp-landing .ng-hero-brand-stamp{animation:none;opacity:1}
}
