.hip-hop-row{height:100%;position:relative;overflow:hidden;background:#050608;color:#f7efe5}.hip-hop-row>.back-button{top:88px}.hip-hop-row canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:pointer}.hip-hop-heading{position:absolute;z-index:4;top:118px;left:50%;width:min(720px,76vw);transform:translateX(-50%);text-align:center;pointer-events:none;text-shadow:0 4px 18px #000}.hip-hop-heading small,.hip-hop-heading span{display:block;color:#ffb13b;font:950 .65rem/1.4 Arial;letter-spacing:.2em}.hip-hop-heading strong{display:block;color:#fff7eb;font:950 clamp(2rem,6vw,4.6rem)/.82 Arial;letter-spacing:-.065em}.hip-hop-heading strong em{color:#ff5a36;font-style:normal}.hip-hop-controls{position:absolute;z-index:5;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.45rem;border:1px solid #ffb13b55;background:#070707e8;box-shadow:0 14px 40px #000c;backdrop-filter:blur(12px)}.hip-hop-controls button{width:54px;height:48px;border:1px solid #ffffff28;background:#16120f;color:#fff;font-size:1.35rem;cursor:pointer}.hip-hop-controls button:hover,.hip-hop-controls button:focus-visible{border-color:#ff5a36;color:#ffb13b;outline:none}.hip-hop-controls p{min-width:230px;margin:0;text-align:center}.hip-hop-controls b{display:block;color:#ffb13b;font:950 .75rem/1.2 Arial;letter-spacing:.12em}.hip-hop-controls small{display:block;margin-top:.2rem;color:#b7aaa0;font:800 .52rem/1 Arial;letter-spacing:.12em}
.juic3-feature{height:100%;overflow:auto;position:relative;padding:108px clamp(18px,7vw,90px) 70px;background:radial-gradient(circle at 75% 15%,#ff5a3627,transparent 34%),linear-gradient(145deg,#08090b,#15100d 62%,#050607);color:#f8f0e5}.juic3-feature>.back-button{position:fixed;top:88px;z-index:4}.juic3-stage{width:min(1100px,100%);min-height:calc(100svh - 190px);margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(22px,5vw,70px);align-items:center}.juic3-poster{min-height:520px;padding:clamp(26px,5vw,60px);display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #ffb13b88;background:repeating-linear-gradient(90deg,#351810 0 54px,#2c130d 55px 57px),linear-gradient(#32160f,#120b09);box-shadow:18px 18px 0 #050505,0 30px 90px #000}.juic3-poster small{color:#ffb13b;font:950 .7rem/1 Arial;letter-spacing:.22em}.juic3-poster h2{margin:.55rem 0 0;color:#fff7eb;font:950 clamp(4rem,11vw,9rem)/.72 Arial;letter-spacing:-.085em;text-transform:uppercase}.juic3-poster h2 span{display:block;color:#ff5a36;text-shadow:5px 5px 0 #111}.juic3-poster p{width:max-content;max-width:100%;margin:1.4rem 0 0;padding:.7rem 1rem;background:#080808;color:#fff;font:950 .75rem/1.25 Arial;letter-spacing:.16em}.juic3-copy{padding:clamp(8px,3vw,30px)}.juic3-copy .eyebrow{color:#ffb13b}.juic3-copy h3{margin:.6rem 0 1.2rem;font:950 clamp(2.1rem,5vw,4.8rem)/.88 Arial;letter-spacing:-.06em}.juic3-copy p:not(.eyebrow){color:#cfc3b8;font:500 clamp(1rem,2vw,1.2rem)/1.7 Georgia,serif}.juic3-copy .feature-status{margin-top:1.8rem;padding:1rem;border-left:4px solid #ff5a36;background:#ffffff08;color:#fff;font:900 .72rem/1.5 Arial;letter-spacing:.13em}.hip-hop-row[hidden],.juic3-feature[hidden]{display:none!important}@media(max-width:720px){.hip-hop-row>.back-button,.juic3-feature>.back-button{top:74px}.hip-hop-heading{top:105px;width:86vw}.hip-hop-controls p{min-width:160px}.juic3-feature{padding:92px 16px 44px}.juic3-stage{grid-template-columns:1fr}.juic3-poster{min-height:390px}.juic3-copy{padding:12px 4px}}
.wayside39{height:100%;display:grid;place-items:center;padding:100px 24px 40px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 28%,#a445ff33,transparent 28%),linear-gradient(#08040d,#15091d 60%,#030204);color:#fff;text-align:center}.wayside39[hidden]{display:none!important}.wayside39>.back-button{position:absolute;top:88px;left:clamp(18px,4vw,56px)}.wayside39>div{width:min(850px,100%);padding:clamp(34px,7vw,74px);border:1px solid #a445ff88;background:#0a060dcc;box-shadow:0 32px 90px #000}.wayside39 small{color:#e6b84c;font:900 .72rem/1.5 Arial;letter-spacing:.18em}.wayside39 h2{margin:.8rem 0;font:950 clamp(4rem,13vw,10rem)/.72 Arial;letter-spacing:-.08em}.wayside39 h2 span{color:#a445ff}.wayside39 p{color:#d8cddd;font:900 clamp(.8rem,2vw,1.1rem)/1.5 Arial;letter-spacing:.15em}.wayside39 strong{display:inline-block;margin-top:1.5rem;padding:.8rem 1rem;background:#e6b84c;color:#16091d;font:950 .78rem/1 Arial;letter-spacing:.14em}@media(max-width:720px){.wayside39>.back-button{top:74px}}
