:root{--ink:#17111f;--paper:#f5f0e8;--cream:#fffaf2;--pink:#ff8fa3;--red:#e94b64;--gold:#ffcc70;--line:rgba(23,17,31,.16);--muted:#716b76}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-4rem;left:1rem;padding:.7rem 1rem;background:var(--gold);z-index:5}.skip-link:focus{top:1rem}.site-header{width:min(1180px,calc(100% - 2.5rem));height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.06rem;font-weight:700;letter-spacing:-.06em;display:flex;align-items:center;gap:.45rem}.brand>span:last-child span{color:var(--red)}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:1rem}nav{display:flex;gap:1.25rem;font-size:.9rem;font-weight:600}nav a:hover,.text-link:hover{color:var(--red)}.language-button{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:.43rem .7rem;font:600 .75rem "DM Mono",monospace;cursor:pointer}.hero{min-height:570px;background:var(--ink);color:var(--cream);padding:clamp(3rem,7vw,7rem) max(1.25rem,calc((100% - 1080px)/2));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:2}.kicker{margin:0 0 .5rem;font:600 .71rem "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.hero h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.075em;line-height:.9;margin:.25rem 0 1.4rem}.hero h1 em{font-style:normal;color:var(--pink)}.hero-text{max-width:480px;color:#d9d1db;font-size:1.1rem}.hero-actions{display:flex;align-items:center;gap:1.3rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:2px;padding:.85rem 1.1rem}.button-primary{background:var(--pink);color:var(--ink)}.text-link{font-size:.9rem;font-weight:700}.hero-art{height:420px;position:relative}.sun{position:absolute;width:280px;height:280px;border-radius:50%;background:var(--pink);right:4%;top:15px;box-shadow:0 0 0 16px rgba(255,143,163,.1)}.hero-kanji{position:absolute;right:7%;top:110px;font-size:7.4rem;font-weight:700;color:var(--ink);writing-mode:vertical-rl;letter-spacing:-.25em}.city{position:absolute;bottom:-4px;background:var(--paper);clip-path:polygon(0 57%,8% 57%,8% 40%,13% 40%,13% 63%,22% 63%,22% 29%,30% 29%,30% 51%,38% 51%,38% 17%,50% 17%,50% 59%,58% 59%,58% 36%,68% 36%,68% 66%,79% 66%,79% 46%,87% 46%,87% 23%,100% 23%,100% 100%,0 100%)}.city-back{width:110%;height:220px;right:-10%;opacity:.32}.city-front{width:120%;height:154px;right:-18%;background:var(--ink);filter:invert(1)}.section{width:min(1080px,calc(100% - 2.5rem));margin:0 auto;padding:6.3rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.section h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.065em;line-height:.98;margin:0}.issue{font:500 .72rem "DM Mono",monospace;color:var(--muted)}.article-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1.1rem}.article-card{min-height:280px;border:1px solid var(--line);background:transparent;perspective:1500px}.article-card:first-child{min-height:380px}.article-card-inner{position:relative;width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.article-flip.is-flipped .article-card-inner{transform:rotateY(180deg)}.article-card-face{position:absolute;inset:0;padding:1.3rem;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden}.article-card-front{justify-content:flex-end;background:var(--cream)}.article-card:first-child .article-card-front{background:var(--pink)}.article-card-front h3{font-size:clamp(1.8rem,3vw,3.3rem);line-height:.94;letter-spacing:-.07em;margin:.7rem 0 1.4rem}.article-card:not(:first-child) .article-card-front h3{font-size:clamp(1.35rem,2.1vw,2.1rem)}.article-card-back{background:var(--ink);color:var(--cream);transform:rotateY(180deg);justify-content:space-between;gap:1rem}.article-card-scroll{overflow:auto;padding-right:.25rem}.article-card-back h3{font-size:1.35rem;line-height:1.02;letter-spacing:-.05em;margin:.45rem 0 .75rem}.article-card-back p{font-size:.84rem;line-height:1.45;margin:.55rem 0;color:#d9d1db}.article-card-back .article-meta{color:var(--pink)}.article-card-back .article-lead{color:var(--cream);font-weight:600}.article-meta{font:500 .66rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.article-flip-button{align-self:flex-start;border:0;background:transparent;padding:0;font:700 .82rem inherit;color:inherit;cursor:pointer}.article-card-front .article-flip-button{color:var(--red)}.article-card:first-child .article-card-front .article-flip-button{color:var(--ink)}.article-return{color:var(--pink)}.quiz-section{display:grid;grid-template-columns:.84fr 1.16fr;gap:4rem;align-items:start;border-top:1px solid var(--line)}.quiz-intro p:not(.kicker){color:var(--muted);max-width:360px}.quiz-picker{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.quiz-choice{padding:1rem;border:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;font-family:inherit;min-height:125px}.quiz-choice.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.quiz-choice strong,.quiz-choice small{display:block}.quiz-choice strong{font-size:1.05rem;margin:.45rem 0}.quiz-choice small{color:var(--muted);font-size:.75rem}.quiz-choice.active small{color:#c7bdca}.choice-number{font:500 .68rem "DM Mono",monospace;color:var(--red)}.quiz-card{margin-top:1.2rem;border:1px solid var(--ink);padding:clamp(1.4rem,3vw,2.3rem);min-height:275px;background:var(--cream)}.quiz-label{font:500 .7rem "DM Mono",monospace;color:var(--red);letter-spacing:.1em;text-transform:uppercase}.quiz-question{font-size:clamp(1.35rem,2.3vw,2.1rem);line-height:1.1;letter-spacing:-.045em;max-width:620px;margin:.7rem 0 1.4rem}.answers{display:grid;gap:.55rem}.answer{border:1px solid var(--line);background:transparent;text-align:left;padding:.8rem .9rem;font:500 .9rem inherit;cursor:pointer}.answer:hover{border-color:var(--red);background:#fff2f3}.quiz-result h3{font-size:2.1rem;letter-spacing:-.06em;margin:.5rem 0}.quiz-result p{margin:.45rem 0;color:#4f4653}.restart{margin-top:1rem;border:0;background:var(--ink);color:var(--cream);padding:.7rem .9rem;font:600 .8rem inherit;cursor:pointer}.about{background:var(--gold);padding:clamp(3rem,7vw,6rem) max(1.25rem,calc((100% - 1080px)/2))}.about p:last-child{font-size:clamp(1.8rem,3.5vw,3.2rem);max-width:800px;line-height:1.05;letter-spacing:-.06em;margin:0}footer{width:min(1080px,calc(100% - 2.5rem));margin:auto;padding:1.5rem 0;display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}footer span:first-child{font-weight:700;color:var(--ink)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media(max-width:760px){.site-header{height:70px}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:620px}.hero-art{height:225px;margin-top:2rem}.sun{width:190px;height:190px;right:10%}.hero-kanji{font-size:5rem;top:32px}.article-grid{grid-template-columns:1fr}.article-card,.article-card:first-child{min-height:340px}.article-card-front h3,.article-card:not(:first-child) .article-card-front h3{font-size:clamp(2rem,10vw,3.2rem)}.quiz-section{grid-template-columns:1fr;gap:2rem}.section{padding:4rem 0}.section-head{align-items:start}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}footer{flex-direction:column;gap:.5rem}}