@import url("../assets/framework-base.css");
.showcase { padding: clamp(28px, 6vw, 68px); }
.showcase-number { display: block; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.showcase > strong { position: relative; z-index: 2; display: block; max-width: 800px; margin-top: 20px; font-size: clamp(48px, 8vw, 105px); line-height: .85; letter-spacing: -.07em; }
.showcase > p { position: relative; z-index: 2; max-width: 420px; margin-top: 25px; color: #b9bec5; line-height: 1.5; }
.showcase-art { position: absolute; pointer-events: none; }

:root { --bg:#f3e933; --paper:#fff9e5; --ink:#171319; --muted:#665d61; --line:#171319; --accent:#ff4f9a; --accent-2:#7357ff; --dark:#171319; --width:1200px; }
body{font-family:"Arial Black",Arial,sans-serif}.backbar,.nav-links,.button,.hero-copy p,.feature p,.about-copy p,.person,.footer-grid{font-family:Arial,Helvetica,sans-serif}
.site-header{border-bottom:3px solid #171319}.button,.nav-links .nav-cta{border:3px solid #171319;box-shadow:4px 4px 0 #171319}.hero-layout{min-height:720px}
h1{font-size:clamp(64px,9vw,118px);line-height:.78;text-transform:uppercase}.concept-stage{min-height:570px;border:0;background:transparent;overflow:visible}
.poster-stage{position:relative;height:100%;min-height:570px}.poster{position:absolute;display:flex;align-items:center;justify-content:center;border:4px solid #171319;box-shadow:10px 10px 0 #171319;font-size:72px;line-height:.78;text-align:center}
.p-a{left:2%;top:6%;width:64%;height:72%;color:#fff;background:#7357ff;transform:rotate(-5deg)}.p-b{right:0;bottom:2%;width:58%;height:48%;background:#ff4f9a;transform:rotate(5deg);font-size:90px}.p-c{right:3%;top:3%;width:120px;height:90px;background:#fff9e5;transform:rotate(9deg);font-size:18px}
.feature{border:4px solid #171319;box-shadow:7px 7px 0 #171319}.feature:nth-child(2){background:#ff4f9a;transform:rotate(2deg)}.feature:nth-child(3){background:#7357ff;color:#fff;transform:rotate(-2deg)}.feature:nth-child(3) p{color:#ddd5ff}
.about-mark{border:4px solid #171319;box-shadow:10px 10px 0 #171319;transform:rotate(-3deg)}
.showcase{background:#ff4f9a;border:4px solid #171319;box-shadow:12px 12px 0 #171319}.showcase-art{inset:0}.showcase-art:after{content:"ONE MESSAGE";position:absolute;right:2%;bottom:0;color:#f3e933;font-size:clamp(70px,12vw,170px);font-weight:900;line-height:.7;letter-spacing:-.08em;transform:rotate(-5deg)}
.cta-panel{border:4px solid #171319;box-shadow:10px 10px 0 #171319}