:root{--yellow:#f8cf37;--cream:#faf6ea;--ink:#1b2638;--blue:#2246a5;--red:#b82620;--line:rgba(27,38,56,.25);--font-head:'Barlow Condensed',Impact,sans-serif;--font-body:'Work Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}::selection{background:var(--red);color:white}.wrap{width:min(100% - 64px,1250px);margin-inline:auto}.skip-link{position:absolute;z-index:99;top:-80px;left:16px;background:white;padding:10px 15px}.skip-link:focus{top:16px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-head);line-height:.94;letter-spacing:-.02em}h2{font-size:clamp(3.6rem,7vw,7rem);font-weight:900}.section-pad{padding:clamp(80px,9vw,140px) 0}cite{font-style:italic}
.site-header{background:var(--ink);color:white;position:relative;z-index:5}.header-inner{min-height:83px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}.brand-tile{background:var(--yellow);color:var(--ink);width:46px;height:46px;display:grid;place-items:center;transform:rotate(-6deg);font-family:var(--font-head);font-size:23px;font-weight:900;letter-spacing:-.07em}.brand-name{font-family:var(--font-head);font-weight:800;font-size:23px;letter-spacing:.025em;line-height:1}.brand-name small{font-size:12px;vertical-align:top}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a,.header-cta{font-size:13px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.site-header nav a{padding:10px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}.site-header nav a:hover{border-color:var(--yellow);color:var(--yellow)}.header-cta{margin-left:12px;background:var(--yellow);color:var(--ink);padding:13px 18px;transform:rotate(-2deg);transition:transform .2s,background .2s}.header-cta:hover{transform:rotate(0) translateY(-3px);background:#ffe476}.header-cta span{margin-left:8px}
.hero{background:var(--yellow);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);align-items:center;gap:clamp(35px,6vw,100px);padding-top:clamp(75px,8vw,120px);padding-bottom:clamp(88px,8vw,120px)}.hero-copy{animation:slide-up .75s .06s both}.hero h1{font-weight:900;font-size:clamp(5rem,8vw,9.3rem);max-width:780px;margin-bottom:34px;line-height:.83}.hero h1 em{font-style:normal;color:var(--red);text-shadow:2px 2px 0 var(--ink)}.hero-intro{max-width:620px;font-size:clamp(17px,1.5vw,20px);line-height:1.65;font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:19px;align-items:center;margin-top:34px}.hero-actions a{font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.action-main{background:var(--ink);color:white;padding:15px 20px;box-shadow:6px 6px 0 var(--red);transition:transform .2s,box-shadow .2s}.action-main:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--red)}.action-main span,.action-secondary span{margin-left:12px}.action-secondary{border-bottom:2px solid var(--ink);padding-bottom:5px;transition:color .2s}.action-secondary:hover{color:var(--red)}.hero-small{max-width:540px;font-size:13px;line-height:1.6;margin:37px 0 0;font-weight:700}.reel{position:relative;background:var(--ink);color:white;border:8px solid var(--ink);box-shadow:17px 18px 0 var(--blue);transform:rotate(2deg);animation:reel-in .8s .16s both}.reel:before,.reel:after{content:'';position:absolute;top:0;bottom:0;width:15px;z-index:1;background:radial-gradient(circle at center,var(--yellow) 2px,transparent 3px) center top / 12px 26px repeat-y}.reel:before{left:-20px}.reel:after{right:-20px}.reel-top{display:flex;justify-content:space-between;gap:15px;padding:10px 17px 12px;border-bottom:1px solid rgba(255,255,255,.25);font-family:var(--font-head);font-size:14px;font-weight:800;letter-spacing:.13em}.reel-screen{min-height:360px;padding:clamp(28px,4vw,53px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden;background:var(--blue)}.reel-screen:before{content:'';position:absolute;right:-70px;bottom:-140px;width:350px;height:350px;border:16px solid rgba(255,255,255,.12);border-radius:50%}.reel-screen:after{content:'';position:absolute;right:-90px;bottom:-160px;width:350px;height:350px;border:16px solid rgba(255,255,255,.12);border-radius:50%;transform:scale(.6)}.reel-scene{font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--yellow);margin-bottom:16px}.reel-screen strong{font-family:var(--font-head);font-size:clamp(5rem,8vw,8rem);line-height:.83;letter-spacing:-.03em;position:relative;z-index:1}.reel-screen p{font-size:17px;line-height:1.5;max-width:290px;margin:22px 0 0;position:relative;z-index:1}.reel-decoration{position:absolute;right:28px;top:20px;font-size:70px;line-height:1;color:var(--yellow);transform:rotate(-13deg)}.reel-screen.is-changing strong,.reel-screen.is-changing p,.reel-screen.is-changing .reel-scene{animation:scene-pop .42s both}.reel-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 20px 5px}.reel-controls button{width:45px;height:45px;border:1px solid white;background:transparent;color:white;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}.reel-controls button:hover{background:var(--yellow);color:var(--ink);transform:scale(1.06)}.reel-controls svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#reel-progress{font-size:16px;letter-spacing:8px;color:var(--yellow)}.reel-disclaimer{text-align:center;color:#c7d0dc;font-size:12px;margin:10px 0 7px}.hero-band{background:var(--red);color:var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-1.2deg) scale(1.015);overflow:hidden}.band-track{width:max-content;min-width:100%;display:flex;justify-content:space-around;align-items:center;gap:35px;padding:10px 20px;font-family:var(--font-head);font-size:clamp(28px,3.5vw,46px);font-weight:900;letter-spacing:.04em;white-space:nowrap}.band-track b{color:var(--yellow)}
.plot{background:var(--cream)}.plot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);align-items:center;gap:clamp(50px,10vw,170px)}.plot h2 span{color:var(--blue)}.plot-lead p{max-width:650px;font-size:clamp(18px,1.7vw,23px);line-height:1.6;margin:38px 0 0}.plot-ticket{background:#fff;border:2px solid var(--ink);padding:35px;box-shadow:11px 11px 0 var(--yellow);position:relative;transform:rotate(2deg)}.plot-ticket:before,.plot-ticket:after{content:'';position:absolute;top:66%;width:22px;height:22px;border:2px solid var(--ink);background:var(--cream);border-radius:50%}.plot-ticket:before{left:-14px}.plot-ticket:after{right:-14px}.ticket-label{font-family:var(--font-head);font-weight:800;font-size:17px;letter-spacing:.08em;color:var(--blue)}.plot-ticket p{font-family:var(--font-head);font-weight:700;font-size:clamp(28px,3vw,37px);line-height:1.05;margin:13px 0 27px}.ticket-rule{border-top:2px dashed var(--line);margin-bottom:27px}.ticket-foot{border-top:2px dashed var(--line);padding-top:20px;font-size:13px;font-weight:800;letter-spacing:.04em}
.process{background:var(--ink);color:white}.process-heading{display:grid;grid-template-columns:1.1fr .6fr;align-items:end;gap:50px;margin-bottom:65px}.process-heading h2{margin:0}.process-heading p{font-size:18px;max-width:420px;line-height:1.7;color:#d5dbe6;margin:0}.act-list{border-top:2px solid white}.act{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(200px,.9fr);gap:20px;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.38);padding:29px 20px;transition:background .25s,transform .25s}.act:hover{background:var(--blue);transform:translateX(8px)}.act-number{font-family:var(--font-head);color:var(--yellow);font-weight:800;font-size:25px}.act h3{font-size:clamp(2.1rem,3.2vw,3.6rem);margin:0}.act p{font-size:16px;line-height:1.6;color:#d5dbe6;margin:0;max-width:440px}
.reality{background:#d9e4f9}.reality-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px)}.reality h2 span{color:var(--blue)}.reality h2+p{font-size:19px;line-height:1.65;max-width:550px}.reality-list{align-self:center;border-top:2px solid var(--ink)}.reality-list>div{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:16px;border-bottom:2px solid var(--ink);padding:20px 0}.list-mark{background:var(--yellow);border:2px solid var(--ink);display:grid;place-items:center;padding:5px 7px;font-size:13px;font-weight:800;transform:rotate(-4deg)}.list-mark.no{background:var(--red);color:white;transform:rotate(3deg)}.reality-list p{margin:0;font-size:16px;line-height:1.5;font-weight:600}.closing{background:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.closing-grid{display:grid;grid-template-columns:1fr .45fr;gap:50px;align-items:center}.closing h2{margin-bottom:27px}.closing p{font-size:19px;line-height:1.65;max-width:730px;margin:0}.closing-stamp{border:8px double var(--red);border-radius:50%;aspect-ratio:1;max-width:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(11deg);font-family:var(--font-head);font-size:clamp(39px,5vw,65px);font-weight:900;text-align:center;line-height:.85;letter-spacing:.02em;color:var(--red)}.closing-stamp i{font-style:normal;font-size:45px;margin-top:6px}
.footer{background:var(--ink);color:white;padding:65px 0 25px}.footer-main{display:grid;grid-template-columns:.9fr 1.2fr auto;align-items:start;gap:55px;padding-bottom:65px}.footer-brand{text-decoration:none;font-family:var(--font-head);font-size:clamp(40px,5vw,65px);font-weight:900;line-height:.8;color:var(--yellow)}.footer-brand small{font-size:18px}.footer-main p{margin:0 0 12px;font-size:15px;max-width:480px}.back-top{text-decoration:none;font-weight:800;font-size:14px;text-transform:uppercase;color:var(--yellow);white-space:nowrap}.back-top:hover{text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.35);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#bcc7d8}
@keyframes slide-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes reel-in{from{opacity:0;transform:rotate(6deg) translateY(30px)}to{opacity:1;transform:rotate(2deg) translateY(0)}}@keyframes scene-pop{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.site-header nav{gap:18px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 380px;gap:30px}.hero h1{font-size:clamp(4.5rem,8vw,7rem)}.reel-screen{min-height:320px}.reel-screen strong{font-size:5.8rem}.plot-grid{gap:55px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,600px)}.header-inner{min-height:76px;flex-wrap:wrap;justify-content:center;padding:14px 0;gap:10px}.site-header nav{width:100%;justify-content:space-around;margin:0}.site-header nav a{font-size:12px}.hero-grid{display:block;padding-top:68px;padding-bottom:75px}.hero h1{font-size:clamp(4.7rem,17vw,7rem);margin-bottom:27px}.hero-intro{font-size:17px}.hero-small{font-size:13px}.reel{margin:66px 9px 0;box-shadow:10px 11px 0 var(--blue)}.reel-screen{min-height:300px}.reel-screen strong{font-size:clamp(5rem,17vw,7rem)}.reel-screen p{font-size:16px}.section-pad{padding:85px 0}.plot-grid,.process-heading,.reality-grid,.closing-grid{display:block}.plot h2,.process h2,.reality h2,.closing h2{font-size:clamp(3.9rem,13vw,6rem)}.plot-lead p{font-size:18px;margin:23px 0 50px}.plot-ticket{margin:0 8px}.process-heading p{margin:28px 0 0}.act-list{margin-top:55px}.act{grid-template-columns:68px 1fr;align-items:start;gap:12px;padding:25px 0}.act h3{font-size:2.6rem}.act p{grid-column:2}.reality-list{margin-top:43px}.closing p{font-size:17px}.closing-stamp{max-width:175px;margin:55px auto 0;font-size:38px;border-width:5px}.closing-stamp i{font-size:30px}.footer-main{grid-template-columns:1fr;gap:26px;padding-bottom:35px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}}
@media(max-width:420px){.brand-name{font-size:20px}.hero h1{font-size:4.4rem}.hero-actions{gap:20px}.action-main{width:100%;text-align:center}.reel-top{font-size:12px;letter-spacing:.04em}.reel-screen{min-height:270px;padding:28px}.reel-screen strong{font-size:4.6rem}.reel-decoration{font-size:50px}.act{grid-template-columns:1fr}.act p{grid-column:1}.act-number{font-size:20px}.reality-list>div{grid-template-columns:55px 1fr}.band-track{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}