/* Product composition follows concepts/product-light-final.png at 1586 × 992. */
.product-page{--product-label-font:Arial,sans-serif}
.product-page .page-header{width:88.4%;border-bottom:1px solid var(--line)}
.product-page .product-layout{display:grid;grid-template-columns:5.8% 55.4% 2.15% 30.85% 5.8%;column-gap:0;width:100%;margin:0;border-bottom:1px solid var(--line);align-items:start}
.product-page .product-media{grid-column:2;grid-row:1;padding:0;min-width:0}
.product-page .product-frame{margin:0 0 4px;background:transparent}
.product-page .product-frame img{display:block;width:100%;height:auto;aspect-ratio:878/779;object-fit:cover;object-position:center;transform:none}
.product-page .product-frame:first-child img{object-position:42% 50%}
.product-page .product-frame figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-page .product-frame--object{min-height:0;aspect-ratio:878/779}
.product-page .product-frame--object img{width:92%;height:92%;aspect-ratio:auto;object-fit:contain;filter:none}

.product-page .product-rail{grid-column:1;grid-row:1;position:sticky;top:24px;align-self:start;height:min(52vw,calc(100svh - 95px));max-height:none;padding-top:2.7vw;gap:0;justify-content:flex-start}
.product-page .product-rail__index{writing-mode:initial;white-space:normal;width:22px;word-spacing:20px;text-align:center;font:400 clamp(16px,1.38vw,24px)/1.06 var(--reference-display,'ARTs Display',Georgia,serif);letter-spacing:-.07em;flex:none}
.product-page .product-rail__progress{flex:1;max-height:none;min-height:80px;margin-top:1.3vw;margin-bottom:1.3vw;background:var(--line)}
.product-page .product-rail__progress span{width:2px;left:-.5px;max-height:100%;transition:height .45s var(--ease)}
.product-rail__controls{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}
.product-rail__controls>span{height:1px;width:14px;background:var(--line-strong)}
.product-rail__controls button,.product-gallery__controls button{display:grid;place-items:center;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;transition:opacity .2s}
.product-rail__controls button{width:30px;height:25px}
.product-rail__controls svg{height:22px;width:18px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .25s var(--ease)}
.product-rail__controls button:first-child:hover svg{transform:translateY(-3px)}
.product-rail__controls button:last-child:hover svg{transform:translateY(3px)}
.product-gallery__controls button:disabled,.product-rail__controls button:disabled{opacity:.3;cursor:default}

