@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600&family=Bodoni+Moda:ital,wght@0,400;1,500&family=IBM+Plex+Mono&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ed;color:#0f302d;font-family:Archivo,Arial,sans-serif}header{position:sticky;top:0;z-index:20;height:82px;padding:12px 6%;display:flex;justify-content:space-between;align-items:center;background:rgba(247,245,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid #ddd9ca}header img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px}nav{display:flex;gap:34px}nav a,.eyebrow{font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:inherit;text-decoration:none}.hero{position:relative;background:#0f302d}.hero>img{display:block;width:100%;height:auto}.hero-hit{position:absolute;left:5%;top:61%;width:31%;height:18%}.marquee{padding:16px;background:#0f302d;color:#fff;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.2em}.shop{max-width:1200px;margin:auto;padding:100px 28px}.shop h1,.story h2{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(46px,7vw,92px);line-height:.95;margin:18px 0}.intro{max-width:520px;color:#526561}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 34px;margin-top:70px}.card{cursor:pointer}.card img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#e8e5da}.card h3{font-family:"Bodoni Moda",serif;font-size:28px;font-weight:400;margin:14px 0 3px}.meta{display:flex;justify-content:space-between;gap:12px}.muted{color:#60716e;font-family:"IBM Plex Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.story{background:#0f302d;color:#fff;padding:110px max(28px,6%);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story img{width:100%;aspect-ratio:4/3;object-fit:cover}.story p{max-width:540px;line-height:1.8;color:#d5ddda}.sizes{font-family:"Bodoni Moda",serif;font-size:42px;word-spacing:18px;margin-top:30px}.sizes b{color:#cde85b;font-weight:400}footer{background:#0f302d;color:#fff;border-top:1px solid #38514f;padding:55px 6%;display:flex;gap:30px;align-items:center;flex-wrap:wrap}footer img{width:82px;height:82px;object-fit:contain;background:#fff;border-radius:8px}dialog{width:min(900px,94vw);border:0;padding:0;background:#f7f5ed;color:#0f302d;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#0009}.close{position:absolute;right:15px;top:10px;border:0;background:#fff;font-size:34px;width:48px;height:48px;cursor:pointer}.detail{display:grid;grid-template-columns:1fr 1fr}.detail img{width:100%;height:100%;min-height:560px;object-fit:cover}.copy{padding:65px 45px}.copy h2{font-family:"Bodoni Moda",serif;font-size:50px;font-weight:400;line-height:1;margin:12px 0}.price{font-family:"IBM Plex Mono",monospace;font-size:22px}.size-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.size-btn{padding:12px 16px;border:1px solid #a8b0aa;background:transparent;cursor:pointer}.size-btn.active{background:#0f302d;color:white}.buy{width:100%;padding:17px;border:0;background:#cde85b;color:#0f302d;font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.15em;cursor:pointer}.notice{margin-top:12px;font-size:13px;color:#60716e}
@media(max-width:720px){nav{gap:13px}nav a{font-size:10px}.grid,.story,.detail{grid-template-columns:1fr}.shop{padding-top:70px}.story{gap:30px}.detail img{min-height:350px}.copy{padding:35px 24px}.hero-hit{left:3%;top:57%;width:45%;height:25%}}