:root{--ice:#c4d9d1;--hot:#e3482e;--void:#030504;--line:rgba(196,217,209,.38);--x:0;--y:0}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--void);color:var(--ice);font-family:Arial,Helvetica,sans-serif;letter-spacing:.08em}.room{min-height:100vh;overflow:hidden;position:relative;isolation:isolate;background:#050706;perspective:1200px}.environment{position:absolute;inset:-6%;z-index:-2;background-image:linear-gradient(90deg,rgba(0,8,8,.24),rgba(25,0,0,.25)),url("assets/p31-broadcast-room.png");background-size:cover;background-position:center;transform:translate3d(calc(var(--x)*-11px),calc(var(--y)*-9px),-70px) scale(1.07);transition:transform .13s linear;filter:contrast(1.08) brightness(.89)}.environment:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at calc(50% + var(--x)*22%),calc(48% + var(--y)*20%),transparent 4%,rgba(0,0,0,.06) 32%,rgba(0,0,0,.58) 79%)}.grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.2;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.12) 4px),url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.hud{position:absolute;z-index:5;left:3vw;right:3vw;top:23px;display:flex;align-items:center;justify-content:space-between;font-size:10px;text-shadow:0 2px 5px #000}.brand{font-size:27px;font-weight:900;letter-spacing:-.11em;color:var(--ice);text-decoration:none}.hud p{margin:0}.hud button{background:rgba(4,10,9,.55);border:1px solid var(--line);color:var(--ice);font:inherit;padding:8px;cursor:pointer}.intro{position:absolute;z-index:4;top:50%;left:6vw;transform:translateY(-47%) translate3d(calc(var(--x)*-4px),calc(var(--y)*-4px),50px);width:min(340px,56vw);transition:transform .13s linear;text-shadow:0 3px 12px #000}.intro span{color:var(--hot);font-size:10px}.intro h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(61px,7vw,118px);line-height:.72;letter-spacing:-.07em;margin:17px 0}.intro p{font-size:10px;line-height:1.6;margin:22px 0 0}.portals{position:absolute;z-index:4;inset:0;pointer-events:none}.portal{pointer-events:auto;position:absolute;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid rgba(196,217,209,.28);background:linear-gradient(135deg,rgba(160,210,196,.1),rgba(0,0,0,.08));color:var(--ice);text-decoration:none;text-shadow:0 2px 4px #000;box-shadow:0 0 35px rgba(130,215,190,.05),inset 0 0 25px rgba(0,0,0,.4);transform-style:preserve-3d;transition:transform .18s ease,background .18s,box-shadow .18s}.portal:hover,.portal:focus-visible{background:rgba(183,225,212,.25);box-shadow:0 0 42px rgba(188,239,222,.46),inset 0 0 28px rgba(255,255,255,.16);outline:none}.portal i{position:absolute;top:9px;left:11px;font-size:9px;font-style:normal;color:var(--hot)}.portal strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(20px,2.6vw,39px);letter-spacing:-.04em;font-weight:400}.portal small{font-size:8px;margin-top:4px}.shop{left:4.5%;top:13%;width:14%;height:34%;transform:rotateY(11deg) rotateX(-2deg) translate3d(calc(var(--x)*4px),calc(var(--y)*4px),30px)}.collections{left:41%;top:18%;width:13%;height:27%;transform:rotateY(-7deg) translate3d(calc(var(--x)*7px),calc(var(--y)*5px),55px)}.archive{right:12%;top:17%;width:17%;height:30%;transform:rotateY(-10deg) translate3d(calc(var(--x)*9px),calc(var(--y)*4px),85px)}.contact{right:2%;bottom:7%;width:23%;height:19%;transform:rotateY(-17deg) rotateX(2deg) translate3d(calc(var(--x)*11px),calc(var(--y)*7px),110px)}.footer{top:auto;bottom:19px;color:#9bb0a8}.page{min-height:100vh;background-image:linear-gradient(rgba(0,8,7,.66),rgba(12,0,0,.55)),url("assets/p31-broadcast-room.png");background-size:cover;background-position:center;background-attachment:fixed}.page .room{background:radial-gradient(ellipse at 48% 46%,transparent 5%,rgba(0,0,0,.45) 80%);padding:23px 8vw 10vh}.page .hud{position:relative;inset:auto;border-bottom:1px solid var(--line);padding-bottom:16px}.back{color:var(--ice);text-decoration:none;font-size:10px}.back:hover{color:var(--hot)}.page-content{max-width:900px;margin:13vh 0 0;text-shadow:0 2px 5px #000}.kicker{font-size:10px;color:var(--hot)}.page h1{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:clamp(65px,10vw,155px);letter-spacing:-.08em;line-height:.72;margin:16px 0 36px}.lede{font-size:13px;letter-spacing:.025em;line-height:1.65;max-width:460px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:8vh;background:var(--line);border:1px solid var(--line)}.card{background:rgba(2,8,7,.75);padding:20px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--ice);transition:background .2s}.card:hover{background:rgba(172,49,32,.65)}.card b{font-family:Impact,"Arial Narrow",sans-serif;font-size:30px;font-weight:400;letter-spacing:-.04em}.card span{font-size:9px;line-height:1.55}.list{margin-top:7vh;border-top:1px solid var(--line);max-width:720px}.list a{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:19px 0;color:var(--ice);text-decoration:none;border-bottom:1px solid var(--line);font-family:Impact,"Arial Narrow",sans-serif;font-size:26px;font-weight:400;letter-spacing:-.03em}.list a:hover{color:#fff}.list small{font:10px Arial,sans-serif;letter-spacing:.08em}.form{max-width:580px;margin-top:7vh;display:grid;gap:14px}.form label{font-size:9px}.form input,.form textarea{display:block;width:100%;margin-top:7px;padding:12px;background:rgba(0,5,4,.75);border:1px solid var(--line);color:var(--ice);font:14px Arial,sans-serif}.form textarea{height:120px}.form button{justify-self:start;background:transparent;color:var(--ice);border:1px solid var(--line);padding:13px 18px;cursor:pointer;font:inherit}.confirmation{display:none;font-size:12px;color:#fff}.confirmation.show{display:block}@media(max-width:700px){.environment{inset:-16%;background-position:53% center}.hud{left:18px;right:18px}.hud p{display:none}.intro{left:25px;width:70vw}.intro h1{font-size:73px}.portal{padding:8px}.portal strong{font-size:18px}.portal small{display:none}.shop{left:5%;top:16%;width:22%;height:27%}.collections{left:40%;top:25%;width:21%;height:22%}.archive{right:4%;top:16%;width:25%;height:25%}.contact{right:6%;bottom:13%;width:32%;height:13%}.page .room{padding:18px 24px 70px}.page-content{margin-top:12vh}.page h1{font-size:71px}.cards{grid-template-columns:1fr}.card{min-height:145px}.list a{grid-template-columns:56px 1fr auto;font-size:20px}}