/* Account page. Forest charcoal and gold, like Watch, Coming soon and the Journal. Everything is scoped under .ac. */
body.ac-page{background:#101713;color:#eeeae1}
.ac-page .topline,.ac-page footer{background:#0b110d}
.ac-page .site-header{background:#101713f0;border-bottom-color:#ffffff12}
.ac-page footer{border-top-color:#ffffff10}
.ac{--bg:#101713;--panel:#1a241e;--text:#eeeae1;--muted:#a1aaa0;--gold:#c6aa7f;--line:#c5c7af26;padding:0;display:block;color:var(--text);font-family:'DM Sans',Arial,sans-serif;min-height:60vh}
.ac *{box-sizing:border-box}
.ac h1,.ac h2,.ac h3{font-family:inherit;font-weight:400;line-height:1.1;margin:0;text-wrap:balance}
.ac p{margin:0}
.ac em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#d1be9c}
.ac-wrap{width:calc(100% - 112px);max-width:1100px;margin:0 auto;padding:56px 0 80px}
.ac-eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);text-transform:uppercase;margin-bottom:16px}
.ac h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px}
.ac h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1px}
.ac-lede{color:var(--muted);font-size:16px;line-height:1.7;max-width:56ch;margin:18px 0 28px}
.ac-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}
.ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:6px;border:1px solid var(--gold);background:var(--gold);color:#162017;font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}
.ac-btn:hover{background:#ddc39b}
.ac-btn:disabled{opacity:.55;cursor:default}
.ac-btn.ghost{background:transparent;color:var(--text);border-color:#ffffff30}
.ac-btn.ghost:hover{border-color:var(--gold)}
.ac-btn.small{min-height:36px;padding:0 14px;font-size:12px}
.ac-btn.danger{background:transparent;color:#e6a59a;border-color:#e6a59a66}
.ac a.ac-link{color:var(--gold);text-decoration:none;border-bottom:1px solid #c6aa7f55}
.ac :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ac input[type=email],.ac input[type=text],.ac select{width:100%;min-height:48px;background:#101713;color:var(--text);border:1px solid #ffffff30;border-radius:8px;padding:0 14px;font:inherit;font-size:15px}
.ac label.ac-field{display:block;font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.ac-row{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.ac-row>input{flex:1 1 260px;width:auto}
.ac-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:62ch}
.ac-msg{margin-top:14px;font-size:14px;line-height:1.6}
.ac-msg.err{color:#e6a59a}.ac-msg.ok{color:#b9d6a2}
.ac-grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.ac-steps{display:flex;gap:8px;margin:0 0 28px;padding:0;list-style:none;flex-wrap:wrap}
.ac-steps li{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:6px 12px;border:1px solid var(--line);border-radius:999px}
.ac-steps li[aria-current=step]{color:#162017;background:var(--gold);border-color:var(--gold)}
.ac-steps li.done{color:var(--gold)}
.ac fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}
.ac legend{font-size:20px;margin-bottom:6px;padding:0}
.ac .ac-hint{color:var(--muted);font-size:13px;margin-bottom:14px}
.ac-chips{display:flex;flex-wrap:wrap;gap:10px}
.ac-chip{position:relative}
.ac-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.ac-chip span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid #ffffff2e;border-radius:999px;font-size:14px;color:var(--text);background:transparent;pointer-events:none}
.ac-chip input:checked+span{background:var(--gold);border-color:var(--gold);color:#162017}
.ac-chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
.ac-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.ac-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6}
.ac-check input{width:20px;height:20px;margin-top:3px;accent-color:#c6aa7f;flex:none}
.ac-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-bottom:36px}
.ac-section{margin-top:56px}
.ac-section>header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.ac-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}
.ac-tile{position:relative;display:flex;flex-direction:column;gap:8px}
.ac-tile a.ac-poster{display:block;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#26312a;color:inherit;text-decoration:none}
.ac-tile img{width:100%;height:100%;object-fit:cover;display:block}
.ac-noimg{display:grid;place-items:center;height:100%;padding:12px;text-align:center;font-size:13px;color:var(--muted)}
.ac-tile h3{font-size:15px;line-height:1.3}
.ac-tile small{color:var(--muted);font-size:12px}
.ac-tile .why{color:var(--gold);font-size:12px;line-height:1.5}
.ac-tile button.ac-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff40;background:#101713cc;color:var(--text);font-size:18px;cursor:pointer;line-height:1}
.ac-tile button.ac-x:hover{border-color:var(--gold)}
.ac-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ac-list li{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.ac-list b{font-weight:500}.ac-list small{display:block;color:var(--muted);margin-top:3px}
.ac-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.ac-summary div{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.ac-summary dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ac-summary dd{margin:0;font-size:15px;line-height:1.5}
.ac-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ac-tip{display:block;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none}
.ac-tip:hover{border-color:var(--gold)}
.ac-tip small{display:block;color:var(--gold);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.ac-empty{padding:28px;border:1px dashed #ffffff30;border-radius:12px;color:var(--muted);font-size:14px;line-height:1.7}
.ac-danger{margin-top:64px;padding-top:28px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.ac-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d0b68e;color:#172019;padding:13px 22px;font-size:13px;z-index:60;transition:.25s;max-width:90vw;text-align:center;border-radius:6px}
.ac-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){.ac-grid2{grid-template-columns:1fr}}
@media(max-width:700px){.ac-wrap{width:calc(100% - 36px);padding:36px 0 56px}.ac-card{padding:20px}.ac-tiles{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(prefers-reduced-motion:reduce){.ac-toast{transition:none}}

/* Playlists */
.ac-pl-new{max-width:620px}
.ac-pl-ideas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.ac-pill{min-height:34px;padding:0 14px;border:1px solid #ffffff2e;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.ac-pill:hover{border-color:var(--gold)}
.ac-pl-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}
.ac-pl-tab{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:14px;cursor:pointer;max-width:100%}
.ac-pl-tab span{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.ac-pl-tab[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#162017}
.ac-pl-tab[aria-pressed=true] span{color:#162017;border-color:#16201766}
.ac-pl-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ac-pl-bar h3{font-size:24px;letter-spacing:-.5px;overflow-wrap:anywhere}
.ac-pl-add{margin-top:28px}
.ac-pl-add h3{font-size:20px;margin-bottom:16px}
.ac-pl-found{margin-top:16px}
.ac-find{display:flex;align-items:center;gap:14px;min-width:0}
.ac-find b{overflow-wrap:anywhere}
.ac-find-img{flex:none;width:40px;height:60px;border-radius:6px;overflow:hidden;background:#26312a}
.ac-find-img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.ac-pl-tab{min-height:40px;padding:0 14px}.ac-pl-bar h3{font-size:21px}.ac-list.ac-pl-found li{padding:12px}}
/* Plain-language document pages (About, Contact, Terms, Privacy) */
.ac-doc{display:grid;gap:26px;line-height:1.75;font-size:15px}
.ac-doc h2{font-size:22px;margin-bottom:8px}
.ac-doc p+p,.ac-doc ul+p,.ac-doc p+ul{margin-top:10px}
.ac-doc ul{margin:0;padding-left:20px;display:grid;gap:6px}
.ac-doc a{color:var(--gold);text-underline-offset:3px}
.ac-draft{margin:0 0 22px;padding:12px 16px;border:1px dashed #c6aa7f66;border-radius:10px;color:var(--gold);font-size:13px;line-height:1.6}
/* Typography, one scale for the account and document pages: Manrope for headings (as on the homepage and Immersion), DM Sans for text,
   Georgia italic only for the emphasised word in a title. Sizes: title 34-52, section 24-30, card heading 22, lede 17, text 15, notes and lists 13-14, labels 12. */
.ac h1,.ac h2,.ac h3,.ac legend{font-family:Manrope,'DM Sans',Arial,sans-serif;font-weight:400}
.ac h1{font-size:clamp(34px,4.4vw,52px);letter-spacing:-1.4px;line-height:1.1}
.ac h2{font-size:clamp(24px,2.6vw,30px);letter-spacing:-.6px;line-height:1.2}
.ac .ac-card h2{font-size:22px;letter-spacing:-.4px}
.ac h3{font-size:16px;letter-spacing:-.2px;line-height:1.3}
.ac-tile h3{font-size:15px}
.ac legend{font-size:20px;letter-spacing:-.3px}
.ac h1 em,.ac h2 em{font-size:.96em}
.ac-eyebrow{font-size:11px;letter-spacing:2.2px}
.ac-lede{font-size:17px;line-height:1.65}
.ac-note{font-size:13px;line-height:1.65}
.ac ul.ac-note{font-size:14px;line-height:1.7;display:grid;gap:6px}
.ac label.ac-field{font-size:12px;letter-spacing:.08em}
.ac input[type=email],.ac input[type=text],.ac select{font-size:15px}
.ac-btn{font-size:14px}.ac-btn.small{font-size:13px}
.ac-msg{font-size:14px;line-height:1.6}
.ac-check{font-size:15px}
/* `.ac p{margin:0}` outranks the single-class margins above, so they are restated with the element */
.ac p.ac-eyebrow{margin:0 0 16px}
.ac p.ac-lede{margin:20px 0 26px}
.ac p.ac-msg{margin-top:14px}
.ac p.ac-msg:empty{margin:0}
@media(max-width:700px){.ac p.ac-lede{font-size:16px}}