:root{color-scheme:light;--paper:#f6f1e8;--ink:#30242e;--purple:#57234f;--muted:#7f737a;--line:#ded4d7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}[hidden]{display:none!important}.page{max-width:1240px;margin:auto;padding:0 56px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:29px 0 25px;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font:32px/1 Georgia,serif;letter-spacing:.035em}.wordmark span{display:block;margin-top:8px;color:var(--purple);font:9px/1 Arial,sans-serif;letter-spacing:.65em;text-align:center;padding-left:.65em}.edition{font-size:9px;letter-spacing:.19em;color:var(--muted)}.experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center;padding:64px 0 56px}.product{text-align:center;position:relative}.product-note{font-size:9px;letter-spacing:.22em;color:var(--muted)}.bottle-stage{height:510px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:24px}.halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#efe3ea,#e3d0df);opacity:.7}.bottle-stage img{position:relative;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(9px 15px 10px #30202d1a)}.seal{position:absolute;right:0;bottom:65px;display:flex;flex-direction:column;justify-content:center;gap:6px;width:86px;height:86px;border:1px solid #99708b;border-radius:50%;color:var(--purple);font:italic 17px Georgia,serif;transform:rotate(12deg);background:#f6f1e8cc}.seal span{font:8px/1.5 Arial,sans-serif;letter-spacing:.14em}.product-caption{margin:24px 0 0;font:20px Georgia,serif}.product-caption span{display:block;margin-top:11px;font:10px Arial,sans-serif;color:var(--muted)}i{font-style:normal;padding:0 7px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--purple);font-size:10px;letter-spacing:.2em;margin:0 0 22px}.eyebrow span{width:7px;height:7px;background:var(--purple);border-radius:50%}h1{font:normal clamp(38px,4vw,54px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0}h1 em{color:var(--purple);font-weight:normal}.intro{max-width:370px;color:var(--muted);font-size:14px;line-height:1.8;margin:21px 0 30px}.video-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbf8f3;box-shadow:0 14px 35px #3c183507}.video-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.video-top h2{margin:0;font-size:12px;font-weight:normal}.video-top>span{font-size:10px;letter-spacing:.16em;color:var(--purple)}.player{aspect-ratio:16/9;background:#32192e;position:relative}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8f0e9;background:radial-gradient(ellipse at 20% 100%,#6a315e55,transparent 65%),radial-gradient(ellipse at 90% 0,#80536d33,transparent 70%),#32192e}.play-mark{display:grid;place-items:center;padding-left:3px;width:48px;height:48px;border:1px solid #d3adc366;border-radius:50%;font-size:14px;color:#e9ccd9}.placeholder p{font:24px Georgia,serif;margin:17px 0 9px}.placeholder>span:last-child{font-size:11px;color:#cfb9c8}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;min-height:48px;padding:12px 20px;color:var(--muted);font-size:10px;line-height:1.5}.video-bottom a{color:var(--purple);white-space:nowrap}.afterword{margin:24px 0 0;text-align:center;font:italic 15px Georgia,serif;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}footer>span{letter-spacing:.12em}footer p{margin:0;line-height:1.6}.no-script{font-size:13px;line-height:1.6}
@media(max-width:900px){.page{padding:0 28px}.experience{gap:32px}.bottle-stage{height:430px}.halo{width:260px;height:260px}.seal{right:-10px;width:72px;height:72px}.intro{font-size:13px}h1{font-size:38px}}
@media(max-width:640px){.page{padding:0 22px}.masthead{padding:22px 0}.wordmark{font-size:27px}.edition{max-width:100px;text-align:right;line-height:1.8;font-size:8px}.experience{display:flex;flex-direction:column;gap:32px;padding:30px 0 34px}.product{width:100%}.product-note{font-size:8px}.bottle-stage{height:235px;margin-top:17px}.halo{width:200px;height:200px}.seal{right:calc(50% - 125px);bottom:22px;width:66px;height:66px;font-size:15px}.seal span{font-size:7px}.product-caption{font-size:17px;margin-top:17px}.product-caption span{font-size:9px}.story{width:100%;max-width:480px}.eyebrow{font-size:9px;margin-bottom:16px}h1{font-size:clamp(34px,8.8vw,48px)}.intro{margin:17px 0 23px;max-width:100%;font-size:13px}.video-top{padding:14px 16px}.video-bottom{padding:12px 16px;flex-wrap:wrap}.placeholder p{font-size:22px}.placeholder>span:last-child{font-size:10px}.play-mark{width:40px;height:40px}.afterword{margin-top:20px}footer{flex-direction:column;gap:10px;text-align:center;padding:22px 0}}
/* Keep the desktop experience within the viewport, including laptop screens. */
@media (min-width: 641px) {
  .masthead { padding: 18px 0 16px; }
  .experience { padding: 20px 0 16px; }
  .product, .story { min-width: 0; }
  .bottle-stage { height: clamp(280px, calc(100svh - 260px), 480px); margin-top: 14px; }
  .product-caption { margin-top: 16px; }
  .product-caption span { margin-top: 8px; }
  .eyebrow { margin-bottom: 12px; }
  h1 { font-size: clamp(36px, 3vw, 44px); line-height: 1.08; }
  .intro { margin: 12px 0 16px; font-size: 13px; line-height: 1.6; }
  .video-card { max-width: calc(clamp(140px, 100svh - 460px, 340px) * 16 / 9); }
  .video-top { padding: 10px 16px; }
  .video-bottom { min-height: 38px; padding: 10px 16px; }
  .afterword { max-width: calc(clamp(140px, 100svh - 460px, 340px) * 16 / 9); margin-top: 12px; }
  footer { padding: 16px 0; }
}

@media (min-width: 641px) and (max-height: 700px) {
  .masthead { padding: 12px 0; }
  .experience { padding: 16px 0 14px; }
  .bottle-stage { height: clamp(240px, calc(100svh - 238px), 470px); }
  .eyebrow { margin-bottom: 10px; }
  h1 { font-size: 38px; }
  .intro { margin: 10px 0 14px; font-size: 12.5px; }
  .video-card, .afterword { max-width: calc(clamp(140px, 100svh - 430px, 270px) * 16 / 9); }
  footer { padding: 10px 0; }
}