/* ---- atelier-scenes-v28 (index.html line 1138) ---- */
/* Fade the actual photo bounds, not the wider letterbox element. */
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d):not(#rp-e):not(#rp-f) body #intro .hero-scene{mask-image:none!important;-webkit-mask-image:none!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d):not(#rp-e):not(#rp-f) body #intro .hero-scene>img{right:auto!important;bottom:auto!important;max-width:none!important;object-fit:fill!important;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 73%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 84%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 73%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 84%,transparent)!important;mask-composite:intersect!important;-webkit-mask-composite:source-in!important}
html body #intro .hero-mist27{opacity:.42!important;filter:blur(75px)!important}
/* Cinematic full-screen scent environments, beneath the preserved gallery and audio. */
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d):not(#rp-e):not(#rp-f) body #productDialog.scene28{background:#132028!important;isolation:isolate;color:#fff!important}
.scene28-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#101b25}
.scene28-backdrop:before{content:'';position:absolute;inset:-3%;background-image:var(--scene28-photo);background-position:center;background-size:cover;animation:scene28drift 28s ease-in-out infinite alternate;opacity:.88}
.scene28-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08151b22,#0a15254d 43%,#0a111bd9 78%),linear-gradient(0deg,#07101b9c,transparent 75%)}
#productDialog.scene28>#productBody,#productDialog.scene28>.dialoghead{position:relative;z-index:1}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d):not(#rp-e):not(#rp-f) body #productDialog.scene28>.dialoghead{position:sticky!important;background:#0a182466!important;backdrop-filter:blur(16px);color:#fff!important;border-color:#ffffff30!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d):not(#rp-e):not(#rp-f) body #productDialog.scene28 :is(.detail,.detail-content,.detail-picture,.gallery-track,.gallery-frame){background:transparent!important;color:#fff!important}
html body #productDialog.scene28 .detail-content{padding:35px 25px!important;text-shadow:0 1px 8px #0008}
html body #productDialog.scene28 .detail-content :is(h2,.eng,.detail-desc,.note p,.notes p){color:#fff!important}
html body #productDialog.scene28 .detail-content :is(.story-note,.scent-story,.performance-panel){background:#0b1a27b8!important;backdrop-filter:blur(12px);border-color:#cfb17a66!important}
html body #productDialog.scene28 .taglist span{background:#0a1a28b0!important;color:#f7d99f!important}
html body #productDialog.scene28 .gallery-frame:first-child img{padding:35px 8%!important;filter:drop-shadow(0 24px 20px #0006)}
html body #productDialog.scene28 .gallery-frame:not(:first-child) img{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
html body #productDialog.scene28 .gallery-thumbs button{background:#0b182475!important}
@keyframes scene28drift{from{transform:scale(1.01) translateX(-.5%)}to{transform:scale(1.06) translateX(.5%)}}
/* A real photographed atelier, with live Royal Platinum objects on its table. */
html body #concentrationLab27{background-image:linear-gradient(#152027a0,#1c171126 45%,#171d25e8),var(--atelier28-photo)!important;background-size:cover!important;background-position:center!important;padding:105px 4vw 95px!important}
html body #concentrationLab27 .lab27-heading{margin-bottom:22px;text-shadow:0 3px 18px #000b}
html body #concentrationLab27 .lab27-bench{max-width:1380px;grid-template-columns:1.08fr 1fr;gap:30px;background:none!important;border:0!important;box-shadow:none!important;padding:15px 25px 20px!important;align-items:center}
html body #concentrationLab27 .lab27-bench:after{display:none}
html body #concentrationLab27 .lab27-station{height:600px;display:flex;justify-content:flex-end;padding-bottom:18px;position:relative;isolation:isolate}
.lab28-royal{position:absolute;width:70%;height:380px;object-fit:contain;left:12%;top:8px;filter:drop-shadow(12px 24px 15px #0007);transition:opacity .25s;z-index:1;pointer-events:none}
html body #concentrationLab27 .lab27-bottle{position:absolute;width:78px;height:200px;left:0;top:155px;border-radius:8px 8px 18px 18px;margin:0;z-index:2;background:repeating-linear-gradient(0deg,transparent 0,transparent 18px,#eee7d85c 19px,transparent 20px),linear-gradient(90deg,#cddedf20,#dce9e809,#eff7f552);box-shadow:inset 4px 0 9px #fff2,0 15px 20px #0005}
html body #concentrationLab27 .lab27-glasslabel{top:65px;left:3px;right:3px;padding:8px 0;background:#152b33c9}
html body #concentrationLab27 .lab27-glasslabel strong{font-size:24px}
html body #concentrationLab27 .lab27-glasslabel span{font-size:9px}
html body #concentrationLab27 .lab27-neck{display:none}
html body #concentrationLab27 .lab27-stream{left:37px;top:60px;height:140px}
html body #concentrationLab27 .lab27-info{border:1px solid #f3dfb64f;background:linear-gradient(140deg,#152832ed,#1a1e22d9);backdrop-filter:blur(16px);border-radius:22px;padding:24px 28px;box-shadow:0 18px 60px #0004}
html body #concentrationLab27 .lab27-info h3{font-size:31px!important;margin:3px 0}
html body #concentrationLab27 .lab27-info p{font-size:14px;line-height:1.8}
html body #concentrationLab27 .lab27-mix{margin:12px 0;gap:8px}
html body #concentrationLab27 .lab27-mix>div{padding:10px 7px}
html body #concentrationLab27 .lab27-mix strong{font-size:25px}
html body #concentrationLab27 .lab27-mix span{font-size:11px}
html body #concentrationLab27 .lab27-challenge{margin-top:12px;padding:12px}
html body #concentrationLab27 .lab27-feedback{min-height:28px}
html body #concentrationLab27 .lab27-shelf{grid-column:1/-1;max-width:none;width:100%;margin:5px auto 15px;gap:22px;align-items:start}
html body #concentrationLab27 .lab27-vessel>button{background:linear-gradient(0deg,#12212bdd,transparent 60%)!important;border:1px solid #ffffff25!important;border-radius:18px;padding:12px 12px 15px;position:relative;transition:transform .35s,box-shadow .35s}
html body #concentrationLab27 .lab27-vessel>button:hover{transform:translateY(-7px);box-shadow:0 16px 30px #0006}
html body #concentrationLab27 .lab27-vessel .lab28-small{height:165px;width:100%;object-fit:contain;filter:drop-shadow(5px 12px 8px #0006);display:block;margin:0 auto 12px}
.lab28-name{font:12px/1.6 Georgia,serif!important;letter-spacing:1px;color:#f7dfb5!important}
.lab28-demo{display:block;margin:7px auto;color:#ffe6b7;font-size:12px;text-align:center;background:#11262bbf;padding:6px 10px;border-radius:20px;max-width:420px}
.lab28-alcohol{width:100%;max-width:380px;margin:10px auto 4px;text-align:center;background:#172c33d4;backdrop-filter:blur(8px);border:1px solid #e7cb9655;border-radius:16px;padding:10px 20px;color:#f8e8cd}
.lab28-alcohol label{display:block;font-weight:800;font-size:14px}
.lab28-alcohol input{width:100%;direction:ltr;accent-color:#eed0a0;cursor:ew-resize}
.lab28-alcohol output{font:20px Georgia;display:inline-block;margin-inline:8px}
html body #concentrationLab27 .lab27-station>label{font-size:13px;background:#152632cc;padding:3px 12px;border-radius:8px}
html body #concentrationLab27 .lab27-controls button{background:#152632d9}
html body #concentrationLab27 .lab27-foot{background:#121f2ad9;border:1px solid #cbb48638;border-radius:20px;padding:16px 25px}
@media(max-width:800px){html body #concentrationLab27{background-position:42% center!important;padding-inline:15px!important}html body #concentrationLab27 .lab27-bench{grid-template-columns:1fr;padding:0!important;gap:15px}html body #concentrationLab27 .lab27-station{height:580px}.lab28-royal{height:350px;left:15%;width:70%}html body #concentrationLab27 .lab27-info{padding:20px}html body #concentrationLab27 .lab27-shelf{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.lab28-small{height:145px!important}html body #productDialog.scene28 .detail-content{padding:25px 20px!important}.scene28-backdrop:after{background:linear-gradient(0deg,#07131bdc,#0d192664 75%,#101b2522)}}
@media(prefers-reduced-motion:reduce){.scene28-backdrop:before{animation:none}.lab28-royal{transition:none}}
