@font-face{font-family:HideoutDisplay;src:url('./assets/display.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#080b0b;--panel:#101515;--paper:#f2f0e7;--muted:#b3bab6;--yellow:#ffd232;--teal:#25c4b4;--red:#ef654f;--line:#303936;--display:HideoutDisplay,'Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;overflow-x:clip;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{touch-action:manipulation}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.section-shell{width:min(1440px,calc(100% - 112px));margin-inline:auto}.yellow{color:var(--yellow)}.teal{color:var(--teal)}.skip-link{position:fixed;z-index:30;top:0;left:1rem;padding:.7rem 1rem;background:var(--yellow);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#060909}.header-inner{width:min(1440px,calc(100% - 112px));margin:auto;display:flex;align-items:center;min-height:100px;gap:2rem}.brand{width:167px;flex-shrink:0}.brand img{width:100%}.main-nav{display:flex;gap:2.5rem;margin-left:auto;align-items:center}.main-nav a{font-size:.875rem;font-weight:700;padding:.8rem 0;position:relative}.main-nav a:after{content:'';position:absolute;bottom:.35rem;left:0;height:2px;width:0;background:var(--yellow);transition:width .2s}.main-nav a:hover:after{width:100%}.language-switch{display:flex;align-items:center;gap:.2rem;margin-left:2rem;font-size:.875rem;font-weight:700;border-left:1px solid var(--line);padding-left:1.5rem}.language-switch button{border:0;background:transparent;color:var(--muted);padding:.6rem;min-width:44px;min-height:44px;cursor:pointer}.language-switch button[aria-pressed=true]{color:var(--yellow)}.language-switch button:hover{color:var(--paper)}.language-switch span{color:#52615b}
.hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:1.5rem;min-height:660px;padding-block:60px 62px}.hero-copy{position:relative;z-index:2;padding-right:1rem}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}.hero .eyebrow{color:var(--muted);display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem}.small-cross{color:var(--teal);font-size:1.6rem;line-height:1}h1,h2,h3{font-family:var(--display);font-weight:700}h1{font-size:clamp(4.1rem,6.5vw,7rem);line-height:.98;letter-spacing:-.025em}h1>span{display:block}h1 .yellow{position:relative;width:max-content;max-width:100%}h1 .yellow:after{content:'';display:block;height:5px;background:var(--red);transform:rotate(-2deg);width:90%;margin-top:.2rem}.hero-description{color:#c7cec8;max-width:410px;font-size:1.075rem;line-height:1.75;margin:2rem 0 1.5rem}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.3rem;padding:1.1rem 1.3rem;font-weight:800;font-size:.9375rem;line-height:1.5;min-height:52px;border:2px solid currentColor;transition:transform .16s,box-shadow .16s;cursor:pointer}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--paper)}.button-yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.button-teal{background:var(--teal);color:var(--ink);border-color:var(--teal)}.button-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button-dark:hover{box-shadow:4px 4px 0 #ae7810}.arrow{font-size:1.35rem;line-height:1}.text-link{font-size:.9375rem;font-weight:700;display:inline-flex;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #5b665e}.text-link:hover{color:var(--yellow)}.alpha-note{font-size:.8125rem;color:#98a39b;max-width:360px;margin-top:1rem;line-height:1.6}.hero-signature{font-family:var(--display);font-size:1.25rem;font-style:italic;color:var(--teal);letter-spacing:.05em;transform:rotate(-5deg);margin-top:2.3rem;width:max-content}.hero-visual{position:relative;align-self:stretch;min-height:520px;margin-right:-26px;transform:rotate(1.4deg);border:6px solid #d4d4c4;box-shadow:10px 12px 0 #24352c;background:#20332d}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;position:absolute}.image-credit{position:absolute;right:0;bottom:0;left:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:2.1rem .8rem .65rem;font-size:.8125rem;line-height:1.4;color:#fff}.scene-sticker{position:absolute;right:-15px;bottom:54px;transform:rotate(-9deg);padding:.7rem .9rem;background:var(--yellow);border:3px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:center;line-height:1.05}.scene-sticker span{display:block;font-family:var(--display);font-size:1.15rem}.scene-sticker strong{font-family:var(--display);font-size:1.65rem}.slogan-strip{background:var(--teal);color:var(--ink);overflow:hidden;transform:rotate(-1.1deg);border-block:3px solid var(--ink);margin:12px 0 0}.slogan-strip>div{display:flex;align-items:center;justify-content:space-around;gap:2rem;padding:.95rem 2rem;min-width:960px;font-family:var(--display);font-size:1.6rem;line-height:1.2;font-weight:700;letter-spacing:.02em}.slogan-strip b{font-family:Arial,sans-serif;font-size:2rem;line-height:1}
.game-section{padding-block:100px 105px}.section-heading .eyebrow,.art-heading .eyebrow,.streamer-copy .eyebrow{color:var(--muted);margin-bottom:1.25rem}h2{font-size:clamp(2.5rem,4.3vw,4.7rem);line-height:1.02;letter-spacing:-.025em}.game-intro{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.8rem}.game-intro>p{max-width:670px;color:var(--muted)}.outline-stamp{padding:.75rem 1rem;border:2px solid var(--teal);color:var(--teal);font-family:var(--display);font-size:1.3rem;line-height:1.3;transform:rotate(-5deg);text-align:center;flex-shrink:0}.feature-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;margin-top:3.8rem}.phone-visual{position:relative;border:1px solid var(--line)}.phone-visual>img{width:100%;aspect-ratio:1.25;object-fit:cover;object-position:58% center}.photo-note{position:absolute;left:1rem;top:1.2rem;background:var(--yellow);color:var(--ink);font-family:var(--display);font-size:1.6rem;line-height:1.25;transform:rotate(-6deg);padding:.4rem .8rem;box-shadow:4px 4px 0 #000}.feature-list article{display:flex;gap:1.5rem;padding-block:1.6rem;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.feature-list article:last-child{border-bottom:0;padding-bottom:0}.feature-number{font-family:var(--display);font-size:2.2rem;color:var(--teal);line-height:1.1;min-width:2.6rem}.feature-label{color:var(--muted);font-size:.75rem;line-height:1.5;letter-spacing:.13em;font-weight:700;margin-bottom:.45rem}h3{font-size:1.65rem;line-height:1.15;margin-bottom:.65rem}.feature-list article p:last-child{font-size:.9375rem;color:var(--muted);line-height:1.7;max-width:440px}
.art-section{background:#101615;border-block:1px solid #26322d;padding-block:78px 68px}.art-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end}.art-heading h2{font-size:clamp(2.4rem,3.8vw,4.2rem)}.art-heading>p{max-width:310px;color:var(--muted);font-size:.9375rem}.art-grid{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:1.2rem;margin-top:3rem;align-items:stretch}.art-grid figure{background:#000;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.art-grid img{width:100%;height:310px;object-fit:contain;padding:.7rem}.art-grid figcaption{display:flex;gap:.8rem;padding:.8rem 1rem;font-size:.75rem;font-weight:700;border-top:1px solid #24302b;line-height:1.5;min-height:54px;align-items:center}.art-index{color:var(--teal);font-family:monospace;white-space:nowrap}.more-art{margin-top:1.6rem;border-block:1px solid var(--line)}.more-art summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-weight:700;font-size:.9375rem}.more-art summary::-webkit-details-marker{display:none}.details-plus{color:var(--teal);font-size:1.7rem;line-height:1}.more-art[open] .details-plus{transform:rotate(45deg)}.more-art-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 0 2rem}.more-art-grid figure{background:#000;border:1px solid var(--line)}.more-art-grid img{width:100%;height:310px;object-fit:contain}.more-art-grid figcaption{padding:.75rem;font-size:.75rem;font-weight:700;border-top:1px solid var(--line)}.art-note{font-size:.8125rem;color:#98a39b;margin-top:1rem}
.streamer-section{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.streamer-copy h2{font-size:clamp(2.8rem,4.5vw,4.9rem)}.streamer-lead{font-size:1.2rem;color:var(--paper);margin:1.8rem 0 1rem;max-width:510px}.streamer-copy>p:not(.eyebrow):not(.streamer-lead){color:var(--muted);max-width:540px}.streamer-copy .planned-note{font-size:.8125rem;border-left:2px solid var(--teal);padding-left:.85rem;margin-top:1rem;line-height:1.6}.streamer-copy .button{margin-top:1.7rem}.streamer-art>img{aspect-ratio:1.45;object-fit:cover;width:100%;border:1px solid var(--line)}.streamer-art-caption{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .2rem;font-size:.75rem;color:var(--muted)}.streamer-art-caption span:last-child{color:var(--teal);font-weight:700}.quote-block{background:#141c18;margin-top:2rem;padding:2.5rem 2rem 2rem;transform:rotate(-2deg);border-left:4px solid var(--yellow);position:relative}.quote-mark{position:absolute;top:-.4rem;left:1.5rem;font-family:Georgia,serif;font-size:5rem;color:var(--yellow);line-height:1}.quote-block p{font-family:var(--display);font-size:2.5rem;line-height:1.1}.quote-foot{display:block;font-size:.875rem;color:var(--muted);margin-top:.8rem}
.alpha-section{background:var(--yellow);color:var(--ink)}.alpha-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center;padding-block:3.5rem}.alpha-inner .eyebrow{font-size:.75rem;margin-bottom:.75rem}.alpha-inner h2{font-size:clamp(2rem,3.1vw,3.5rem)}.alpha-inner>div>p:last-child{margin-top:1.2rem;max-width:710px;line-height:1.7;font-size:.9375rem}.alpha-side{max-width:330px;justify-self:end}.alpha-side .button{width:100%}.alpha-side p{font-size:.8125rem!important}.site-footer{padding-block:2.5rem 1.5rem}.footer-top{display:flex;align-items:center;gap:3rem}.footer-logo{width:160px}.footer-contact{margin-left:auto}.footer-contact p{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.3rem}.footer-contact a{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:6px}.footer-contact a:hover{color:var(--teal)}.back-top{border:1px solid var(--line);min-width:48px;min-height:48px;display:grid;place-items:center;font-size:1.4rem}.back-top:hover{border-color:var(--teal);color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;border-top:1px solid var(--line);padding-top:1.25rem;color:#98a39b;font-size:.75rem}
@media(min-width:1600px){.hero{gap:3.5rem}.hero-visual{margin-right:0}.hero-copy{padding-right:1rem}}
@media(max-width:1100px){.section-shell,.header-inner{width:calc(100% - 64px)}.main-nav{gap:1.5rem}.language-switch{margin-left:.5rem}.hero{gap:1rem;min-height:600px}.hero-visual{margin-right:0;min-height:480px}.hero-description{font-size:1rem}.hero-actions{gap:.8rem}.hero .button{font-size:.875rem;padding:1rem}.hero h1{font-size:clamp(3.5rem,6.4vw,5.6rem)}.feature-layout{gap:2.5rem}.game-intro{align-items:start}.outline-stamp{max-width:190px}.streamer-section{gap:3rem}.art-grid img{height:240px}.art-grid figcaption{padding:.7rem}.art-heading{gap:2rem}.streamer-art-caption{flex-wrap:wrap;gap:.1rem}.alpha-inner{gap:2.5rem}.more-art-grid img{height:230px}}
@media(max-width:760px){html{scroll-padding-top:1.5rem}.section-shell,.header-inner{width:calc(100% - 40px)}.header-inner{min-height:80px;gap:.7rem}.brand{width:130px}.main-nav{display:none}.language-switch{margin-left:auto;padding-left:1rem;border-left:0}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:2rem;min-height:0}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:1.1rem;font-size:.75rem}.hero h1{font-size:clamp(3.5rem,13vw,5.7rem);line-height:1.02}.hero-description{margin-top:1.3rem;max-width:440px;font-size:1rem}.hero-signature{display:none}.hero-actions{gap:1.2rem}.hero .button{padding:.9rem 1rem}.alpha-note{font-size:.8125rem;max-width:400px}.hero-visual{min-height:0;aspect-ratio:1.4;margin:0 3px;border-width:4px;transform:rotate(1.1deg)}.hero-visual>img{object-position:62% 50%}.scene-sticker{right:-9px;bottom:50px;padding:.5rem .65rem}.scene-sticker span{font-size:.95rem}.scene-sticker strong{font-size:1.4rem}.slogan-strip{margin-top:0}.slogan-strip>div{font-size:1.3rem;min-width:840px;padding-block:.8rem;justify-content:flex-start}.slogan-strip b{font-size:1.3rem}.game-section{padding-block:60px}.eyebrow{font-size:.75rem;letter-spacing:.1em}h2{font-size:clamp(2.15rem,8.4vw,3.2rem)}.game-intro{display:block;margin-top:1.2rem}.game-intro>p{font-size:1rem}.outline-stamp{display:inline-block;max-width:none;font-size:1.1rem;padding:.5rem .8rem;margin-top:1.4rem;transform:rotate(-3deg)}.feature-layout{grid-template-columns:1fr;gap:2.5rem;margin-top:2.5rem}.phone-visual>img{aspect-ratio:1.3;object-position:60% 50%}.photo-note{font-size:1.35rem}.feature-list article{padding-block:1.5rem;gap:1.1rem}.feature-list article p:last-child{font-size:1rem}.feature-number{font-size:2rem;min-width:2rem}h3{font-size:1.6rem}.art-section{padding-block:55px 42px}.art-heading{display:block}.art-heading h2{font-size:clamp(2rem,8.5vw,3.1rem)}.art-heading>p{max-width:500px;margin-top:1.3rem;font-size:1rem}.art-grid{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:2rem}.art-main{grid-column:1/-1}.art-grid .art-main img{height:auto;max-height:310px}.art-grid img{height:250px;padding:.4rem}.art-grid figcaption{font-size:.75rem;gap:.5rem;align-items:start;min-height:64px}.art-grid .art-main figcaption{min-height:0}.more-art-grid{grid-template-columns:1fr 1fr}.more-art-grid img{height:250px}.art-note{font-size:.8125rem}.streamer-section{grid-template-columns:1fr;gap:2.5rem;padding-block:60px}.streamer-copy h2{font-size:clamp(2.6rem,10vw,4rem)}.streamer-lead{font-size:1.1rem}.streamer-art>img{aspect-ratio:1.5}.streamer-art-caption{font-size:.75rem;flex-wrap:nowrap}.quote-block{padding:2.2rem 1.5rem 1.5rem;margin-top:1.5rem}.quote-block p{font-size:2.2rem}.alpha-inner{grid-template-columns:1fr;gap:1.75rem;padding-block:2.5rem}.alpha-inner h2{font-size:2.1rem}.alpha-inner>div>p:last-child{font-size:1rem}.alpha-side{max-width:none;justify-self:stretch}.alpha-side .button{width:auto}.alpha-side>p{max-width:420px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:1rem}.footer-logo{width:150px}.footer-contact{grid-column:1;grid-row:2;margin:0}.footer-contact a{font-size:1.15rem}.back-top{grid-column:2;grid-row:2}.footer-bottom{display:block;font-size:.75rem;line-height:1.8}.footer-bottom>span{display:block}.site-footer{padding-top:1.6rem}.footer-contact p{font-size:.75rem;letter-spacing:.06em}}
@media(max-width:380px){.section-shell,.header-inner{width:calc(100% - 32px)}.hero h1{font-size:3.6rem}.hero-actions{align-items:flex-start;gap:.7rem}.text-link{font-size:.875rem}.hero .button{font-size:.8125rem;gap:.8rem;padding:.9rem .85rem}.art-grid img{height:190px}.more-art-grid img{height:210px}.streamer-art-caption{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Street-poster revision: real graffiti lettering, oversized images, sharp edges. */
@font-face{
  font-family:HideoutTag;
  src:url('./assets/graffiti.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
:root{
  --ink:#09090b;
  --panel:#141316;
  --paper:#fff7df;
  --muted:#c2bbb6;
  --yellow:#ffda24;
  --teal:#27d6bc;
  --red:#ff4c58;
  --line:#393438;
  --tag:HideoutTag,'Arial Black',sans-serif;
}
body{background:var(--ink)}
.site-header{background:#070708;border-bottom:2px solid var(--line)}
.header-inner{min-height:96px;flex-wrap:wrap;row-gap:.25rem}
.brand{width:160px;transform:rotate(-3deg)}
.main-nav{gap:2.2rem;flex-wrap:wrap}
.main-nav a{font-family:var(--tag);font-weight:400;font-size:1.2rem;line-height:1.7}
.main-nav a:nth-child(2){transform:rotate(-3deg)}
.main-nav a:hover{color:var(--yellow)}
.language-switch button[aria-pressed=true]{background:var(--yellow);color:var(--ink);transform:rotate(-4deg);box-shadow:3px 3px 0 var(--red)}
.hero{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:2.5rem;min-height:630px;padding-block:64px 78px}
.hero-copy{min-width:0;padding-right:0}
.hero .eyebrow{color:var(--paper);margin-bottom:1.75rem;letter-spacing:.08em}
.hero h1{font-family:var(--tag);font-weight:400;font-size:clamp(2.9rem,4.7vw,4.8rem);line-height:1.22;letter-spacing:0;transform:rotate(-3deg);text-shadow:3px 4px 0 #000}
.hero h1>span{padding-block:.06em}
.hero h1 .yellow{color:var(--yellow);transform:rotate(1deg);text-shadow:3px 4px 0 #000,5px 6px 0 var(--red);margin-left:.08em}
.hero h1 .yellow:after{height:6px;transform:rotate(-3deg);width:90%;margin-top:.22rem}
.hero-description{max-width:410px;color:var(--muted);font-size:1.0625rem;margin-top:2rem;line-height:1.8}
.hero-actions{gap:1.1rem}
.button{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--paper);transform:rotate(-1deg);font-size:.9375rem}
.button:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:7px 7px 0 var(--red)}
.button-teal{box-shadow:5px 5px 0 var(--yellow)}
.button-dark{border-color:var(--paper);box-shadow:5px 5px 0 var(--ink)}
.alpha-note{font-size:.875rem;color:#b9b1ae;margin-top:1.3rem}
.hero-signature{display:block;font-family:var(--tag);font-size:1.4rem;font-weight:400;font-style:normal;line-height:1.5;color:var(--red);transform:rotate(-7deg);margin-top:1.5rem;margin-left:1rem;letter-spacing:0}
.hero-visual{align-self:center;min-height:0;aspect-ratio:auto;margin:0;border:3px solid var(--paper);transform:rotate(2deg);box-shadow:10px 12px 0 var(--red);background:var(--ink)}
.hero-visual>img{position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.hero-visual .image-credit{position:static;background:var(--ink);padding:.55rem .7rem;line-height:1.5;font-size:.8125rem}
.scene-sticker{top:-27px;bottom:auto;right:-12px;padding:.6rem .9rem;transform:rotate(7deg);background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.scene-sticker span,.scene-sticker strong{font-family:var(--tag);font-weight:400;line-height:1.5}
.scene-sticker span{font-size:1rem}
.scene-sticker strong{font-size:1.7rem}
.slogan-strip{background:var(--red);border-block:3px solid #000;transform:rotate(-2deg);margin-block:0;box-shadow:0 6px 0 var(--yellow)}
.slogan-strip>div{font-family:var(--tag);font-weight:400;font-size:1.4rem;line-height:1.5;letter-spacing:0;padding:1.1rem 2rem;gap:2rem;min-width:1180px}
.slogan-strip b{font-size:1.4rem}
.game-section{padding-block:100px}
h1,h2{overflow-wrap:anywhere}
h2,.art-heading h2,.streamer-copy h2,.alpha-inner h2{font-family:var(--tag);font-weight:400;line-height:1.28;letter-spacing:0}
h2{font-size:clamp(1.8rem,3.2vw,3.3rem)}
.section-heading h2{transform:rotate(-1.5deg);transform-origin:left center}
.section-heading .teal{display:inline-block;margin-top:.15em;text-shadow:3px 3px 0 #000}
.section-heading .eyebrow,.art-heading .eyebrow,.streamer-copy .eyebrow{color:var(--yellow);letter-spacing:.1em;margin-bottom:1.35rem}
.game-intro{margin-top:2rem}
.game-intro>p{max-width:690px}
.outline-stamp{font-family:var(--tag);font-weight:400;font-size:1.2rem;line-height:1.6;color:var(--ink);background:var(--teal);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--paper);padding:.65rem 1rem;max-width:250px;transform:rotate(5deg)}
.feature-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3.8rem;margin-top:4rem;align-items:center}
.scene-stack{display:grid;gap:2rem;min-width:0}
.phone-visual{border:2px solid var(--paper);transform:rotate(-1.5deg);background:var(--ink);box-shadow:-7px 7px 0 #266b60}
.phone-visual>img{aspect-ratio:16/9;object-fit:contain;object-position:center;width:100%;height:auto}
.phone-visual .image-credit{position:static;background:var(--ink);padding:.5rem .7rem;font-size:.8125rem;line-height:1.5}
.photo-note{top:-18px;left:1rem;font-family:var(--tag);font-weight:400;font-size:1.1rem;line-height:1.6;transform:rotate(-4deg);padding:.35rem .8rem;max-width:calc(100% - 2rem)}
.prank-visual{position:relative;border:2px solid var(--paper);transform:rotate(1deg);background:var(--ink);box-shadow:7px 7px 0 #91323c}
.prank-visual img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.prank-visual figcaption{padding:.65rem .8rem}
.prank-tag{display:block;font-family:var(--tag);font-weight:400;color:var(--yellow);font-size:1rem;line-height:1.6}
.prank-visual .image-credit{display:block;position:static;padding:.3rem 0 0;background:none;font-size:.8125rem;line-height:1.5}
.feature-list article{padding-block:2rem;border-bottom:2px dashed var(--line);gap:1.2rem}
.feature-number{font-family:var(--tag);font-weight:400;color:var(--red);font-size:2rem;line-height:1.3;transform:rotate(-7deg);min-width:2.4rem}
.feature-label{font-size:.8125rem;color:var(--yellow)}
.feature-list h3{font-size:1.85rem;line-height:1.15}
.feature-list article p:last-child{font-size:1rem;line-height:1.75}
.art-section{background:#151215;border-top:4px solid var(--red);border-bottom:2px solid var(--line);padding-block:78px}
.art-heading{align-items:start;gap:2.5rem}
.art-heading>div{flex:1;min-width:0}
.art-heading h2{font-size:clamp(2rem,3.4vw,3.5rem);color:var(--paper);transform:rotate(-2deg)}
.art-heading>p{flex:0 1 310px;padding-top:.2rem;font-size:1rem}
.art-grid{gap:1.6rem;margin-top:3.5rem;padding:.5rem}
.art-grid figure{border:2px solid var(--paper);box-shadow:6px 6px 0 #000}
.art-grid figure:nth-child(1){transform:rotate(-2deg)}
.art-grid figure:nth-child(2){transform:rotate(2deg)}
.art-grid figure:nth-child(3){transform:rotate(-1deg)}
.art-grid figcaption{background:var(--paper);color:var(--ink);border-top:0;line-height:1.6}
.art-index{color:#087c69;font-weight:bold}
.more-art{margin-top:2.8rem;border-block:2px dashed #594751}
.more-art summary{font-family:var(--tag);font-weight:400;font-size:1.3rem;color:var(--yellow);line-height:1.8}
.more-art-grid{gap:1.2rem;padding:1rem .4rem 2rem}
.more-art-grid figure{border:1px solid var(--paper);box-shadow:4px 4px 0 #000}
.more-art-grid figure:nth-child(even){transform:rotate(1.3deg)}
.more-art-grid figcaption{font-size:.8125rem;line-height:1.6}
.streamer-section{gap:4rem;padding-block:100px}
.streamer-copy h2{font-size:clamp(2.4rem,4vw,4.2rem);transform:rotate(-2deg);text-shadow:3px 4px 0 #000}
.streamer-copy h2 .yellow{display:inline-block;color:var(--red);text-shadow:2px 3px 0 #000}
.streamer-copy .planned-note{font-size:.875rem}
.streamer-art>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:3px solid var(--paper);box-shadow:7px 7px 0 var(--teal);transform:rotate(1.5deg)}
.streamer-art-caption{padding-top:1rem;line-height:1.5}
.quote-block{margin-top:2.5rem;background:var(--teal);color:var(--ink);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--paper);transform:rotate(-3deg);padding:2.7rem 1.7rem 1.6rem}
.quote-mark{color:var(--ink)}
.quote-block p{font-family:var(--tag);font-weight:400;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.4}
.quote-foot{color:#173f38;line-height:1.6;font-weight:700}
.alpha-section{background:var(--yellow);border-top:5px solid var(--paper);border-bottom:5px solid var(--ink)}
.alpha-inner h2{font-size:clamp(1.7rem,2.7vw,2.8rem);line-height:1.35}
.alpha-inner{gap:3rem}
.footer-contact p{font-family:var(--tag);font-weight:400;font-size:1rem;line-height:1.7;color:var(--red);letter-spacing:0}
.footer-logo{transform:rotate(-3deg)}
.back-top{border:2px solid var(--teal);box-shadow:3px 3px 0 var(--red);transform:rotate(3deg)}
@media(min-width:1600px){.hero{gap:3rem}.hero-visual{margin-right:0}}
@media(max-width:1100px){
  .main-nav{gap:1.5rem}.main-nav a{font-size:1.1rem}
  .hero{gap:2rem}.hero h1{font-size:clamp(2.7rem,4.5vw,3.4rem)}
  .hero .button{font-size:.875rem;padding:.85rem 1rem}
  .scene-sticker{right:-8px;top:-32px}.scene-sticker strong{font-size:1.4rem}
  .feature-layout{gap:2.5rem}.feature-list h3{font-size:1.6rem}
  .outline-stamp{max-width:210px;font-size:1.1rem}
  .art-heading{display:block}.art-heading>p{max-width:560px;margin-top:1.5rem}
  .streamer-section{gap:2.5rem}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0;padding-block:42px 62px;gap:3rem}
  .hero-copy{max-width:640px}.hero h1{font-size:clamp(3.2rem,7vw,4.7rem)}
  .hero-description{max-width:560px}.hero-signature{position:absolute;right:0;bottom:.1rem;margin:0;transform:rotate(-9deg)}
  .hero-visual{width:100%;max-width:760px;justify-self:center;transform:rotate(1deg)}
  .feature-layout{grid-template-columns:1fr;gap:3rem}
  .scene-stack{grid-template-columns:1fr 1fr;gap:1.3rem;align-items:start}
  .feature-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}
  .feature-list article{display:block;border:0;padding:0}
  .feature-number{display:block;margin-bottom:.8rem}
  .streamer-section{grid-template-columns:1fr;gap:3rem}
  .streamer-copy h2{font-size:clamp(2.8rem,6vw,4rem)}
  .streamer-art{max-width:720px}
}
@media(max-width:760px){
  .header-inner{min-height:84px}.brand{width:130px}
  .hero{padding-top:35px;gap:3rem;padding-bottom:50px}
  .hero h1{font-size:clamp(2.4rem,9.4vw,4.1rem);line-height:1.3}
  .hero .eyebrow{font-size:.75rem;margin-bottom:1.3rem}
  .hero-description{font-size:1rem;margin-top:1.5rem}
  .hero-signature{position:static;display:block;margin:1.4rem 0 0 1rem;font-size:1.3rem}
  .hero-visual{aspect-ratio:auto;margin:0 2px;width:calc(100% - 4px);box-shadow:5px 7px 0 var(--red)}
  .hero-visual>img{object-position:center}
  .hero-visual .image-credit{font-size:.75rem;padding:.4rem .5rem}
  .scene-sticker{top:-30px;right:-5px;padding:.4rem .7rem}
  .scene-sticker span{font-size:.8125rem}.scene-sticker strong{font-size:1.15rem}
  .slogan-strip>div{font-size:1.2rem;min-width:1040px;padding-block:.9rem}
  .game-section{padding-block:60px}
  h2{font-size:clamp(1.6rem,6.1vw,2.7rem);line-height:1.4}
  .section-heading h2{transform:rotate(-1deg)}
  .outline-stamp{max-width:none;font-size:1rem;margin-top:1.5rem;padding:.55rem .8rem;transform:rotate(2deg)}
  .feature-layout{margin-top:3rem;gap:2.5rem}
  .scene-stack{grid-template-columns:1fr;gap:2rem}
  .phone-visual>img{aspect-ratio:16/9;object-position:center}
  .photo-note{font-size:1rem;left:.6rem;top:-15px;padding:.25rem .6rem}
  .phone-visual .image-credit,.prank-visual .image-credit{font-size:.75rem}
  .prank-tag{font-size:1rem}
  .feature-list{display:block}
  .feature-list article{display:flex;border-bottom:2px dashed var(--line);padding-block:1.5rem}
  .feature-list article:first-child{padding-top:0}.feature-list article:last-child{border:0}
  .feature-number{font-size:1.8rem;min-width:2.1rem}
  .feature-list h3{font-size:1.8rem}
  .art-section{padding-block:52px 42px}
  .art-heading h2{font-size:clamp(1.8rem,7vw,2.8rem);line-height:1.35}
  .art-grid{gap:1.15rem;margin-top:2.5rem;padding-inline:.2rem}
  .art-grid figcaption{font-size:.75rem}.art-grid .art-main img{max-height:none}
  .more-art summary{font-size:1.05rem}.more-art-grid{gap:1rem}
  .streamer-section{padding-block:60px;gap:2.5rem}
  .streamer-copy h2{font-size:clamp(2rem,8vw,3.2rem);line-height:1.4}
  .streamer-art>img{aspect-ratio:16/9;transform:rotate(1deg);box-shadow:4px 5px 0 var(--teal)}
  .streamer-art-caption{font-size:.75rem;padding-top:.75rem}
  .quote-block{margin:2rem .25rem 0;padding:2.5rem 1.3rem 1.3rem;box-shadow:5px 5px 0 var(--paper)}
  .quote-block p{font-size:1.6rem;line-height:1.5}
  .alpha-inner{gap:2rem}.alpha-inner h2{font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.4}
  .footer-contact p{font-size:.875rem;letter-spacing:0}
}
@media(max-width:380px){
  .hero h1{font-size:2.55rem}.hero-actions{gap:1rem}
  .hero .button{font-size:.8125rem;padding:.8rem .85rem}
  .photo-note{font-size:.9375rem}.prank-tag{font-size:.9rem}
  .footer-contact p{font-size:.8125rem}
}