:root { --black:#03040b; --white:#f4f3ef; --blue:#139cff; --red:#ff481f; --muted:#999ca8; --line:rgba(255,255,255,.16); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--white); font-family:"Noto Sans JP",sans-serif; font-weight:300; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.skip-link { position:absolute; z-index:100; top:-60px; left:16px; padding:12px 20px; background:var(--white); color:var(--black); font-size:12px; letter-spacing:.08em; border-radius:2px; transition:top .2s ease; }
.skip-link:focus { top:16px; }
.noise { position:fixed; inset:0; z-index:50; pointer-events:none; opacity:.04; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; height:90px; padding:0 4.5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.logo { font-size:18px; font-weight:500; letter-spacing:.3em; }.logo span { display:inline-grid; place-items:center; width:28px; height:28px; margin-right:6px; border:1px solid currentColor; border-radius:50%; letter-spacing:0; }
.nav { display:flex; gap:40px; font-size:10px; letter-spacing:.2em; text-transform:uppercase; }.nav a { transition:color .2s; }.nav a:hover { color:var(--blue); }
.menu-button { display:none; border:0; background:none; padding:10px; }.menu-button i { display:block; width:25px; height:1px; margin:6px; background:white; }
.eyebrow,.section-label { font-size:10px; font-weight:500; letter-spacing:.28em; }.eyebrow { color:#cbd3e7; }
.section-number { align-self:start; padding-top:4px; color:var(--muted); font:500 11px/1 "Cormorant Garamond",serif; }
footer { min-height:100px; padding:30px 4.5vw; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; font-size:9px; letter-spacing:.18em; color:#8a8c96; }footer .logo { color:white; }
.reveal { opacity:0; transform:translateY(25px); transition:opacity .9s ease,transform .9s ease; }.reveal.visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media (max-width:760px){
  .site-header{height:70px}.menu-button{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:28px 6vw;background:rgba(3,4,11,.97);flex-direction:column}.nav.open{display:flex}
  .section-number{display:none}
}