.molecular-journey{height:240svh}.molecular-hero{background:#060507;min-height:740px}.molecular-hero:before{display:none}.molecular-hero .copy{z-index:3;top:25%;width:47%;max-width:680px;background:none;text-shadow:none}.molecular-hero h1{font-size:clamp(40px,4.8vw,76px);line-height:1.06;letter-spacing:-3px}.molecular-hero h1 span{color:#ec3150}.molecular-hero .intro{max-width:435px;font-size:17px;color:#b6adb8;line-height:1.75}.molecular-hero .eyebrow{font-size:10px;letter-spacing:3px;color:#e6546c}.molecular-hero .actions .primary{font-size:14px;border:1px solid #e24b63;padding:16px 22px;border-radius:30px;background:linear-gradient(135deg,#b61334,#7a1027);color:white}.molecular-hero .actions a:not(.primary){font-size:12px;color:#cfbec5}.molecular-hero .story-caption{margin-top:36px;max-width:390px}.molecular-hero .story-caption p{font-size:12px;color:#b8a9b3;line-height:1.6}.molecular-hero .bottom{z-index:4;border-color:#ae657125}.molecular-hero .story-controls button{font-size:10px;color:#96838f;padding:12px 8px}.molecular-hero .story-controls button[aria-pressed=true]{color:#ffccd4}.molecular-hero .motion-controls button,.molecular-hero .scroll-cue{color:#b7a5b0}.molecular-halo{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#060507 0%,#060507e8 27%,transparent 55%),radial-gradient(ellipse at 78% 48%,transparent 30%,#06050799 90%)}#molecular-scene{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 75% 50%,#420a1c66,transparent 57%)}#molecular-scene canvas{display:block;width:100%;height:100%}.molecular-fallback{position:absolute;right:5%;top:10%;height:78%;width:50%;opacity:.85}#molecular-scene.ready .molecular-fallback{display:none}.molecule-label{position:absolute;right:7%;bottom:16%;z-index:2;text-align:right;pointer-events:none}.molecule-label span{display:block;font-size:8px;letter-spacing:2.5px;color:#a26b7d}.molecule-label strong{display:block;font-size:10px;letter-spacing:3px;font-weight:400;color:#d8a8b5;margin-top:12px}.molecular-hero .copy.changing h1{animation:molecule-copy .6s both}@keyframes molecule-copy{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1000px){.molecular-hero .copy{width:49%}.molecular-hero h1{font-size:46px;letter-spacing:-2px}.molecular-hero .actions{gap:14px;flex-wrap:wrap}.molecular-hero .intro{font-size:15px}.molecular-hero .eyebrow{font-size:8px}}
@media(max-width:700px){.molecular-journey{height:210svh}.molecular-hero{height:100svh;min-height:810px}.molecular-hero .copy{top:105px;left:6%;width:88%;max-width:none}.molecular-hero h1{font-size:clamp(36px,9.3vw,48px);letter-spacing:-1.6px;margin-bottom:17px}.molecular-hero .intro{font-size:14px;line-height:1.6;max-width:350px;margin-bottom:18px}.molecular-hero .actions .primary{font-size:12px;padding:12px 16px;min-height:44px}.molecular-hero .actions a:not(.primary){font-size:11px}.molecular-hero .story-caption{margin-top:18px;max-width:330px}.molecular-hero .story-caption p{font-size:11px}#molecular-scene{top:380px;bottom:65px}.molecular-halo{background:linear-gradient(#060507 0%,#060507 40%,transparent 60%)}.molecular-fallback{right:10%;width:80%;height:100%;top:0}.molecule-label{display:none}.molecular-hero .bottom{left:5%;right:5%;bottom:8px;display:block;padding-top:4px}.molecular-hero .story-controls{justify-content:space-between;gap:0}.molecular-hero .story-controls button{font-size:9px;padding:8px 3px;min-height:36px}.molecular-hero .motion-controls{justify-content:center;gap:24px}.molecular-hero .motion-controls button{font-size:10px;min-height:30px;padding:5px}.molecular-hero .scroll-cue{display:none}}
@media(max-width:700px){.molecular-hero{min-height:940px}#molecular-scene{top:490px;bottom:95px}.molecular-halo{background:linear-gradient(#060507 0%,#060507 47%,transparent 60%)}}
@media(max-width:360px){.molecular-hero{min-height:990px}#molecular-scene{top:545px}.molecular-hero .copy{top:90px}}
.molecular-journey{height:auto}.molecular-hero{position:relative}.molecular-hero .caption-number{display:none}.molecular-hero .molecular-halo{background:linear-gradient(90deg,#060507 0%,#060507e8 23%,transparent 51%),radial-gradient(ellipse at 78% 48%,transparent 45%,#06050766 90%)}
@media(max-width:700px){.molecular-hero .molecular-halo{background:linear-gradient(#060507 0%,#060507 44%,transparent 58%)}}
@media(prefers-reduced-motion:reduce){.molecular-journey{height:auto}.molecular-hero{position:relative}.molecular-hero .copy.changing h1{animation:none}}