:root{--ink:#253131;--paper:#f1ece0;--white:#fcfaf4;--line:#c7c2b6;--muted:#66716d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}h1,h2,p{margin-top:0}h1,h2{line-break:strict}p{line-break:strict;text-wrap:pretty}a{color:inherit}a:focus-visible{outline:3px solid #ab684a;outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;z-index:5;background:white;padding:.7rem}.skip:focus{top:1rem}.top{height:68px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 clamp(18px,4vw,64px);background:var(--white)}.top a{text-decoration:none}.brand{font-weight:900;letter-spacing:.05em}.brand small{font-size:.62rem;font-weight:500}.back{font-size:.78rem;font-weight:700}.hero{display:grid;grid-template-columns:minmax(390px,.5fr) minmax(0,.85fr);min-height:min(790px,calc(100svh - 68px))}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;background:var(--paper);padding:clamp(36px,5vw,80px) clamp(28px,5vw,80px)}.eyebrow,.section-no,.count,footer{font:700 .7rem/1.6 Georgia,"Yu Gothic",serif;letter-spacing:.14em;color:var(--muted)}.count{margin-bottom:20px}.hero h1{font-size:clamp(3.4rem,5.3vw,6.4rem);line-height:1.23;letter-spacing:-.08em;white-space:nowrap;margin:0 0 30px}.hero h1 span{font-size:1.12em}.lead{font-size:clamp(1.03rem,1.6vw,1.4rem);line-height:1.8}.hero-copy a,.gear-copy a,.about a{display:inline-block;width:max-content;max-width:100%;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;font-size:.85rem;font-weight:700}.hero-photo{position:relative;min-height:650px;overflow:hidden}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:49% 50%}.hero-photo span,.gear-photo span{position:absolute;bottom:21px;left:22px;background:rgba(252,250,244,.94);padding:.55rem .75rem;font-size:.68rem;font-weight:700}.intro{display:grid;grid-template-columns:19% 1fr minmax(260px,.8fr);gap:clamp(20px,4vw,60px);padding:clamp(75px,9vw,140px) clamp(22px,5vw,80px);max-width:1500px;margin:auto}.intro h2,.gear h2,.about h2{font-size:clamp(2.65rem,4.8vw,5.5rem);line-height:1.35;letter-spacing:-.075em;margin:0}.intro div{max-width:35em}.intro p:not(.section-no),.gear-copy p:not(.section-no,.fine),.about p:not(.section-no){font-size:.94rem;line-height:2.15}.fine{font-size:.72rem!important;line-height:1.85!important;color:#5a6764}.gear{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);background:#dedbd0}.gear-photo{position:relative;min-height:700px}.gear-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gear-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(45px,6vw,95px)}.gear-copy h2{margin:30px 0}.gear-copy p:not(.section-no){max-width:32em}.gear-copy a{margin:20px 0 32px}.about{display:grid;grid-template-columns:19% 1fr;gap:40px;max-width:1200px;margin:auto;padding:clamp(75px,9vw,140px) clamp(22px,5vw,80px)}.about div{max-width:720px}.about p{margin:28px 0}.about a{margin-top:12px}footer{display:flex;justify-content:space-between;gap:16px;background:var(--ink);color:var(--white);padding:24px clamp(20px,4vw,64px)}footer a{text-decoration:none}
@media(max-width:1000px){.hero{grid-template-columns:minmax(330px,.55fr) minmax(0,.7fr)}.hero h1{font-size:clamp(3rem,5vw,5rem)}.intro{grid-template-columns:1fr 1fr}.intro .section-no{grid-column:1/-1}.gear{grid-template-columns:1fr 1fr}.gear-photo{min-height:600px}}
@media(max-width:700px){.top{height:60px}.brand small{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{min-height:370px;padding:32px 23px 35px;gap:25px}.hero h1{font-size:clamp(3rem,9.2vw,4.2rem);margin-bottom:15px}.lead{font-size:1rem}.hero-photo{min-height:0;aspect-ratio:4/3}.hero-photo img{position:static;display:block;height:auto;aspect-ratio:4/3;object-position:50%}.hero-photo span{bottom:11px;left:12px;font-size:.55rem}.intro,.about{display:block;padding:75px 23px}.intro h2,.gear h2,.about h2{font-size:clamp(2.5rem,8.3vw,3.8rem);margin:20px 0 25px}.gear{display:flex;flex-direction:column}.gear-photo{min-height:0;aspect-ratio:4/3}.gear-photo img{position:static;display:block;aspect-ratio:4/3}.gear-copy{padding:68px 23px}.gear-copy h2{margin:20px 0 25px}.about p{margin:0}footer{font-size:.56rem;line-height:1.6}}
@media(max-width:390px){.top a{font-size:.75rem}.hero h1{font-size:2.95rem}.intro h2,.gear h2,.about h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}