.living-network{height:min(900px,92vh);min-height:720px;position:relative;overflow:hidden;background:#050706;color:#fff;isolation:isolate}.living-network canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.cosmos-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(5,7,6,.32) 62%,#050706 100%),linear-gradient(180deg,#050706 0%,transparent 18%,transparent 78%,#050706 100%)}.cosmos-vignette:after{content:"";position:absolute;inset:0;opacity:.14;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.cosmos-copy{position:absolute;left:6vw;top:50%;transform:translateY(-50%);width:min(650px,48vw);z-index:3;pointer-events:none}.cosmos-copy h2{font:800 clamp(48px,5.4vw,86px)/.98 "Manrope",sans-serif;letter-spacing:-.058em;margin:24px 0 30px;text-wrap:balance}.cosmos-copy h2 em{font-style:normal;color:var(--gold);text-shadow:0 0 42px rgba(246,189,47,.24)}.cosmos-copy>p:last-child{width:min(560px,90%);color:#a3aaa4;font-size:16px;line-height:1.75}.cosmos-hud{position:absolute;top:35px;left:6vw;right:6vw;display:flex;justify-content:flex-end;gap:1px;z-index:3}.cosmos-hud>div{width:155px;padding:12px 15px;background:rgba(17,21,18,.55);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.cosmos-hud small,.cosmos-hud strong{display:block}.cosmos-hud small{color:#69716b;font:700 8px "Manrope";letter-spacing:.13em}.cosmos-hud strong{margin-top:5px;font:700 12px "Manrope"}.cosmos-hud strong i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62e8a3;box-shadow:0 0 15px #62e8a3;margin-right:6px;animation:hud-pulse 1.4s ease-in-out infinite}@keyframes hud-pulse{50%{opacity:.25;transform:scale(.65)}}.cosmos-event{position:absolute;right:7vw;z-index:3;width:220px;padding:14px 15px 14px 43px;background:rgba(12,16,13,.74);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.4);animation:event-drift 5s ease-in-out infinite}.cosmos-event>i{position:absolute;left:15px;top:17px;width:14px;height:14px;border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 18px rgba(246,189,47,.55)}.cosmos-event span,.cosmos-event strong{display:block}.cosmos-event span{color:var(--gold);font:700 8px "Manrope";letter-spacing:.13em}.cosmos-event strong{font:700 11px "Manrope";margin-top:5px}.event-retail{top:31%}.event-online{bottom:27%;right:13vw;animation-delay:-2.5s}.event-online>i{border-color:#62e8a3;box-shadow:0 0 18px rgba(98,232,163,.5)}.event-online span{color:#62e8a3}@keyframes event-drift{50%{transform:translateY(-12px)}}.cosmos-legend{position:absolute;left:6vw;bottom:42px;display:flex;gap:28px;color:#707771;font-size:9px;letter-spacing:.08em;z-index:3}.cosmos-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.brand-signal{background:var(--gold);box-shadow:0 0 10px var(--gold)}.store-signal{background:#62e8a3;box-shadow:0 0 10px #62e8a3}.customer-signal{background:#8d7cff;box-shadow:0 0 10px #8d7cff}.scroll-whisper{position:absolute;right:6vw;bottom:42px;color:#5a615b;font:700 8px "Manrope";letter-spacing:.14em;z-index:3}.scroll-whisper span{display:inline-block;width:35px;height:1px;background:#5a615b;margin:0 10px 3px 0;transform-origin:right;animation:whisper 1.8s ease-in-out infinite}@keyframes whisper{50%{transform:scaleX(.35)}}@media(max-width:800px){.living-network{height:820px;min-height:820px}.cosmos-copy{left:24px;right:24px;top:37%;width:auto}.cosmos-copy h2{font-size:48px}.cosmos-copy>p:last-child{font-size:14px}.cosmos-hud{left:24px;right:24px;justify-content:flex-start;overflow:hidden}.cosmos-hud>div{min-width:125px}.cosmos-event{width:180px;right:24px;padding-left:39px}.event-retail{top:auto;bottom:160px}.event-online{display:none}.cosmos-legend{left:24px;right:24px;bottom:30px;gap:14px;flex-wrap:wrap}.scroll-whisper{display:none}}@media(prefers-reduced-motion:reduce){.cosmos-event,.cosmos-hud strong i,.scroll-whisper span{animation:none}}
