html.opening-pending{background:#352b26}html.opening-pending body{visibility:hidden}html.opening-active{overflow:hidden}
dialog.opening-film{position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:#352b26;color:#fffdf8;overflow:hidden;transform:translateY(0);transition:transform 1.1s cubic-bezier(.76,0,.24,1);isolation:isolate}
.opening-film::backdrop{background:transparent}.opening-film.is-leaving{transform:translateY(-102%)}
.opening-backdrop,.opening-wash{position:absolute;inset:0;z-index:-2}.opening-backdrop img,.opening-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center}.opening-film.is-preview .opening-backdrop img{animation:opening-drift 11s linear both}.opening-film.is-paused .opening-backdrop img{animation-play-state:paused}.opening-wash{z-index:-1;background:linear-gradient(0deg,rgba(24,19,16,.7),rgba(24,19,16,.38) 50%,rgba(24,19,16,.5))}.opening-top{position:absolute;top:max(32px,env(safe-area-inset-top));left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.18em}.opening-copy{position:absolute;inset:20% 7% 22%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.opening-monogram{width:56px;height:56px;fill:#e1c494;stroke:none;margin-bottom:26px}.opening-wordmark{width:min(640px,85vw);height:auto;filter:brightness(0) invert(1)}.opening-film .opening-copy h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(25px,3.1vw,45px);line-height:1.3;font-weight:500;color:#fffdf8;margin:32px 0 16px;letter-spacing:-.025em}.opening-copy p{color:#fffdf8;font-size:13px;letter-spacing:.1em;line-height:1.7}.opening-bottom{position:absolute;bottom:max(42px,calc(env(safe-area-inset-bottom) + 24px));left:5%;right:5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.opening-film button{color:#fffdf8;min-height:44px;cursor:pointer}.opening-pause{justify-self:start;font-size:11px;text-decoration:underline;text-underline-offset:5px}.opening-enter{display:flex;align-items:center;gap:35px;padding:14px 24px;border:1px solid #fffdf8;background:rgba(24,19,16,.4);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.opening-enter span{font-size:22px}.opening-film button:hover{background:#e1c494;color:#352b26;border-color:#e1c494}.opening-film button:focus-visible{outline:2px solid #e1c494;outline-offset:5px}.opening-edition{justify-self:end;font-size:9px;letter-spacing:.12em}.opening-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff30}.opening-progress i{display:block;width:100%;height:100%;background:#e1c494;transform-origin:left;transform:scaleX(var(--opening-progress,0))}@keyframes opening-drift{from{transform:scale(1)}to{transform:scale(1.07)}}
@media(max-width:600px){.opening-top{font-size:8px;line-height:1.6;top:25px}.opening-top span:last-child:not(:first-child){max-width:135px;text-align:right}.opening-copy{inset:20% 6% 25%}.opening-monogram{margin-bottom:20px;width:48px;height:48px}.opening-film .opening-copy h1{font-size:26px;margin-top:25px;max-width:290px}.opening-copy p{font-size:11px;max-width:240px}.opening-bottom{display:flex;flex-direction:column;gap:12px;bottom:30px}.opening-enter{order:-1}.opening-edition{display:none}.opening-pause{padding:8px 16px}}
@media(prefers-reduced-motion:reduce){dialog.opening-film{transition:none}.opening-film.is-preview .opening-backdrop img{animation:none}}
/* The original filler film ends in true white. Brand lettering briefly fades
   through the middle tones and returns in oxblood, rather than losing contrast. */
.opening-film[data-kind="gradient"] .opening-wash{display:none}
.opening-film[data-kind="gradient"] .opening-copy,.opening-film[data-kind="gradient"] .opening-top{opacity:var(--opening-copy-opacity,1)}
.opening-film[data-kind="gradient"] .opening-edition{display:none}
.opening-film[data-kind="gradient"] .opening-monogram{fill:#fffdf8}
.opening-film[data-kind="gradient"].is-light-film .opening-monogram{fill:#632f39}
.opening-film[data-kind="gradient"].is-light-film .opening-wordmark{filter:none}
.opening-film[data-kind="gradient"].is-light-film .opening-copy h1,.opening-film[data-kind="gradient"].is-light-film .opening-copy p,.opening-film[data-kind="gradient"].is-light-film .opening-top{color:#632f39}
.opening-film[data-kind="gradient"] .opening-enter,.opening-film[data-kind="gradient"] .opening-pause{background:#632f39;color:#fffdf8;border:1px solid #fffdf8}
.opening-film[data-kind="gradient"] .opening-pause{padding:10px 16px}
.opening-film[data-kind="gradient"] .opening-bottom{grid-template-columns:1fr auto 1fr}
.opening-film[data-kind="gradient"] button:hover{background:#ead5b1;color:#352b26;border-color:#632f39}
.opening-film[data-kind="gradient"].is-light-film button:focus-visible{outline-color:#632f39}
.opening-film[data-kind="gradient"].is-light-film .opening-progress i{background:#632f39}
