.page-product{--pd-ink:#272923;--pd-paper:#f6f3ed;--pd-muted:#686b62;--pd-line:#d8d8ce;--pd-accent:#73795e;background:var(--pd-paper);color:var(--pd-ink)}
.pd-main{width:100%;max-width:none;margin:0;padding:0;font-family:'Manrope',sans-serif}
.pd-main *, .pd-main *::before,.pd-main *::after{box-sizing:border-box}
.pd-main a{color:inherit}.pd-main img{display:block;max-width:100%}
.pd-main a:focus-visible,.pd-main summary:focus-visible{outline:2px solid var(--pd-accent);outline-offset:5px}
.pd-wrap{padding-inline:clamp(20px,5vw,96px)}
.pd-breadcrumb{display:flex;gap:.65rem;flex-wrap:wrap;padding-block:2rem 1.3rem;font-size:.67rem;color:var(--pd-muted);letter-spacing:.04em}
.pd-breadcrumb a{text-underline-offset:4px}
.pd-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,5vw,90px);align-items:start;padding-bottom:clamp(60px,8vw,120px)}
.pd-gallery{min-width:0;position:sticky;top:100px;animation:pd-enter .8s both}
.pd-main .pd-stage{display:block;background:#eeece5;cursor:zoom-in}
.pd-main .pd-stage img{width:100%;height:clamp(360px,62svh,780px);object-fit:contain;transition:opacity .22s ease}
.pd-stage[aria-busy=true] img{opacity:.6}
.pd-thumbs{display:flex;gap:12px;overflow-x:auto;padding-block:14px 4px;scrollbar-width:thin}
.pd-thumb{flex:0 0 100px;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:6px;transition:border-color .2s,transform .2s}
.pd-thumb:hover{transform:translateY(-3px)}
.pd-thumb[aria-current=true]{border-color:var(--pd-ink)}
.pd-thumb img{width:100px;height:76px;object-fit:contain;background:#eeece5}
.pd-thumb span{display:block;font-size:.58rem;line-height:1.5;margin-top:.45rem}
.pd-caption{font-size:.62rem;line-height:1.7;color:var(--pd-muted);min-height:1.7em;margin-top:.4rem}
.pd-summary{padding-top:clamp(0px,2vw,30px);animation:pd-enter .85s .12s both}
.pd-kicker{font-size:.63rem;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:var(--pd-muted);margin:0 0 1.2rem}
.pd-main .pd-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(3.4rem,5.8vw,7.2rem);letter-spacing:-.045em;line-height:.98;margin:0 0 1.6rem;overflow-wrap:normal;text-wrap:balance}
.pd-intro{font-size:.89rem;line-height:1.9;max-width:34rem;margin:0 0 2rem}
.pd-purchase{border-block:1px solid var(--pd-line);padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;gap:18px}
.pd-price{font-size:1.25rem;font-weight:500;letter-spacing:-.04em}.pd-price small{display:block;font-size:.61rem;letter-spacing:.02em;font-weight:400;margin-top:.35rem;color:var(--pd-muted)}
.pd-status{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.pd-status::before{content:'';width:6px;height:6px;border-radius:100%;background:var(--pd-accent)}
.pd-quick-spec{font-size:.77rem;line-height:1.7;margin:1.2rem 0}.pd-quick-spec span{display:block;font-size:.61rem;color:var(--pd-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}
.pd-note{font-size:.7rem;line-height:1.8;color:var(--pd-muted);max-width:45rem}
.pd-main .pd-index{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:1.8rem;border-top:1px solid var(--pd-line);padding-top:.8rem}
.pd-index a{font-size:.68rem;text-underline-offset:5px;padding-block:10px}
.pd-section{padding-block:clamp(60px,8vw,128px);scroll-margin-top:110px}
.pd-story{background:#292c25;color:#f2f0e7;display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(30px,7vw,100px)}
.pd-story .pd-kicker{color:#b8bdad}.pd-main h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,4.3vw,5.3rem);font-weight:400;letter-spacing:-.035em;line-height:1.05;margin:0 0 1.8rem;text-wrap:balance}
.pd-story-copy{font-family:'Cormorant Garamond',serif;font-size:clamp(1.55rem,2.6vw,2.65rem);line-height:1.38;margin:0;max-width:39rem}
.pd-spec-section{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(30px,7vw,100px)}
.pd-spec-table{margin:0}.pd-spec-table>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;border-top:1px solid var(--pd-line);padding:1.1rem 0}
.pd-spec-table dt{font-size:.65rem;line-height:1.6;text-transform:uppercase;letter-spacing:.07em;color:var(--pd-muted)}
.pd-spec-table dd{margin:0;font-size:.82rem;line-height:1.85;overflow-wrap:anywhere}
.pd-pack{padding-top:0}.pd-pack-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:2rem}.pd-pack-heading h2{margin:0}.pd-pack-heading .pd-note{max-width:23rem}
.pd-pack-image{margin:0}.pd-pack-image a{display:block;cursor:zoom-in}.pd-pack-image img{width:100%;max-height:85svh;object-fit:contain;background:#eeece5}.pd-pack-image figcaption{font-size:.63rem;line-height:1.7;color:var(--pd-muted);margin-top:.8rem}
.pd-pack-copy{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(24px,4vw,60px);margin-top:2.7rem}
.pd-main h3{font-family:'Manrope',sans-serif;font-weight:500;font-size:.85rem;line-height:1.5;margin:0 0 .85rem}
.pd-pack-copy p,.pd-care p{font-size:.81rem;line-height:1.9;margin:.8rem 0}
.pd-care{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(30px,7vw,100px);border-top:1px solid var(--pd-line)}
.pd-care details{border-top:1px solid var(--pd-line);padding:0}.pd-care details:last-child{border-bottom:1px solid var(--pd-line)}
.pd-care summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:18px 0;font-size:.8rem}
.pd-care summary::-webkit-details-marker{display:none}.pd-care summary::after{content:'+';font-size:1.2rem;font-weight:300}.pd-care details[open] summary::after{content:'-'}
.pd-care details>p{padding:0 1.5rem 1.4rem 0;margin:0}
.pd-related{border-top:1px solid var(--pd-line)}.pd-related-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:2rem}.pd-related-top h2{margin:0}.pd-related-top>a{font-size:.7rem;text-underline-offset:5px;white-space:nowrap;padding:10px 0}
.pd-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,3vw,45px)}
.pd-related-item{text-decoration:none;min-width:0}.pd-related-item img{width:100%;aspect-ratio:1;object-fit:contain;background:#eeece5;transition:opacity .3s}.pd-related-item:hover img{opacity:.82}.pd-related-item h3{margin:1rem 0 .3rem;font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:400}.pd-related-item p{font-size:.65rem;color:var(--pd-muted);line-height:1.7}
@keyframes pd-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.pd-hero{grid-template-columns:1fr;gap:28px}.pd-gallery{position:static}.pd-main .pd-stage img{height:auto;max-height:65svh;min-height:280px}.pd-summary{padding-top:0}.pd-main .pd-title{font-size:clamp(3.6rem,11vw,6rem)}.pd-story,.pd-spec-section,.pd-care{grid-template-columns:1fr}.pd-story-copy{font-size:1.7rem}.pd-pack-copy{grid-template-columns:1fr;gap:22px}.pd-pack-copy>div{border-top:1px solid var(--pd-line);padding-top:20px}.pd-pack-heading{display:block}.pd-spec-table>div{grid-template-columns:105px minmax(0,1fr);gap:16px}.pd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-related-item:last-child{display:none}.pd-related-top h2{font-size:2.5rem}.pd-breadcrumb{padding-top:1.3rem}.pd-thumb{flex-basis:90px}.pd-thumb img{width:90px;height:68px}}
@media(prefers-reduced-motion:reduce){.pd-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}