.p-product{--paper:#f6f3ed;--paper-2:#eae6dd;--ink:#292820;--ink-2:#57564d;--mute:#737066;--fire:#984227;--read:var(--beaufort);background:var(--paper);color:var(--ink);font-family:var(--read)}
body.p-product main{background:var(--paper)}
.p-product .progress{display:none}
.pd-bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1560px;margin:auto;padding:8.5rem var(--pad) 1.6rem;font-size:.92rem}
.pd-back{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.2rem .7rem 1rem;border:1px solid #aaa393;border-radius:30px;line-height:1.2;white-space:nowrap;transition:background .3s,border-color .3s,color .3s}.pd-back:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pd-back:focus-visible{outline:2px solid var(--fire);outline-offset:3px}.pd-back svg{width:1.1rem;height:1.1rem;transition:transform .3s}.pd-back:hover svg{transform:translateX(-.35rem)}
.pd-title{max-width:1560px;margin:auto;padding:1.8rem var(--pad) 3rem}
.pd-h{font-family:var(--serif);font-size:clamp(3rem,6.5vw,6.6rem);line-height:1.06;font-weight:400;letter-spacing:-.05em;max-width:22ch;text-wrap:balance}
.pd{max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,6rem);padding:0 var(--pad) 6rem}
.pd-media{position:sticky;top:100px;min-width:0}
.pd-stage{position:relative;aspect-ratio:1/1;background:var(--paper-2);border-radius:46% 46% 5px 5px;overflow:hidden}
.pd-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(1rem,3vw,3rem);opacity:0;transition:opacity .55s var(--ease);mix-blend-mode:multiply}.pd-stage img.is-on{opacity:1}
.pd-thumbs{--thumb-gap:.55rem;display:flex;flex-wrap:nowrap;gap:var(--thumb-gap);margin-top:1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
.pd-thumbs::-webkit-scrollbar{display:none}
.pd-thumb{flex:0 0 calc((100% - 6 * var(--thumb-gap)) / 7);width:auto;aspect-ratio:1;padding:.3rem;scroll-snap-align:start;background:transparent;border:1px solid transparent;border-radius:4px;opacity:.55;transition:opacity .35s ease,border-color .35s ease}
.pd-thumb img{width:100%;height:100%;object-fit:contain;border-radius:2px;mix-blend-mode:multiply}.pd-thumb:hover{opacity:.85}.pd-thumb.is-on{opacity:1;border-color:#8b8374;background:#eeebe4}
.pd-tx{padding-top:1rem;min-width:0}
.pd-line{font-family:var(--serif);font-size:clamp(1.9rem,3.1vw,3rem);line-height:1.16;letter-spacing:-.03em;max-width:19ch}
.pd-desc{font-size:1.07rem;color:var(--ink-2);line-height:1.8;margin-top:1.5rem;max-width:48ch}
.pd-specs{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.5rem;margin-top:2.3rem;padding:1.8rem 0;border-top:1px solid #d6d0c4;border-bottom:1px solid #d6d0c4}
.pd-specs>div{min-width:0}.pd-specs dt{font-size:.88rem;color:var(--mute);margin-bottom:.4rem}.pd-specs dd{font-size:1.15rem;line-height:1.4;overflow-wrap:anywhere}.pd-specs>div:first-child dd{font-size:1.7rem;line-height:1.1}
.pd-variants{margin-top:1.9rem}
.pd-use{margin-top:1.7rem}.pd-use h2{font-size:1rem;font-weight:400;color:var(--mute);margin-bottom:.6rem}.pd-use ul{display:flex;flex-wrap:wrap;gap:.3rem 0}.pd-use li{font-size:.98rem}.pd-use li:not(:last-child)::after{content:' / ';white-space:pre;color:#aaa291;margin:0 .35rem}
.pd-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.pd-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 1.4rem;border:1px solid #aaa393;border-radius:30px;font-size:.98rem}.pd-links a:last-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pd-links svg,.pd-all svg{width:1.15rem;height:1.15rem}.pd-links a{transition:border-color .3s,background .3s,color .3s}.pd-links svg{transition:transform .3s}
.pd-links a:hover{border-color:var(--fire)}.pd-links a:hover svg{transform:translateX(.35rem)}
.pd-links a:last-child:hover{background:var(--fire);border-color:var(--fire)}
.pd-no-image{position:absolute;inset:0;display:grid;place-content:center;padding:2rem;color:var(--mute);text-align:center}
.pd-more{max-width:1560px;margin:auto;padding:2rem var(--pad) 6rem}.pd-more-h{font-family:var(--serif);font-size:clamp(2.3rem,4.2vw,4rem);font-weight:400;letter-spacing:-.04em;line-height:1.1;margin-bottom:2rem}.pd-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.pd-more-fig{display:block;aspect-ratio:1;background:#eeebe4;border-radius:3px;overflow:hidden}.pd-more-fig img{width:100%;height:100%;object-fit:contain;padding:1.3rem;mix-blend-mode:multiply;transition:transform .7s var(--ease)}.pd-more-item:hover img{transform:scale(1.05)}.pd-more-n{display:block;font-family:var(--serif);font-size:1.2rem;line-height:1.3;margin-top:1rem}.pd-all{display:inline-flex;align-items:center;gap:2rem;color:var(--fire);margin-top:2.2rem}
@media(max-width:1000px){.pd{gap:2rem;grid-template-columns:1.1fr 1fr}.pd-specs{gap:1.2rem}.pd-links a{padding:.7rem 1.1rem}.pd-desc{font-size:1rem}}
@media(max-width:760px){.pd-bar{padding-top:7.5rem}.pd-title{padding-top:1rem;padding-bottom:2rem}.pd-h{font-size:clamp(2.6rem,9vw,4rem)}.pd{grid-template-columns:1fr;gap:2.5rem;padding-bottom:3rem}.pd-media{position:static;max-width:540px;width:100%;margin:auto}.pd-stage{aspect-ratio:1.1}.pd-thumb{flex-basis:calc((100% - 4 * var(--thumb-gap)) / 5)}.pd-tx{padding:0}.pd-line{font-size:2rem;max-width:24ch}.pd-desc{max-width:none}.pd-specs{margin-top:1.6rem}.pd-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}.pd-more{padding-bottom:4rem}.pd-more-n{font-size:1.08rem}.pd-links a{flex:1;min-width:130px}.pd-more-h{font-size:2.5rem}}
@media(max-width:480px){.pd-bar{padding-bottom:.6rem}.pd-title{padding-top:1rem}.pd-stage img{padding:1rem}.pd-specs dd{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.pd-stage img,.pd-more-fig img,.pd-thumb{transition:none}}

.pd-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);display:grid;place-items:center;width:2.9rem;height:2.9rem;border:1px solid #b6ac99;border-radius:50%;background:rgba(255,253,248,.82);backdrop-filter:blur(6px);color:var(--ink);cursor:pointer;opacity:0;transition:opacity .3s,border-color .3s,color .3s,background .3s,transform .18s cubic-bezier(.2,.7,.3,1)}
.pd-arrow svg{width:1.15rem;height:1.15rem;transition:transform .3s}
.pd-arrow.is-prev{left:clamp(.6rem,2%,1.4rem)}
.pd-arrow.is-next{right:clamp(.6rem,2%,1.4rem)}
.pd-stage:hover .pd-arrow,.pd-stage:focus-within .pd-arrow{opacity:1}
.pd-arrow:hover{border-color:var(--fire);color:var(--fire)}
.pd-arrow.is-prev:hover svg{transform:translateX(-.2rem)}
.pd-arrow.is-next:hover svg{transform:translateX(.2rem)}
.pd-arrow:active{transform:translateY(-50%) scale(.92)}
.pd-stage:focus-visible{outline:2px solid var(--fire);outline-offset:4px}
@media(hover:none){.pd-arrow{opacity:1}}

.pd-stage img.shot-bleed{padding:0;object-fit:cover}
.pd-stage img.shot-wide{padding:0;object-fit:contain}
.pd-stage.is-bleed{border-radius:5px}
.pd-stage img.shot-photo{padding:0;object-fit:cover;object-position:center;mix-blend-mode:normal}
.pd-thumb img.shot-photo{object-fit:cover;mix-blend-mode:normal}

.pd-stage--knife{border-radius:5px;aspect-ratio:4/3}
.pd-stage--knife img.knife-closeup{inset:0 -1% auto auto;width:110%;height:110%;padding:0;object-fit:contain;object-position:right top;mix-blend-mode:normal}
.pd-stage--knife img.knife-photo{padding:0;object-fit:cover;object-position:center;mix-blend-mode:normal}
.pd-stage--knife img.knife-landscape{padding:0;object-fit:contain;mix-blend-mode:normal}

.pd-stage--knife img.knife-boxed{mix-blend-mode:normal}
.pd-stage--knife img.shot-photo{padding:0;object-fit:cover}
.pd-stage--knife img:not(.shot-photo):not([class*="knife-"]){padding:6%;background:#fff;mix-blend-mode:normal}
.pd-media--knife .pd-thumb img.shot-photo{object-fit:cover}
.pd-media--knife .pd-thumb img:not(.shot-photo):not([class*="knife-"]){object-fit:contain;background:#fff;mix-blend-mode:normal}
.pd-media--knife .pd-thumbs{gap:.55rem}
.pd-media--knife .pd-thumb{display:block;min-width:0;height:auto;padding:4px;border-radius:5px;overflow:hidden;background:var(--paper-2)}
.pd-media--knife .pd-thumb img{display:block;width:100%;height:100%;aspect-ratio:1;min-height:0;border-radius:3px}
.pd-media--knife .pd-thumb img.knife-photo,.pd-media--knife .pd-thumb img.knife-landscape{object-fit:cover;mix-blend-mode:normal}
.pd-media--knife .pd-thumb.is-on{border-color:var(--fire);box-shadow:0 0 0 1px var(--fire);opacity:1}

.pd-stage--knife img{transition:none}
.pd-stage--knife img.knife-boxed{padding:3%}

.pd--variants .pd-specs{grid-template-columns:1fr;margin-top:1.5rem;padding:1rem 0}
.pd--variants .pd-specs>div:first-child dd{font-size:1.05rem;line-height:1.5}
.pd--variants .pd-stage{aspect-ratio:1.12;border-radius:8px}
.pd--variants .pd-stage img{padding:7%}
.pd--variants .pd-variants{margin-top:1.6rem}
.pd-size-table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}
.pd-size-table caption{text-align:left;font-size:1.05rem;margin-bottom:1rem}
.pd-size-table thead th{font-size:.8rem;color:var(--mute);font-weight:400;padding:0 0 .7rem;border-bottom:1px solid #d6d0c4}
.pd-size-table tbody th,.pd-size-table td{padding:.85rem 0;border-bottom:1px solid #ded8ce;font-weight:400;font-size:.95rem}
.pd-size-table tbody th{font-size:1.1rem;width:27%}
.pd-size-table td{color:var(--ink-2)}
.pd-size-table td:last-child,.pd-size-table thead th:last-child{text-align:right;font-size:.85rem;color:var(--mute)}
@media(max-width:380px){.pd-size-table td{font-size:.8rem}.pd-size-table tbody th{font-size:1rem}}
