:root{--ink:#090d0c;--paper:#e8e5dc;--blue:#243a61;--gold:#d9b85d}.about-page{background:var(--ink);color:var(--paper)}.about-page header{background:#090d0ce8;backdrop-filter:blur(14px)}.about-page .desktop-links{display:flex;align-items:center;gap:32px}.about-page .desktop-links a{color:#d8d5cd;text-decoration:none;font-size:12px;letter-spacing:.16em}.about-page .desktop-links a:hover,.about-page .desktop-links a[aria-current=page]{color:var(--gold)}
.about-hero{position:relative;min-height:clamp(640px,74vw,940px);overflow:hidden}.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.83) contrast(1.06)}.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080c0cd9 0%,#080c0c44 49%,#080c0c18 70%),linear-gradient(0deg,#090d0c 0%,transparent 35%,#07101a22 100%)}.about-hero-copy{position:absolute;left:6%;bottom:10%;z-index:2}.hero-kicker,.section-number{color:var(--gold);font:500 12px/1.4 Arial,sans-serif;letter-spacing:.22em}.about-hero h1{margin:12px 0 18px;font:600 clamp(70px,11vw,160px)/.78 "Bodoni Moda",serif;letter-spacing:-.055em}.about-hero h1 em{display:block;color:var(--gold);font-style:italic;margin-left:1.1em}.about-hero-copy>p:last-child{margin:0;font-size:clamp(18px,2vw,28px);line-height:1.8;letter-spacing:.08em}.hero-index{position:absolute;right:3%;bottom:8%;z-index:2;color:#fff9;writing-mode:vertical-rl;font:11px Arial,sans-serif;letter-spacing:.2em}
.story-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:9vw;padding:clamp(90px,11vw,160px) 8%}.story-heading>span{color:var(--gold);font:11px Arial,sans-serif;letter-spacing:.26em}.story-heading h2,.sound-copy h2{margin:24px 0 0;font:500 clamp(35px,5vw,72px)/1.25 "Noto Serif JP",serif;letter-spacing:-.04em}.story-heading em,.sound-copy em{color:var(--gold);font-style:normal}.story-copy{padding-top:42px;max-width:640px}.story-copy p,.sound-copy>p,.connection-section>div>p{font-size:clamp(15px,1.35vw,19px);line-height:2.15;letter-spacing:.055em;color:#d3d1ca}.story-copy .story-lead{font-size:clamp(20px,2vw,28px);line-height:1.9;color:#fff;margin-top:0}
.numbers{display:grid;grid-template-columns:repeat(2,1fr);margin:0 6%;border-top:1px solid #d9b85d66;border-bottom:1px solid #d9b85d66}.numbers article{padding:50px 8%;border-right:1px solid #ffffff1e}.numbers article:last-child{border:0}.numbers strong{display:block;color:var(--gold);font:600 clamp(48px,6vw,86px)/1 "Bodoni Moda",serif}.numbers strong small{font-size:.42em}.numbers span{display:block;margin-top:10px;font:10px Arial,sans-serif;letter-spacing:.25em;color:#aaa}.numbers p{margin:18px 0 0;font-size:13px;letter-spacing:.08em}
.sound-section{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;padding:clamp(100px,12vw,180px) 0}.sound-image{position:relative;height:clamp(430px,53vw,740px);overflow:hidden;clip-path:polygon(0 4%,95% 0,100% 94%,5% 100%)}.sound-image img{width:100%;height:100%;object-fit:cover;object-position:50% center;filter:saturate(.85) contrast(1.08)}.sound-image span{position:absolute;left:8%;bottom:8%;font:italic 600 clamp(36px,5vw,72px)/.9 "Bodoni Moda",serif;color:#fff;text-shadow:0 5px 22px #000}.sound-copy{padding-right:12%}.sound-copy h2{font-size:clamp(34px,4vw,60px);margin-bottom:42px}.sound-copy .section-number{color:var(--gold);font-size:11px}
.repertoire{padding:70px 6% 95px;text-align:center;background:#101820;overflow:hidden}.repertoire-line{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,34px);margin:28px -4vw 20px;white-space:nowrap;color:#f0ede5;font:italic 600 clamp(30px,4.6vw,70px)/1 "Bodoni Moda",serif}.repertoire-line i{color:var(--gold);font-style:normal}.repertoire>p:last-child{color:#bcb9b0;letter-spacing:.11em;font-size:13px}
.connection-section{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;padding:clamp(100px,13vw,190px) 8%;background:radial-gradient(circle at 20% 50%,#263e6738,transparent 42%)}.connection-section blockquote{margin:0;color:#fff;font:500 clamp(44px,6.4vw,96px)/1.35 "Noto Serif JP",serif;letter-spacing:-.05em}.signature{display:flex;align-items:flex-end;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid #d9b85d77}.signature span{font:10px Arial,sans-serif;letter-spacing:.22em;color:#aaa}.signature strong{font-size:22px;font-weight:500;letter-spacing:.12em}
.about-cta{padding:110px 6%;text-align:center;border-top:1px solid #ffffff12;background:linear-gradient(180deg,#090d0c,#101820)}.about-cta>p{color:var(--gold);font:11px Arial,sans-serif;letter-spacing:.28em}.about-cta h2{margin:24px 0 46px;font:500 clamp(38px,5vw,70px)/1.45 "Noto Serif JP",serif}.about-page footer{border-top:1px solid #d9b85d55}
@media(max-width:800px){.about-page .desktop-links{display:none}.about-hero{min-height:720px}.about-hero>img{object-position:57% center}.about-hero-shade{background:linear-gradient(0deg,#090d0cf7 0%,#090d0c65 55%,#090d0c22)}.about-hero-copy{left:7%;right:7%;bottom:8%}.about-hero h1{font-size:clamp(64px,20vw,92px)}.about-hero h1 em{margin-left:.45em}.hero-index{display:none}.story-section,.sound-section,.connection-section{grid-template-columns:1fr}.story-section{padding:80px 7%;gap:35px}.story-copy{padding-top:0}.numbers{grid-template-columns:repeat(2,1fr);margin:0 7%}.numbers article{border-right:1px solid #ffffff1e;border-bottom:0;padding:35px 7%}.numbers article:last-child{border-right:0}.sound-section{padding:90px 0;gap:55px}.sound-image{height:420px}.sound-copy{padding:0 8%}.repertoire{padding:65px 6% 75px}.repertoire-line{flex-wrap:wrap;justify-content:center;white-space:normal;overflow:visible;margin:30px 0 24px;font-size:clamp(25px,8vw,34px);line-height:1.15;gap:12px 14px}.repertoire-line i{font-size:.75em}.repertoire>p:last-child{padding:0 4%;line-height:1.8}.connection-section{padding:95px 8%;gap:55px}.signature{display:block}.signature strong{display:block;margin-top:12px}.about-cta{padding:90px 7%}}