*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0b;--fg: #f4f1ec;--muted: rgba(244, 241, 236, .55);--gold: #d8a869}html{background:var(--bg);scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{-webkit-user-drag:none;user-select:none}a{color:inherit;text-decoration:none}.jp-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:50;background:#ffffff14}.jp-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--gold);transition:transform .1s linear}.jp-masthead{position:fixed;top:1.5rem;left:1.6rem;z-index:50;font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.24em;color:var(--muted);mix-blend-mode:difference;transition:color .3s ease}.jp-masthead span{color:var(--gold);margin:0 .2em}.jp-masthead:hover{color:var(--fg)}.jp-hero{position:relative;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;scroll-snap-align:start;overflow:hidden}.jp-kanji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Noto Serif JP",serif;font-size:clamp(20rem,60vw,52rem);line-height:1;color:#ffffff08;pointer-events:none;white-space:nowrap}.jp-hero-inner{position:relative;z-index:1}.jp-eyebrow{font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.4em;text-indent:.4em;color:var(--gold);margin-bottom:1.4rem}.jp-title{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(4.5rem,20vw,13rem);line-height:.9;letter-spacing:-.02em}.jp-date{margin-top:1.5rem;font-family:JetBrains Mono,monospace;font-size:.82rem;letter-spacing:.28em;text-indent:.28em;color:var(--muted);text-transform:uppercase}.jp-scroll{position:absolute;bottom:4.5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.3em;color:var(--muted)}.jp-scroll i{width:1px;height:42px;background:linear-gradient(var(--gold),transparent);animation:scrollLine 2.2s ease-in-out infinite;transform-origin:top}@keyframes scrollLine{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}to{transform:scaleY(1) translateY(42px);opacity:0}}.jp-frame{position:relative;height:100svh;display:flex;align-items:center;justify-content:center;padding:6vh 5vw;scroll-snap-align:center}.jp-frame figure{max-width:100%;max-height:100%;display:flex}.jp-frame img{max-width:100%;max-height:86svh;object-fit:contain;border-radius:2px;box-shadow:0 40px 90px #000000a6;opacity:0;transform:scale(.985) translateY(14px);transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.2,.7,.2,1)}.jp-frame.in img{opacity:1;transform:none}.jp-land img{width:auto}.jp-port img{max-height:88svh}.jp-meta{position:absolute;left:5vw;right:5vw;bottom:3.5vh;display:flex;align-items:baseline;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity 1s ease .25s}.jp-frame.in .jp-meta{opacity:1}.jp-num em{font-style:normal;color:#f4f1ec59}.jp-loc{color:var(--gold)}.jp-outro{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;scroll-snap-align:start}.jp-outro-title{font-family:"Noto Serif JP",serif;font-weight:500;font-size:clamp(4rem,14vw,8rem);color:var(--fg)}.jp-back{margin-top:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.2em;color:var(--muted);border:1px solid rgba(255,255,255,.15);padding:.7rem 1.3rem;border-radius:999px;transition:all .25s ease}.jp-back:hover{color:var(--bg);background:var(--gold);border-color:var(--gold)}@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}.jp-frame img{opacity:1;transform:none}.jp-scroll i{animation:none}}@media(max-width:640px){.jp-masthead{font-size:.6rem;left:1.1rem;top:1.1rem}.jp-meta{font-size:.6rem}}