@charset "UTF-8";:root{--paper: #f3e9c6;--paper-2: #ead9a3;--ink: #0a0a0a;--ink-soft: #1c1c1c;--hero: #2649b8;--bam: #d92027;--pow: #ffd23f;--zap: #1f8a5b;--bubble: #ffffff;--halftone: rgba(10, 10, 10, .55);--border: 4px;--border-lg: 6px;--gutter: clamp(14px, 1.6vw, 22px);--pad-x: clamp(20px, 4vw, 60px);--f-title: "Bowlby One", "Anton", Impact, sans-serif;--f-pow: "Bangers", "Bowlby One", Impact, sans-serif;--f-body: "Comic Neue", "Comic Sans MS", "Bangers", system-ui, sans-serif;--f-cap: "Special Elite", "Courier New", ui-monospace, monospace;--f-ui: "Space Grotesk", system-ui, sans-serif;--ease-out: cubic-bezier(.18, 1, .3, 1);color-scheme:light}[data-era=modern]{--paper: #ededed;--paper-2: #d8d8d8;--ink: #0a0a0a;--hero: #1a1aff;--bam: #ff2d3a;--pow: #fff200;--zap: #00b86b}[data-era=manga]{--paper: #f7f5f0;--paper-2: #e9e6df;--ink: #0a0a0a;--hero: #0a0a0a;--bam: #c20019;--pow: #ffffff;--zap: #0a0a0a}[data-era=pulp]{--paper: #e9cf94;--paper-2: #d2b06a;--ink: #16110a;--hero: #6b2a1a;--bam: #b51e0e;--pow: #f0a830;--zap: #486033}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-weight:700;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{min-height:100vh;background-color:var(--paper);background-image:radial-gradient(var(--halftone) 1.2px,transparent 1.4px),radial-gradient(var(--halftone) 1.2px,transparent 1.4px);background-size:14px 14px,14px 14px;background-position:0 0,7px 7px;background-attachment:fixed;transition:background-color .4s var(--ease-out)}[data-halftone=off] body{background-image:none}[data-halftone=heavy] body{background-size:9px 9px,9px 9px;background-position:0 0,4.5px 4.5px}.paper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.5),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,0,0,.18),transparent 55%);mix-blend-mode:multiply}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.cursor{position:fixed;top:0;left:0;width:24px;height:24px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .24s var(--ease-out),height .24s var(--ease-out)}.cursor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pow);border:2.5px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink)}.cursor.lg{width:96px;height:96px}.cursor.lg:before{background:var(--bam)}.cursor .label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);font:700 14px/1 var(--f-pow);letter-spacing:.04em;color:var(--ink);opacity:0;transition:opacity .2s;white-space:nowrap}.cursor.lg .label{opacity:1;color:var(--paper);font-size:22px}[data-cursor=off] .cursor{display:none}@media (hover: none){.cursor{display:none}}.shell{position:relative;z-index:2}.page{padding:clamp(40px,6vh,80px) var(--pad-x);position:relative}.page-number{position:absolute;top:18px;right:var(--pad-x);font-family:var(--f-cap);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:.7}.page-number b{background:var(--ink);color:var(--paper);padding:4px 10px 3px;margin-left:8px}.page-title{display:flex;align-items:center;gap:18px;margin-bottom:32px;flex-wrap:wrap}.page-title h2{font-family:var(--f-title);font-size:clamp(40px,6vw,84px);letter-spacing:-.01em;line-height:.92;text-transform:uppercase;color:var(--ink);-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--pow)}.page-title .red{color:var(--bam)}.page-title .sub{font-family:var(--f-cap);font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px 6px;background:var(--ink);color:var(--paper)}.masthead{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:10px var(--pad-x);background:var(--ink);color:var(--paper);border-bottom:var(--border) solid var(--ink);font-family:var(--f-cap);font-weight:400;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.masthead .logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-title);font-size:18px;letter-spacing:.04em}.masthead .logo b{background:var(--bam);color:var(--paper);padding:4px 8px 2px;border:2px solid var(--paper);transform:skew(-8deg)}.masthead .meta{text-align:center;opacity:.85}.masthead nav{display:flex;gap:18px}.masthead nav a{position:relative;padding:4px 8px;border:2px solid transparent;transition:background .2s,color .2s,border-color .2s}.masthead nav a:hover{background:var(--pow);color:var(--ink);border-color:var(--paper)}.cover{min-height:calc(100vh - 50px);padding:clamp(40px,7vh,80px) var(--pad-x) clamp(40px,6vh,70px);display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto 1fr auto;gap:var(--gutter);position:relative}.issue-tag{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--f-cap);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.issue-tag .left{display:flex;align-items:center;gap:12px}.issue-tag .issue{background:var(--ink);color:var(--paper);padding:6px 10px 4px;font-family:var(--f-title);font-size:16px;letter-spacing:.04em}.issue-tag .price{border:3px solid var(--ink);background:var(--pow);padding:8px 14px 6px;transform:rotate(2deg);font-family:var(--f-title);font-size:18px;box-shadow:4px 4px 0 var(--ink)}.cover-title{grid-column:1/2;grid-row:2;position:relative;display:flex;flex-direction:column;justify-content:center}.cover-title .kicker{display:inline-block;font-family:var(--f-cap);font-size:clamp(14px,1.2vw,16px);letter-spacing:.18em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:8px 14px 6px;margin-bottom:18px;align-self:flex-start;transform:rotate(-2deg)}.cover-title h1{font-family:var(--f-title);font-weight:400;font-size:clamp(64px,11vw,180px);line-height:.86;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);text-shadow:6px 6px 0 var(--pow),11px 11px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.cover-title h1 .red{color:var(--bam)}.cover-title h1 .blue{color:var(--hero)}.cover-title .tagline{margin-top:28px;font-family:var(--f-body);font-weight:700;font-size:clamp(18px,1.5vw,22px);max-width:32ch;line-height:1.35;color:var(--ink)}.cover-art{grid-column:2/3;grid-row:2;position:relative;display:grid;place-items:center}.hero-burst{position:relative;width:min(100%,460px);aspect-ratio:1}.cover-bottom{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1.4fr 1fr;gap:var(--gutter);margin-top:30px}.caption-box{background:var(--pow);border:var(--border) solid var(--ink);padding:16px 20px;font-family:var(--f-cap);font-size:14px;letter-spacing:.04em;text-transform:uppercase;position:relative;box-shadow:8px 8px 0 var(--ink)}.caption-box:before{content:"";position:absolute;top:-10px;left:20px;width:80px;height:4px;background:var(--bam);border:2px solid var(--ink)}.caption-box b{display:block;font-size:11px;opacity:.7;margin-bottom:6px}.caption-box .row{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.caption-box .row b{margin:0;font-size:11px}.caption-box .row span{font-size:13px}.speech-cover{background:var(--bubble);border:var(--border) solid var(--ink);border-radius:26px;padding:18px 22px;position:relative;font-family:var(--f-body);font-weight:700;font-size:clamp(16px,1.3vw,19px);line-height:1.3;box-shadow:8px 8px 0 var(--ink)}.speech-cover:after{content:"";position:absolute;bottom:-22px;left:28px;width:28px;height:28px;background:var(--bubble);border:var(--border) solid var(--ink);border-top:0;border-right:0;transform:skew(-30deg)}.speech-cover b{color:var(--bam)}.speech-cover em{font-style:italic;color:var(--hero)}.starburst{--bg: var(--pow);--bd: var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;width:130px;height:130px;font-family:var(--f-pow);font-size:34px;color:var(--ink);-webkit-text-stroke:1px var(--ink);transform:rotate(-8deg);text-transform:uppercase;letter-spacing:.02em}.starburst:before,.starburst:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);clip-path:polygon(50% 0%,58% 12%,70% 6%,70% 20%,84% 18%,78% 32%,94% 36%,84% 46%,100% 54%,86% 62%,96% 76%,80% 74%,82% 88%,68% 80%,64% 94%,54% 82%,46% 100%,40% 84%,28% 92%,30% 78%,14% 82%,22% 68%,6% 64%,18% 54%,2% 46%,18% 40%,8% 26%,24% 30%,22% 14%,36% 18%,40% 4%)}.starburst:before{background:var(--bd);transform:scale(1.06);z-index:-1}.starburst.lg{width:220px;height:220px;font-size:54px}.starburst.xl{width:340px;height:340px;font-size:96px;transform:rotate(-6deg)}.starburst.red{--bg: var(--bam);color:var(--paper);-webkit-text-stroke-color:var(--paper)}.starburst.blue{--bg: var(--hero);color:var(--paper);-webkit-text-stroke-color:var(--paper)}.starburst.green{--bg: var(--zap);color:var(--paper);-webkit-text-stroke-color:var(--paper)}.starburst.white{--bg: var(--bubble)}.burst-deco{position:absolute;pointer-events:none;z-index:-1}.burst-deco.b1{top:-20px;right:-20px;transform:rotate(15deg)}.burst-deco.b2{bottom:-30px;left:-30px;transform:rotate(-22deg)}.work-section{padding-bottom:clamp(40px,8vh,90px)}.panel-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:var(--gutter)}.panel{position:relative;background:var(--bubble);border:var(--border) solid var(--ink);box-shadow:8px 8px 0 var(--ink);overflow:hidden;display:flex;flex-direction:column;transition:transform .26s var(--ease-out),box-shadow .26s var(--ease-out);cursor:pointer}.panel:hover{transform:translate(-3px,-3px);box-shadow:14px 14px 0 var(--ink)}.panel:active{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}.panel.p1{grid-column:span 3;grid-row:span 2}.panel.p2,.panel.p3{grid-column:span 3;grid-row:span 1}.panel.p4{grid-column:span 2;grid-row:span 2}.panel.p5,.panel.p6{grid-column:span 2;grid-row:span 1}.panel.p7{grid-column:span 4;grid-row:span 1}.panel.p8{grid-column:span 2;grid-row:span 1}.panel-art{position:relative;flex:1;display:grid;place-items:center;overflow:hidden;background-color:var(--paper);background-image:radial-gradient(rgba(10,10,10,.4) 1px,transparent 1.2px);background-size:8px 8px}.panel-art.tone-blue{background-color:var(--hero);background-image:radial-gradient(rgba(255,255,255,.45) 1.2px,transparent 1.4px)}.panel-art.tone-red{background-color:var(--bam);background-image:radial-gradient(rgba(255,255,255,.45) 1.2px,transparent 1.4px)}.panel-art.tone-yellow{background-color:var(--pow);background-image:radial-gradient(rgba(10,10,10,.55) 1.2px,transparent 1.4px)}.panel-art.tone-green{background-color:var(--zap);background-image:radial-gradient(rgba(255,255,255,.45) 1.2px,transparent 1.4px)}.panel-art.tone-ink{background-color:var(--ink);background-image:radial-gradient(rgba(255,255,255,.45) 1.2px,transparent 1.4px)}.panel .panel-num{position:absolute;top:0;left:0;background:var(--pow);color:var(--ink);border-right:var(--border) solid var(--ink);border-bottom:var(--border) solid var(--ink);font-family:var(--f-title);font-size:22px;padding:6px 14px 4px;z-index:3;letter-spacing:.04em}.panel .panel-burst{position:absolute;top:16px;right:14px;z-index:4}.panel .panel-burst .starburst{width:96px;height:96px;font-size:22px}.panel-caption{border-top:var(--border) solid var(--ink);padding:10px 14px;background:var(--bubble);display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3}.panel-caption .title{font-family:var(--f-title);font-size:clamp(20px,1.6vw,26px);letter-spacing:.01em;text-transform:uppercase;line-height:1}.panel-caption .meta{font-family:var(--f-cap);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;text-align:right}.panel-tag{position:absolute;bottom:56px;left:-6px;background:var(--ink);color:var(--paper);font-family:var(--f-cap);font-size:11px;letter-spacing:.12em;padding:6px 12px 4px;text-transform:uppercase;border:2px solid var(--paper);box-shadow:4px 4px 0 var(--paper-2);transform:rotate(-3deg);z-index:3}.panel-stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;width:100%;height:100%}.panel-stat-num{font-family:var(--f-title);font-size:clamp(32px,4.5vw,60px);line-height:.88;letter-spacing:-.02em;color:var(--ink);-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 rgba(10,10,10,.18)}.panel-stat-lbl{font-family:var(--f-cap);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);opacity:.75}.panel-art.tone-blue .panel-stat-num,.panel-art.tone-red .panel-stat-num,.panel-art.tone-green .panel-stat-num,.panel-art.tone-ink .panel-stat-num{color:var(--paper);-webkit-text-stroke-color:var(--paper);text-shadow:3px 3px 0 rgba(0,0,0,.25)}.panel-art.tone-blue .panel-stat-lbl,.panel-art.tone-red .panel-stat-lbl,.panel-art.tone-green .panel-stat-lbl,.panel-art.tone-ink .panel-stat-lbl{color:var(--paper)}.modal-stack-box{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:20px}.modal-stack-chip{font-family:var(--f-cap);font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:var(--paper);color:var(--ink);border:2px solid var(--paper);padding:5px 10px 3px}.art-slot{position:relative;width:70%;aspect-ratio:4/3;border:3px dashed rgba(10,10,10,.5);background:#fff9;display:grid;place-items:center;font-family:var(--f-cap);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-align:center;padding:12px}.panel-art.tone-blue .art-slot,.panel-art.tone-red .art-slot,.panel-art.tone-ink .art-slot,.panel-art.tone-green .art-slot{background:#ffffffd9;color:var(--ink);border-color:#0a0a0a99}.origin{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:start}.origin .caption-strip{grid-column:1/8;background:var(--pow);border:var(--border) solid var(--ink);padding:22px 26px;font-family:var(--f-cap);font-size:clamp(15px,1.2vw,18px);line-height:1.4;box-shadow:8px 8px 0 var(--ink);position:relative}.origin .caption-strip .lbl{position:absolute;top:-16px;left:18px;background:var(--ink);color:var(--paper);padding:5px 12px 3px;font-family:var(--f-title);font-size:14px;letter-spacing:.06em}.origin .bubble{background:var(--bubble);border:var(--border) solid var(--ink);border-radius:30px;padding:22px 26px;position:relative;font-family:var(--f-body);font-weight:700;font-size:clamp(17px,1.3vw,20px);line-height:1.35;box-shadow:8px 8px 0 var(--ink)}.origin .bubble em{color:var(--bam);font-style:italic}.origin .bubble b{color:var(--hero)}.origin .bubble.left{grid-column:1/8}.origin .bubble.right{grid-column:6/13}.origin .bubble.tall{grid-column:8/13}.origin .bubble:after{content:"";position:absolute;bottom:-22px;left:40px;width:30px;height:30px;background:var(--bubble);border:var(--border) solid var(--ink);border-top:0;border-right:0;transform:skew(-25deg)}.origin .bubble.right:after{left:auto;right:60px;transform:skew(25deg)}.origin .character{grid-column:8/13;background:radial-gradient(rgba(10,10,10,.5) 1.2px,transparent 1.4px),linear-gradient(180deg,var(--hero),var(--ink));background-size:10px 10px,100% 100%;border:var(--border) solid var(--ink);box-shadow:8px 8px 0 var(--ink);aspect-ratio:4/5;display:grid;place-items:center;position:relative}.origin .character .art-slot{border-color:#ffffffb3;color:var(--paper);background:#0a0a0a40;width:72%}.origin .character .name-plate{position:absolute;bottom:-18px;left:24px;right:24px;background:var(--bam);border:var(--border) solid var(--ink);color:var(--paper);font-family:var(--f-title);font-size:clamp(18px,1.6vw,24px);text-align:center;padding:8px 12px 6px;letter-spacing:.04em}.skills-banner{grid-column:1/-1;margin-top:50px;background:var(--ink);color:var(--paper);border:var(--border) solid var(--ink);padding:16px 22px;display:flex;flex-wrap:wrap;gap:10px;font-family:var(--f-pow);align-items:center;letter-spacing:.04em;box-shadow:8px 8px 0 var(--pow)}.skills-banner .lbl{background:var(--bam);color:var(--paper);padding:6px 10px 4px;font-family:var(--f-title);font-size:16px;margin-right:10px;border:2px solid var(--paper)}.skill-chip{font-size:22px;padding:4px 12px;background:var(--paper);color:var(--ink);border:2px solid var(--paper);transform:rotate(-1deg);transition:transform .2s,background .2s,color .2s}.skill-chip:nth-child(2n){transform:rotate(1.5deg);background:var(--pow)}.skill-chip:nth-child(3n){transform:rotate(-1.5deg);background:var(--bam);color:var(--paper)}.skill-chip:hover{transform:rotate(0) scale(1.06)}.principle-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.principle-card{background:var(--bubble);border:var(--border) solid var(--ink);padding:22px 24px 26px;position:relative;box-shadow:8px 8px 0 var(--ink)}.principle-card .pn{position:absolute;top:-14px;left:18px;background:var(--bam);color:var(--paper);padding:5px 10px 3px;font-family:var(--f-title);font-size:14px;letter-spacing:.04em;border:2px solid var(--ink)}.principle-card h3{font-family:var(--f-title);font-size:clamp(24px,2vw,34px);text-transform:uppercase;line-height:.95;margin-top:8px;margin-bottom:12px;letter-spacing:.01em}.principle-card h3 em{color:var(--bam);font-style:italic}.principle-card p{font-family:var(--f-body);font-weight:700;font-size:15px;line-height:1.4}.principle-card.thought{border-radius:20px}.principle-card.thought:after,.principle-card.thought:before{content:"";position:absolute;background:var(--bubble);border:var(--border) solid var(--ink);border-radius:50%}.principle-card.thought:before{bottom:-14px;left:32px;width:18px;height:18px}.principle-card.thought:after{bottom:-28px;left:56px;width:10px;height:10px}.principle-card.bang{background:var(--pow)}.principle-card.bang h3 em{color:var(--hero)}.principle-card.cool{background:var(--hero);color:var(--paper)}.principle-card.cool h3 em{color:var(--pow)}.principle-card.hot{background:var(--bam);color:var(--paper)}.principle-card.hot h3 em{color:var(--pow)}.principle-card.s1{grid-column:1/7}.principle-card.s2{grid-column:7/13}.principle-card.s3{grid-column:1/5}.principle-card.s4{grid-column:5/13}.contact-page{padding:clamp(60px,10vh,120px) var(--pad-x) clamp(40px,6vh,60px);text-align:center;position:relative}.contact-page .talk{display:inline-block;font-family:var(--f-title);font-size:clamp(64px,12vw,200px);text-transform:uppercase;letter-spacing:-.01em;line-height:.85;color:var(--bam);-webkit-text-stroke:2px var(--ink);text-shadow:8px 8px 0 var(--ink)}.contact-page .talk em{font-style:italic;color:var(--pow)}.contact-page .talk .blue{color:var(--hero)}.mail-bubble{display:inline-block;margin-top:40px;background:var(--bubble);border:var(--border-lg) solid var(--ink);border-radius:30px;padding:22px 36px 24px;font-family:var(--f-title);font-size:clamp(28px,4vw,56px);position:relative;box-shadow:12px 12px 0 var(--ink);transition:transform .24s var(--ease-out),box-shadow .24s var(--ease-out)}.mail-bubble:hover{transform:translate(-4px,-4px) rotate(-1deg);box-shadow:18px 18px 0 var(--ink)}.mail-bubble:after{content:"";position:absolute;bottom:-28px;left:50%;width:38px;height:38px;background:var(--bubble);border:var(--border-lg) solid var(--ink);border-top:0;border-right:0;transform:translate(-50%) skew(-22deg)}.elsewhere{margin-top:90px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);text-align:left}.els-card{background:var(--paper);border:var(--border) solid var(--ink);padding:18px 20px;box-shadow:6px 6px 0 var(--ink);transform:rotate(-1deg)}.els-card:nth-child(2n){transform:rotate(1.5deg)}.els-card b{display:block;font-family:var(--f-title);font-size:20px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.els-card a{display:block;font-family:var(--f-cap);font-size:14px;padding:2px 0}.els-card a:hover{color:var(--bam)}.colophon{margin-top:70px;padding-top:20px;border-top:4px double var(--ink);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:var(--f-cap);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;z-index:200;opacity:0;pointer-events:none;transition:opacity .32s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-mask.open{opacity:1;pointer-events:auto}.modal{position:fixed;top:3vh;right:4vw;bottom:3vh;left:4vw;background:var(--paper);border:var(--border-lg) solid var(--ink);box-shadow:14px 14px 0 var(--ink);z-index:210;overflow:auto;transform:translateY(40px) rotate(-.5deg);opacity:0;pointer-events:none;transition:transform .36s var(--ease-out),opacity .32s}.modal.open{transform:translateY(0) rotate(0);opacity:1;pointer-events:auto}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(rgba(10,10,10,.4) 1.2px,transparent 1.4px) 0 0/12px 12px;pointer-events:none;z-index:0}.modal-close{position:sticky;top:16px;margin:16px 16px 0 auto;display:flex;width:max-content;padding:10px 16px 8px;font-family:var(--f-title);font-size:14px;letter-spacing:.04em;background:var(--bam);color:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:3;align-items:center;gap:10px}.modal-inner{padding:clamp(24px,4vw,60px);position:relative;z-index:1}.modal-inner .kicker{display:inline-block;background:var(--ink);color:var(--paper);padding:8px 14px 6px;font-family:var(--f-cap);font-size:12px;letter-spacing:.16em;margin-bottom:16px;text-transform:uppercase}.modal-inner h2{font-family:var(--f-title);font-size:clamp(40px,6.5vw,96px);line-height:.92;text-transform:uppercase;-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px 0 var(--pow);letter-spacing:-.01em}.modal-inner h2 em{color:var(--bam);font-style:italic}.modal-meta{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);padding:18px 20px;background:var(--ink);color:var(--paper);font-family:var(--f-cap);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.modal-meta b{display:block;opacity:.6;margin-bottom:6px;font-weight:400}.modal-meta span{font-family:var(--f-title);font-size:16px;letter-spacing:.04em}.modal-hero{margin-top:30px;aspect-ratio:16/9;border:var(--border) solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.modal-prose{margin-top:50px;display:grid;grid-template-columns:200px 1fr;gap:var(--gutter)}.modal-prose h4{font-family:var(--f-title);font-size:22px;text-transform:uppercase;letter-spacing:.04em;background:var(--pow);border:var(--border) solid var(--ink);padding:6px 12px 4px;align-self:flex-start;transform:rotate(-2deg)}.modal-prose .body p{font-family:var(--f-body);font-weight:700;font-size:clamp(17px,1.4vw,21px);line-height:1.4;max-width:60ch}.modal-prose .body p+p{margin-top:14px}.modal-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.modal-grid .panel-art{border:var(--border) solid var(--ink);box-shadow:6px 6px 0 var(--ink);aspect-ratio:4/3}.modal-grid .wide{grid-column:1/-1;aspect-ratio:16/7}.tweaks-fab{position:fixed;bottom:22px;right:22px;width:56px;height:56px;background:var(--ink);color:var(--paper);border:4px solid var(--ink);border-radius:50%;font:700 22px var(--f-title);box-shadow:6px 6px 0 var(--bam);z-index:300;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.tweaks-fab:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--bam)}.tweaks-panel{position:fixed;bottom:92px;right:22px;width:280px;background:var(--paper);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);z-index:300;padding:14px 16px 18px;font-family:var(--f-body)}.tweaks-panel .tw-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:3px solid var(--ink);margin-bottom:14px;font-family:var(--f-title);font-size:18px;letter-spacing:.04em;text-transform:uppercase}.tweaks-panel .tw-x{background:var(--bam);color:var(--paper);border:2px solid var(--ink);width:28px;height:28px;font:700 14px var(--f-title);cursor:pointer}.tweaks-panel .tw-section{margin-bottom:14px}.tweaks-panel .tw-label{display:block;font-family:var(--f-cap);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;color:var(--ink);opacity:.7}.tweaks-panel select{width:100%;font:700 14px var(--f-body);border:3px solid var(--ink);background:var(--bubble);padding:8px 10px;cursor:pointer}.tweaks-panel .tw-radio{display:flex;border:3px solid var(--ink);background:var(--bubble)}.tweaks-panel .tw-radio button{flex:1;padding:8px 6px;font:700 12px var(--f-cap);text-transform:uppercase;letter-spacing:.08em;border:0;background:transparent;cursor:pointer;color:var(--ink);transition:background .16s,color .16s}.tweaks-panel .tw-radio button+button{border-left:3px solid var(--ink)}.tweaks-panel .tw-radio button[data-on="1"]{background:var(--ink);color:var(--paper)}@media (max-width: 1100px){.cover{grid-template-columns:1fr}.cover-art{grid-column:1;grid-row:auto;margin-top:20px}.cover-bottom{grid-template-columns:1fr}.panel-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.panel.p1,.panel.p2,.panel.p3,.panel.p4,.panel.p5,.panel.p6,.panel.p7,.panel.p8{grid-column:span 2;grid-row:span 1}.panel.p1{grid-row:span 2}.origin{grid-template-columns:1fr}.origin .caption-strip,.origin .bubble.left,.origin .bubble.right,.origin .bubble.tall,.origin .character,.principle-card.s1,.principle-card.s2,.principle-card.s3,.principle-card.s4{grid-column:1/-1}.elsewhere,.modal-meta{grid-template-columns:1fr 1fr}.modal-prose,.modal-grid{grid-template-columns:1fr}}@media (max-width: 600px){.masthead .meta{display:none}.masthead nav{gap:10px}.masthead nav a{font-size:11px;padding:3px 6px}.issue-tag{flex-wrap:wrap;gap:10px}.issue-tag .left>span:last-child{display:none}.cover-title h1{font-size:clamp(46px,12vw,180px);text-shadow:4px 4px 0 var(--pow),7px 7px 0 var(--ink)}.starburst.xl{width:220px;height:220px;font-size:56px}.mail-bubble{font-size:clamp(18px,5vw,28px);padding:16px 20px 18px;max-width:100%}}@media (max-width: 420px){.masthead{gap:8px;padding:10px 16px}.masthead .logo span{display:none}.masthead nav{gap:6px}.masthead nav a{font-size:10px;padding:3px 4px;letter-spacing:.03em}.panel-grid{grid-template-columns:1fr;grid-auto-rows:240px}.panel.p1,.panel.p2,.panel.p3,.panel.p4,.panel.p5,.panel.p6,.panel.p7,.panel.p8{grid-column:1/-1;grid-row:span 1}.panel.p1{grid-row:span 2}.elsewhere{grid-template-columns:1fr}.modal{top:0;right:0;bottom:0;left:0}}