/* Entry styles are isolated from the supplied website. */
#intro,#entry-review{font-family:Inter,Arial,sans-serif;font-synthesis:none;--rose:#d9aa90;--ivory:#f5e8d9;--serif:Georgia,'Times New Roman',serif;line-height:normal;letter-spacing:normal;text-transform:none}
#intro *,#entry-review *{box-sizing:border-box}
#intro button,#entry-review button,#entry-review select{font:inherit;letter-spacing:normal;text-transform:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#intro p,#intro h2{margin:0}
#intro button:focus-visible,#entry-review :focus-visible,#replay:focus-visible{outline:2px solid #b97d58;outline-offset:7px}
#intro[hidden],#entry-review[hidden],#replay[hidden]{display:none!important}
html.entry-pending,body.intro-active{overflow:hidden}
.entry-pending #website{opacity:0;pointer-events:none}
#website{min-height:100svh;transform-origin:50% 25%}
.intro-active #website{will-change:opacity,transform,filter}
@font-face{font-family:Inter;src:url(assets/InterVariable.woff2) format('woff2');font-display:swap}
#intro .eyebrow{font-size:9px;font-weight:500;letter-spacing:2.8px;line-height:1.7}
#intro{position:fixed;inset:0;z-index:10;background:#1b1410;color:var(--ivory);overflow:hidden;isolation:isolate}
#intro .scene{position:absolute;inset:0 0 0 23%}
#intro .scene img{width:100%;height:100%;object-fit:cover;object-position:49% 50%;filter:brightness(.83) saturate(.65);display:block}
#intro .shade{position:absolute;inset:0;background:linear-gradient(90deg,#1b1410 0%,#1b1410f5 13%,#1b1410bd 30%,#1b141030 49%,transparent 68%),linear-gradient(0deg,#1b1410a8,transparent 22%,transparent 82%,#1b141035)}
#intro .intro-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 5.7%;z-index:3}
#intro .signature{font:italic 43px/1 var(--serif);display:flex;align-items:center;gap:18px;color:#e1bca4}
#intro .signature small{font:8px Inter,sans-serif;letter-spacing:3px;color:#e9d6c8}
#intro .intro-header button{color:#e9d6c8;border:1px solid #e9d6c840;padding:12px 18px;background:#20181245;border-radius:30px;font-size:10px}
#intro .intro-header button span{padding-left:16px}
#intro .intro-copy{position:absolute;left:8%;top:50%;transform:translateY(-42%);z-index:3;max-width:43%}
#intro .intro-copy .eyebrow{color:#d1b29e;font-size:8px;letter-spacing:2.5px}
#intro .intro-copy h2{font:clamp(58px,6.6vw,112px)/.99 var(--serif);letter-spacing:-4px;margin:28px 0 38px;font-weight:400;text-wrap:nowrap}
#intro .intro-copy h2 em{font-weight:400;color:#ddad8e}
#intro .enter{border:0;background:none;color:var(--ivory);display:flex;align-items:center;gap:18px;text-align:left;padding:0;font-size:12px}
#intro .enter-circle{height:54px;width:54px;border:1px solid #d5a9867a;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:200;transition:background .25s,transform .25s}
#intro .enter small{display:block;color:#bea291;font-size:7px;letter-spacing:2px;margin-top:9px}
#intro .enter:hover .enter-circle{background:#e1b29820;transform:rotate(45deg)}
#intro .bottle-hit{position:absolute;z-index:2;background:transparent;border:0;cursor:pointer}
#intro .intro-footer{position:absolute;bottom:28px;left:5.7%;right:5.7%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:2.2px;color:#d7c0ae;z-index:3}
#intro #glass{position:absolute;inset:0;z-index:4;pointer-events:none;width:100%;height:100%}
#intro.breaking{background:transparent}
#intro.breaking .scene,#intro.breaking .shade{opacity:0;transition:opacity 200ms ease}
#intro.breaking .intro-copy,#intro.breaking .intro-header,#intro.breaking .intro-footer{opacity:0;transform:translateY(-25px);transition:opacity .22s,transform .5s}
#intro.breaking .bottle-hit{pointer-events:none}
#intro.gentle{opacity:0;transition:opacity .22s}
#entry-review{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;padding:8px 14px;background:#f9f2e9ee;color:#634631;border:1px solid #bea088;font-size:10px;border-radius:10px 10px 0 0;box-shadow:0 0 25px #0001}
#entry-review>span{font-size:7px;letter-spacing:1px}
#entry-review label{display:flex;gap:5px;align-items:center;white-space:nowrap}
#entry-review select{font-size:10px;padding:3px;border:1px solid #bb9982;background:transparent}
#entry-review input{accent-color:#996844}
@media(min-width:1700px){#intro .intro-copy{left:10%}
#intro .scene{left:27%}}
@media(max-width:700px){#intro .intro-header{padding:24px 6%}
#intro .signature{font-size:36px;gap:12px}
#intro .signature small{font-size:7px;letter-spacing:2px}
#intro .intro-header button{padding:10px 13px;font-size:9px}
#intro .scene{inset:6% -6% 23% -6%}
#intro .scene img{object-position:45% 50%;filter:brightness(.76) saturate(.65)}
#intro .shade{background:linear-gradient(0deg,#1b1410 0%,#1b1410f5 18%,#1b141070 39%,transparent 58%,#1b141090 100%)}
#intro .intro-copy{left:8%;top:auto;bottom:10%;transform:none;max-width:90%}
#intro .intro-copy .eyebrow{font-size:7px;letter-spacing:2px}
#intro .intro-copy h2{font-size:clamp(45px,12vw,70px);letter-spacing:-2px;margin:14px 0 20px;line-height:1.03}
#intro .intro-copy h2 br{display:none}
#intro .enter{font-size:11px;gap:13px}
#intro .enter-circle{height:42px;width:42px;font-size:19px}
#intro .enter small{font-size:6px;margin-top:6px}
#intro .intro-footer{bottom:24px;font-size:6px;letter-spacing:1.1px;gap:15px}
#entry-review{gap:8px;padding:7px 8px;width:max-content;max-width:98%}
#entry-review>span{display:none}}
@media(max-height:520px) and (min-width:701px){#intro .intro-copy h2{font-size:55px;margin:12px 0 18px}
#intro .intro-copy{top:52%}
#intro .intro-header{padding-top:18px}
#intro .intro-footer{bottom:18px}}
#intro .shade{background:linear-gradient(90deg,#1b1410 0%,#1b1410 23%,#1b1410bd 33%,#1b141030 49%,transparent 68%),linear-gradient(0deg,#1b1410a8,transparent 22%,transparent 82%,#1b141035)}
@media(max-width:700px){#intro .scene{top:0}
#intro .intro-copy h2 br{display:block}
#intro .shade{background:linear-gradient(0deg,#1b1410 0%,#1b1410f5 18%,#1b141070 39%,transparent 58%,#1b141090 100%)}}
#intro,#intro.breaking{background:transparent}
#intro .entry-curtain{position:absolute;inset:0;background:#1b1410;z-index:-1}
#intro .intro-active .website{will-change:opacity,transform,filter}
#intro #backplate,#intro #cracks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#intro #backplate{z-index:0;opacity:0}
#intro .shade{z-index:1}
#intro #cracks{z-index:5}
#intro.breaking .scene{opacity:0;transition:none}
#intro.breaking #backplate,#intro.breaking .shade{opacity:var(--backdrop,1);transition:none}
#intro .intro-copy,#intro .intro-header,#intro .intro-footer{opacity:var(--copy-opacity,1)}
#intro.breaking .intro-copy{opacity:var(--copy-opacity,1);transform:translateY(-42%);transition:none}
#intro.breaking .intro-header,#intro.breaking .intro-footer{opacity:var(--copy-opacity,1);transform:none;transition:none}
#intro .intro-header button{position:relative;z-index:6}
#entry-review{gap:12px;border-color:#bca58e;padding:9px 14px}
#entry-review button{background:#7b543e;border:0;border-radius:3px;color:#fff4e5;font-size:10px;padding:7px 10px;min-width:51px}
#entry-review .scrub{gap:7px}
#entry-review .scrub input{width:100px;accent-color:#936448}
#entry-review .scrub output{font-size:9px;width:26px;font-variant-numeric:tabular-nums}
@media(max-width:700px){#intro.breaking .intro-copy{transform:none}
#entry-review{gap:7px;padding:7px 8px}
#entry-review .gentle-option{display:none}
#entry-review .scrub input{width:76px}
#entry-review label{font-size:9px}
#entry-review button{font-size:9px;padding:6px;min-width:40px}}
/* Above the supplied site's fixed navigation; no competing entry curtain. */
#intro{z-index:1000}
#entry-review{z-index:1010}
#replay{border:0;border-bottom:1px solid var(--line);padding:10px 0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.entry-replay-line{padding-top:18px}
@media(prefers-reduced-motion:reduce){#intro *,#entry-review *{transition:none!important;animation:none!important}}