:root{--bg:#111927;--ink:#f0f2ee;--accent:#afe4db;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',Meiryo,sans-serif;font-size:15px;line-height:1.75}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}img{width:100%;height:100%;object-fit:cover;display:block}button img{transition:transform .6s ease}button:hover img{transform:scale(1.035)}h1{font-weight:750;letter-spacing:-.05em;line-height:1.15}h2,h3{line-height:1.5}p{line-height:2}em,i{font-style:normal}.site-header{display:flex;align-items:center;justify-content:space-between;padding:25px 4.2%;gap:20px;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:block;font-weight:850;font-size:24px;letter-spacing:-1.6px;line-height:1}.brand span{font-weight:400}.brand i{display:block;font:8px Arial;letter-spacing:1.5px;margin-top:9px}.site-header nav{display:flex;gap:22px}.site-header nav button{font-size:11px;padding:6px 0;border-bottom:1px solid transparent}.site-header nav button:hover,.filter-active{border-color:currentColor!important}.header-note{font-size:10px;letter-spacing:.08em}.eyebrow{display:block;font-size:10px;letter-spacing:.15em;font-weight:600;margin-bottom:22px}.read{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 0;border-bottom:1px solid currentColor;font-size:12px}.read span{font-size:20px}.section{padding:75px 4.2%}.section-heading{display:flex;align-items:baseline;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.section-heading h2{font-size:23px;line-height:1.1;letter-spacing:-.03em}.section-heading>span{font-size:11px}.section-heading .filter-status{margin-left:auto;color:var(--accent)}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px}.story{min-width:0;position:relative}.story-link{display:block;padding:0;text-align:left;width:100%;overflow:hidden}.story-link>img{aspect-ratio:1.55;height:auto}.story-copy{padding-top:16px;position:relative}.meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.09em;margin-bottom:10px;opacity:.7}.story h3{font-size:18px;letter-spacing:-.025em;padding-right:18px}.story p{font-size:11px;opacity:.65;margin-top:10px}.story-arrow{position:absolute;right:0;top:48px;font-size:17px;color:var(--accent)}.site-footer{padding:60px 4.2% 35px;border-top:1px solid var(--line)}.site-footer>.brand{font-size:35px}.site-footer>p{font-size:12px;margin-top:25px}.demo-note{font-size:10px;line-height:1.8;opacity:.6;margin-top:25px}.footer-links{display:flex;gap:30px;font-size:10px;margin-top:28px}.footer-links a{text-decoration:underline;text-underline-offset:4px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.story[hidden]{display:none}.back-study{position:fixed;bottom:18px;right:18px;background:#fff;color:#111;padding:10px 18px;border:1px solid #aaa;border-radius:30px;box-shadow:0 3px 20px #0003;z-index:12;font-size:12px}dialog{background:#f5f2ea;color:#222;width:min(740px,92%);max-height:90vh;border:0;padding:50px;box-shadow:0 10px 80px #0005}dialog::backdrop{background:#101321cc;backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:-35px;display:block;margin-left:auto;padding:10px 16px;background:#151b24;color:white;z-index:5;font-size:12px}#article-body h2{font-size:32px;line-height:1.5;margin:25px 0}#article-body img{max-height:360px;aspect-ratio:1.5}#article-body p{font-size:15px;line-height:2.1;margin:25px 0}#article-body .sample-label{font-size:11px;border-bottom:1px solid #ccc;padding-bottom:20px;color:#666}.sample-source{font-size:12px;background:#e7e4dc;padding:20px;margin-top:25px}#article-body h3{font-size:21px;margin-top:35px}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1;transform:none}
/* 01: expansive cinematic composition */
.v01{--bg:#0e1726;--accent:#b4ddd6}.v01 .site-header{background:#0e1726}.cinema-hero{height:690px;min-height:620px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0}.cinema-hero .hero-art{animation:slow-zoom 20s ease-in-out infinite alternate}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07111ce6,#07111c50 55%,#07111c10),linear-gradient(0deg,#091422,#09142200 30%)}.cinema-copy{position:relative;padding:100px 7%;z-index:1}.cinema-copy h1{font-size:clamp(50px,7.8vw,100px);letter-spacing:-.06em;line-height:1.2}.cinema-copy h1 em{color:var(--accent)}.cinema-copy p{margin:28px 0 15px;font-size:13px;letter-spacing:.12em}.hero-bottom{position:absolute;bottom:28px;left:7%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.15em}.hero-bottom b{font-size:28px}.hero-bottom small{font-size:11px;opacity:.5}.ticker-strip{background:var(--accent);color:#10202a;display:flex;justify-content:center;gap:6%;font-size:11px;letter-spacing:.2em;padding:13px 12px}.ticker-strip b{font-size:17px}.feature-strip{margin:0 4.2% 80px;display:grid;grid-template-columns:1.2fr 1fr;min-height:440px}.feature-strip>div{background:#183032;padding:55px}.feature-strip h2{font-size:34px;line-height:1.6}.feature-strip .read{margin-top:25px}@keyframes slow-zoom{to{transform:scale(1.08)}}
/* 02: tactile editorial */
.v02{--bg:#ede9df;--ink:#242821;--accent:#c84c32;--line:#24282130;font-family:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif}.v02 .brand,.v02 nav,.v02 .eyebrow,.v02 .meta{font-family:Arial,Meiryo,sans-serif}.paper-title{position:relative;padding:60px 6% 45px;border-bottom:1px solid var(--line);margin:0 4.2%}.paper-title>span{font:10px Arial;letter-spacing:.2em}.paper-title h1{font-size:90px;margin-top:30px;font-weight:500;line-height:1.2;letter-spacing:-.07em}.paper-title h1 i{color:var(--accent);margin-left:14%}.paper-title p{position:absolute;right:6%;bottom:55px;font-size:13px}.paper-title>b{position:absolute;right:6%;top:60px;font:11px/1.7 Arial;text-align:right}.paper-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:7%;margin:50px 8.4% 20px;align-items:center}.paper-visual img{height:460px}.paper-visual>span{display:block;margin-top:13px;font:8px Arial;letter-spacing:.1em}.paper-caption h2{font-size:34px;font-weight:500}.paper-caption p{font-size:12px;margin:25px 0}.v02 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.v02 .story:nth-child(even){padding-top:75px}.v02 .story h3{font-size:23px;font-weight:500}.v02 .story-link>img{aspect-ratio:1.4}.v02 .section-heading h2{font-family:Arial;font-size:15px;letter-spacing:.12em}.paper-quote{padding:90px 9%;border-top:1px solid var(--line);margin:0 4.2%;display:grid;grid-template-columns:1fr 3fr;gap:25px}.paper-quote span{font:10px Arial}.paper-quote h2{font-size:36px;font-weight:500}.paper-quote p{grid-column:2;font-size:12px}
/* 03: manga panel energy */
.v03{--bg:#eeeede;--ink:#151615;--accent:#ddf840;--line:#151615;font-weight:600}.v03 .site-header{border-bottom:3px solid;padding-top:22px;padding-bottom:22px}.panel-hero{display:grid;grid-template-columns:1fr 1.15fr;border-bottom:4px solid}.panel-word{padding:50px 0 45px 9%;position:relative;z-index:1}.panel-word>span{font-size:11px;font-weight:800;letter-spacing:.12em}.panel-word h1{font-size:70px;line-height:1.22;margin:20px 0;letter-spacing:-.06em;font-weight:900}.panel-word h1 em{background:var(--accent);box-shadow:8px 0 var(--accent),-5px 0 var(--accent)}.panel-word p{font-size:11px}.panel-word .read{border:2px solid;padding:10px 20px;margin-top:25px;box-shadow:5px 5px #151615;background:var(--accent)}.panel-image{position:relative;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.panel-image img{position:absolute;inset:0;object-position:62%}.panel-image>b{position:absolute;right:20px;bottom:20px;color:var(--accent);font:bold italic 60px/.9 Arial;transform:rotate(-8deg);text-shadow:3px 3px #111,-2px -2px #111}.panel-sticker{position:absolute;top:28px;right:25px;border:3px solid;background:var(--accent);padding:14px;font:bold 16px/1 Arial;transform:rotate(8deg)}.panel-ticker{font-size:24px;text-align:center;border-bottom:3px solid;background:var(--accent);padding:18px;font-weight:900}.panel-ticker span{font-size:14px}.v03 .story-grid{grid-template-columns:1.4fr 1fr;gap:18px}.v03 .story{border:3px solid;box-shadow:5px 5px #151615;background:#fafaf1;transition:transform .2s}.v03 .story:hover{transform:translate(-2px,-4px)}.v03 .story:nth-child(3n){grid-column:span 2}.v03 .story:nth-child(3n) .story-link{display:grid;grid-template-columns:1fr 1fr}.v03 .story-copy{padding:20px}.v03 .story-link>img{border-bottom:3px solid;height:230px}.v03 .story-arrow{display:none}.v03 .meta{opacity:1}.v03 .section-heading{border-bottom:3px solid}.v03 .section-heading h2{font-size:35px;font-weight:900}.v03 .site-footer{border-top:3px solid}
/* 04: information-rich newspaper */
.v04{--bg:#f0ede4;--ink:#272923;--accent:#9d382f;--line:#27292355;font-family:Georgia,'Yu Mincho',serif}.news-top{display:flex;justify-content:space-between;margin:0 4.2%;padding:10px 0;border-bottom:1px solid;font:8px Arial;letter-spacing:.15em}.v04 .site-header{padding-top:18px;padding-bottom:18px;border-bottom:0}.v04 .site-header .brand{font-size:19px}.v04 .site-header .brand i{display:none}.news-mast{margin:0 4.2%;border-top:3px double;border-bottom:3px double}.news-mast h1{font-family:Georgia;font-size:clamp(50px,11vw,145px);text-align:center;line-height:1.25;letter-spacing:-.06em;font-weight:900}.news-mast p{display:flex;justify-content:space-between;border-top:1px solid;padding:10px 0;font-size:10px}.news-columns{display:grid;grid-template-columns:1.8fr 1fr .8fr;gap:25px;margin:30px 4.2% 0}.news-columns> *+*{border-left:1px solid var(--line);padding-left:25px}.news-main>img{height:320px;filter:saturate(.6)}.news-main .eyebrow{margin:18px 0 10px}.news-main h2{font-size:38px}.news-main p{font-size:12px;margin-top:15px}.news-side>h3{font-size:12px;padding-bottom:18px;border-bottom:1px solid}.news-brief{width:100%;text-align:left;border-bottom:1px solid var(--line);padding:22px 0}.news-brief>span{font:9px Arial;color:var(--accent)}.news-brief h3{font-size:21px;margin:10px 0}.news-brief p{font-size:11px}.news-index h2{font-size:25px;margin-bottom:20px}.news-index>button{display:block;font-size:12px;border-bottom:1px solid var(--line);width:100%;text-align:left;padding:17px 0}.news-note{padding:25px 12px;background:#e3ded1;margin-top:30px;font-size:11px}.news-note p{margin-top:10px}.v04 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.v04 .story-link{display:grid;grid-template-columns:100px 1fr;gap:20px}.v04 .story-link>img{height:110px;aspect-ratio:auto;filter:saturate(.6)}.v04 .story-copy{padding:0}.v04 .story h3{font-size:19px}.v04 .story-arrow{display:none}.v04 .story p{font-size:10px}.v04 .reveal{transform:none;opacity:1}
/* 05: Japanese vertical landscape */
.v05{--bg:#ebede5;--ink:#233d3d;--accent:#8b6a3f;--line:#233d3d30;font-family:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif}.v05 .site-header{background:#233d3d;color:#f1eee0;border:0}.v05 .brand{font-family:Arial}.forest-hero{position:relative;height:750px;overflow:hidden;color:#f7f4e5}.forest-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#112a2a20,#112a2a00 45%,#112a2ab0)}.forest-hero .hero-art{animation:forest-drift 18s ease-in-out infinite alternate}.forest-vcopy{position:absolute;right:10%;top:80px;display:flex;flex-direction:row-reverse;gap:45px;z-index:1}.forest-vcopy>*{writing-mode:vertical-rl}.forest-vcopy>span{font-size:12px;letter-spacing:.2em}.forest-vcopy h1{font-size:52px;line-height:1.8;letter-spacing:.16em;font-weight:400}.forest-vcopy p{font-size:12px;letter-spacing:.17em;line-height:2.6;padding-top:70px}.forest-bottom{position:absolute;bottom:40px;right:8%;left:8%;display:flex;align-items:center;justify-content:space-between;z-index:2}.forest-bottom>span{font-size:10px;letter-spacing:.2em}.forest-intro{padding:100px 12%;text-align:center}.forest-intro h2{font-size:29px;font-weight:400;line-height:1.9;letter-spacing:.1em}.forest-intro p{font-size:12px;line-height:2.7;margin-top:30px}.v05 .story-grid{display:block}.v05 .story{margin:0 5% 65px}.v05 .story-link{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.v05 .story-link>img{aspect-ratio:1.5}.v05 .story:nth-child(even) .story-link>img{order:2}.v05 .story-copy{padding:10px 0}.v05 .story h3{font-size:25px;font-weight:400}.v05 .story p{font-size:12px}.v05 .story-arrow{position:static;display:block;margin-top:25px}.v05 .section-heading h2{font-size:27px;font-weight:400;letter-spacing:.1em}.v05 .site-footer{background:#233d3d;color:#f1eee0}@keyframes forest-drift{to{transform:scale(1.06) translateX(-1%)}}
/* 06: modular colored bento */
.v06{--bg:#e6e7df;--ink:#252b2c;--accent:#c34c28;--line:#252b2c22}.v06 .site-header{border:0}.bento-hero{margin:20px 3.5% 0;display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:260px 240px;gap:12px}.bento-hero>*{position:relative;border-radius:13px;overflow:hidden;text-align:left;transition:transform .3s}.bento-hero>button:hover{transform:translateY(-4px)}.bento-title{background:#ed7957;grid-row:span 2;padding:38px 30px}.bento-title h1{font-size:38px;line-height:1.4}.bento-title>p{position:absolute;bottom:35px;font-size:13px}.bento-title>.eyebrow{font-size:8px}.bento-star{font-size:110px;line-height:1;display:block;margin:25px 0}.bento-main{grid-column:span 2;padding:0;color:#fff}.bento-main img{position:absolute;inset:0}.bento-main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151f44b0,transparent)}.bento-main>div{position:relative;padding:28px;z-index:1}.bento-main span,.bento-read>span,.bento-small>span{font-size:9px;letter-spacing:.13em}.bento-main h2{font-size:29px;margin-top:25px}.bento-main b{position:absolute;right:25px;bottom:25px;font-size:25px}.bento-manga{padding:0}.bento-manga>span{position:absolute;bottom:15px;left:15px;font-size:11px;font-weight:bold;background:#edecdc;padding:5px 10px;border-radius:20px}.bento-read{background:#b6c6ae;padding:30px}.bento-read h2{font-size:37px;line-height:1.35;margin-top:20px}.bento-read>b{position:absolute;bottom:20px;right:22px;font-size:30px}.bento-small{display:none}.v06 .story-grid{gap:18px}.v06 .story{border-radius:12px;background:#f5f5ef;overflow:hidden;transition:transform .25s}.v06 .story:hover{transform:translateY(-5px)}.v06 .story-copy{padding:22px}.v06 .story h3{font-size:17px}.v06 .story-arrow{display:none}.v06 .section-heading{border-bottom:0}.v06 .section-heading h2{font-size:26px}.v06 .site-footer{background:#28302d;color:#eef1e5;border-radius:22px 22px 0 0}
/* 07: terminal / cyber */
.v07{--bg:#101512;--ink:#e7e9df;--accent:#b4ff52;--line:#b4ff5240;font-family:'Courier New',Meiryo,monospace}.v07 .brand{color:var(--accent)}.v07 .site-header{border-color:var(--accent)}.cyber-status{display:flex;justify-content:space-between;margin:0 4.2%;padding:16px 0;font-size:8px;color:#9eaf9b;letter-spacing:.1em}.cyber-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}.cyber-hero{display:grid;grid-template-columns:1.1fr 1fr;margin:0 4.2%;border:1px solid var(--line);min-height:490px;position:relative}.cyber-copy{padding:48px 30px;z-index:2}.cyber-copy .eyebrow{color:var(--accent);font-size:9px}.cyber-copy h1{font-size:clamp(45px,6.7vw,85px);font-family:Arial;font-weight:850;line-height:1.05;letter-spacing:-.07em}.cyber-copy h1 em{color:var(--accent)}.cyber-copy p{font-size:12px;line-height:2.3;margin:35px 0 15px}.cyber-copy .read{font-size:10px;color:var(--accent);border:1px solid;padding:12px 18px;gap:60px}.cyber-image{position:relative;overflow:hidden;border-left:1px solid var(--line)}.cyber-image img{position:absolute;inset:0;filter:saturate(.55)}.cyber-image:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);pointer-events:none}.cyber-image:before{content:'';position:absolute;top:-3px;left:0;right:0;height:2px;background:#b4ff5260;box-shadow:0 0 30px #b4ff52;z-index:3;animation:scan 8s linear infinite}.cyber-cross{position:absolute;font-size:25px;z-index:2;color:var(--accent)}.c1{left:15px;top:10px}.c2{right:15px;bottom:10px}.cyber-coordinates{position:absolute;bottom:30px;left:25px;font-size:9px;z-index:2;letter-spacing:.08em}.cyber-marquee{overflow:hidden;border-block:1px solid var(--line);margin-top:35px;color:var(--accent);padding:14px 0;font-size:11px;letter-spacing:.2em;white-space:nowrap}.cyber-marquee>span{display:inline-block;animation:ticker 28s linear infinite}.v07 .section-heading h2{font-size:22px;color:var(--accent)}.v07 .story-grid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.v07 .story{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.v07 .story h3{font-size:16px}.v07 .story img{filter:saturate(.6)}.v07 .story:hover img{filter:saturate(1)}.v07 .meta{color:var(--accent);opacity:.8}.v07 .story-arrow{display:none}@keyframes scan{to{top:100%}}@keyframes ticker{to{transform:translateX(-50%)}}
/* 08: poster rail */
.v08{--bg:#1c1d22;--ink:#eeeee9;--accent:#c1bee6;--line:#eeeee925}.gallery-title{display:flex;justify-content:space-between;align-items:flex-end;padding:60px 5% 45px}.gallery-title h1{font-size:52px;line-height:1.3;font-weight:500}.gallery-title h1 i{font-family:Georgia,'Yu Mincho',serif;color:var(--accent)}.gallery-title>p{font-size:11px;margin-bottom:8px}.gallery-tools{display:flex;align-items:center;justify-content:space-between;padding:0 5% 20px}.gallery-tools>span{font-size:9px;letter-spacing:.13em}.gallery-tools button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;margin-left:8px}.gallery-tools button:hover{background:var(--accent);color:var(--bg)}.poster-track{display:flex;gap:20px;overflow-x:auto;padding:0 5% 30px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}.poster{position:relative;flex:0 0 37%;height:500px;scroll-snap-align:center;padding:0;overflow:hidden;text-align:left}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#131820df,transparent 70%)}.poster>div{position:absolute;left:25px;right:25px;bottom:30px;z-index:2}.poster span{font-size:9px;letter-spacing:.1em}.poster h2{font-family:'Yu Mincho',serif;font-weight:400;font-size:27px;line-height:1.6;margin:15px 0 25px}.poster b{font-size:8px;letter-spacing:.12em}.v08 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.v08 .story-link{display:grid;grid-template-columns:120px 1fr;gap:20px}.v08 .story-link>img{aspect-ratio:auto;height:150px}.v08 .story h3{font-size:18px}.v08 .story p{font-size:10px}.v08 .story-arrow{display:none}
/* 09: scrapbook */
.v09{--bg:#eee8d8;--ink:#393b39;--accent:#6569a8;--line:#393b392b;background-image:radial-gradient(#96928838 .8px,transparent .8px);background-size:8px 8px}.v09 .site-header{background:#eee8d8;border:0}.v09 .brand{font-family:Georgia;font-style:italic}.scrap-hero{position:relative;min-height:670px;padding:70px 6%;overflow:hidden}.scrap-title{position:relative;z-index:2;width:48%}.scrap-title h1{font-size:49px;line-height:1.5;font-family:'Yu Mincho',serif;transform:rotate(-3deg)}.scrap-title h1 em{display:inline-block;text-decoration:underline;text-decoration-color:#c2c1df;text-underline-offset:10px;text-decoration-thickness:12px}.scrap-title p{font-size:12px;margin-top:40px}.scrap-arrow{font:110px Georgia;color:var(--accent);display:block;margin-left:40px;transform:rotate(15deg)}.polaroid{position:absolute;width:31%;padding:12px 12px 24px;background:#faf9f0;box-shadow:3px 10px 20px #302b3520;z-index:3;transition:transform .4s}.polaroid:before{content:'';width:100px;height:30px;background:#c3c0b688;position:absolute;top:-13px;left:30%;transform:rotate(-7deg);z-index:2}.polaroid img{height:260px}.polaroid>span{display:block;font-size:11px;font-family:'Yu Mincho',serif;margin-top:15px}.p1{top:50px;right:5%;transform:rotate(8deg)}.p2{top:285px;right:25%;transform:rotate(-8deg);width:27%}.p2 img{height:200px}.polaroid:hover{transform:rotate(0deg) translateY(-5px);z-index:4}.sticky-note{position:absolute;bottom:50px;right:5%;width:175px;background:#dadbaf;transform:rotate(7deg);padding:20px;box-shadow:3px 5px 6px #0001;font:12px Georgia}.sticky-note b{display:block;font:16px/1.8 'Yu Mincho',serif;margin-top:15px}.sticky-note>span{position:absolute;right:-20px;bottom:-25px;font-size:80px;color:#6c6fbb}.v09 .section-heading h2{font:italic 28px Georgia;letter-spacing:-.03em}.v09 .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.v09 .story{padding:12px;background:#faf9f0;box-shadow:1px 5px 12px #302b3512}.v09 .story:nth-child(3n+1){transform:rotate(-2deg)}.v09 .story:nth-child(3n+2){transform:rotate(2deg)}.v09 .story:hover{transform:none}.v09 .story-copy{padding:15px 5px 12px}.v09 .story h3{font-size:16px;font-family:'Yu Mincho',serif}.v09 .story p{font-size:10px}.v09 .story-arrow{display:none}.v09 .story-link>img{aspect-ratio:1.2}.v09 .site-footer{background:#e2ddcd}
/* 10: typographic index */
.v10{--bg:#f5f6f2;--ink:#242723;--accent:#3454db;--line:#24272330}.index-hero{padding:50px 5% 0}.index-hero h1{font-size:clamp(90px,17vw,220px);line-height:.83;font-weight:750;letter-spacing:-.085em;margin:35px 0}.index-hero h1>span{color:var(--accent)}.index-intro{display:flex;align-items:flex-end;gap:10%;margin-top:45px;border-bottom:1px solid;padding-bottom:45px}.index-intro p{font-size:30px;line-height:1.5;font-weight:500}.index-intro>span{font-size:11px}.index-intro>b{font-size:55px;font-weight:400;margin-left:auto;line-height:1}.v10 .section{padding-top:50px}.v10 .section-heading{margin-bottom:0;border:0}.v10 .section-heading h2{font-size:10px;letter-spacing:.1em}.v10 .story-grid{display:block}.v10 .story{border-top:1px solid var(--line)}.v10 .story:last-child{border-bottom:1px solid var(--line)}.v10 .story-link{position:relative;display:grid;grid-template-columns:80px 1fr;align-items:center;gap:35px;padding:23px 20px;transition:background .2s}.v10 .story-link:hover{background:#e8ebf2}.v10 .story-link>img{aspect-ratio:1;height:80px;transition:transform .3s}.v10 .story-link:hover>img{transform:scale(1.14)}.v10 .story-copy{padding:0}.v10 .meta{display:flex;justify-content:flex-start;gap:20px;margin-bottom:8px;font-size:9px}.v10 .story h3{font-size:25px;font-weight:500;padding-right:45px}.v10 .story p{display:none}.v10 .story-arrow{top:15px;right:10px;font-size:28px}.index-about{display:flex;justify-content:space-between;align-items:center;padding:30px 6% 80px}.index-about h2{font-size:34px;font-weight:500}.index-about p{font-size:12px}.v10 .reveal{transform:none;opacity:1}
@media(min-width:1500px){.site-header,main,.site-footer{max-width:1700px;margin-inline:auto}.cinema-hero{height:800px}}
@media(max-width:900px){.header-note{display:none}.site-header{padding:20px 5%}.site-header nav{gap:15px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-hero{height:640px}.cinema-copy{padding:100px 7%}.cinema-copy h1{font-size:68px}.feature-strip>div{padding:35px}.feature-strip h2{font-size:25px}.paper-title h1{font-size:75px}.paper-visual img{height:380px}.paper-caption h2{font-size:27px}.paper-caption p{font-size:11px}.panel-word h1{font-size:53px}.panel-word{padding:45px 0 45px 8%}.panel-image>b{font-size:43px}.news-columns{grid-template-columns:1.6fr 1fr}.news-index{grid-column:span 2;border-left:0!important;border-top:1px solid;padding:25px 0!important;display:flex;gap:20px;align-items:center}.news-index .eyebrow,.news-note{display:none}.news-index h2{font-size:17px;min-width:110px;margin:0}.news-index>button{font-size:11px}.news-main h2{font-size:30px}.bento-title{padding:25px}.bento-title h1{font-size:30px}.bento-star{font-size:90px}.bento-title p{font-size:11px}.bento-main h2{font-size:24px}.bento-read h2{font-size:30px}.cyber-copy{padding:35px 20px}.cyber-copy h1{font-size:49px}.cyber-copy p{font-size:11px}.v07 .story{padding:15px}.v07 .story h3{font-size:15px}.gallery-title h1{font-size:43px}.poster{flex-basis:45%;height:470px}.gallery-title>p{font-size:10px}.scrap-title h1{font-size:39px}.polaroid img{height:230px}.p2 img{height:180px}.sticky-note{width:145px}.v09 .story-grid{gap:23px}.v09 .story h3{font-size:15px}.index-hero h1{font-size:140px}.index-intro p{font-size:25px}}
@media(max-width:600px){body{font-size:14px}.site-header{padding:20px 6%;gap:12px}.brand{font-size:22px}.brand i{font-size:6px;letter-spacing:1px}.site-header nav{gap:12px}.site-header nav button{font-size:10px}.site-header nav button:first-child{display:none}.section{padding:50px 6%}.section-heading{gap:10px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:22px}.section-heading h2{font-size:21px}.section-heading>span{font-size:9px}.story-grid{grid-template-columns:1fr;gap:30px}.story h3{font-size:20px}.story p{font-size:12px}.site-footer{padding:45px 6%}.footer-links{gap:20px;font-size:9px}.eyebrow{font-size:9px}.cinema-hero{min-height:650px;height:calc(100svh - 78px);max-height:820px}.cinema-hero .hero-art{object-position:62%}.cinema-shade{background:linear-gradient(0deg,#081220ee,#08122040 70%)}.cinema-copy{padding:0 8%;position:absolute;bottom:125px}.cinema-copy h1{font-size:56px}.cinema-copy .eyebrow{font-size:8px}.cinema-copy p{font-size:12px}.hero-bottom{bottom:25px;left:8%;right:8%}.hero-bottom>span:first-child{display:none}.hero-bottom b{font-size:25px}.ticker-strip{font-size:8px;letter-spacing:.05em;gap:5%}.ticker-strip b{font-size:13px}.feature-strip{display:block;margin:0 6% 55px}.feature-strip>img{height:260px}.feature-strip>div{padding:30px}.feature-strip h2{font-size:28px}.paper-title{padding:40px 1% 35px;margin:0 6%}.paper-title h1{font-size:65px;margin-top:28px}.paper-title>span{font-size:8px}.paper-title>b{right:0;top:40px;font-size:9px}.paper-title p{position:static;margin:30px 0 0 18%;font-size:11px}.paper-hero{display:block;margin:30px 6%}.paper-visual img{height:380px}.paper-caption{padding:35px 5% 10px}.paper-caption h2{font-size:31px}.paper-caption p{font-size:12px}.v02 .story-grid{grid-template-columns:1fr;gap:40px}.v02 .story:nth-child(even){padding-top:0}.v02 .story h3{font-size:23px}.paper-quote{display:block;padding:55px 5%;margin:0 6%}.paper-quote h2{font-size:27px;margin:25px 0}.panel-hero{display:block;position:relative}.panel-word{padding:40px 7% 35px;min-height:610px;pointer-events:none}.panel-word h1{font-size:56px;position:relative;z-index:2;text-shadow:2px 2px var(--bg),-2px -2px var(--bg)}.panel-word>span{font-size:8px}.panel-word p{position:absolute;bottom:85px;font-size:10px}.panel-word .read{position:absolute;bottom:25px;z-index:4;pointer-events:auto}.panel-image{position:absolute;right:0;top:120px;height:365px;width:63%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.panel-image img{object-position:58%}.panel-image>b{font-size:28px;right:10px;bottom:25px}.panel-sticker{top:10px;right:10px;font-size:10px;border-width:2px;padding:9px}.panel-ticker{font-size:18px;padding:15px 5px}.panel-ticker span{display:none}.v03 .story-grid{grid-template-columns:1fr}.v03 .story:nth-child(3n){grid-column:auto}.v03 .story:nth-child(3n) .story-link{display:block}.v03 .story-link>img{height:230px}.v03 .section-heading h2{font-size:29px}.news-top{font-size:6px;margin:0 6%;letter-spacing:.08em}.v04 .site-header{padding-block:14px}.news-mast{margin:0 6%}.news-mast h1{font-size:51px;padding:10px 0}.news-mast p{display:block;font-size:9px;text-align:center}.news-mast p span{display:none}.news-columns{display:block;margin:25px 6% 0}.news-main>img{height:290px}.news-main h2{font-size:34px}.news-columns>*+*{border-left:0;padding-left:0}.news-side{border-top:1px solid;margin-top:30px;padding-top:20px}.news-brief{padding:20px 0}.news-brief h3{font-size:22px}.news-index{display:none}.v04 .story-grid{grid-template-columns:1fr}.v04 .story-link{grid-template-columns:85px 1fr;gap:15px}.v04 .story-link>img{height:105px}.v04 .story h3{font-size:18px}.forest-hero{height:730px}.forest-hero .hero-art{object-position:53%}.forest-hero:after{background:linear-gradient(90deg,#112a2a20,#112a2a60)}.forest-vcopy{right:8%;top:60px;gap:22px}.forest-vcopy h1{font-size:42px;line-height:1.7}.forest-vcopy>span{font-size:10px}.forest-vcopy p{font-size:10px;line-height:2.2;padding-top:80px}.forest-bottom{bottom:32px}.forest-bottom>span{font-size:9px;writing-mode:vertical-rl}.forest-intro{padding:65px 7%}.forest-intro h2{font-size:23px}.forest-intro p{font-size:11px}.v05 .story{margin:0 0 45px}.v05 .story-link{display:block}.v05 .story-copy{padding-top:25px}.v05 .story h3{font-size:23px}.v05 .story-arrow{margin-top:15px}.v05 .story-link>img{aspect-ratio:1.2}.bento-hero{margin:10px 5% 0;grid-template-columns:1fr 1fr;grid-template-rows:auto 260px 200px;gap:10px}.bento-title{grid-column:span 2;grid-row:auto;padding:30px;min-height:260px}.bento-title h1{font-size:34px}.bento-title p{position:static;font-size:10px;margin-top:20px}.bento-star{position:absolute;right:25px;bottom:25px;font-size:65px;margin:0}.bento-title .eyebrow{font-size:7px}.bento-main{grid-column:span 2}.bento-main h2{font-size:30px}.bento-manga{grid-column:1}.bento-read{grid-column:2;padding:22px}.bento-read h2{font-size:29px}.v06 .story-grid{grid-template-columns:1fr}.v06 .story h3{font-size:20px}.v06 .section-heading h2{font-size:21px}.cyber-status{margin:0 6%;font-size:6px}.cyber-status>span:nth-child(2){display:none}.cyber-hero{display:block;margin:0 6%}.cyber-copy{padding:35px 25px}.cyber-copy h1{font-size:49px}.cyber-copy p{font-size:11px;margin-top:25px}.cyber-copy .read{font-size:9px;gap:40px}.cyber-image{height:310px;border-top:1px solid var(--line);border-left:0}.cyber-marquee{margin-top:25px;font-size:9px;padding:12px 0}.v07 .story-grid{grid-template-columns:1fr}.v07 .story{padding:22px}.v07 .story h3{font-size:18px}.v07 .story p{font-size:11px}.gallery-title{display:block;padding:45px 6% 35px}.gallery-title h1{font-size:38px}.gallery-title>p{margin-top:25px;font-size:11px}.gallery-tools{padding-inline:6%}.gallery-tools>span{font-size:7px;letter-spacing:0}.gallery-tools button{width:32px;height:32px}.poster-track{padding-inline:6%;gap:15px}.poster{flex-basis:85%;height:490px}.poster h2{font-size:28px}.v08 .story-grid{grid-template-columns:1fr}.v08 .story-link{grid-template-columns:95px 1fr;gap:18px}.v08 .story-link>img{height:135px}.v08 .story h3{font-size:18px}.v08 .story-copy{padding-top:3px}.scrap-hero{padding:35px 7%;min-height:810px}.scrap-title{width:100%}.scrap-title h1{font-size:39px}.scrap-title p{font-size:11px;margin-top:25px}.scrap-arrow{display:none}.polaroid{width:51%;padding:9px 9px 18px}.polaroid img{height:205px}.p1{right:8%;top:310px;transform:rotate(8deg)}.p2{right:auto;left:5%;top:485px;width:50%;transform:rotate(-8deg)}.p2 img{height:180px}.polaroid>span{font-size:9px}.sticky-note{right:5%;bottom:45px;width:140px;font-size:10px;padding:16px}.sticky-note b{font-size:13px}.sticky-note>span{font-size:55px;right:0;bottom:-25px}.v09 .story-grid{grid-template-columns:1fr;gap:35px;padding-inline:7px}.v09 .story{padding:13px}.v09 .story h3{font-size:20px}.v09 .story p{font-size:11px}.v09 .story-link>img{aspect-ratio:1.4}.index-hero{padding:40px 6% 0}.index-hero .eyebrow{font-size:7px;letter-spacing:.1em}.index-hero h1{font-size:101px;margin-top:35px}.index-intro{flex-wrap:wrap;gap:25px;margin-top:35px;padding-bottom:30px}.index-intro p{font-size:24px}.index-intro>span{font-size:9px}.index-intro>b{display:none}.v10 .section{padding-top:35px}.v10 .story-link{grid-template-columns:57px 1fr;gap:16px;padding:22px 0}.v10 .story-link>img{height:70px}.v10 .story h3{font-size:17px;line-height:1.6;padding-right:20px}.v10 .meta{font-size:8px;gap:15px}.v10 .story-arrow{font-size:18px;right:0;top:28px}.index-about{display:block;padding:10px 6% 60px}.index-about h2{font-size:30px}.index-about p{margin-top:25px;font-size:11px}dialog{padding:25px;max-height:92svh}.dialog-close{top:-15px}#article-body h2{font-size:26px}#article-body p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* 03B: a full comic-page composition with generated hero artwork. */
.v03b{--bg:#f2efe2;--ink:#171a17;--accent:#d9ee46;--line:#171a17;background-image:radial-gradient(#15181512 .65px,transparent .65px);background-size:5px 5px}.v03b .site-header{border-bottom:3px solid;background:var(--bg);padding-block:22px}.v03b .brand{font-size:28px;font-weight:900}.v03b nav button{font-weight:700}.comic-opening{padding:20px 3.4% 0}.comic-kicker{display:flex;justify-content:space-between;border-block:1px solid;padding:10px 0;font-size:9px;letter-spacing:.1em;font-weight:650}.comic-spread{display:grid;grid-template-columns:.83fr 1.65fr;gap:14px;margin-top:18px;min-height:560px}.comic-title-panel{border:3px solid;background:var(--accent);padding:34px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.comic-title-panel:after{content:'';width:160px;height:160px;border:1px solid #171a1730;border-radius:50%;position:absolute;right:-80px;top:-60px;box-shadow:0 0 0 12px #d9ee46,0 0 0 13px #171a1720,0 0 0 28px #d9ee46,0 0 0 29px #171a1715}.comic-chapter{font-size:8px;letter-spacing:.1em;font-weight:700;position:relative;z-index:1}.comic-title-panel h1{font-size:clamp(45px,5.8vw,79px);line-height:1.16;font-weight:900;letter-spacing:-.08em;margin:27px 0 18px;transform:rotate(-3deg);position:relative;z-index:1}.comic-title-panel h1 em{background:var(--ink);color:var(--bg);padding:0 5px}.comic-title-note{font-size:12px;line-height:1.9;margin:12px 0 20px;position:relative;z-index:1}.comic-title-panel .read{font-size:11px;font-weight:700;border:2px solid;box-shadow:4px 4px #171a17;background:#f9f8ed;padding:10px 15px;gap:25px;margin-top:auto;position:relative;z-index:1}.comic-folio{position:absolute;right:-12px;bottom:-25px;font-size:100px;font-weight:900;color:#171a170c;line-height:1}.comic-hero-panel{border:3px solid;padding:0;position:relative;overflow:hidden;min-height:560px;text-align:left;background:#222}.comic-hero-panel>img{position:absolute;inset:0;object-position:65%;transition:transform 1.4s}.comic-hero-panel:hover>img{transform:scale(1.045)}.comic-hero-label{position:absolute;top:18px;left:17px;background:#f5f1df;border:2px solid #171a17;padding:8px 11px;font-size:8px;font-weight:750;letter-spacing:.1em;transform:rotate(-3deg)}.comic-balloon{position:absolute;top:45px;right:25px;background:#f8f5e8;border:3px solid #171a17;border-radius:50%;padding:27px 23px;font-size:14px;line-height:1.8;text-align:center;transform:rotate(7deg);box-shadow:4px 4px #171a17}.comic-balloon:after{content:'';position:absolute;width:26px;height:26px;background:#f8f5e8;bottom:-15px;left:28px;border-left:3px solid #171a17;border-bottom:3px solid #171a17;transform:skew(-25deg) rotate(-25deg)}.comic-balloon>b{font-size:20px}.comic-hero-caption{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;background:#f6f3e5f2;border:2px solid #171a17;padding:13px 17px;font-weight:750;font-size:15px}.comic-hero-caption>b{font-size:24px}.comic-opening-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;padding:13px 0;border-bottom:1px solid}.comic-latest{padding:60px 3.4%}.comic-section-intro{display:flex;align-items:flex-end;gap:30px;margin-bottom:35px}.comic-speech{position:relative;background:#171a17;color:#f6f3e7;padding:16px 26px;transform:rotate(-2deg)}.comic-speech:after{content:'';position:absolute;right:25px;bottom:-12px;width:20px;height:20px;background:#171a17;transform:skew(-20deg) rotate(-25deg)}.comic-speech>span{font-size:8px;letter-spacing:.1em;color:var(--accent)}.comic-speech h2{font-size:27px;font-weight:850}.comic-section-intro>p{font-size:11px;line-height:1.7;padding-bottom:7px}.comic-section-intro>.filter-status{font-size:10px;margin-left:auto}.comic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.comic-grid .story{border:3px solid;background:var(--bg);min-height:430px;transition:transform .25s,box-shadow .25s}.comic-grid .story:hover{box-shadow:5px 5px #171a17;transform:translate(-2px,-2px)}.comic-cell-1,.comic-cell-4{grid-column:span 4}.comic-cell-2,.comic-cell-3{grid-column:span 2}.comic-cell-5,.comic-cell-6{grid-column:span 3}.comic-grid .story-link{height:100%;display:flex;flex-direction:column}.comic-picture{position:relative;min-height:250px;flex:1;overflow:hidden;border-bottom:3px solid}.comic-picture>img{position:absolute;inset:0}.comic-grid .story-copy{padding:20px 22px;min-height:155px;background:#f7f3e7;align-self:stretch}.comic-grid .meta{opacity:1;font-size:8px}.comic-grid .meta>span:first-child{padding:2px 6px;background:var(--accent);border:1px solid}.comic-grid .story h3{font-size:22px;font-weight:850;line-height:1.5}.comic-grid .story p{font-size:11px;line-height:1.8;opacity:.7}.comic-grid .story-arrow{top:auto;bottom:20px;right:17px;color:var(--ink);font-weight:900}.comic-count{position:absolute;top:14px;left:14px;background:var(--bg);border:2px solid;padding:0 9px;font-size:17px;font-weight:800;transform:rotate(-5deg);line-height:1.7}.comic-impact{position:absolute;right:15px;bottom:20px;font-size:52px;font-weight:900;writing-mode:vertical-rl;line-height:1.15;color:var(--accent);text-shadow:2px 2px #171a17,-2px -2px #171a17,2px -2px #171a17,-2px 2px #171a17;transform:rotate(7deg)}.comic-whisper{position:absolute;right:15px;top:30px;writing-mode:vertical-rl;font-size:17px;letter-spacing:.12em;line-height:1.7;background:#f7f3e7;border:2px solid;border-radius:50%;padding:20px 18px;transform:rotate(4deg)}.comic-cell-2 .comic-picture{min-height:300px}.comic-cell-2 .story h3,.comic-cell-3 .story h3{font-size:20px}.comic-cell-2 .story-copy,.comic-cell-3 .story-copy{padding:17px}.comic-cell-4 .comic-picture>img{object-position:50% 30%}.comic-cell-5 .comic-picture{min-height:290px}.comic-cell-6 .comic-picture{min-height:290px}.comic-last-panel{margin:0 3.4% 70px;padding:55px;border:3px solid;background:var(--accent);position:relative;text-align:center;overflow:hidden}.comic-last-panel:before,.comic-last-panel:after{content:'✳';position:absolute;font-size:240px;font-weight:200;line-height:1;top:40px;opacity:.18}.comic-last-panel:before{left:-70px}.comic-last-panel:after{right:-70px}.comic-last-panel .eyebrow{margin-bottom:20px}.comic-last-panel h2{font-size:39px;font-weight:900;line-height:1.5}.comic-last-panel p{font-size:12px;margin-top:22px}.comic-last-panel>a{display:inline-block;font-size:11px;border-bottom:1px solid;margin-top:27px;padding-bottom:8px;position:relative;z-index:1}.v03b .site-footer{border-top:3px solid;background:#171a17;color:#f4f1e3}.v03b .site-footer .brand{font-size:38px}
@media(max-width:900px){.comic-spread{grid-template-columns:.9fr 1.3fr;min-height:520px}.comic-title-panel{padding:28px 23px}.comic-title-panel h1{font-size:52px}.comic-title-note{font-size:11px}.comic-title-panel .read{font-size:10px;padding:9px 12px;gap:15px}.comic-hero-panel{min-height:520px}.comic-balloon{top:65px;right:16px;padding:22px 18px;font-size:12px}.comic-balloon>b{font-size:17px}.comic-hero-caption{font-size:12px;left:12px;right:12px;bottom:12px;padding:10px}.comic-section-intro{gap:20px}.comic-speech{padding:14px 19px}.comic-speech h2{font-size:24px}.comic-section-intro>p{font-size:10px}.comic-grid .story h3{font-size:20px}.comic-cell-2 .story h3,.comic-cell-3 .story h3{font-size:17px}.comic-grid .story-copy{padding:18px}.comic-grid .meta{font-size:7px}.comic-grid .story p{font-size:10px}.comic-opening-foot>span:last-child{display:none}.comic-last-panel h2{font-size:33px}}
@media(max-width:600px){.v03b .site-header{padding:18px 6%}.v03b .brand{font-size:24px}.comic-opening{padding:15px 5% 0}.comic-kicker{font-size:7px;padding:9px 0}.comic-kicker>span:nth-child(2){display:none}.comic-spread{display:flex;flex-direction:column;gap:11px;margin-top:12px}.comic-title-panel{padding:22px 23px;min-height:245px}.comic-chapter{font-size:6px;letter-spacing:.1em}.comic-title-panel h1{font-size:39px;line-height:1.4;margin:17px 0 10px;letter-spacing:-.075em;transform:rotate(-2deg)}.comic-title-panel h1 br{display:none}.comic-title-panel h1 br:nth-child(2){display:block}.comic-title-panel h1 em{white-space:nowrap}.comic-title-note{font-size:10px;margin:5px 0 15px}.comic-title-panel .read{margin:0;align-self:flex-end;font-size:9px;padding:7px 11px;gap:25px;position:absolute;bottom:23px;right:22px}.comic-title-panel .read>span{font-size:16px}.comic-folio{font-size:100px;bottom:-5px;right:0}.comic-hero-panel{min-height:470px;height:470px;flex:none}.comic-hero-panel>img{object-position:67%}.comic-hero-label{font-size:6px;top:15px;left:12px;padding:7px 9px}.comic-balloon{top:55px;right:16px;padding:21px 19px;font-size:11px}.comic-balloon>b{font-size:17px}.comic-balloon:after{width:20px;height:20px;bottom:-13px}.comic-hero-caption{font-size:12px;padding:11px 12px}.comic-hero-caption>b{font-size:20px}.comic-opening-foot{font-size:6px;gap:10px;padding:12px 0}.comic-latest{padding:40px 5%}.comic-section-intro{display:block;margin-bottom:28px}.comic-speech{display:inline-block;padding:13px 21px}.comic-speech h2{font-size:25px}.comic-speech>span{font-size:7px}.comic-section-intro>p{margin-top:26px;font-size:10px;padding-bottom:0}.comic-section-intro>.filter-status{display:block;margin-top:10px;font-size:9px}.comic-grid{grid-template-columns:1fr;gap:20px}.comic-grid .story{grid-column:auto;min-height:0}.comic-grid .story-copy{min-height:145px;padding:19px}.comic-grid .story h3,.comic-cell-2 .story h3,.comic-cell-3 .story h3{font-size:21px}.comic-grid .story p{font-size:11px}.comic-grid .meta{font-size:8px}.comic-picture,.comic-cell-2 .comic-picture,.comic-cell-5 .comic-picture,.comic-cell-6 .comic-picture{min-height:275px;flex:none}.comic-cell-1 .comic-picture{min-height:320px}.comic-cell-3 .comic-picture{min-height:310px}.comic-impact{font-size:43px;right:20px}.comic-whisper{font-size:18px;padding:22px 20px;right:22px}.comic-last-panel{margin:0 5% 45px;padding:38px 20px}.comic-last-panel h2{font-size:28px}.comic-last-panel p{font-size:11px}.comic-last-panel:before,.comic-last-panel:after{font-size:170px;top:70px}.comic-last-panel:before{left:-90px}.comic-last-panel:after{right:-90px}}
/* 03B refinement: authentic comic balloons, generated chapter art and shared marks. */
.v03b .comic-brand{position:relative;padding-left:48px;min-height:40px}.v03b .comic-brand-mark{position:absolute;left:0;top:-3px;width:39px;height:39px;object-fit:contain}.v03b .site-footer .comic-brand{padding-left:61px}.v03b .site-footer .comic-brand-mark{width:48px;height:48px;top:0}.comic-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}.comic-category-icons{display:flex;gap:14px;align-items:center;margin-bottom:7px}.comic-category-icons>span{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:750;white-space:nowrap}.comic-category-icons .comic-icon{width:22px;height:22px}.comic-section-intro{flex-wrap:wrap;gap:17px 24px}.comic-section-intro>p{margin-left:auto}.comic-grid .meta>span:first-child{display:inline-flex;align-items:center;gap:5px;padding:3px 6px}.comic-grid .meta .comic-icon{width:15px;height:15px}.comic-grid .story{border-width:4px}.comic-grid .story-copy{min-height:163px}.comic-picture{border-bottom-width:4px}.comic-grid .story-copy p{padding-right:17px}.comic-count{border-width:2.5px;box-shadow:2px 2px #171a17}.comic-title-panel{border-width:4px;background-color:#daee49;background-image:radial-gradient(#171a1720 .8px,transparent .8px);background-size:5px 5px}.comic-title-panel h1{letter-spacing:-.07em}.comic-hero-panel{border-width:4px}.comic-talk,.comic-thought,.comic-burst{display:grid;place-items:center;text-align:center;background-color:transparent;border:0;border-radius:0;box-shadow:none;background-repeat:no-repeat;background-size:100% 100%;font-weight:800;line-height:1.65;isolation:isolate}.comic-talk>span,.comic-thought>span,.comic-burst>span{display:block;position:relative;z-index:1;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.comic-talk{width:216px;min-height:0;height:171px;background-image:url('assets/balloon-talk.svg');padding:25px 31px 46px}.comic-talk:before,.comic-talk:after,.comic-thought:before,.comic-thought:after,.comic-burst:before,.comic-burst:after{content:none!important}.hero-talk{top:28px;right:22px;font-size:15px;transform:rotate(7deg);width:221px;height:175px;padding:25px 30px 47px;filter:drop-shadow(3px 4px 0 #171a1735)}.hero-talk b{font-size:22px;line-height:1.4}.hero-burst{position:absolute;left:18px;bottom:93px;display:grid;place-items:center;background:url('assets/balloon-burst.svg') center/100% 100% no-repeat;width:179px;height:142px;padding:30px 28px;font-size:13px;font-weight:850;line-height:1.55;text-align:center;transform:rotate(-9deg);filter:drop-shadow(4px 4px 0 #171a1720)}.hero-burst b{font-size:19px}.story-bubble{position:absolute;top:20px;right:16px;z-index:2;font-size:15px;pointer-events:none;transform:rotate(5deg);filter:drop-shadow(2px 3px 0 #171a1720)}.comic-burst{width:202px;height:160px;background-image:url('assets/balloon-burst.svg');padding:36px 35px;font-size:20px;font-weight:900;line-height:1.4;transform:rotate(-8deg)}.comic-thought{width:215px;height:171px;background-image:url('assets/balloon-thought.svg');padding:25px 36px 54px;font-size:16px;line-height:1.5;transform:rotate(-4deg)}.comic-caption-box{background:#f9f5e7;border:3px solid #171a17;padding:12px 15px;box-shadow:3px 3px #171a17;font-size:13px;font-weight:800;top:auto;bottom:25px;right:20px;left:20px;transform:rotate(-2deg);line-height:1.8;text-align:center}.comic-cell-1 .story-bubble{top:25px;right:30px}.comic-cell-2 .story-bubble{top:25px;right:6px}.comic-cell-3 .story-bubble{top:18px;right:5px}.comic-cell-4 .story-bubble{top:20px;left:25px;right:auto}.comic-cell-5 .story-bubble{width:196px;height:155px;top:20px;right:15px;font-size:14px}.comic-cell-1 .comic-picture>img{object-position:65%}.comic-cell-2 .comic-picture>img{object-position:45%}.comic-cell-3 .comic-picture>img{object-position:38%}.comic-cell-4 .comic-picture>img{object-position:66%}.comic-grid .story:hover .story-bubble{filter:drop-shadow(3px 4px 0 #171a1725)}.comic-speech{border-radius:48% 48% 43% 43% / 36% 42% 46% 44%;padding:21px 35px;min-width:330px;text-align:center;box-shadow:3px 4px #daee49}.comic-speech:after{bottom:-16px;right:60px;width:27px;height:27px;transform:skew(-20deg) rotate(-25deg)}.comic-speech h2{font-size:26px}.comic-latest{padding-top:53px}.v03b .comic-section-intro .filter-status:empty{display:none}
@media(max-width:1100px){.comic-category-icons{gap:9px}.comic-section-intro>p{display:none}.hero-talk{right:11px;width:197px;height:156px;font-size:13px;padding:23px 27px 44px}.hero-talk b{font-size:19px}.hero-burst{width:156px;height:125px;font-size:11px;bottom:95px;left:12px;padding:29px}.hero-burst b{font-size:16px}.comic-cell-2 .story-bubble,.comic-cell-3 .story-bubble{width:181px;height:145px;font-size:15px;padding:29px 28px 47px}.comic-cell-2 .comic-burst{padding:33px 28px;font-size:18px}.comic-cell-4 .story-bubble{left:15px}.comic-category-icons .comic-icon{width:20px;height:20px}.comic-speech{min-width:300px;padding:19px 31px}}
@media(max-width:600px){.v03b .comic-brand{padding-left:40px}.v03b .comic-brand-mark{width:32px;height:32px;top:0}.v03b .site-header nav{gap:11px}.v03b .brand i{font-size:5px}.comic-title-panel{min-height:258px}.comic-title-note{font-size:11px}.hero-talk{top:31px;right:8px;width:196px;height:155px;font-size:13px;padding:23px 26px 44px}.hero-talk b{font-size:19px}.hero-burst{left:9px;bottom:91px;width:158px;height:126px;font-size:11px;padding:28px}.hero-burst b{font-size:17px}.comic-section-intro{display:block}.comic-speech{min-width:0;padding:20px 26px;max-width:100%;box-shadow:3px 4px #daee49}.comic-speech h2{font-size:25px}.comic-category-icons{margin-top:29px;margin-bottom:3px;gap:22px}.comic-category-icons>span{font-size:10px;gap:6px}.comic-category-icons .comic-icon{width:23px;height:23px}.comic-section-intro>.filter-status{margin-top:15px}.story-bubble,.comic-cell-1 .story-bubble,.comic-cell-2 .story-bubble,.comic-cell-3 .story-bubble,.comic-cell-4 .story-bubble,.comic-cell-5 .story-bubble{top:16px;right:10px;left:auto;width:199px;height:158px;font-size:14px;padding:25px 28px 46px}.comic-cell-2 .story-bubble{width:188px;height:149px;font-size:19px;padding:33px 30px}.comic-cell-3 .story-bubble{font-size:15px;padding:26px 31px 51px}.comic-cell-4 .story-bubble{left:12px;right:auto;width:208px;height:165px}.comic-cell-6 .comic-caption-box{bottom:22px;top:auto;left:15px;right:15px;width:auto;height:auto;padding:12px 15px;font-size:13px}.comic-grid .story-copy{min-height:150px}.comic-grid .meta{font-size:8px}.comic-grid .meta .comic-icon{width:16px;height:16px}.comic-grid .story h3{font-size:21px}.comic-grid .story p{font-size:11px}.comic-grid .story-copy{padding:19px}.comic-cell-2 .comic-picture{min-height:300px}.comic-cell-3 .comic-picture{min-height:335px}.comic-cell-4 .comic-picture{min-height:325px}.comic-cell-5 .comic-picture{min-height:290px}.comic-cell-6 .comic-picture{min-height:290px}}
.comic-cell-2 .comic-count,.comic-cell-3 .comic-count{top:auto;bottom:14px}.comic-cell-4 .comic-count{top:auto;bottom:14px;left:auto;right:14px}@media(max-width:600px){.hero-talk{top:50px}}