:root{--blue:#1949d8;--ink:#15171c;--muted:#626872;--line:#dce0e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #f2b600;outline-offset:5px}img{display:block;max-width:100%;height:auto}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:9}header{min-height:94px;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:white}.logo{font-size:37px;font-weight:900;letter-spacing:-1.5px;line-height:1.1}.logo span{display:block;font-size:10px;letter-spacing:1.8px;margin-top:8px}nav{display:flex;gap:30px;font-size:14px;font-weight:700}nav a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:75px 7% 40px 10%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:var(--blue);margin:0 0 24px}h1{font-size:clamp(42px,4.4vw,76px);line-height:1.28;letter-spacing:-2px;margin:24px 0}h1 span{color:var(--blue)}.lead{font-size:23px;font-weight:700;line-height:1.7}.intro{font-size:15px;color:var(--muted);margin:24px 0 30px}.button{display:inline-flex;gap:48px;align-items:center;background:var(--blue);color:#fff;padding:15px 24px;font-weight:700;font-size:15px}.button:hover{background:#12369f}.hero-foot{font-size:11px;letter-spacing:2px;margin:38px 0 0;color:var(--muted)}.hero-photo{position:relative;display:flex;align-items:center;padding:35px 5%;background:#f5f6f8;overflow:hidden}.hero-photo img{width:100%;mix-blend-mode:multiply}.photo-label{position:absolute;right:28px;bottom:22px;font-size:19px;font-weight:bold;text-align:right}.photo-label span{display:block;font-size:11px;font-weight:400}.ribbon{background:var(--blue);color:white;padding:18px 5%;display:flex;justify-content:space-between;gap:15px;font-size:14px;letter-spacing:2px}.ribbon span:first-child{font-size:18px;font-weight:800}.section{max-width:1280px;margin:auto;padding:100px 5%}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.45;letter-spacing:-1px;margin:0 0 25px}h3{font-size:21px;line-height:1.5;margin:14px 0 12px}.section-heading>p:last-child{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:52px}.features article{border-top:1px solid var(--ink);padding-top:20px}.number{font-size:14px;color:var(--blue);font-weight:bold}.features p,.steps p{color:var(--muted);font-size:16px}.how{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--line)}.instruction{width:100%;max-width:480px;justify-self:end;border:1px solid var(--line)}.steps{list-style:none;padding:0;margin:32px 0 0}.steps li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:16px 0}.steps li>span{color:var(--blue);font-weight:bold;font-size:25px;padding-top:9px}.steps h3{margin:4px 0}.steps p{margin:6px 0}.scene-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.scene-heading>p{color:var(--muted)}.scenes{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 32px}.scenes article{border-bottom:1px solid var(--line)}.scenes img{width:100%;object-fit:contain;background:#f5f6f8}.scenes article>div{padding:22px 0}.scenes span{color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:bold}.scenes h3{margin:8px 0}.scenes p{margin:0;color:var(--muted)}.note{font-size:14px;color:var(--muted);margin-top:30px}.contact{background:var(--blue);color:white;text-align:center;padding:80px 5%}.contact .eyebrow{color:white}.contact p{margin-bottom:30px}.light{background:white;color:var(--blue)}.light:hover{background:#e4ebff}.phone{display:block;width:max-content;margin:23px auto 0;font-size:22px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:44px 5%;font-size:13px}footer small{color:var(--muted)}@media(max-width:800px){header{flex-wrap:wrap;padding:20px 6%;gap:22px}nav{gap:20px;flex-wrap:wrap;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6%}h1{font-size:52px}.intro br{display:none}.hero-photo{padding:25px 9%}.hero-photo img{max-height:540px;object-fit:contain}.hero-foot{margin-top:26px}.ribbon{flex-direction:column;font-size:12px}.ribbon span:first-child{font-size:15px}.section{padding:65px 6%}.features{grid-template-columns:1fr;gap:24px;margin-top:35px}.how{grid-template-columns:1fr;gap:40px}.instruction{justify-self:center}.scene-heading{display:block}.scenes{gap:35px 20px}.scenes h3{font-size:19px}.scenes p{font-size:14px}footer{align-items:start;flex-direction:column;padding:40px 6%}}@media(max-width:480px){h1{font-size:44px}nav{gap:12px 18px}.lead{font-size:21px}.scenes{grid-template-columns:1fr}.button{gap:24px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.logo .logo-window{display:block;position:relative;width:132px;height:36px;overflow:hidden;margin:0}.logo-window img{position:absolute;width:132px;max-width:none;top:-50px;left:0}.colors{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.color-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:15px 24px;margin:30px 0}.color-list li{display:flex;align-items:center;gap:8px;font-size:14px}.color-list i{width:17px;height:17px;border-radius:50%;border:1px solid #0002}dl{font-size:14px;margin-top:35px}dt{font-weight:bold;border-top:1px solid var(--line);padding-top:12px}dd{margin:0 0 12px;color:var(--muted)}details{font-size:14px;border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:bold}.color-photo{margin:0}.color-photo img{width:100%;max-height:660px;object-fit:contain}.color-photo figcaption{font-size:12px;letter-spacing:2px;text-align:center;margin-top:10px;color:var(--muted)}@media(max-width:800px){.colors{grid-template-columns:1fr;gap:30px}}
.color-list button{display:flex;align-items:center;gap:9px;font:inherit;font-size:14px;background:white;border:1px solid #cdd2dc;padding:10px 12px;cursor:pointer}.color-list button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);color:var(--blue)}button:focus-visible{outline:3px solid #f2b600;outline-offset:4px}.sport-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.sport-overview article{border-top:1px solid var(--ink);padding:22px 0}.sport-overview span{font-size:12px;color:var(--blue);letter-spacing:1px;font-weight:bold}.sport-overview p{font-size:15px;color:var(--muted)}.color-photo img{max-height:560px}.hero{min-height:580px}.hero-copy{padding-top:55px;padding-bottom:35px}@media(max-width:800px){.sport-overview{grid-template-columns:1fr 1fr}.hero-copy{padding:32px 6%}.hero .eyebrow{margin-bottom:15px}.hero .intro{margin:15px 0 23px}.hero h1{margin:15px 0}.hero-foot{margin-top:20px}}@media(max-width:480px){.sport-overview{grid-template-columns:1fr}}
.hero-photo{padding:0;min-height:580px;background:#eef0f2}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:75% center;mix-blend-mode:normal}.photo-label{background:#fff;padding:10px 15px;top:20px;left:20px;bottom:auto;right:auto;text-align:left}.lifestyle{width:100%;margin:0 0 36px}.hero{grid-template-columns:46% 54%}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-photo{min-height:0;aspect-ratio:16/9}.hero-photo img{max-height:none;object-position:center}.hero-copy{padding-bottom:30px}.hero-foot{display:none}.hero .intro{font-size:14px}.hero .lead{margin-bottom:12px}.hero h1{font-size:clamp(36px,6vw,50px)}}

/* Give the three-step photo more space. */
.how{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:4%}.instruction{max-width:none;width:100%}@media(max-width:800px){.how{grid-template-columns:1fr;gap:32px}.instruction{width:100%;max-width:620px;justify-self:center}}
.steps .step-one-line{white-space:nowrap;font-size:clamp(13px,1.45vw,16px)}
@media(max-width:800px){.steps .step-one-line{font-size:clamp(13px,3.7vw,16px)}}
/* Align the last step divider with the photo bottom. */
.how{align-items:stretch}.how>div{display:flex;flex-direction:column}.how .steps{flex:1;display:flex;flex-direction:column}.how .steps li{flex:1}.how .instruction{align-self:end}@media(max-width:800px){.how .steps{display:block}.how .instruction{align-self:auto}}
.steps .step-one-line{font-size:16px}.how .steps li{gap:16px}@media(max-width:800px){.steps .step-one-line{font-size:16px}}@media(max-width:360px){.steps .step-one-line{white-space:normal}}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.about-product{margin:0}.about-product img{width:100%;max-height:460px;object-fit:contain}.about-product figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}@media(max-width:800px){.about-intro{grid-template-columns:1fr;gap:28px}.about-product img{max-height:420px}}
.lifestyle.six-sports{aspect-ratio:4.56;object-fit:cover;object-position:center bottom;height:auto}.sport-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-foot{line-height:1.9}@media(max-width:800px){.sport-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.sport-overview{grid-template-columns:1fr}}