/* Isolated, reversible scent-gallery prototype. */
.scent-explorer{background:#e8e3da;color:#302d27;padding:110px 5% 36px;position:relative}
.scent-heading{max-width:1440px;margin:0 auto 68px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.scent-heading .eyebrow{color:#786044;margin-bottom:22px}.scent-heading h2{font-size:clamp(2.1rem,4vw,4.2rem);line-height:1.4;font-weight:400}
.scent-intro{font-size:1rem;line-height:1.9;padding-bottom:8px}.scent-instruction{font-size:.75rem;color:#716b62;margin-top:22px}
.scent-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border-top:1px solid #b8b0a4;gap:0}
.scent-card{background:#e8e3da;position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;padding:48px 32px;min-height:282px;border-bottom:1px solid #b8b0a4}
.scent-disc-button{width:100%;aspect-ratio:1;position:relative;display:block;padding:0;border:0;border-radius:50%;background:transparent;isolation:isolate;cursor:pointer}
.scent-disc-button::before{content:'';position:absolute;inset:22% 11% 3%;border-radius:50%;background:#4e4334;filter:blur(13px);opacity:.16;transform:translate(0,10px) scale(.9);transition:transform .9s,opacity .9s}
.scent-disc{display:block;position:absolute;inset:-4% -8%;transform:rotate(-8deg);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);isolation:isolate}
.scent-refill-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.6);}
.scent-refill-tint{position:absolute;left:17%;right:17%;top:13%;bottom:13%;border-radius:50%;background:var(--scent-color);mix-blend-mode:multiply;opacity:.28;filter:blur(5px);pointer-events:none}
.scent-disc-button:hover .scent-disc,.scent-disc-button:focus-visible .scent-disc{transform:translateY(-5px) rotate(-4deg)}
.scent-disc-button:hover::before{opacity:.12;transform:translate(1px,14px) scale(.92)}
.scent-card-label{font-size:.6rem;letter-spacing:.15em;color:#6e665a;margin-bottom:12px}.scent-card h3{font-family:var(--serif);font-size:clamp(1.2rem,1.65vw,1.8rem);font-weight:400;margin-bottom:10px}.scent-card-summary{color:#726a5e;font-size:.72rem;line-height:1.8}.scent-card-arrow{display:block;font-size:1.25rem;margin-top:17px;color:#766a58}
.scent-footnote{max-width:1440px;margin:25px auto 0;display:flex;justify-content:space-between;gap:20px;color:#746b5d;font-size:.65rem}.scent-footnote>span{letter-spacing:.12em}
.scent-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:var(--scent-color,#738979);color:#fff9ef;overflow:hidden;overscroll-behavior:contain;box-shadow:none}
.scent-dialog::backdrop{background:transparent}.scent-film-stage,.scent-film,.scent-film-wash{position:absolute;inset:0;width:100%;height:100%}.scent-film{object-fit:cover}.scent-film-stage{background:radial-gradient(ellipse at 78% 18%,#ffffff20,transparent 58%),var(--scent-color)}.scent-film-wash{background:linear-gradient(90deg,#191b19a6 0%,#191b1955 55%,#191b1920),linear-gradient(0deg,#17191366,transparent 60%)}
.scent-dialog-ui{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:30px 5% 28px;opacity:0;transition:opacity .35s;overflow-y:auto}.scent-dialog.is-revealed .scent-dialog-ui{opacity:1}.scent-dialog-top,.scent-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.scent-dialog-top>span,.scent-dialog-bottom>span{font-size:.65rem;letter-spacing:.15em}.scent-close,.scent-back,.scent-play{background:transparent;border:0;color:inherit;padding:12px 0;font-size:.8rem}.scent-close{display:flex;align-items:center;gap:25px;min-width:80px;justify-content:flex-end}.scent-close span{font-size:1.9rem;font-weight:200;line-height:1}.scent-detail{width:min(560px,85%);margin:auto 0;padding:65px 0}.scent-detail-index{font-size:.7rem;letter-spacing:.22em;margin-bottom:22px;color:#f4ead4}.scent-detail h2{font:400 clamp(3.5rem,8vw,8rem)/1.2 var(--serif);margin-bottom:30px}.scent-detail>p:last-of-type{font-size:clamp(.95rem,1.2vw,1.15rem);line-height:2;color:#f2eadf;max-width:430px}.scent-media-status{display:flex;gap:12px;align-items:center;margin-top:40px;font-size:.7rem;color:#eee6d8}.scent-status-dot{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.scent-play{margin-top:18px;border-bottom:1px solid #ffffff77}.scent-dialog-bottom{border-top:1px solid #ffffff35;padding-top:14px}.scent-back{font-size:.75rem}
.scent-disc-button:focus-visible{outline:2px solid #3c362c;outline-offset:8px}.scent-dialog button:focus-visible{outline:2px solid #fff9ef;outline-offset:6px}
@media(min-width:1600px){.scent-card{padding:52px 34px;gap:26px}}
@media(max-width:1050px){.scent-card{padding:32px 18px;gap:15px;grid-template-columns:1fr;min-height:0}.scent-disc-button{width:78%;margin:0 auto 12px}.scent-card-copy{text-align:center}.scent-card-summary{font-size:.75rem}.scent-card-arrow{margin-top:9px}.scent-disc-number{font-size:3.7rem}.scent-disc-wordmark{font-size:.7rem}}
@media(max-width:650px){.scent-explorer{padding:70px 6% 28px}.scent-heading{display:block;margin-bottom:36px}.scent-heading .eyebrow{font-size:.65rem}.scent-heading h2{font-size:2.2rem}.scent-intro{font-size:.875rem;margin-top:25px}.scent-instruction{font-size:.7rem;margin-top:12px}.scent-grid{grid-template-columns:1fr}.scent-card{grid-template-columns:1fr 1fr;padding:28px 24px;gap:28px}.scent-disc-button{width:100%;max-width:165px;margin:0 auto}.scent-card-copy{text-align:left}.scent-card h3{font-size:1.5rem}.scent-disc-number{font-size:3.2rem}.scent-footnote{display:block;font-size:.6rem;line-height:1.8}.scent-footnote p{margin-top:7px}.scent-dialog-ui{padding:max(16px,env(safe-area-inset-top)) 7% max(18px,env(safe-area-inset-bottom))}.scent-detail{width:100%;padding:45px 0}.scent-dialog-bottom{align-items:flex-start;flex-direction:column;gap:0}.scent-detail h2{font-size:4.5rem}.scent-dialog-top>span{font-size:.55rem}.scent-media-status{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.scent-disc,.scent-dialog-ui,.scent-disc-button::before{transition:none}.scent-disc-button:hover .scent-disc,.scent-disc-button:focus-visible .scent-disc{transform:none}}
.scent-media-controls{display:flex;align-items:baseline;gap:26px;flex-wrap:wrap}.scent-source{font-size:.65rem;color:#eee6d8;text-decoration:underline;text-underline-offset:4px}

/* Photographic refill material, restrained gallery and glass-to-film reveal. */
.scent-card:not(:nth-child(3n)){border-right:1px solid #c8c0b4}
.scent-glass{position:absolute;inset:-8%;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(117deg,transparent 20%,#fff9e64d 35%,#fffef6b3 37%,#e7dac34d 39%,transparent 49%,#fff8e51f 67%,transparent 78%);background-size:180% 100%;box-shadow:inset 0 0 100px #fff9df55;will-change:opacity,backdrop-filter,transform}
@media(max-width:650px){.scent-card:not(:nth-child(3n)){border-right:0}.scent-card{padding:32px 18px;gap:24px;min-height:210px}.scent-refill-tint{opacity:.25}}
@media(prefers-reduced-motion:reduce){.scent-disc{transition:none}.scent-glass{display:none}.scent-disc-button:hover .scent-disc,.scent-disc-button:focus-visible .scent-disc{transform:rotate(-8deg)}}

.scent-glass-rim{position:absolute;z-index:3;pointer-events:none;opacity:0;border-radius:50%;border:1px solid #fff9e3bb;box-shadow:inset 0 0 8px 2px #fff8df77,0 0 9px #e8f4ff55;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.scent-glass-rim{display:none}}

/* Continuous material atmosphere: match the surrounding #211d1a scenes. */
#material-closeup .scene-stage::after{content:'';position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(180deg,transparent,#211d1a);pointer-events:none;z-index:1}
#material-closeup .scene-bottom{z-index:2}
.scent-explorer{background:radial-gradient(ellipse at 50% 47%,#77726418,transparent 68%),linear-gradient(180deg,#211d1a 0%,#2b2925 15%,#3b3933 38%,#383630 65%,#292622 86%,#211d1a 100%);color:#e9e3d9;padding-top:145px;padding-bottom:100px}
.scent-heading .eyebrow{color:#b4a28d}.scent-intro{color:#d4cec3}.scent-instruction{color:#aca69b}
.scent-grid{border:0;background:transparent;column-gap:24px;row-gap:20px}
.scent-card{background:radial-gradient(ellipse at 28% 50%,#e5d4ad0c 0%,transparent 67%);border:0;padding:42px 25px;min-height:270px}
.scent-card:not(:nth-child(3n)){border-right:0}
.scent-refill-image{filter:saturate(.5) brightness(.83);}
.scent-disc-button::before{background:#0c0b09;opacity:.32;filter:blur(17px)}
.scent-disc-button:hover::before{opacity:.22}
.scent-card-label{color:#b8ac9a}.scent-card-summary{color:#bcb5a9}.scent-card-arrow{color:#c9b89f}.scent-footnote{color:#a59c8e;margin-top:35px}
.scent-disc-button:focus-visible{outline:1px solid #d6c5ab;outline-offset:7px}
@media(max-width:1050px){.scent-card{background:radial-gradient(ellipse at 50% 32%,#e5d4ad0c,transparent 65%)}}
@media(max-width:650px){.scent-explorer{padding-top:95px;padding-bottom:65px}.scent-grid{gap:14px}.scent-card{padding:30px 8px;min-height:210px;background:radial-gradient(ellipse at 24% 50%,#e5d4ad0c,transparent 68%)}.scent-footnote{font-size:.6rem}.scent-heading{margin-bottom:26px}}

/* Keep illumination circular; never reveal rectangular card boundaries. */
.scent-card{background:transparent}
.scent-disc-button::after{content:"";position:absolute;inset:-38%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#e5d4ad0d,transparent 66%)}

/* Colored fill stays inside the clear photographic rim. */
.scent-refill-tint{left:19%;right:19%;top:15%;bottom:15%;opacity:.68;mix-blend-mode:color;filter:blur(3px);background:radial-gradient(ellipse at 40% 34%,color-mix(in srgb,var(--scent-color),white 12%),var(--scent-color) 65%)}
.scent-refill-tint::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--scent-color);mix-blend-mode:soft-light;opacity:.48}
.scent-refill-image{filter:saturate(.65) brightness(.94)}
.scent-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scent-film{opacity:0;transition:opacity .35s ease}
.scent-film.is-frame-ready{opacity:1}
.scent-dialog-ui{transition:opacity .35s .18s}
@media(prefers-reduced-motion:reduce){.scent-film,.scent-dialog-ui{transition:none}}