
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#202823;font:16px/1.8 'Yu Gothic',Meiryo,sans-serif}a{color:inherit}header,main,footer{width:min(1280px,90%);margin:auto}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0}header strong{font-size:22px}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none}small,.kicker{letter-spacing:.16em;font-size:.75rem}section{scroll-margin-top:20px}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:470px;background:var(--accent);color:white}.intro{padding:clamp(24px,5vw,72px);align-content:center}.hero h1{font-size:clamp(34px,4.5vw,64px);line-height:1.25;margin:18px 0}.hero figure{margin:0;position:relative;min-height:320px}.hero img{position:absolute;width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;bottom:0;background:#171715df;color:#fff;width:100%;padding:10px 16px}.button{display:inline-block;padding:10px 16px;border:1px solid currentColor;text-decoration:none;margin-top:12px}.section{padding:55px 0;border-bottom:1px solid #0002}h2{font-size:clamp(27px,4vw,40px);line-height:1.3;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px}.card{background:#fff;padding:22px}.card img{width:100%;height:225px;object-fit:contain;background:#f2f3f1}.card h3{margin:12px 0 4px}.card p{margin:8px 0}.product{height:225px;background-image:url(assets/large-products.png);background-size:300% 100%;background-repeat:no-repeat}.chips{display:flex;gap:12px;flex-wrap:wrap}.chips span{background:#fff;padding:8px 14px;border:1px solid #0002}summary{cursor:pointer;font-weight:bold;margin-top:10px}details[open]{border-top:1px solid #0002;margin-top:12px}.muted{font-size:.86rem;color:#535b55}footer{padding:28px 0;display:flex;justify-content:space-between;gap:12px}a:focus-visible,summary:focus-visible{outline:3px solid #ce8557;outline-offset:4px}@media(max-width:760px){header{display:block}nav{margin-top:12px;gap:12px}.hero{grid-template-columns:1fr}.hero figure{min-height:260px}.section{padding:35px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
