.pd-wrap{padding:clamp(120px, 16vw, 180px) var(--rail) clamp(80px, 10vw, 140px);grid-template-columns:1.25fr .75fr;gap:clamp(40px,6vw,96px);display:grid}.pd-imgs{align-items:flex-start;gap:16px;display:flex}.pd-thumbs{flex-direction:column;flex-shrink:0;gap:10px;width:78px;display:flex}.pd-thumbs .t{aspect-ratio:1/1.2;cursor:pointer;opacity:.6;border-radius:2px;transition:opacity .2s;position:relative;overflow:hidden}.pd-thumbs .t.on{opacity:1;box-shadow:0 0 0 1px var(--velvet)}.pd-thumbs .t:hover{opacity:1}.pd-main{aspect-ratio:3/4;border-radius:2px;flex:1;position:relative;overflow:hidden}.pd-main .nav{gap:8px;display:flex;position:absolute;bottom:22px;right:22px}.pd-main .nav .icon-btn{color:var(--velvet);cursor:pointer;background:#f5f0e8f2;border:none}.pd-info{align-self:start;position:sticky;top:120px}.pd-info .breadcrumb{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:28px;font-size:11px}.pd-info .breadcrumb a{color:var(--ink-soft)}.pd-info .breadcrumb span{color:var(--velvet)}.pd-info h1{margin-bottom:6px}.pd-info .code{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.1em;font-size:12px}.pd-info p.desc{color:var(--ink);max-width:40ch;margin:24px 0;font-size:16px}.specs{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);grid-template-columns:1fr 1fr;gap:16px 32px;margin-bottom:32px;padding:28px 0;display:grid}.spec .k{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.spec .v{font-family:var(--serif);color:var(--velvet);margin-top:4px;font-size:20px}.swatch-row{margin-bottom:32px}.swatch-row .k{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;font-size:11px}.swatch-row .swatches{gap:12px;display:flex}.swatch-row .sw{cursor:pointer;border:none;border-radius:99px;width:44px;height:44px;padding:0;transition:transform .2s;position:relative;box-shadow:inset 0 0 0 1px #00000014}.swatch-row .sw:hover{transform:scale(1.05)}.swatch-row .sw.on:after{content:"";border:1px solid var(--velvet);border-radius:99px;position:absolute;inset:-6px}.swatch-row .selected-name{font-family:var(--serif);color:var(--velvet);margin-top:14px;font-size:16px;font-style:italic}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.cta-row .btn{flex:1;justify-content:center;min-width:0}.story{padding:clamp(80px, 10vw, 140px) var(--rail);background:var(--linen);grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.story .img{aspect-ratio:5/6;border-radius:2px;position:relative;overflow:hidden}.story h2{margin-bottom:20px}.story p{color:var(--ink);max-width:52ch;font-size:16px}.story p+p{margin-top:16px}.story .meta{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;gap:40px;margin-top:32px;font-size:12px;display:flex}.related-head{padding:clamp(80px, 10vw, 140px) var(--rail) 40px;justify-content:space-between;align-items:flex-end;display:flex}.related{padding:0 var(--rail) clamp(80px, 10vw, 140px);gap:18px;display:flex;overflow-x:auto}.related .product{flex:0 0 320px}.related .product .img{aspect-ratio:3/4.1;border-radius:2px}.related .product .name{font-family:var(--serif);margin-top:14px;font-size:22px}.related .product .desc{color:var(--ink-soft);margin-top:4px;font-size:13px}
