/* The 16:9 alpha composition reserves its left half for the existing hero copy. */
.hero.hero-assembly{--assembly-scroll-distance:600vh;height:calc(100vh + var(--assembly-scroll-distance));min-height:0}
.hero-assembly .hero-sticky{display:flex;height:100vh;min-height:0;align-items:center}
.hero-assembly .hero-copy{width:44%;max-width:680px;z-index:2}
.hero-assembly h1{font-size:clamp(44px,4.7vw,82px)}
.hero-assembly .hero-metrics{margin-top:30px}
.hero-assembly-track{display:contents}
.hero-assembly .hero-system{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;transform:none;transition:none;display:block;z-index:3;pointer-events:none}
.hero-assembly .hero-node.hero-turntable{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;transform:none}
.hero-assembly .hero-turntable img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
@media(min-width:981px){
 .hero-assembly .hero-node.hero-turntable{transform:translateX(clamp(-56px,-2.4vw,-28px))}
}
@media(max-width:980px){
 .hero.hero-assembly{--assembly-scroll-distance:450svh;height:auto;min-height:0}
 .hero-assembly .hero-sticky{display:block;position:relative;height:auto;min-height:0;padding-bottom:0}
 .hero-assembly .hero-copy{width:100%;max-width:720px}
 .hero-assembly h1{font-size:clamp(47px,9vw,78px)}
 .hero-assembly-track{display:block;height:calc(100svh - 64px + var(--assembly-scroll-distance));margin-top:24px}
 .hero-assembly .hero-system{position:sticky;inset:auto;top:64px;width:100%;height:calc(100svh - 64px);min-height:0;margin:0}
 /* Crop only transparent left margin; keep all right-side hardware in view. */
 .hero-assembly .hero-node.hero-turntable{inset:auto;top:50%;left:50%;width:min(204%,calc((100svh - 64px)*16/9));height:auto;aspect-ratio:16/9;max-width:none;margin:0;transform:translate(-75%,-50%)}
 .hero-assembly .hero-turntable img{height:auto}
}
@media(prefers-reduced-motion:reduce){
 .hero.hero-assembly{height:auto;min-height:0}
 .hero-assembly .hero-sticky{position:relative;min-height:85vh;padding-bottom:54px}
 .hero-assembly-track{height:auto}
 .hero-assembly .scroll-cue{display:none}
}
@media(max-width:980px) and (prefers-reduced-motion:reduce){
 .hero-assembly .hero-system{position:relative;top:auto;height:min(75svh,600px)}
 .hero-assembly .hero-node.hero-turntable{width:min(204%,133.333svh,1066px)}
}

/* Overlapping grid cells reserve the tallest message, keeping actions stationary. */
.hero-story-panel:not(:first-child){display:none}
.hero-story.is-ready{display:grid}
.hero-story.is-ready .hero-story-panel{display:block;grid-area:1/1;min-width:0;pointer-events:none}
.hero-story-title{font-size:clamp(44px,4.7vw,82px);line-height:.93;letter-spacing:-.065em;margin:0;max-width:770px;font-weight:700}
.hero-story-title span,.hero-story-title em{display:block}
.hero-story-title em{font-style:normal;background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:980px),(prefers-reduced-motion:reduce){
 .hero-story.is-ready{display:block}
 .hero-story.is-ready .hero-story-panel:not(:first-child){display:none}
}

@media(min-width:981px){
 html[lang="hu"] [data-story-panel="1"] .hero-story-title span,
 html[lang="hu"] [data-story-panel="1"] .hero-story-title em,
 html[lang="hu"] [data-story-panel="3"] .hero-story-title span,
 html[lang="hu"] [data-story-panel="3"] .hero-story-title em{white-space:pre-line}
}
/* Keep the Hungarian connective with its phrase without shrinking the headline. */
@media(min-width:981px){
 html[lang="hu"] [data-story-panel="1"] .hero-story-title span{white-space:normal;text-wrap:balance}
 html[lang="hu"] [data-story-panel="1"] .hero-story-title em{white-space:nowrap;width:max-content}
}

