@font-face{font-family:BoseText;src:url(/assets/BoseText-Regular.otf) format("opentype"),url(/assets/BoseText-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BoseText;src:url(/assets/BoseText-Medium.otf) format("opentype"),url(/assets/BoseText-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:BoseText;src:url(/assets/BoseText-Bold.otf) format("opentype"),url(/assets/BoseText-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:BoseText,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#161616;color:#fff;font-weight:400}:root{--room-scenes-vh: 100vh}@supports (height: 100dvh){:root{--room-scenes-vh: 100dvh}}.page{height:var(--room-scenes-vh);display:flex;justify-content:stretch;align-items:stretch}.panel{position:relative;width:100%;height:100%;max-width:none;max-height:none;padding:32px 40px;background:#161616;border-radius:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.cornerLogo{position:absolute;right:40px;bottom:32px;z-index:5;width:clamp(110px,10vw,160px);height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.header{text-align:center;margin-top:15px}.headerIntro,.headerNav{width:100%}.header h1{font-family:BoseText;font-weight:500;font-size:48px;line-height:1.08;width:100%;max-width:none;white-space:nowrap;margin:0 auto}.header p{font-size:20px;color:#d7d7d7;line-height:1.35;padding:0 10px;max-width:44ch;white-space:nowrap;margin:12px auto 0}.pills{display:flex;gap:5px;margin-top:45px;justify-content:center}.pillsWrap{position:relative}.pill{padding:8px 16px;border-radius:999px;border:none;background:#222;color:#fff;cursor:pointer;font-family:inherit;font-weight:400;font-size:15px;transition:background .2s ease,color .2s ease;white-space:nowrap}.pill:not(.active):hover,.pill:not(.active):focus-visible{background:#373737}.pill.active{background:#fff;color:#000}.stage{display:flex;gap:70px;margin-top:0;height:100%;align-items:center;justify-content:center}@media (min-width: 769px){.stage{align-items:center;justify-content:center}}.room{position:relative;width:680px;height:500px;flex-shrink:0}.roomImage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:12px;opacity:0;transition:opacity .4s ease;will-change:opacity}.roomImage.isActive{opacity:1}.wavesLayerHost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.wavesLayer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden;-webkit-mask-image:var(--mask-url);mask-image:var(--mask-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}.waveEmitter{position:absolute;transform:translate(-50%,-50%);transform-origin:center center;z-index:2}.waveImage{position:absolute;left:50%;top:50%;z-index:2;height:auto;--scale-from: .3;--scale-to: 1.45;transform:translate(-50%,-50%) scale(var(--scale-from));opacity:0;animation:imageWave 5.4s linear infinite;will-change:transform,opacity;mix-blend-mode:plus-lighter}@keyframes imageWave{0%{transform:translate(-50%,-50%) scale(var(--scale-from));opacity:0}14%{opacity:1}30%{opacity:1}to{transform:translate(-50%,-50%) scale(var(--scale-to));opacity:0}}.info{display:flex;flex-direction:column;gap:0;max-width:400px;width:400px;min-height:360px}.info>div{display:flex;flex-direction:column;flex:1}.info img{width:218px;height:97px;object-fit:contain;border-radius:12px}.infoCopy{margin:11px 0 0;font-size:20px;line-height:1.45;font-weight:400;color:#d7d7d7}.infoCopyTitle{font-weight:700;color:#fff}.kicker{opacity:.6;font-size:12px;text-transform:uppercase;margin:0;letter-spacing:.04em}@media (max-width: 768px){.page{height:var(--room-scenes-vh);min-height:var(--room-scenes-vh);align-items:stretch}.panel{max-width:none;max-height:none;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;padding:0;border-radius:0;overflow:hidden}.cornerLogo{right:15px;bottom:12px;width:clamp(88px,24vw,120px)}.header{padding:0;margin-top:10px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.headerIntro{padding:15px 15px 0;margin-bottom:10px}.headerNav{padding:0;display:flex;justify-content:center;width:100%;overflow:hidden}.headerNav::-webkit-scrollbar{display:none}.header h1{font-family:BoseText;font-size:26px;line-height:1.15;white-space:normal;margin-bottom:5px}.header p{display:none}.pills{display:flex;flex-wrap:wrap;margin-top:0;justify-content:center;width:auto;min-width:0;gap:2px;overflow:visible;padding:0;margin-left:0;margin-right:0}.pillsWrap{margin-top:5px;width:100%;position:relative;display:flex;justify-content:center}.pillsWrap:after{content:none}.pills::-webkit-scrollbar{display:none}.pill:first-child{margin-left:0}.pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:fit-content;text-align:center;scroll-snap-align:start;font-size:14px}.stage{flex-direction:column;gap:0;margin-top:0;align-items:stretch;justify-content:space-evenly;flex:1;min-height:0}.room{position:relative;width:100vw;margin-left:0;margin-right:0;height:clamp(220px,42svh,293px);max-height:293px;background:transparent;border-radius:0;overflow:hidden;overflow-y:clip;flex-shrink:0}.roomImage{border-radius:0;object-fit:contain;object-position:center}.roomImage.isActive{opacity:1}.wavesLayer{border-radius:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.info{max-width:none;width:100%;min-height:0;padding:0 15px 15px;align-items:center;text-align:center}.info>div{flex:initial;align-items:center;text-align:center}.info img{width:190px;height:84px;margin:0 auto}.infoCopy{margin-top:10px;font-size:16px;line-height:1.45;font-weight:400;text-align:center;min-height:95px}}@media (max-width: 390px){.stage{min-height:0}.header h1{font-family:BoseText;font-size:26px}.pill{flex-basis:auto;width:fit-content}.room{height:clamp(210px,40svh,293px);max-height:293px}}
