/* A shared white photographic stage sits inside the changing editorial palette. */
:root{--studio-paper:#fff;--studio-line:#28201814}
html body :is(.product-image,.product-stage,.hero-art,.bottle-thumb,.personal-rec-art,.mood-bottle,.journal-image,.guide-art,.guide-hero-art,.watch-cover,.league-bottles,.empty-wardrobe-bottles){background:var(--studio-paper)!important}
html body .studio-frame{display:block;position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;width:100%;aspect-ratio:1;background:var(--studio-paper);border-radius:0}
html body .studio-frame>img{position:absolute!important;display:block!important;width:var(--bottle-w)!important;height:var(--bottle-h)!important;max-width:none!important;max-height:none!important;min-width:0!important;left:var(--bottle-x)!important;top:var(--bottle-y)!important;margin:0!important;padding:0!important;object-fit:fill!important;aspect-ratio:auto!important;mix-blend-mode:normal!important;filter:none!important;opacity:1!important;transform:none!important;scale:none!important;translate:none!important;rotate:none!important;animation:none!important;transition:none!important;background:transparent!important}
html body .product-image{width:100%;max-width:100%;min-width:0;height:auto!important;aspect-ratio:1;border:1px solid var(--studio-line)}
.product-image>a>.studio-frame{height:100%;width:100%}
html body .product-stage{padding:0;display:flex;flex-direction:column;min-height:0;justify-content:center;border:1px solid var(--studio-line);align-self:start}
html body .product-stage>.studio-frame{width:100%;max-width:720px}
html body .product-stage .stage-caption{position:static;display:block;width:100%;padding:20px 26px;margin:0;border-top:1px solid var(--studio-line);color:var(--muted);font-size:16px;line-height:1.6;letter-spacing:.055em}
html body .hero-art>.studio-frame{width:min(94%,740px);z-index:1;background:transparent}
.hero-art .background-word{color:#e7e1d9}
html body .hero-art{border:1px solid var(--studio-line)}
html body .bottle-thumb>.studio-frame{width:100%;height:auto}
html body .league-bottles,html body .empty-wardrobe-bottles{gap:0;margin:30px auto;width:100%;border:1px solid var(--studio-line);overflow:hidden}
html body .league-bottles>.studio-frame,html body .empty-wardrobe-bottles>.studio-frame{width:33.333%;transform:none;margin:0}
html body .league-hero-art{padding:70px 24px;background:var(--soft)}
html body .league-bottles{max-width:780px}
html body .empty-wardrobe-bottles{max-width:850px}
html body .personal-rec-art{padding:0}
html body .duel-choice>.studio-frame,html body .duel-options .studio-frame{width:min(100%,310px);margin:auto}
html body .mood-bottle>.studio-frame{max-width:420px;margin:auto}
html body :is(.journal-image,.guide-art,.guide-hero-art,.watch-cover){display:grid;place-items:center;overflow:hidden}
html body :is(.journal-image,.guide-art,.guide-hero-art,.watch-cover)>.studio-frame{width:min(100%,360px)}
html body .ritual-art>.studio-frame{max-width:380px;margin:auto}
html body .ritual-calendar .studio-frame{max-width:110px;margin:auto}
html body .ritual-diary-list .studio-frame{width:65px}
html body .ritual-invitation .studio-frame{width:110px}
html body .personal-bottles .studio-frame{max-width:130px;margin:0 auto 12px}
html body .owned-suggestions .studio-frame{width:100%;max-width:125px;margin:auto}
html body .ritual-picker-results .studio-frame,html body #ritual-picker-toggle>.studio-frame{width:65px}
html body .scent-inventory-grid .studio-frame{width:80px}
html body .portrait-bottles .studio-frame{max-width:185px;margin:auto}
html body .info-product-links .studio-frame{width:110px}
html body .share-bottle .studio-frame{max-width:230px;margin:auto}
html body .share-preview>.studio-frame{max-width:300px;margin:auto}
html body .fragrance-edit-bar{box-shadow:0 8px 28px #30251d18}
html body .fragrance-edit-bar.is-collapsed{width:230px;min-width:0;padding:4px 14px}
html body .edit-toggle{min-height:44px;gap:14px;font-size:16px}
html body .edit-options button{min-height:48px}
html body:has(dialog[open]) .fragrance-edit-bar,html body:has(.storage-notice:not([hidden])) .fragrance-edit-bar{visibility:hidden;pointer-events:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.product-image>a>.studio-frame{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.product-image>a:hover>.studio-frame{transform:scale(1.035)}}
@media(max-width:760px){
 html body .product-stage .stage-caption{padding:16px 20px;font-size:16px}
 html body .hero-art>.studio-frame{width:100%;max-width:560px}
 html body .fragrance-edit-bar{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
 html body .fragrance-edit-bar.is-collapsed{left:auto;right:12px;transform:none;border-radius:28px}
 html body .fragrance-edit-bar:not(.is-collapsed){width:360px}
 html body .edit-toggle{min-height:44px}
 html body .league-hero-art{display:block;min-height:0;height:auto;padding:62px 20px}
 html body .league-bottles{margin:12px auto}
 html body .league-hero-art>.eyebrow{font-size:16px;left:20px;top:20px}
 html body .league-hero-art>p:last-child{position:static;font-size:16px;margin-top:18px}
 html body .empty-wardrobe-bottles{margin:24px auto}
 html body .ritual-art>.studio-frame{max-width:220px}
 html body .ritual-diary-list .studio-frame{width:50px}
 html body .ritual-invitation .studio-frame{width:80px}
 html body .scent-inventory-grid .studio-frame{width:65px}
 html body .portrait-bottles .studio-frame{max-width:115px}
}
/* Individual studio tiles give mixed supplier photography a deliberate rhythm. */
html body .league-bottles,html body .empty-wardrobe-bottles{gap:12px;background:transparent!important;border:0;overflow:visible}
html body .league-bottles>.studio-frame,html body .empty-wardrobe-bottles>.studio-frame{width:calc((100% - 24px)/3);border:1px solid var(--studio-line)}
@media(max-width:760px){html body .league-bottles,html body .empty-wardrobe-bottles{gap:6px}html body .league-bottles>.studio-frame,html body .empty-wardrobe-bottles>.studio-frame{width:calc((100% - 12px)/3)}}
.menu-edit{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:16px 0;text-align:left;background:transparent;color:inherit;border-top:1px solid var(--line);font-size:18px}
.menu-edit>span{font-size:16px;color:var(--muted)}
@media(max-width:760px){html body .fragrance-edit-bar{transition:opacity .2s ease,translate .25s ease,background-color .3s ease}html body .fragrance-edit-bar.is-scrolled-away{translate:0 100px;opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){html body .fragrance-edit-bar{transition:none}}
html body .owned-suggestions .studio-frame{margin:0 auto}
html body .owned-suggestions button{justify-content:flex-start}
@media(max-width:760px){html body .hero-art>.studio-frame{transform:translateY(-28px)}}