/* A warm, lit display shelf, using only the existing miAmi photographs. */
body.showroom-open{overflow:hidden}
.site-header .showroom-nav{font-weight:600}
dialog.product-showroom{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#241b16;color:var(--cream);box-shadow:none;transform:none}
dialog.product-showroom[open]{display:flex;grid-template-columns:none;animation:none}
.product-showroom::backdrop{background:#241b16}
.showroom-shell{display:flex;flex-direction:column;width:100%;min-height:0}
.showroom-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gutter);min-height:86px;border-bottom:1px solid #fff5e426;background:#241b16;z-index:5}
.showroom-logo{width:118px;height:auto}
.showroom-header h2{font-family:var(--font-text);font-size:14px;font-weight:400;letter-spacing:0;line-height:1.5;color:#e6cbb0}
.showroom-close{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 2px 8px 12px;background:transparent;color:var(--cream);font-size:14px;line-height:1.4}
.showroom-close svg{flex:none}
.showroom-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--caramel) #241b16}
.showroom-collection{display:flex;flex-direction:column;min-height:100%;padding:24px var(--gutter) 30px}
.showroom-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3.4vw,56px);max-width:1280px;width:100%;margin:0 auto;flex:1;align-items:center}
.showroom-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0 0 18px;background:transparent;color:var(--cream);text-align:center;isolation:isolate;overflow:hidden}
.showroom-tile:active{transform:none}
.showroom-alcove{position:relative;display:block;width:100%;height:clamp(300px,54svh,560px);overflow:hidden;background:linear-gradient(90deg,#1d1713 0%,#2b2019 10%,#463326 48%,#2c2019 90%,#1d1713 100%);border-radius:110px 110px 0 0}
.showroom-alcove::before,.showroom-detail-alcove::before{content:"";position:absolute;inset:0;box-shadow:inset 0 18px 42px -22px #fff0beaa,inset 20px 0 38px -28px #090502,inset -20px 0 38px -28px #090502;pointer-events:none;border-radius:inherit}
.showroom-light{position:absolute;display:block;left:-22%;right:-22%;top:10px;height:calc(100% - 74px);background:conic-gradient(from 154deg at 50% 0%,transparent 0deg,#ffe5a84d 8deg,#fff2cbb3 26deg,#ffe5a84d 44deg,transparent 52deg);opacity:.16;mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);transform-origin:50% 0;transform:translateX(var(--beam-x,0px)) rotate(var(--beam-angle,0deg));transition:opacity 180ms ease,transform 160ms ease-out;pointer-events:none}
.showroom-plinth{position:absolute;left:11%;right:11%;height:14px;bottom:72px;border-radius:50%;background:#bc946455;box-shadow:0 24px 24px -14px #050302}
.showroom-jar{position:absolute;left:50%;bottom:76px;width:auto;height:72%;max-width:86%;object-fit:contain;transform:translateX(-50%);filter:brightness(.86) saturate(.95) drop-shadow(0 18px 12px #0c07064d);transition:filter 180ms ease}
.showroom-reflection{position:absolute;left:50%;top:calc(100% - 74px);width:auto;height:72%;max-width:86%;object-fit:contain;transform:translateX(-50%) scaleY(-1);opacity:.13;mask-image:linear-gradient(to top,black 0%,transparent 48%);transition:opacity 180ms ease;pointer-events:none}
.showroom-tile-name{display:block;position:relative;margin-top:14px;font:400 29px/1.2 var(--font-display);letter-spacing:-.025em;z-index:1}
.showroom-tile-action{display:inline-flex;align-items:center;gap:12px;min-height:36px;margin-top:6px;color:#e6cbb0;font-size:13px;line-height:1.4}
.showroom-tile-action svg{transition:transform 220ms var(--ease)}
.showroom-collection-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:1280px;width:100%;margin:24px auto 0;padding-top:24px;border-top:1px solid #fff5e426}
.showroom-collection-footer h3{font-size:clamp(34px,3.8vw,60px);line-height:1.03;letter-spacing:-.035em}
.showroom-collection-footer h3 em{font-weight:400;color:#e6cbb0}
.showroom-collection-footer p{font-size:15px;line-height:1.6;color:#e6cbb0;margin:0;max-width:28ch}
.showroom-collection-footer>span{font-size:12px;line-height:1.6;color:#d1b498;text-align:right}
.showroom-collection[hidden],.showroom-detail[hidden],.showroom-flight[hidden]{display:none}
.showroom-detail{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:7vw;align-items:center;min-height:100%;padding:62px max(var(--gutter),8vw) 74px}
.showroom-back{position:absolute;top:12px;left:var(--gutter);display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;background:transparent;color:#e6cbb0;font-size:14px}
.showroom-detail-copy{position:relative;z-index:2;min-width:0;max-width:490px}
.showroom-detail-copy h3{font-size:clamp(46px,5.3vw,82px);line-height:1.05;letter-spacing:-.035em;margin:0 0 16px}
.showroom-tagline{font-size:19px;line-height:1.5;margin:0 0 20px;color:#f2d1a7}
.showroom-description{font-size:16px;line-height:1.7;max-width:42ch;margin-bottom:26px;color:#e6cbb0}
.showroom-facts{margin:0 0 12px;font-size:13px;line-height:1.5}
.showroom-facts>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #fff5e42b}
.showroom-facts dt{color:#d1b498}
.showroom-facts dd{margin:0;text-align:right}
.showroom-label{display:flex;align-items:center;gap:14px;min-height:44px;padding:9px 0;background:transparent;color:#f2d1a7;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-bottom:24px}
.showroom-label:disabled{opacity:.55;cursor:not-allowed}
.showroom-buy{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;min-height:56px;background:var(--cream);color:var(--ink);border-radius:999px;font-size:16px;font-weight:600;line-height:1.4;max-width:360px}
.showroom-pack-note{font-size:12px;line-height:1.6;color:#d1b498;max-width:none;margin:12px 0 0}
.showroom-detail-visual{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}
.showroom-detail-alcove{position:relative;width:min(100%,440px);height:clamp(380px,66svh,690px);overflow:hidden;border-radius:150px 150px 0 0;background:linear-gradient(90deg,#241b16,#423024 16%,#816147 50%,#3d291f 88%,#241b16)}
.showroom-detail-alcove .showroom-plinth{bottom:80px;height:16px}
.showroom-detail-jar{position:absolute;left:50%;bottom:85px;width:auto;height:75%;max-width:86%;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 20px 16px #0c07065c)}
.showroom-detail-reflection{position:absolute;left:50%;top:calc(100% - 83px);width:auto;height:75%;max-width:86%;object-fit:contain;transform:translateX(-50%) scaleY(-1);opacity:.2;mask-image:linear-gradient(to top,black 0%,transparent 42%);pointer-events:none}
.showroom-detail-visual figcaption{font-size:12px;line-height:1.5;color:#d1b498;margin-top:12px;text-align:center}
.showroom-detail-nav{position:absolute;bottom:15px;left:max(var(--gutter),8vw);right:max(var(--gutter),8vw);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid #fff5e426}
.showroom-detail-nav button{width:48px;min-height:44px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--cream)}
.showroom-detail-nav p{font-size:13px;line-height:1.6;color:#e6cbb0;max-width:none;text-align:center;font-variant-numeric:tabular-nums}
.showroom-flight{position:absolute;left:0;top:0;z-index:8;max-width:none;object-fit:fill;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 20px 16px #0c07065c)}
.showroom-moving{visibility:hidden!important}
.product-showroom :focus-visible{outline:2px solid var(--cream);outline-offset:5px}
.product-showroom .showroom-buy:focus-visible{outline-offset:6px}
.product-showroom ::selection{background:var(--cream);color:var(--ink)}
@media(hover:hover) and (pointer:fine){.showroom-tile:hover .showroom-tile-action svg{transform:translateX(5px)}.showroom-close:hover,.showroom-back:hover,.showroom-label:hover{color:#fffaf1}.showroom-buy:hover{background:#e6cbb0}.showroom-detail-nav button:hover{background:#fff5e416}}
@media(max-width:1000px){.showroom-detail{column-gap:32px;padding-inline:var(--gutter)}.showroom-detail-copy h3{font-size:58px}.showroom-description{font-size:15px}.showroom-alcove{height:clamp(280px,49svh,460px);border-radius:80px 80px 0 0}.showroom-tile-name{font-size:25px}.showroom-detail-nav{left:var(--gutter);right:var(--gutter)}.showroom-collection-footer{margin-top:18px}.showroom-detail-alcove{height:clamp(380px,60svh,600px)}}
@media(max-width:650px){.site-header nav{display:flex;gap:0;margin-left:auto}.site-header nav>a:not(.showroom-nav){display:none}.site-header .showroom-nav{display:flex;align-items:center;min-height:44px;font-size:13px}.site-header .brand img{width:90px}.site-header{gap:14px}.site-header .header-contact{gap:5px}.showroom-header{min-height:70px;padding:12px 20px;gap:12px}.showroom-logo{width:92px}.showroom-header h2{font-size:12px}.showroom-close{font-size:13px;gap:6px}.showroom-collection{padding:12px 20px 24px}.showroom-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;align-items:start}.showroom-tile{padding-bottom:4px}.showroom-tile:last-child{grid-column:1 / -1;width:calc(50% - 10px);justify-self:center}.showroom-alcove{height:214px;min-height:0;border-radius:64px 64px 0 0}.showroom-plinth{bottom:42px;height:9px;left:6%;right:6%}.showroom-jar{height:72%;max-width:92%;bottom:46px}.showroom-reflection{height:72%;max-width:92%;top:calc(100% - 45px)}.showroom-tile-name{font-size:22px;line-height:1.2;margin-top:9px}.showroom-tile-action{font-size:12px;margin-top:2px;min-height:30px;gap:8px}.showroom-collection-footer{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:16px;padding-top:20px}.showroom-collection-footer h3{font-size:35px;flex:1}.showroom-collection-footer p{font-size:13px;padding-top:3px}.showroom-collection-footer>span{width:100%;text-align:left;font-size:11px}.showroom-detail{display:flex;flex-direction:column;align-items:stretch;min-height:100%;padding:58px 24px 82px}.showroom-back{left:24px;top:8px;font-size:13px}.showroom-detail-visual{order:0;align-self:stretch;flex:none;min-height:0;margin-bottom:26px}.showroom-detail-alcove{height:330px;width:242px;border-radius:96px 96px 0 0}.showroom-detail-alcove .showroom-plinth{bottom:48px;height:10px}.showroom-detail-jar{height:77%;bottom:54px}.showroom-detail-reflection{height:77%;top:calc(100% - 52px)}.showroom-detail-copy{order:1;max-width:none}.showroom-detail-copy h3{font-size:48px;margin-bottom:12px}.showroom-tagline{font-size:17px;margin-bottom:16px}.showroom-description{font-size:15px;margin-bottom:20px}.showroom-label{margin-bottom:20px}.showroom-buy{max-width:none}.showroom-detail-nav{left:24px;right:24px;bottom:14px}.showroom-detail-nav p{font-size:12px}.showroom-detail-visual figcaption{font-size:11px;margin-top:8px}}
@media(max-height:720px) and (min-width:651px){.showroom-header{min-height:70px;padding-block:10px}.showroom-alcove{height:320px}.showroom-collection-footer h3{font-size:38px}.showroom-collection-footer{margin-top:14px;padding-top:16px}.showroom-detail{padding-top:60px;padding-bottom:70px}.showroom-detail-alcove{height:430px}.showroom-detail-copy h3{font-size:54px}.showroom-description{margin-bottom:18px}.showroom-label{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.showroom-jar,.showroom-light,.showroom-tile-action svg{transition:none}.showroom-tile:hover .showroom-jar{transform:translateX(-50%)}}
.manual-reduced .showroom-jar,.manual-reduced .showroom-light,.manual-reduced .showroom-tile-action svg{transition:none}
.manual-reduced .showroom-tile:hover .showroom-jar{transform:translateX(-50%)}

/* A switched-on overhead spotlight, rather than a uniformly bright shelf. */
.showroom-alcove::after,.showroom-detail-alcove::after{content:"";position:absolute;top:7px;left:50%;width:54px;height:5px;border-radius:50%;background:#fff2d1;box-shadow:0 3px 14px 3px #ffe3a947;transform:translateX(-50%);opacity:.28;transition:opacity 180ms ease,box-shadow 180ms ease;pointer-events:none}
.showroom-plinth{transition:background 180ms ease,box-shadow 180ms ease}
.showroom-detail-alcove .showroom-light{height:calc(100% - 82px);opacity:.7}
.showroom-detail-alcove::after{opacity:.8}
.showroom-detail-jar{transition:filter 180ms ease}
.showroom-detail-reflection{transition:opacity 180ms ease}
.showroom-tile:focus-visible .showroom-light{opacity:1}
.showroom-tile:focus-visible .showroom-alcove::after{opacity:1;box-shadow:0 5px 24px 9px #ffe3a982}
.showroom-tile:focus-visible .showroom-jar{filter:brightness(1.12) saturate(1.05) drop-shadow(0 18px 12px #0c07064d)}
.showroom-tile:focus-visible .showroom-reflection{opacity:.36}
@media(hover:hover) and (pointer:fine){
  .showroom-tile:hover .showroom-light,.showroom-detail-alcove:hover .showroom-light{opacity:1}
  .showroom-tile:hover .showroom-alcove::after,.showroom-detail-alcove:hover::after{opacity:1;box-shadow:0 5px 24px 9px #ffe3a982}
  .showroom-tile:hover .showroom-jar{filter:brightness(1.12) saturate(1.05) drop-shadow(0 18px 12px #0c07064d)}
  .showroom-tile:hover .showroom-reflection,.showroom-detail-alcove:hover .showroom-detail-reflection{opacity:.36}
  .showroom-tile:is(:hover,:focus-visible) .showroom-plinth,.showroom-detail-alcove:hover .showroom-plinth{background:#eac88caa;box-shadow:0 -2px 24px 8px #f4ce8e40,0 24px 24px -14px #050302}
  .showroom-detail-alcove:hover .showroom-detail-jar{filter:brightness(1.1) saturate(1.04) drop-shadow(0 20px 16px #0c07065c)}
  .showroom-shelf:has(.showroom-tile:is(:hover,:focus-visible)) .showroom-tile:not(:hover):not(:focus-visible) .showroom-jar{filter:brightness(.62) saturate(.85) drop-shadow(0 18px 12px #0c07064d)}
  .showroom-shelf:has(.showroom-tile:is(:hover,:focus-visible)) .showroom-tile:not(:hover):not(:focus-visible) .showroom-light{opacity:.06}
  .showroom-shelf:has(.showroom-tile:is(:hover,:focus-visible)) .showroom-tile:not(:hover):not(:focus-visible) .showroom-reflection{opacity:.07}
}
@media(hover:none),(pointer:coarse){.showroom-alcove .showroom-light{opacity:.65}.showroom-alcove::after{opacity:.75}.showroom-jar{filter:drop-shadow(0 18px 12px #0c07064d)}.showroom-reflection{opacity:.22}}
@media(max-width:650px){.showroom-alcove .showroom-light{height:calc(100% - 44px)}.showroom-detail-alcove .showroom-light{height:calc(100% - 50px)}.showroom-alcove::after{width:36px;height:4px}}
@media(prefers-reduced-motion:reduce){.product-showroom .showroom-light{transform:none;transition:none}.product-showroom .showroom-jar,.product-showroom .showroom-reflection,.product-showroom .showroom-detail-jar,.product-showroom .showroom-detail-reflection,.product-showroom .showroom-plinth,.product-showroom .showroom-alcove::after,.product-showroom .showroom-detail-alcove::after{transition:none}}
.manual-reduced .product-showroom .showroom-light{transform:none;transition:none}
.manual-reduced .product-showroom .showroom-jar,.manual-reduced .product-showroom .showroom-reflection,.manual-reduced .product-showroom .showroom-detail-jar,.manual-reduced .product-showroom .showroom-detail-reflection,.manual-reduced .product-showroom .showroom-plinth,.manual-reduced .product-showroom .showroom-alcove::after,.manual-reduced .product-showroom .showroom-detail-alcove::after{transition:none}