/* Scroll-led atmosphere: light editorial space becomes a restrained graphite stage. */
.hero.hero-assembly{--hero-dark:0;--hero-copy-light:1;background:rgb(calc(238 - 220*var(--hero-dark)),calc(237 - 219*var(--hero-dark)),calc(235 - 213*var(--hero-dark)))}
.hero-assembly .hero-sticky{isolation:isolate}
.hero-assembly .hero-sticky:before{z-index:0;filter:none;background:
 radial-gradient(ellipse 58% 92% at 10% 51%,rgba(255,255,255,calc(.88*var(--hero-copy-light))) 0%,rgba(255,255,255,calc(.62*var(--hero-copy-light))) 38%,transparent 73%),
 radial-gradient(ellipse var(--hero-light-radius,650px) var(--hero-light-radius,650px) at var(--hero-light-x,72%) var(--hero-light-y,50%),rgba(255,255,255,calc(.96 - .76*var(--hero-dark))) 0%,rgba(250,249,247,calc(.52 - .38*var(--hero-dark))) 35%,transparent 72%),
 radial-gradient(circle at 86% 8%,rgba(184,166,205,calc(.08 + .035*var(--hero-dark))),transparent 38%),
 linear-gradient(138deg,rgb(calc(243 - 229*var(--hero-dark)),calc(242 - 228*var(--hero-dark)),calc(240 - 222*var(--hero-dark))),rgb(calc(229 - 218*var(--hero-dark)),calc(228 - 217*var(--hero-dark)),calc(227 - 210*var(--hero-dark))))}
.hero-assembly .hero-sticky:after{z-index:1;opacity:calc(.022 + .018*var(--hero-dark));mix-blend-mode:soft-light}
.hero-assembly .hero-copy{z-index:2}
.hero-assembly .hero-system{z-index:3}

/* One softly lagging light field guides exploration without creating a particle trail. */
.hero-pointer-light{position:absolute;z-index:1;left:0;top:0;width:clamp(560px,48vw,900px);aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0);will-change:transform,opacity;background:radial-gradient(circle,rgba(255,255,255,.13) 0%,rgba(255,255,255,.075) 24%,rgba(255,255,255,.025) 48%,transparent 72%);transition:opacity .65s ease}
.hero-pointer-light:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.16;mask-image:radial-gradient(circle,#000 0 28%,rgba(0,0,0,.7) 48%,transparent 72%);-webkit-mask-image:radial-gradient(circle,#000 0 28%,rgba(0,0,0,.7) 48%,transparent 72%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h128v128H0z'/%3E%3C/svg%3E");background-size:128px 128px}
.hero-assembly.is-pointer-active .hero-pointer-light{opacity:calc(.025 + .065*var(--hero-dark))}

/* The fourth message is the deliberate contrast turn; surrounding controls follow it. */
.hero-assembly [data-story-panel="3"] .hero-story-title span{color:#f6f5f7}
.hero-assembly [data-story-panel="3"] .hero-story-title em{background:linear-gradient(110deg,#a96cff,#d766ed 78%);-webkit-background-clip:text;background-clip:text}
.hero-assembly [data-story-panel="3"] .hero-lede{color:#d1ced6}
.hero-assembly .eyebrow,.hero-assembly .hero-actions .button,.hero-assembly .hero-metrics div,.hero-assembly .hero-metrics dd,.hero-assembly .scroll-cue{transition:color .55s ease,border-color .55s ease,background-color .55s ease,box-shadow .55s ease}
.hero-assembly[data-hero-contrast="dark"] .eyebrow{color:#b9b6c0}
.hero-assembly[data-hero-contrast="dark"] .button-dark{background:#f7f6f8;color:#15141a;box-shadow:0 12px 34px rgba(0,0,0,.2)}
.hero-assembly[data-hero-contrast="dark"] .button-ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.055);color:#f4f2f6}
.hero-assembly[data-hero-contrast="dark"] .hero-metrics div{border-color:rgba(255,255,255,.18)}
.hero-assembly[data-hero-contrast="dark"] .hero-metrics dt{color:#b576ff}
.hero-assembly[data-hero-contrast="dark"] .hero-metrics dd,.hero-assembly[data-hero-contrast="dark"] .scroll-cue{color:#c3c0c8}

@media(max-width:980px),(hover:none),(pointer:coarse){.hero-pointer-light{display:none}}
@media(prefers-reduced-motion:reduce){
 .hero.hero-assembly{--hero-dark:0!important;--hero-copy-light:1!important;background:#eeedeb}
 .hero-pointer-light{display:none}
}

.edge-feature .edge-copy p.edge-platform-note{font-size:12px;line-height:1.65;color:#b5b2ad;max-width:390px;margin:14px 0 24px}