.punk-manifest-hero{box-sizing:border-box;width:100%;min-height:100svh;position:relative;overflow:hidden;background:var(--living-charcoal);color:var(--paper);border-bottom:2px solid var(--ink);padding:clamp(132px,18vh,210px) var(--pad) clamp(68px,10vh,120px);display:flex;align-items:center;animation:manifest-enter .7s cubic-bezier(.2,.8,.2,1) both}.punk-manifest-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(var(--paper) .55px,transparent .55px);background-size:6px 6px;opacity:.07}.manifest-hero-main{width:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(38px,6vh,70px)}.punk-manifest-hero h1{max-width:1260px;margin:0;font-size:clamp(82px,12.2vw,196px);line-height:.76;letter-spacing:-.09em;text-transform:uppercase;font-weight:950;animation:manifest-rise .82s .08s cubic-bezier(.16,.85,.25,1) both}.manifest-software,.manifest-love{display:inline-block;position:relative}.manifest-love{color:var(--pink);text-shadow:3px 3px 0 var(--paper)}.manifest-software:after{content:"THINGS";position:absolute;z-index:3;right:-13%;top:-30%;color:var(--pink);font:clamp(22px,3vw,50px)/1 var(--font-marker);letter-spacing:0;rotate:-8deg}.manifest-sticker{position:absolute;right:4%;bottom:4%;padding:13px 18px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--pink);font:clamp(15px,1.6vw,23px)/1 var(--font-marker);rotate:7deg;text-transform:none;animation:manifest-sticker .65s .72s cubic-bezier(.2,.9,.3,1) both}.punk-manifest-hero .pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--paper);background:var(--pink);color:var(--paper);padding:17px 25px;border-radius:999px;box-shadow:6px 6px 0 var(--yellow);font:700 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.punk-manifest-hero .pill:hover{background:var(--paper);color:var(--living-charcoal);box-shadow:8px 8px 0 var(--pink);transform:translate(-3px,-3px);translate:0}.punk-manifest-hero .pill:active{transform:translate(0);box-shadow:2px 2px 0 var(--yellow)}.punk-manifest-hero .pill:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.manifest-campaign-line{max-width:820px;margin:-24px 0 0;font:clamp(19px,1.75vw,29px)/1.35 var(--font-body);font-weight:700;color:var(--paper);opacity:.9}.manifest-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.manifest-hero-actions .underlink{color:var(--paper);background:transparent;border:0;cursor:pointer;font:800 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px}.manifest-scroll-cue{display:none}@keyframes manifest-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes manifest-rise{0%{opacity:0;transform:translateY(38px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes manifest-sticker{0%{opacity:0;transform:scale(.3) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:700px){.punk-manifest-hero{min-height:88svh;padding:158px 22px 106px;overflow:visible}.manifest-hero-main{gap:46px}.punk-manifest-hero h1{font-size:17vw;line-height:.82}.manifest-software:after{right:-2%;top:-22%;font-size:7vw}.manifest-sticker{position:relative;right:auto;bottom:auto;align-self:flex-end;order:2;margin-top:-12px;font-size:13px;padding:9px 12px;z-index:0}.punk-manifest-hero .pill{width:100%;justify-content:center;position:relative;z-index:1}.manifest-scroll-cue{position:absolute;left:22px;bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--paper);font:700 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.manifest-scroll-cue span{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;color:var(--yellow)}.manifest-scroll-cue:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}}@media(prefers-reduced-motion:reduce){.punk-manifest-hero,.punk-manifest-hero h1,.manifest-sticker{animation:none}}.scroll-cta{min-height:190px;padding:clamp(38px,6vw,76px) var(--pad);border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--paper);color:var(--ink)}.scroll-cta p{max-width:760px;margin:0;font:clamp(23px,3.1vw,46px)/1.08 var(--font-marker);letter-spacing:-.025em;rotate:-1deg}.scroll-cta .pill{flex:0 0 auto;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--yellow)}.scroll-cta-warm{background:var(--yellow)}.scroll-cta-warm .pill{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--pink)}@media(max-width:700px){.scroll-cta{min-height:0;padding:42px 22px;align-items:flex-start;flex-direction:column;gap:24px}.scroll-cta p{font-size:28px}.scroll-cta .pill{width:100%;justify-content:center}}.home-main>section,.home-main .clarity-scene{position:relative;isolation:isolate}.punk-marks{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.home-main .punk-marks{display:block}.punk-marks .sticker,.punk-marks .ink-splat{animation:none}.punk-marks .spray{z-index:0;opacity:.7;background-image:radial-gradient(var(--pink) 1px,transparent 2px);background-size:4px 4px}.punk-marks .spray.a{width:250px;height:90px;top:-24px;right:-25px;background-color:var(--pink);rotate:-15deg}.punk-marks .spray.b{width:190px;height:58px;left:-30px;bottom:20px;background-color:var(--yellow);rotate:14deg}.punk-marks .ink-splat{width:94px;height:94px;bottom:-28px;left:-30px;background:var(--ink);rotate:-12deg}.punk-tag{white-space:pre-line;animation:none;font:clamp(22px,2.5vw,38px)/1.05 var(--font-marker);background:var(--pink);color:var(--paper);border:2px solid var(--ink);box-shadow:6px 7px 0 var(--ink);left:-26px;bottom:70px;rotate:-9deg;padding:16px 20px;max-width:220px}.punk-scrawl{position:absolute;width:180px;height:90px;right:-15px;bottom:-38px;stroke:var(--pink);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;rotate:-8deg}.punk-tape{position:absolute;left:10%;top:-22px;font:15px var(--font-marker);background:var(--paper);color:var(--ink);padding:12px 26px;rotate:-7deg;box-shadow:3px 4px 0 var(--ink)}.home-main .hero-film-build{isolation:isolate;margin-top:25px}.home-main .hero-film-build .punk-marks .spray{z-index:-1}.home-main .living-hero h1{font-size:clamp(72px,8.6vw,142px);line-height:.84;letter-spacing:-.075em}.home-main .living-hero h1 .software{margin-top:.12em}.home-main .living-hero .software:after{right:-3%;top:-25%;font-size:.33em}.home-main .living-hero .living-love{font-size:.78em;margin-top:12px;text-shadow:2px 2px 0 var(--paper)}.home-main .living-hero-copy>.living-kicker{display:table;background:var(--yellow);color:var(--ink);padding:8px 12px;rotate:-2deg;font-weight:900}.home-main .hero-film-build .build-note{font-size:clamp(24px,2.7vw,39px);right:-15px;top:48px;rotate:8deg}.home-main .living-hero-copy>p{font-size:18px;line-height:1.5}.home-main .ticker{rotate:-.7deg;background:var(--pink);color:var(--paper);padding-block:20px;border-block:2px solid var(--ink)}.home-main .ticker-track>span{font-size:13px;font-weight:950}.home-main .automatic-reel .reel-heading h2{font-size:clamp(40px,4.9vw,76px);line-height:.86}.home-main .automatic-reel .reel-heading h2 em{color:var(--yellow)}.home-main .automatic-reel .reel-heading p{font:14px/1.4 var(--font-marker);max-width:220px;rotate:2deg;color:var(--paper)}.home-main .automatic-reel{overflow:visible}.home-main .production-frame{position:relative;overflow:visible}.home-main .production-frame>.film-chrome{border-radius:13px 13px 0 0}.home-main .production-frame .punk-marks-reel .punk-tag{left:auto;right:-12px;bottom:12%;font-size:22px;max-width:175px;background:var(--yellow);color:var(--ink);rotate:8deg}.home-main .punk-marks-reel .spray.a{right:-25px;top:-25px;width:120px;height:50px;opacity:.5}.home-main .punk-marks-reel .spray.b,.home-main .punk-marks-reel .punk-scrawl{display:none}.home-main .punk-marks-reel .ink-splat{width:60px;height:60px;left:-18px;bottom:-15px;background:var(--pink)}.home-main .punk-marks-reel .punk-tape{left:4%;top:-15px;padding:7px 18px;font-size:12px}.home-main .production-note{clip-path:polygon(1% 5%,34% 0,60% 4%,99% 0,100% 94%,70% 100%,39% 95%,0 100%);padding:19px 22px;max-width:250px;font-size:clamp(15px,1.6vw,21px)}.home-main .production-note.note-position-1{right:15%;bottom:20%}.home-main .annotation-title{font-size:clamp(24px,2.8vw,40px);rotate:-5deg}.home-main .production-chapters{gap:15px;padding-top:24px}.home-main .production-chapters button{opacity:.7;font:clamp(13px,1.6vw,22px)/1.1 var(--font-marker);rotate:-1deg}.home-main .production-chapters button[aria-current=step],.home-main .production-chapters button[data-state=done]{opacity:1}.home-main .production-chapters button[aria-current=step]{box-shadow:4px 4px 0 var(--pink);rotate:1.5deg}.home-main .punk-marks-margin .spray.b,.home-main .punk-marks-margin .punk-tape,.home-main .punk-marks-margin .punk-scrawl{display:none}.home-main .punk-marks-margin .spray.a{top:14px;right:2%;width:160px;height:45px;opacity:.3}.home-main .punk-marks-margin .punk-tag{top:18px;bottom:auto;left:auto;right:var(--pad);font-size:18px;white-space:normal;max-width:250px;padding:9px 18px;rotate:4deg;background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--pink)}.home-main .punk-marks-margin .ink-splat{left:-20px;bottom:25px;width:65px;height:65px;background:var(--pink)}.home-main .clarity-play,.home-main .lab-window,.home-main .archive-art{outline:2px solid var(--ink);outline-offset:5px}.home-main .clarity-copy h2{font-size:clamp(54px,6vw,95px);line-height:.84}.home-main .archive-section-heading h2{font-size:clamp(58px,7.2vw,112px);line-height:.84}.home-main .archive-art-note{background:var(--paper);color:var(--ink);padding:9px 12px;box-shadow:5px 5px 0 var(--pink);font-size:25px}.home-main .manifesto h2,.home-main .studio h2{line-height:.84}.home-main .contact h2 span{font-family:var(--font-marker);text-transform:none;letter-spacing:-.06em}@media(max-width:768px){.home-main .living-hero h1{font-size:17vw}.home-main .hero-film-build{margin:20px 8px 30px}.home-main .living-hero-copy>p{font-size:16px}.punk-tag{font-size:25px;left:-12px;bottom:65px;max-width:170px;padding:13px}.punk-tape{font-size:12px;left:4%}.punk-marks .spray.a{width:140px;right:-12px}.punk-scrawl{width:120px;right:0}.home-main .hero-film-build .build-note{font-size:24px;right:-10px;padding:14px}.home-main .automatic-reel .reel-heading h2{font-size:11vw}.home-main .automatic-reel .reel-heading{margin-bottom:32px}.home-main .production-frame .punk-marks-reel .punk-tag{font-size:16px;top:-18px;bottom:auto;right:-8px;max-width:110px;padding:10px}.home-main .production-note{font-size:15px;max-width:200px}.home-main .production-note.note-position-1{right:25%;bottom:6%}.home-main .production-chapters{gap:7px}.home-main .production-chapters button{font-size:12px;padding:8px 5px}.home-main .punk-marks-margin .punk-tag{font-size:14px;top:13px;right:20px;padding:8px 12px}.home-main .punk-marks-margin .ink-splat{width:42px;height:42px;left:-20px}.home-main .clarity-copy h2{font-size:13vw}.home-main .archive-section-heading h2{font-size:14vw}}
