:root{color-scheme:dark;--paper:#f7f3eb;--gold:#d4b06b}*{box-sizing:border-box}body{margin:0;background:#171613;font-family:Arial,Helvetica,sans-serif;color:white}.teaser{position:relative;min-height:100svh;height:100svh;overflow:hidden;isolation:isolate}.backdrop{position:absolute;inset:0;background:#171613;transition:opacity 1.3s ease}.slide{position:absolute;inset:-20px;filter:blur(9px);transform:scale(1.045);opacity:0;transition:opacity .18s ease}.slide.is-active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.veil{position:absolute;inset:0;background:linear-gradient(180deg,#090a0920,#090a092c 40%,#090a0966),#17141025}.title-card{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .65s ease,transform .9s ease;z-index:2}h1{display:flex;flex-direction:column;align-items:center;font-family:Didot,'Bodoni MT','Times New Roman',serif;font-weight:700;font-size:clamp(70px,8.3vw,135px);line-height:.96;letter-spacing:-4px;margin:0;text-shadow:0 3px 30px #0002}h1 span+span{margin-top:20px}.title-rule{width:34px;height:1px;background:#ffffff80;margin-top:32px}.end-card{position:absolute;inset:0;display:grid;place-items:center;background:var(--paper);color:#776548;opacity:0;visibility:hidden;transition:opacity 1.4s ease,visibility 1.4s;z-index:3}.end-inner{text-align:center;transform:translateY(14px);opacity:0;transition:opacity 1.1s ease .45s,transform 1.4s ease .45s}.logo{position:relative;width:clamp(235px,29vw,450px);aspect-ratio:4.45;overflow:hidden;mix-blend-mode:multiply;margin:0 auto}.logo img{position:absolute;width:169%;height:auto;left:-34%;top:-141%;max-width:none}.category{font-size:10px;letter-spacing:4.5px;margin:32px 0 0;color:#7a6d5a}.gold-rule{display:block;width:32px;height:1px;background:#b59b6b;margin:34px auto}.launch-note{font-size:9px;letter-spacing:4px;margin:0;color:#8a785b}.is-ended .backdrop{opacity:0;visibility:hidden;transition:opacity 1.3s ease,visibility 0s 1.4s}.is-ended .title-card{opacity:0;transform:translateY(-8px);pointer-events:none}.is-ended .end-card{opacity:1;visibility:visible}.is-ended .end-inner{opacity:1;transform:translateY(0)}.playback{position:absolute;left:50%;bottom:37px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;z-index:5}.progress{display:flex;gap:7px}.progress span{width:22px;height:1px;background:#ffffff50;transition:background .3s}.progress span.is-active{background:#fff}.progress span.is-past{background:#ffffffa0}button{border:0;background:none;cursor:pointer;color:white;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0}.pause svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.3;fill:none}.replay{gap:9px;color:#8a785b;font-size:9px;letter-spacing:2px;text-transform:uppercase}.replay svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.1;fill:none}button[hidden]{display:none}button:focus-visible{outline:1px solid currentColor;outline-offset:6px}.signature{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:7px;letter-spacing:2px;color:#ffffff90;z-index:5;transition:color 1s}.is-ended .signature{color:#948978}.is-ended .progress,.is-ended .pause{display:none}@media(max-width:700px){h1{font-size:clamp(62px,13vw,90px);letter-spacing:-2.6px}h1 span+span{margin-top:18px}.slide{filter:blur(7px)}.slide img{object-position:center center}.title-rule{margin-top:26px;width:26px}.category{font-size:8px;letter-spacing:3px;margin-top:26px}.gold-rule{margin:28px auto}.launch-note{font-size:8px;letter-spacing:3.4px}.playback{bottom:36px}.logo{width:70vw;max-width:340px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Replay automatically after the logo settles. Keep pause available throughout. */
.is-ended .pause{display:flex;color:#8a785b}.end-card{transition:opacity .35s ease,visibility .35s}.is-ended .end-card{transition:opacity 1.4s ease,visibility 1.4s}

/* Controls removed from the teaser presentation; automatic looping retained. */
.playback{display:none}

/* Keep each distinct model-and-bag composition visible in wide crops. */
.slide:nth-child(3) img{object-position:50% 44%}.slide:nth-child(4) img{object-position:50% 59%}.slide:nth-child(5) img{object-position:50% 68%}

.slide:nth-child(6) img{object-position:50% 60%}.slide:nth-child(7) img{object-position:50% 62%}

.sound{position:absolute;top:20px;right:20px;z-index:6;font-size:8px;letter-spacing:2px;color:white;padding:10px;background:#0003;border-radius:24px;min-width:90px}.is-ended .sound{color:#776548;background:#77654810}.sound[hidden]{display:none}

.sound{min-width:44px;width:44px;height:44px;padding:12px;border-radius:50%}.sound svg{flex-shrink:0}