.cre8-virtual-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(24px,5vw,72px) 0;color:inherit}
.cre8-virtual-hero-copy{min-width:0}.cre8-virtual-hero-copy>p:first-child{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;opacity:.7}
.cre8-virtual-hero h1{font-size:clamp(3.5rem,8vw,8rem);line-height:.95;letter-spacing:-.04em;margin:24px 0;overflow-wrap:anywhere}
.cre8-virtual-hero-subtitle{font-family:var(--cre8-font-accent,var(--cre8-font-body));font-size:clamp(1.15rem,2vw,1.7rem);max-width:28ch;line-height:1.5}
.cre8-virtual-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.cre8-virtual-hero-link{display:inline-block;background:#e7dfd2;color:#17151b;padding:13px 18px;text-decoration:none;border:1px solid #e7dfd2}.cre8-virtual-hero-link:nth-child(n+2){background:transparent;color:inherit}
.cre8-virtual-hero-visual{position:relative;min-width:0;height:clamp(330px,50vw,650px);overflow:hidden;border-radius:160px 160px 16px 16px;background:#100f19}
.cre8-virtual-hero-poster,.cre8-virtual-hero-video,.cre8-virtual-hero canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cre8-virtual-hero canvas{display:block}.cre8-virtual-hero canvas[hidden]{display:none}
.cre8-virtual-hero [data-hero-motion]{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;border:1px solid #f8f4ed88;border-radius:24px;background:#17151bee;color:#f8f4ed;cursor:pointer;font:inherit}
.cre8-virtual-hero [data-hero-status]:not(:empty){position:absolute;top:20px;left:20px;right:20px;padding:10px;background:#17151bee;color:#f8f4ed;font-size:.85rem}
.cre8-virtual-hero-audio{margin-top:32px}.cre8-virtual-hero-audio p{font-size:.9rem;opacity:.7}.cre8-virtual-hero audio{width:100%;max-width:350px}
.cre8-virtual-hero button:focus-visible,.cre8-virtual-hero a:focus-visible{outline:3px solid #ddb387;outline-offset:5px}
@media(max-width:700px){.cre8-virtual-hero{grid-template-columns:minmax(0,1fr)}.cre8-virtual-hero-visual{height:390px;grid-row:2}.cre8-virtual-hero h1{font-size:clamp(3rem,16vw,5rem)}}
.cre8-virtual-hero--immersive{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(620px,82svh,900px);box-sizing:border-box;padding:clamp(28px,5vw,72px);overflow:hidden;background:#080f17;color:#faf7ee}
.cre8-virtual-hero--immersive .cre8-virtual-hero-visual{position:absolute;inset:0;height:100%;border-radius:0;z-index:-2}
.cre8-virtual-hero--immersive .cre8-virtual-hero-visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080a12c9,transparent 76%),linear-gradient(0deg,#080a129c,transparent 65%)}
.cre8-virtual-hero--immersive .cre8-virtual-hero-copy{max-width:620px;width:100%;pointer-events:none}
.cre8-virtual-hero--immersive .cre8-virtual-hero-copy a,.cre8-virtual-hero--immersive .cre8-virtual-hero-copy audio{pointer-events:auto}
.cre8-virtual-hero--immersive .cre8-virtual-hero-poster{opacity:.5}.cre8-virtual-hero--immersive .cre8-virtual-hero-video{filter:brightness(.62) saturate(.8)}.cre8-virtual-hero[data-hero-footage=composite] canvas{mix-blend-mode:screen}
.cre8-virtual-hero--immersive [data-hero-motion]{z-index:3;left:auto;right:24px;bottom:24px;transform:none;font-size:.82rem}
.cre8-virtual-hero--immersive [data-hero-status]:not(:empty){left:auto;max-width:300px;z-index:3}
.cre8-virtual-hero--immersive .cre8-virtual-hero-audio{margin-top:24px}
.cre8-virtual-hero[data-hero-align=center]{text-align:center}
.cre8-virtual-hero--immersive[data-hero-align=center]{align-items:center;justify-content:center}
.cre8-virtual-hero--immersive[data-hero-align=center] .cre8-virtual-hero-visual:after{background:radial-gradient(ellipse at center,#080a1255,transparent 75%),linear-gradient(0deg,#080a129c,transparent 65%)}
.cre8-virtual-hero[data-hero-align=center] .cre8-virtual-hero-copy,.cre8-virtual-hero[data-hero-align=center] .cre8-virtual-hero-subtitle{margin-inline:auto}
.cre8-virtual-hero[data-hero-align=center] .cre8-virtual-hero-actions{justify-content:center}
.cre8-virtual-hero-scroll{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;margin-top:24px;padding:8px 16px;color:inherit;text-decoration:none;font:inherit;font-size:.85rem}
.cre8-virtual-hero-scroll>span:last-child{font-size:1.6rem;line-height:1}
@media(max-width:700px){.cre8-virtual-hero--immersive{min-height:860px;padding:28px 24px 86px}.cre8-virtual-hero--immersive h1{font-size:clamp(3.5rem,18vw,6rem)}.cre8-virtual-hero--immersive .cre8-virtual-hero-visual{inset:0 0 auto 0;height:48%;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}.cre8-virtual-hero--immersive .cre8-virtual-hero-visual:after{background:linear-gradient(0deg,#080a12cc,transparent 45%)}.cre8-virtual-hero--immersive [data-hero-motion]{top:16px;bottom:auto;right:16px}.cre8-virtual-hero--immersive .cre8-virtual-hero-audio p{max-width:28ch}}
@media(max-width:700px){.cre8-virtual-hero--immersive[data-hero-align=center]{padding:64px 24px}.cre8-virtual-hero--immersive[data-hero-align=center] .cre8-virtual-hero-visual{inset:0;height:100%;-webkit-mask-image:none;mask-image:none}}