.product-page .product-info{grid-column:4;grid-row:1;position:sticky;top:0;align-self:start;min-height:0;padding:2.8vw 0 0 2.83vw;border-left:1px solid var(--line)}
.product-page .product-info h1{font:700 clamp(125px,12.43877vw,246px)/.86 'ARTs Reference',var(--reference-display);margin:0;letter-spacing:0;white-space:nowrap}
.product-page .product-info h1>span{display:inline-block;transform:scaleX(.570325) translateX(-.022em);transform-origin:left bottom}
.product-page .product-info__name{margin:1.3vw 0 3vw;padding:0;border:0;font:400 clamp(14px,1.2vw,23px)/1.4 var(--product-label-font);letter-spacing:.135em;text-transform:uppercase;white-space:nowrap}
.product-page .product-info__name::before{display:block;content:'';width:2.83vw;min-width:30px;height:1px;margin-bottom:1.35vw;background:var(--ink)}
.product-page .product-specs{grid-template-columns:1fr 1.26fr 1.08fr;margin:0 0 3.13vw;gap:0;min-height:3.75vw}
.product-page .product-specs div{padding:0 1.15vw 0 0;border-right:1px solid var(--line)}
.product-page .product-specs div+div{padding-left:2.8vw}
.product-page .product-specs div:last-child{border-right:0;padding-right:0}
.product-page .product-specs dt{font:400 clamp(9px,.77vw,14px)/1.15 var(--product-label-font);margin:0 0 .5vw;color:var(--ink);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.product-page .product-specs dd{font:400 clamp(22px,2.1vw,40px)/1.03 var(--reference-display,'ARTs Display',Georgia,serif);letter-spacing:-.06em;white-space:nowrap;transform:scaleX(.84);transform-origin:left center}
.product-page .product-tabs{margin:0 0 2vw;gap:5vw;min-height:1.85vw}
.product-page .product-tab{font:400 clamp(10px,.76vw,14px)/1.2 var(--product-label-font);letter-spacing:.08em;padding:0 0 .85vw}
.product-page .product-tab[aria-selected=true]::after{height:1.5px}
.product-page .product-copy{margin:0 0 2.25vw;max-width:24vw;min-height:4.1em;font:400 clamp(15px,1.13vw,21px)/1.32 var(--product-label-font);letter-spacing:.045em;color:var(--ink)}
.product-page .product-cta{min-height:3.56vw;border-color:var(--ink);font:400 clamp(12px,.95vw,18px)/1.2 var(--product-label-font);letter-spacing:.15em;text-transform:uppercase;transition:color .3s,background-color .3s}
.product-page .product-meta{margin:1.76vw 0 0;padding:1.7vw 0 0;gap:1.25vw;align-items:flex-start;border-top:1px solid var(--line)}
.product-page .product-info__eyebrow,.product-gallery__label{margin:0 0 .7vw;font:400 clamp(8px,.64vw,12px)/1.2 var(--product-label-font);letter-spacing:.1em;text-transform:uppercase}
.product-page .product-info__eyebrow::before{display:none}
.product-page .product-swatches{gap:.64vw}
.product-page .product-swatch{width:2.72vw;height:2.72vw;min-width:28px;min-height:28px;border-color:rgba(48,46,37,.14);background-image:url('../assets/paper.215a22d7268f.webp');background-size:320px;background-blend-mode:multiply}
.product-page .product-swatch:nth-child(1){background-color:#f2eee5}.product-page .product-swatch:nth-child(2){background-color:#dcd6cb}.product-page .product-swatch:nth-child(3){background-color:#a49c90}
.product-page .product-meta__gallery{display:block;flex:none}
.product-gallery__label{display:block}
.product-gallery__controls{display:flex;align-items:center;gap:.8vw;margin-top:-.5vw}
.product-gallery__controls button{width:1.85vw;min-width:25px;height:36px}
.product-gallery__controls svg{width:23px;height:20px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .25s var(--ease)}
.product-gallery__controls button:first-child:hover svg{transform:translateX(-3px)}
.product-gallery__controls button:last-child:hover svg{transform:translateX(3px)}
.product-gallery__index{display:flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--ink);border-radius:50%;width:4.6vw;height:4.6vw;min-width:55px;min-height:55px;font:400 clamp(13px,1.05vw,20px)/1 var(--reference-display,'ARTs Display',Georgia,serif);white-space:nowrap;letter-spacing:-.045em}
.product-info__signature{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2.6vw 0 0 -2.83vw;padding:1.15vw 0 1.15vw 2.4vw;border-top:1px solid var(--line);font:400 clamp(7px,.55vw,10px)/1.35 var(--product-label-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.product-info__signature>span:first-child{display:flex;align-items:center;gap:.75vw}
.product-info__signature>span:first-child::before{content:'';flex:none;width:18px;height:1px;background:currentColor}
.product-info__signature>span:last-child{letter-spacing:.4em}
.product-page .similar{background:transparent;padding-inline:5.8%}

@media(min-width:1900px){.product-page .product-info h1{font-size:12.65vw}.product-page .product-copy{font-size:1.13vw}.product-page .product-cta{font-size:.95vw}.product-page .product-info__name{font-size:1.2vw}}
@media(max-width:1100px) and (min-width:801px){
 .product-page .product-info h1{font-size:12.65vw}.product-page .product-info__name{font-size:1.2vw}.product-page .product-copy{font-size:1.2vw}.product-page .product-tab{font-size:.85vw}.product-page .product-specs dd{font-size:2.25vw}.product-page .product-specs dt{font-size:.85vw}.product-page .product-cta{font-size:1vw;min-height:4vw}.product-page .product-info__eyebrow,.product-gallery__label{font-size:.73vw}.product-page .product-meta{gap:10px}.product-page .product-swatch{min-width:22px;min-height:22px}.product-gallery__index{min-width:42px;min-height:42px}.product-gallery__controls{gap:.35vw}.product-gallery__controls button{min-width:20px}.product-info__signature{font-size:.5vw}
}
@media(max-width:800px){
 .product-page .product-layout{display:grid;width:88%;margin-inline:auto;grid-template-columns:minmax(0,1fr)}
 .product-page .product-rail{display:none}
 .product-page .product-media{grid-column:1;grid-row:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;touch-action:pan-x pan-y}
 .product-page .product-media::-webkit-scrollbar{display:none}
 .product-page .product-frame{flex:0 0 100%;scroll-snap-align:start;margin:0;min-height:0}
 .product-page .product-frame img{aspect-ratio:1/1.04}
 .product-page .product-frame--object{aspect-ratio:1/1.04}
 .product-page .product-info{grid-column:1;grid-row:2;position:relative;top:auto;padding:38px 0 0;border-left:0;min-height:0}
 .product-page .product-info h1{font-size:clamp(130px,25vw,200px);line-height:.86}
 .product-page .product-info__name{font-size:14px;letter-spacing:.12em;margin:24px 0 35px;white-space:normal}
 .product-page .product-info__name::before{width:38px;margin-bottom:18px}
 .product-page .product-specs{margin-bottom:38px;min-height:56px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .product-page .product-specs div{padding-right:12px}.product-page .product-specs div+div{padding-left:18px}
 .product-page .product-specs dt{font-size:10px;margin-bottom:10px}.product-page .product-specs dd{font-size:28px}
 .product-page .product-tabs{min-height:28px;gap:55px;margin-bottom:24px}.product-page .product-tab{font-size:11px;padding-bottom:13px}
 .product-page .product-copy{font-size:17px;min-height:0;max-width:500px;line-height:1.45;margin-bottom:28px}
 .product-page .product-cta{min-height:56px;font-size:13px;letter-spacing:.12em}
 .product-page .product-meta{margin-top:25px;padding-top:26px;gap:20px}.product-page .product-info__eyebrow,.product-gallery__label{font-size:9px;margin-bottom:13px}
 .product-page .product-swatches{gap:8px}.product-page .product-swatch{width:36px;height:36px}
 .product-gallery__controls{gap:8px;margin-top:-6px}.product-gallery__index{width:60px;height:60px;font-size:15px}.product-gallery__controls button{width:27px}
 .product-info__signature{margin:36px 0 0;padding:20px 0;gap:16px;font-size:7px}.product-info__signature>span:first-child{gap:12px}
 .product-page .similar{padding-inline:6%}
}
@media(prefers-reduced-motion:reduce){.product-rail__controls svg,.product-gallery__controls svg,.product-page .product-rail__progress span{transition:none}}
