@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Noto+Sans+JP:wght@400;600;800&display=swap');
:root{--black:#08090c;--paper:#f1f0ea;--acid:#d8ff36;--muted:#8e9098}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Inter,'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #25262c;position:relative;z-index:3}.logo{display:flex;align-items:baseline;gap:7px;letter-spacing:.16em}.logo b{font-size:29px}.logo span{font-size:12px;font-weight:800}header nav,footer nav{display:flex;gap:28px;font-size:11px;letter-spacing:.15em}header nav a:hover{color:var(--acid)}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:44% 56%;position:relative;overflow:hidden}.grain{position:absolute;inset:0;opacity:.08;pointer-events:none;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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.hero-copy{padding:12vh 5vw 8vh;z-index:1}.eyebrow,.index{font-size:11px;letter-spacing:.22em;color:var(--acid);font-weight:800}.hero h1{font-size:clamp(56px,7vw,110px);line-height:.94;letter-spacing:-.07em;margin:38px 0}.hero h1 em{font-style:normal;color:var(--acid)}.hero-copy>p:not(.eyebrow){color:#b8bac1;line-height:2}.button{display:inline-flex;justify-content:space-between;gap:40px;min-width:230px;margin-top:30px;padding:17px 20px;border:1px solid #444;background:transparent;font-size:12px;letter-spacing:.1em}.button:hover{background:var(--acid);color:#090a0d;border-color:var(--acid)}.hero-art{position:relative;min-height:620px}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black),transparent 35%),linear-gradient(0deg,rgba(8,9,12,.75),transparent 45%)}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art i{position:absolute;right:30px;bottom:28px;z-index:2;font-style:normal;font-size:10px;letter-spacing:.18em}.about{background:var(--paper);color:#111;display:grid;grid-template-columns:28% 72%;padding:120px 8vw}.about .index{color:#5f6300}.about h2{font-size:clamp(36px,5vw,72px);line-height:1.25;margin:0 0 30px}.about div>p{max-width:680px;color:#555;line-height:2}.titles{padding:120px 7vw}.titles>article{margin-top:45px;display:grid;grid-template-columns:56% 44%;background:#111218;border:1px solid #2a2b31}.titles article>img{width:100%;height:100%;min-height:520px;object-fit:cover}.titles article>div{padding:6vw}.titles span{color:var(--acid);font-size:10px;letter-spacing:.18em}.titles h2{font-size:clamp(38px,5vw,72px);line-height:1;margin:25px 0}.titles h2 i{display:inline-block;width:44px;border-top:2px solid var(--acid);vertical-align:middle}.titles p{color:#aaa;line-height:1.9}.titles dl{margin:30px 0}.titles dl div{display:grid;grid-template-columns:110px 1fr;padding:10px 0;border-bottom:1px solid #292a30;font-size:12px}.titles dt{color:#777}.titles dd{margin:0}.light{background:var(--acid);color:#08090c;border-color:var(--acid)}.light:hover{background:#fff;border-color:#fff}footer{display:flex;justify-content:space-between;align-items:center;padding:45px 5vw;border-top:1px solid #25262c;color:#888;font-size:10px}@media(max-width:800px){header{height:auto;padding:20px;align-items:flex-start}header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 24px}.hero-art{min-height:55vh;order:-1}.about{grid-template-columns:1fr;padding:80px 24px;gap:30px}.titles{padding:80px 20px}.titles>article{grid-template-columns:1fr}.titles article>img{min-height:260px}.titles article>div{padding:32px 22px}footer{align-items:flex-start;gap:24px;flex-wrap:wrap}footer nav{gap:14px}}