/* R05 retail leaf. Existing order, original imagery and measured frame targets. */
:is(.shelf-ui,.product-ui,#index-dialog,#experience-dialog){
 color:var(--finish-ink,#eeece6);
 font-weight:400;
 font-optical-sizing:auto;
}
:is(.shelf-ui,.product-ui,#index-dialog,#experience-dialog) :is(button,input,summary){
 transition:color .18s var(--finish-ease,cubic-bezier(.22,.61,.36,1)),border-color .18s var(--finish-ease,cubic-bezier(.22,.61,.36,1)),background-color .18s var(--finish-ease,cubic-bezier(.22,.61,.36,1));
}
:is(.shelf-ui,.product-ui,#index-dialog,#experience-dialog) :is(button,input,summary):focus-visible{
 outline:2px solid var(--finish-ink,#eeece6);
 outline-offset:4px;
}

/* Quiet headings, then room for the work before its catalogue information. */
.shelf-ui .shelf-heading{top:128px;left:var(--finish-gutter,40px);right:var(--finish-gutter,40px)}
.shelf-ui .shelf-heading>.micro{font-size:9px;line-height:1.5;letter-spacing:.14em;font-weight:450;color:var(--finish-muted,#b5b1a6)}
.shelf-ui .shelf-heading h1{font-size:48px;line-height:1.08;font-weight:380;letter-spacing:-.045em;margin:12px 0}
.shelf-ui .shelf-heading>p{font-size:14px;line-height:1.6;font-weight:400;color:var(--finish-muted,#b5b1a6);max-width:52ch;margin:0}
.shelf-ui .shelf-scroll{top:270px;padding:0 var(--finish-gutter,40px) 56px;scrollbar-color:#65635b #080808}
.shelf-ui:has(#world-filters:not([hidden])) .shelf-scroll{top:332px}
.shelf-ui #shelf-grid{gap:44px 28px}
.shelf-ui .shelf-window{border-color:rgba(235,230,217,.12);color:var(--finish-muted,#b5b1a6)}
.shelf-ui .shelf-card-text{padding:21px 0 15px;gap:10px;background:#080808;border-top:1px solid var(--finish-line,rgba(235,230,217,.18))}
.shelf-ui .shelf-card-text strong{font-size:21px;line-height:1.22;font-weight:400;letter-spacing:-.025em;color:var(--finish-ink,#eeece6);overflow-wrap:anywhere}
.shelf-ui .shelf-line{font-size:13px;line-height:1.6;color:var(--finish-muted,#b5b1a6)}
.shelf-ui .shelf-price{font-size:12px;line-height:1.65;color:var(--finish-muted,#b5b1a6);font-variant-numeric:tabular-nums}
.shelf-ui .product-experience{grid-column:1/-1;font-size:12px;line-height:1.65;color:var(--finish-ink,#eeece6)}
.shelf-ui .shelf-card-text>span:nth-child(2){font-size:17px;line-height:1.5;color:var(--finish-muted,#b5b1a6)}
/* Native button centering must not stagger images in a mixed-height row. */
.shelf-ui .shelf-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.shelf-ui .shelf-window{flex:none;width:100%}
.shelf-ui .shelf-card-text{flex:1;grid-template-rows:auto 1fr auto minmax(20px,auto);align-items:start}
.shelf-ui .shelf-card:hover .shelf-window{border-color:rgba(235,230,217,.42)}
.shelf-ui .shelf-card:hover .shelf-card-text>span:nth-child(2){color:var(--finish-ink,#eeece6)}
.shelf-ui #shelf-status{font-size:9px;line-height:1.6;letter-spacing:.08em;color:var(--finish-subtle,#949087)}
.shelf-ui #world-filters{gap:24px;margin-top:19px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#65635b #080808}
.shelf-ui #world-filters button{min-width:44px;min-height:44px;font-size:12px;line-height:1.4;padding:0 0 6px;color:var(--finish-muted,#b5b1a6)}
.shelf-ui #world-filters button[aria-pressed=true]{border-color:var(--finish-ink,#eeece6);color:var(--finish-ink,#eeece6)}
.shelf-ui #world-filters button:hover{color:var(--finish-ink,#eeece6)}

/* Generic product panels: a readable dossier alongside the original image. */
.product-ui .product-breadcrumb{top:110px;min-height:44px;gap:13px;align-items:center;font-size:11px;line-height:1.5;color:var(--finish-muted,#b5b1a6)}
.product-ui .product-breadcrumb button{min-height:44px;font-size:11px;line-height:1.5;color:var(--finish-ink,#eeece6)}
.product-ui .product-breadcrumb>span:nth-child(2){color:var(--finish-subtle,#949087)}
.product-ui .product-panel{width:clamp(280px,25vw,350px);padding:4px 12px 8px 3px;max-height:calc(100svh - 220px);scrollbar-color:#65635b #080808}
.product-ui .product-panel>.micro{font-size:9px;line-height:1.6;letter-spacing:.14em;color:var(--finish-muted,#b5b1a6)}
.product-ui .product-panel h1{font-size:40px;line-height:1.08;font-weight:380;letter-spacing:-.04em;margin:14px 0 18px;overflow-wrap:anywhere}
.product-ui .product-panel .product-lead{font-size:19px;line-height:1.45;font-weight:380;letter-spacing:-.015em;color:var(--finish-ink,#eeece6)}
.product-ui .product-panel>p{font-size:14px;line-height:1.75;color:var(--finish-muted,#b5b1a6)}
.product-ui .product-offer{padding:22px 0;margin:26px 0;border-color:var(--finish-line,rgba(235,230,217,.18))}
.product-ui .product-offer strong{font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.025em;color:var(--finish-ink,#eeece6)}
.product-ui .product-offer>span{font-size:12px;line-height:1.65;margin-top:10px;color:var(--finish-muted,#b5b1a6)}
.product-ui .product-offer button:disabled{min-height:48px;padding:12px 16px;margin-top:18px;font-size:12px;line-height:1.5;border-color:var(--finish-line,rgba(235,230,217,.18));background:var(--finish-surface,#101110);color:var(--finish-muted,#b5b1a6);cursor:default}
.product-ui #product-actions{gap:10px;margin:22px 0}
.product-ui #product-actions button{min-height:48px;font-size:13px;line-height:1.6;padding:12px 0;border:0;border-bottom:1px solid var(--finish-line,rgba(235,230,217,.18));color:var(--finish-ink,#eeece6)}
.product-ui #product-actions button:hover{border-color:rgba(235,230,217,.52);background:#111210}
.product-ui #product-listening label{font-size:12px;line-height:1.65;letter-spacing:.025em;color:var(--finish-muted,#b5b1a6);margin:24px 0}
.product-ui #product-listening audio{height:44px;margin-top:12px}
.product-ui .product-panel dl{margin:26px 0}
.product-ui .product-panel dl>div{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:17px 0;font-size:12px;line-height:1.7;border-color:var(--finish-line,rgba(235,230,217,.18))}
.product-ui .product-panel dt{color:var(--finish-subtle,#949087)}
.product-ui .product-panel dd{color:var(--finish-ink,#eeece6);overflow-wrap:anywhere}
.product-ui .product-panel details{padding:17px 0;border-color:var(--finish-line,rgba(235,230,217,.18))}
.product-ui .product-panel details summary{min-height:44px;align-items:center;font-size:13px;line-height:1.5;color:var(--finish-ink,#eeece6)}
.product-ui .product-panel details p{font-size:13px;line-height:1.75;color:var(--finish-muted,#b5b1a6)}
.product-ui .product-panel>p,.product-ui .product-panel details p{text-wrap:pretty}
.product-ui #product-details img{height:auto;object-fit:contain}
.product-ui #product-emotions>div{font-size:11px;line-height:1.6;color:var(--finish-muted,#b5b1a6)}
.product-ui #product-emotions meter::-webkit-meter-bar{background:#30322d}
.product-ui #product-emotions meter::-webkit-meter-optimum-value{background:#c2bfb4}
.product-ui #synth-views button{min-height:44px;font-size:11px;color:var(--finish-muted,#b5b1a6)}
.product-ui #synth-views button[aria-pressed=true]{color:var(--finish-ink,#eeece6);border-color:var(--finish-ink,#eeece6)}
.product-ui #synth-views span{font-size:10px;color:var(--finish-subtle,#949087)}

/* The same Shop index, with a calmer density and explicit control states. */
#index-dialog{max-width:960px;padding:36px;background:#101110;border-color:rgba(235,230,217,.3);scrollbar-color:#65635b #101110}
#index-dialog .dialog-heading{gap:24px;align-items:flex-start}
#index-dialog .dialog-heading .micro{font-size:9px;line-height:1.6;letter-spacing:.13em;color:var(--finish-muted,#b5b1a6)}
#index-dialog .dialog-heading h2{font-size:40px;line-height:1.08;font-weight:380;letter-spacing:-.04em;margin:12px 0 25px;text-wrap:balance}
#index-dialog .dialog-heading>button{min-width:44px;min-height:44px;padding:0;font-size:12px;color:var(--finish-ink,#eeece6)}
#index-dialog .index-search{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;margin:8px 0 22px;padding:18px 0;font-size:12px;line-height:1.5;border-color:var(--finish-line,rgba(235,230,217,.18));color:var(--finish-muted,#b5b1a6)}
#index-dialog .index-search input{width:100%;max-width:none;min-height:48px;padding:12px 14px;font-size:16px;line-height:1.4;background:#0b0d0b;border-color:rgba(235,230,217,.3);color:var(--finish-ink,#eeece6);border-radius:0}
#index-dialog .index-search input::placeholder{color:var(--finish-subtle,#949087);opacity:1}
#index-dialog .shop-toolbar{gap:12px 20px;flex-wrap:wrap;margin-bottom:24px}
#index-dialog #shop-departments{gap:20px}
#index-dialog #shop-departments button{min-width:44px;min-height:44px;font-size:12px;line-height:1.4;color:var(--finish-muted,#b5b1a6)}
#index-dialog #shop-departments button[aria-pressed=true]{color:var(--finish-ink,#eeece6);border-color:var(--finish-ink,#eeece6)}
#index-dialog #shop-departments button:hover{color:var(--finish-ink,#eeece6)}
#index-dialog .shop-toolbar>button{min-height:44px;font-size:12px;line-height:1.5;color:var(--finish-ink,#eeece6)}
#index-dialog .shop-toolbar>button span{color:var(--finish-muted,#b5b1a6);font-variant-numeric:tabular-nums}
#index-dialog #shop-products{gap:16px}
#index-dialog #shop-products button{padding:19px 18px;gap:18px;min-height:96px;background:transparent;border-color:var(--finish-line,rgba(235,230,217,.18));align-items:center}
#index-dialog #shop-products button:hover{background:#191b18;border-color:rgba(235,230,217,.44)}
#index-dialog #shop-products img{width:72px;height:72px;object-fit:contain;background:#080808}
#index-dialog #shop-products .shop-item-copy{gap:8px}
#index-dialog #shop-products strong{font-size:16px;line-height:1.3;font-weight:400;letter-spacing:-.015em;color:var(--finish-ink,#eeece6);overflow-wrap:anywhere}
#index-dialog #shop-products .shop-item-copy>span{font-size:12px;line-height:1.6;color:var(--finish-muted,#b5b1a6);text-wrap:pretty}
#index-dialog #shop-products .shop-item-copy>.product-experience{color:var(--finish-ink,#eeece6)}
#index-dialog #shop-products .shop-category{min-height:64px;padding:20px 18px;font-size:13px;line-height:1.5;color:var(--finish-ink,#eeece6)}
#index-dialog .shop-type-mark{width:72px;height:72px;background:#0c0e0c;border-color:var(--finish-line,rgba(235,230,217,.18));color:var(--finish-muted,#b5b1a6)!important}
#index-dialog #art-index{margin-top:28px;padding-top:20px;border-color:var(--finish-line,rgba(235,230,217,.18))}
#index-dialog #art-index summary{min-height:44px;align-items:center;font-size:13px;line-height:1.5;color:var(--finish-ink,#eeece6)}
#index-dialog #index-works{gap:10px}
#index-dialog #index-works button{min-height:52px;padding:14px 12px;font-size:12px;line-height:1.5;border-color:var(--finish-line,rgba(235,230,217,.18));color:var(--finish-ink,#eeece6)}
#index-dialog #index-works button span{font-size:10px;color:var(--finish-muted,#b5b1a6)}
#index-dialog #index-works button:hover{background:#191b18;border-color:rgba(235,230,217,.44)}
#index-dialog #index-empty{font-size:14px;line-height:1.7;color:var(--finish-muted,#b5b1a6)}

#experience-dialog{padding:28px;background:#101110;border-color:rgba(235,230,217,.3)}
#experience-dialog .dialog-heading{gap:20px;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--finish-line,rgba(235,230,217,.18))}
#experience-dialog #experience-title{font-size:26px;line-height:1.2;font-weight:380;letter-spacing:-.03em}
#experience-dialog .dialog-heading>button{min-width:44px;min-height:44px;font-size:12px;padding:0}
#experience-dialog #experience-content p{font-size:13px;line-height:1.75;color:var(--finish-muted,#b5b1a6)}
#experience-dialog #experience-content :is(iframe,video){border-color:var(--finish-line,rgba(235,230,217,.18));background:#080808}

@media(min-width:701px) and (max-width:1000px){
 .product-ui #product-frame{--product-width:min(calc(55vw - 40px),calc((100svh - 240px)*var(--image-ratio)));left:var(--finish-gutter,40px)}
 .product-ui .product-panel{width:280px;right:32px}
 .product-ui .product-panel h1{font-size:34px}
}
@media(min-width:701px) and (max-height:700px){
 .shelf-ui .shelf-heading{top:115px}
 .shelf-ui .shelf-heading h1{font-size:36px;margin:9px 0}
 .shelf-ui .shelf-heading>p{font-size:12px}
 .shelf-ui .shelf-scroll{top:235px}
 .shelf-ui:has(#world-filters:not([hidden])) .shelf-scroll{top:293px}
 .product-ui .product-panel{max-height:calc(100svh - 185px)}
}
@media(max-width:700px){
 .shelf-ui .shelf-heading{top:102px;left:var(--finish-gutter,20px);right:var(--finish-gutter,20px)}
 .shelf-ui .shelf-heading>.micro{font-size:8px;line-height:1.6;letter-spacing:.12em}
 .shelf-ui .shelf-heading h1{font-size:36px;margin:10px 0;line-height:1.1}
 .shelf-ui .shelf-heading>p{font-size:13px;line-height:1.55;max-width:39ch}
 .shelf-ui .shelf-scroll{top:248px;padding:0 var(--finish-gutter,20px) 40px}
 .shelf-ui:has(#world-filters:not([hidden])) .shelf-scroll{top:283px}
 .shelf-ui #shelf-grid,.shelf-ui #shelf-grid[data-category=instruments]{gap:32px}
 .shelf-ui .shelf-card-text{padding-top:18px;gap:9px}
 .shelf-ui .shelf-card-text:not(:has(.product-experience)){grid-template-rows:auto 1fr auto}
 .shelf-ui .shelf-card-text strong{font-size:22px}
 .shelf-ui .shelf-line,.shelf-ui .shelf-price{font-size:12px;line-height:1.65}
 .shelf-ui #world-filters{gap:18px;margin-top:18px}
 .shelf-ui #world-filters button{font-size:11px}
 .product-ui .product-breadcrumb{top:86px;left:var(--finish-gutter,20px);right:var(--finish-gutter,20px);font-size:11px}
 .product-ui #product-frame{top:146px}
 .product-ui .product-panel{top:calc(146px + min(calc((100vw - 40px)/var(--image-ratio)),34svh) + 26px);left:var(--finish-gutter,20px);right:var(--finish-gutter,20px);width:auto;max-height:none;padding:0 8px 14px 0}
 .product-ui .product-panel h1{font-size:34px;margin:12px 0 17px}
 .product-ui .product-panel .product-lead{font-size:18px;line-height:1.5}
 .product-ui .product-panel>p{font-size:13px;line-height:1.75}
 .product-ui .product-offer{margin:23px 0;padding:20px 0}
 .product-ui .product-offer strong{font-size:27px}
 .product-ui .product-panel dl>div{grid-template-columns:90px minmax(0,1fr);gap:14px}
 #index-dialog{width:calc(100% - 32px);padding:22px 20px;max-height:88svh}
 #index-dialog .dialog-heading{gap:14px}
 #index-dialog .dialog-heading h2{font-size:31px;margin:12px 0 22px}
 #index-dialog .index-search{grid-template-columns:1fr;gap:11px;padding:17px 0;margin:6px 0 18px}
 #index-dialog .shop-toolbar{margin-bottom:20px;gap:10px}
 #index-dialog #shop-departments{gap:14px}
 #index-dialog #shop-departments button{font-size:11px}
 #index-dialog #shop-products{gap:12px}
 #index-dialog #shop-products button{padding:16px 12px;gap:14px}
 #index-dialog #shop-products img,#index-dialog .shop-type-mark{width:64px;height:64px}
 #index-dialog #shop-products strong{font-size:15px}
 #index-dialog #shop-products .shop-item-copy>span{font-size:11px;line-height:1.65}
 #index-dialog #index-works button{gap:8px;padding:12px 9px}
 #experience-dialog{width:calc(100% - 24px);padding:20px}
 #experience-dialog #experience-title{font-size:22px;max-width:none}
 #experience-dialog .dialog-heading{gap:14px}
}
@media(prefers-reduced-motion:reduce){
 :is(.shelf-ui,.product-ui,#index-dialog,#experience-dialog) :is(button,input,summary){transition:none}
}