:root{--ink: #0b1c2c;--ink-soft: #16324a;--mist: #d7e2ec;--paper: #f3efe6;--sand: #e8d5a8;--accent: #c45c26;--text: #142433;--muted: #5a6b7a;--max: 68rem;--font-display: "Shippori Mincho", "Hiragino Mincho ProN", serif;--font-body: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(22,50,74,.12),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(196,92,38,.08),transparent 45%),linear-gradient(180deg,#eef3f7 0%,var(--paper) 48%,#ebe4d8 100%);font-family:var(--font-body);font-weight:400;line-height:1.75;min-height:100vh}img{max-width:100%;display:block}a{color:inherit}.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.25rem,4vw,3rem);color:var(--paper)}.site-header a{text-decoration:none}.site-header nav{display:flex;gap:1.25rem;font-size:.92rem;letter-spacing:.04em}.site-header nav a{opacity:.88;transition:opacity .18s ease}.site-header nav a:hover{opacity:1}.brand-mark{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08em}.hero{position:relative;min-height:100svh;display:grid;align-items:end;color:var(--paper);overflow:hidden}.hero__media{position:absolute;inset:0;z-index:0}.hero__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:hero-drift 18s ease-in-out infinite alternate}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b1c2c59,#0b1c2c47 40%,#0b1c2cd1),linear-gradient(90deg,rgba(11,28,44,.55) 0%,rgba(11,28,44,.15) 55%,transparent 100%)}.hero__content{position:relative;z-index:1;width:min(100%,var(--max));margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(3rem,8vh,5.5rem)}.hero__brand{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5.4rem);font-weight:500;letter-spacing:.06em;line-height:1.15;opacity:0;animation:rise-in .9s ease forwards .12s}.hero__lead{margin:0 0 1.75rem;max-width:28rem;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.7;opacity:0;animation:rise-in .9s ease forwards .32s}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem 1rem;opacity:0;animation:rise-in .9s ease forwards .52s}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.7rem 1.35rem;border-radius:999px;text-decoration:none;font-size:.95rem;letter-spacing:.04em;transition:transform .18s ease,background .18s ease,color .18s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--sand);color:var(--ink)}.btn--primary:hover{background:#f0e2b8}.btn--ghost{border:1px solid rgba(243,239,230,.55);color:var(--paper)}.btn--ghost:hover{background:#f3efe61a}.section{width:min(100%,46rem);margin:0 auto;padding:clamp(3.5rem,8vw,5.5rem) clamp(1.25rem,4vw,2rem)}.section h2{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.15rem);font-weight:500;letter-spacing:.04em;color:var(--ink)}.section p{margin:0 0 1rem;color:var(--muted)}.genre-list{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;gap:.85rem}.genre-list li{padding:.35rem 0 .85rem;border-bottom:1px solid rgba(20,36,51,.12);color:var(--text);font-size:1.05rem}.genre-list span{display:block;margin-top:.2rem;color:var(--muted);font-size:.92rem}.site-footer{border-top:1px solid rgba(20,36,51,.1);padding:2rem clamp(1.25rem,4vw,3rem) 2.75rem;color:var(--muted);font-size:.88rem}.site-footer__inner{width:min(100%,var(--max));margin:0 auto;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center}.site-footer a{color:var(--ink-soft);text-decoration:none}.site-footer a:hover{text-decoration:underline}.page-shell{padding-top:5.5rem}.page-header{position:fixed;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,4vw,3rem);background:#f3efe6db;backdrop-filter:blur(10px);border-bottom:1px solid rgba(20,36,51,.08);color:var(--ink)}.page-header nav{display:flex;gap:1.1rem;font-size:.9rem}.page-header a{text-decoration:none}.article{width:min(100%,42rem);margin:0 auto;padding:2.5rem clamp(1.25rem,4vw,2rem) 4rem}.article__kicker{margin:0 0 .75rem;color:var(--accent);font-size:.85rem;letter-spacing:.12em}.article h1{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:500;line-height:1.35;color:var(--ink)}.article h2{margin:2.4rem 0 .85rem;font-family:var(--font-display);font-size:1.45rem;font-weight:500;color:var(--ink)}.article p,.article li{color:var(--text)}.article .meta{margin:0 0 2rem;color:var(--muted);font-size:.9rem}.cta-block{margin:2.5rem 0;padding:1.4rem 0;border-top:1px solid rgba(20,36,51,.14);border-bottom:1px solid rgba(20,36,51,.14)}.cta-block a{color:var(--accent);font-weight:500}.note-box{margin:2rem 0;padding:1.1rem 1.2rem;background:#16324a0f;border-left:3px solid var(--ink-soft)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero__media img{transform:none}.hero__brand,.hero__lead,.hero__actions{opacity:1}}@media(max-width:640px){.site-header nav,.page-header nav{gap:.8rem;font-size:.82rem}}