@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@700;900&family=Inter:wght@400;600;800&display=swap";
:root{--paper:#d7d2c6;--ink:#191813;--frame:#b9b29f;--accent:#b7313d;--tab:#c5beac;--gold:#d3ad4a}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.35}.page{background:var(--paper);border:8px solid var(--ink);outline:2px solid var(--frame);outline-offset:-12px;max-width:1080px;margin:24px auto;padding:18px}.masthead{letter-spacing:.04em;background:var(--ink);color:var(--paper);border:6px solid var(--frame);text-align:center;padding:12px 16px;font-family:Noto Sans JP,sans-serif;font-size:max(36px,min(9vw,120px));font-weight:900;position:relative}.logo-container{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.logo{object-fit:contain;width:auto;height:90px;display:block}.tabs{gap:12px;margin:14px 0 18px;display:flex}.tab{text-align:center;letter-spacing:.06em;background:var(--tab);border:3px solid var(--ink);color:var(--ink);flex:1;padding:10px 8px;font-weight:800;text-decoration:none;transition:background .2s}.tab:hover{background:#d3ccbb}.hero{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.panel{border:6px solid var(--ink);background:#eee8dc;padding:12px;position:relative}.panel .caption{background:var(--paper);border:3px solid var(--ink);letter-spacing:.06em;padding:2px 8px;font-weight:800;position:absolute;top:-14px;left:12px}.img-placeholder{filter:grayscale()contrast(1.2);border:3px solid var(--ink);background:linear-gradient(135deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 10px,transparent 10px,transparent 20px) 0 0/28px 28px,linear-gradient(-45deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 8px,transparent 8px,transparent 16px) 0 0/22px 22px,radial-gradient(circle at 20px 20px,rgba(0,0,0,.12) 1px,transparent 1px) 0 0/8px 8px;height:380px}.display{letter-spacing:.02em;font-family:Bebas Neue,sans-serif;line-height:.95}.big{font-size:max(40px,min(6vw,90px))}.kicker{letter-spacing:.1em;font-size:max(18px,min(2.3vw,28px))}.accent{color:var(--accent)}.copy{max-width:52ch;font-size:15px}.h2{letter-spacing:.06em;border-bottom:6px solid var(--ink);align-items:baseline;gap:12px;margin:32px 0 12px;padding-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:max(26px,min(3.4vw,44px));display:flex}.h2 small{letter-spacing:.12em;color:#4b473f;font:800 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue}.strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cell{border:6px solid var(--ink);background:#eee8dc;flex-direction:column;gap:10px;padding:10px;display:flex}.cell .thumb{border:3px solid var(--ink);background:repeating-linear-gradient(-15deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 2px,transparent 2px,transparent 8px),radial-gradient(#000 1px,transparent 1px) 0 0/10px 10px;height:120px}.cell h4{letter-spacing:.06em;margin:0;font:900 16px/1.05 Inter,sans-serif}.cell p{margin:0;font-size:13px}.cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.footer{border-top:6px solid var(--ink);color:#3c3933;justify-content:space-between;margin-top:26px;padding-top:10px;font:700 11px/1.2 Inter,sans-serif;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr}.strip{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{flex:calc(50% - 6px)}}@media (max-width:600px){.page{outline-offset:-8px;border-width:4px;outline-width:1px;margin:8px;padding:12px}.tab{flex:100%}.logo{height:60px}.strip{grid-template-columns:1fr;gap:8px}.cell{padding:8px}.cell h4{font-size:14px}.cell p{font-size:12px}.h2{margin:24px 0 8px;font-size:max(20px,min(4vw,32px))}.footer{text-align:center;flex-direction:column;gap:4px}}