:root{
  --bg-pink-100:#160a0c;
  --bg-pink-200:#190c13;
  --bg-pink-300:#260f1b;
  --bg-pink-deep:#34121f;
  --wisteria:#150c12;
  --wisteria-strong:#1b1020;

  --paper:#191113;
  --paper-50:#1f121c;
  --paper-strong:#281c23;

  --accent:#f5337b;
  --accent-deep:#ff2c6e;
  --pink-ink:#fd709d;
  --warm:#fd4b60;
  --warm-strong:#ff394c;
  --amber:#fe793b;
  --amber-strong:#fd6b26;
  --crimson:#fe3a49;
  --cornflower:#9aa1e1;
  --call-deep:linear-gradient(95deg,var(--amber),var(--warm) 55%,var(--accent));

  --text:#f4eeef;
  --text-50:#b4a9b1;
  --faint:#877a82;
  --divider:#3c2632;

  --ondark:#fdfefd;
  --pure:#fdfefd;
  --go:#90c8aa;
  --divider-50:rgba(253,254,253,.06);
  --paper-fill:rgba(18,12,15,.83);
  --shroud:rgba(0,0,2,.6);
  --ft-fill:#0c0808;
  --ft:#cbbec4;
  --ft-strong:#f4eeef;
  --ft-50:#887e88;
  --ft-bd:rgba(253,254,253,.08);

  --r-sm:14px;
  --r-md:20px;
  --r-lg:28px;
  --r-xl:36px;
  --r-pill:999px;

  --elev-sm:0 6px 16px -8px rgba(0,0,2,.57);
  --elev-md:0 18px 38px -18px rgba(0,0,2,.59);
  --elev-lg:0 30px 60px -24px rgba(0,0,2,.66);

  --headline:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --ff:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --wrap:1200px;
  --pad:24px;
  --block-y:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  color:var(--text);background:
    radial-gradient(1200px 700px at 85% -8%, var(--bg-pink-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--wisteria) 0%, transparent 55%),
    linear-gradient(180deg, var(--bg-pink-100) 0%, var(--paper-50) 40%, var(--bg-pink-100) 100%);font-family:var(--ff);margin:0;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;background-attachment:fixed;
}
img{display:block;max-width:100%}

.button{
  font-weight:700;justify-content:center;display:inline-flex;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
  border:1.5px solid transparent;align-items:center;font-size:1rem;white-space:nowrap;
  padding:14px 26px;border-radius:var(--r-pill);text-align:center;cursor:pointer;
  gap:9px;
}
.button svg{width:18px;height:18px}
.button-small{padding:10px 18px;font-size:.9rem}
.button-block{width:100%}
.button-primary{color:var(--ondark);box-shadow:0 14px 26px -12px rgba(252,73,99,.73);background:linear-gradient(95deg,var(--amber),var(--warm) 55%,var(--accent))}
.button-primary:hover{box-shadow:0 20px 34px -12px rgba(252,73,99,.83);transform:translateY(-2px);color:var(--ondark);background:var(--call-deep)}
.button-ghost{border-color:var(--divider);color:var(--accent);background:var(--paper)}
.button-ghost:hover{color:var(--accent-deep);transform:translateY(-2px);background:var(--paper-strong)}
.button-clear{background:var(--pure);color:var(--accent-deep)}
.button-clear:hover{color:var(--accent-deep);box-shadow:var(--elev-md);transform:translateY(-2px)}
.drawer-phone{max-width:320px;z-index:1100;top:0;background:var(--paper);overflow-y:auto;position:fixed;width:80%;transition:right .3s ease;height:100vh;right:-100%;box-shadow:-6px 0 30px rgba(42,35,50,.19);padding:84px 22px 22px;height:100dvh}
.drawer-phone.current{right:0}
.drawer-phone nav{display:flex;flex-direction:column}
.drawer-phone a:not(.button){font-weight:600;font-size:15px;color:var(--text);padding:14px 2px;border-bottom:1px solid var(--divider)}
.drawer-phone a:not(.button):hover{color:var(--accent-deep)}
.drawer-phone a.button{margin-top:22px}
.section{padding-block:var(--block-y)}
.section-alt{background:var(--paper-strong)}
.strong{background:linear-gradient(92deg,var(--accent),var(--warm) 60%,var(--amber));-webkit-background-clip:text;color:transparent;background-clip:text}
p{margin:0}
svg{display:block}
figure{margin:0}
::selection{background:rgba(235,77,149,.24)}
.menu-backdrop{transition:opacity .3s ease;position:fixed;opacity:0;inset:0;background:var(--shroud);visibility:hidden;z-index:1090}
.menu-backdrop.current{visibility:visible;opacity:1}
.sign,.menu-entry,.drawer-phone a,.button,.trail a,.web-tail a,.places-links a,.single-talk{text-decoration:none}
:focus-visible{outline:3px solid var(--accent);border-radius:6px;outline-offset:2px}
.intro-head{max-width:640px;margin:0 auto 44px;text-align:center}
.intro-head .button{margin-top:24px}
.intro{color:var(--text-50);font-size:1.06rem;margin-top:14px}
.heading-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
.body-menu{align-items:center;display:flex;gap:8px;margin-left:auto}

.web-heading{background:var(--paper);border-bottom:1px solid var(--divider);z-index:60;position:sticky;top:0}
.web-heading-body{padding-block:12px;min-height:74px;justify-content:space-between;gap:20px;align-items:center;display:flex}
.pretitle{font-weight:800;color:var(--accent);text-transform:uppercase;font-size:.8rem;margin-bottom:10px;letter-spacing:.1em}
button{font-family:inherit}

.wrapper{max-width:var(--wrap);padding-inline:var(--pad);margin-inline:auto}
.menu-entry{transition:background .18s,color .18s;padding:9px 14px;color:var(--text);font-weight:600;border-radius:var(--r-pill);font-size:.96rem}
.menu-entry:hover{color:var(--accent-deep);background:var(--paper-strong)}
.menu-twinkle{border:none;transition:background .18s ease,color .18s ease;gap:7px;align-items:center;padding:9px 12px;font-weight:600;border-radius:var(--r-pill);text-decoration:none;position:relative;cursor:pointer;background:none;font-size:.96rem;color:var(--text);display:inline-flex}
.menu-twinkle:hover{background:var(--paper-strong);color:var(--accent-deep)}
.menu-twinkle svg{height:20px;color:var(--accent);width:20px}
.menu-twinkle:hover svg{color:var(--accent-deep)}
.menu-twinkle-copy{white-space:nowrap}
.menu-twinkle .talk-flag{top:auto;position:static;right:auto}
.menu-twinkle-phone{font-weight:600;font-size:15px;text-align:left;display:flex;color:var(--text);align-items:center;text-decoration:none;background:none;border:none;border-bottom:1px solid var(--divider);padding:14px 2px;gap:9px;cursor:pointer;width:100%}
.menu-twinkle-phone:hover{color:var(--accent-deep)}
.menu-twinkle-phone svg{height:18px;width:18px;color:var(--accent)}

.menu-btn{border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px;z-index:1105;display:none;background:none}
.menu-btn span{height:3px;width:26px;display:block;border-radius:2px;transition:transform .3s ease,opacity .3s ease;background:var(--text)}
.menu-btn.current span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.menu-btn.current span:nth-child(2){opacity:0}
.menu-btn.current span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.single-tile{border-radius:var(--r-lg);position:relative;border:1px solid var(--divider-50);background:var(--paper);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;overflow:hidden;cursor:pointer}
.single-tile:hover{z-index:3;box-shadow:var(--elev-lg);transform:translateY(-8px) scale(1.02)}
.single-portrait{overflow:hidden;aspect-ratio:3/4;background:linear-gradient(160deg,var(--bg-pink-200),var(--wisteria-strong));position:relative;display:block}
.single-portrait img{height:100%;width:100%;transition:transform .5s ease,filter .3s ease;object-fit:cover;display:block}
.single-tile:hover .single-portrait img{filter:brightness(.7);transform:scale(1.1)}
.single-flag{position:absolute;gap:6px;font-weight:800;z-index:3;border:1px solid #599dd6;border-radius:var(--r-pill);letter-spacing:.05em;padding:5px 9px;align-items:center;color:#ebf4ff;display:inline-flex;background:linear-gradient(135deg,#0e2b4a,#0c1f31);box-shadow:0 2px 8px rgba(0,0,2,.19);font-size:.68rem;top:10px;right:10px}
.single-flag .led{box-shadow:0 0 6px rgba(144,200,170,.72);font-size:0;background:var(--go);border-radius:50%;position:relative;width:8px;color:transparent;height:8px}
.single-flag .led::after{position:absolute;border-radius:50%;content:"";animation:quiver 1.8s ease-out infinite;background:var(--go);inset:0}
.single-body{padding:20px 15px 15px;text-align:left;position:absolute;z-index:2;transition:opacity .3s ease;left:0;background:linear-gradient(to top,rgba(0,0,2,.93),rgba(0,0,2,.72) 55%,rgba(0,0,2,.01));right:0;bottom:0}
.single-tile:hover .single-body{opacity:0}
.single-second{background:rgba(21,48,42,.94);align-items:center;gap:5px;font-size:.68rem;box-shadow:0 2px 8px rgba(0,0,2,.19);margin-bottom:8px;color:#f1fdf7;display:inline-flex;border-radius:var(--r-pill);padding:4px 9px;border:1px solid rgba(73,118,105,.88);font-weight:700;letter-spacing:.02em}
.single-second svg{height:14px;width:14px;color:#a8e4ce}
.single-label{font-family:var(--headline);font-weight:800;color:#fdfefd;font-size:1.32rem;line-height:1.2}
.single-label span{font-weight:600;font-size:.86rem;color:rgba(253,254,253,.83)}
.single-loc{gap:6px;font-size:.82rem;color:rgba(253,254,253,.88);align-items:center;margin-top:3px;display:flex}
.single-loc .pin svg{color:#fdfefd;width:14px;height:14px}
.single-backdrop{display:flex;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;padding:20px;inset:0;background:linear-gradient(to bottom,rgba(0,0,2,.11),rgba(0,0,2,.88));z-index:4;position:absolute;justify-content:center;opacity:0;align-items:flex-end}
.single-tile:hover .single-backdrop{visibility:visible;opacity:1}
.single-box{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;width:100%;transform:translateY(20px)}
.single-tile:hover .single-box{transform:translateY(0)}
.single-copy{overflow:hidden;margin:0 0 12px;-webkit-box-orient:vertical;line-height:1.4;font-size:.85rem;display:-webkit-box;color:#fdfefd;text-shadow:0 2px 4px rgba(0,0,2,.79);-webkit-line-clamp:2}
.single-talk{box-shadow:0 4px 15px rgba(0,0,2,.28);justify-content:center;align-items:center;width:50px;display:inline-flex;background:linear-gradient(135deg,var(--accent),var(--warm));transition:transform .3s ease,box-shadow .3s ease;height:50px;border-radius:50%;color:var(--ondark)}
.single-talk svg{height:22px;width:22px}
.single-talk:hover{box-shadow:var(--elev-md);transform:scale(1.1)}
.single-twinkle{width:34px;top:10px;background:rgba(0,0,2,.4);left:10px;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease;color:#fdfefd;z-index:6;border-radius:50%;display:grid;position:absolute;place-items:center;height:34px;border:none;box-shadow:0 2px 8px rgba(0,0,2,.3)}
.single-twinkle svg{width:18px;height:18px}
.single-twinkle:hover{background:rgba(0,0,2,.59);transform:scale(1.1)}
.single-twinkle.lit{background:var(--warm);color:var(--ondark)}
.single-twinkle.lit svg{fill:currentColor}

.flag-chip{display:inline-flex;box-shadow:var(--elev-sm);gap:8px;letter-spacing:.06em;border:1px solid var(--divider);background:var(--paper);padding:8px 16px;font-weight:700;align-items:center;color:var(--accent);border-radius:var(--r-pill);font-size:.82rem}
.flag-chip svg{color:var(--warm);height:16px;width:16px}
h1,h2,h3,h4{margin:0;font-family:var(--headline);letter-spacing:-.01em;line-height:1.12;color:var(--text)}
.sym-lit svg{stroke:none;fill:currentColor}
ul{margin:0;list-style:none;padding:0}
.sign{font-family:var(--headline);font-weight:800;display:flex;letter-spacing:-.02em;align-items:center;color:var(--text);font-size:1.28rem;gap:11px}
.sign:hover{color:var(--text)}
.sign-icon{border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--warm) 55%,var(--amber));justify-content:center;display:inline-flex;flex-shrink:0;box-shadow:0 8px 18px -8px rgba(235,77,149,.79);height:42px;color:var(--ondark);align-items:center;width:42px}
.sign-icon svg{height:22px;width:22px}
.trail a:hover{color:var(--accent-deep)}



.singles-layout{gap:5px;grid-template-columns:repeat(4,1fr);display:grid}
@media(max-width:768px){.single-backdrop{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.single-box{width:auto;transform:none}.single-copy{display:none}.single-talk{width:34px;height:34px}.single-talk svg{width:16px;height:16px}.single-twinkle{top:8px;left:8px;width:30px;height:30px}.single-twinkle svg{width:16px;height:16px}.single-flag{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.single-flag .led{width:6px;height:6px}.single-tile .single-body{padding:10px 9px 9px}.single-second{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.single-second svg{width:12px;height:12px}.single-label{font-size:.92rem;line-height:1.2;padding-right:40px}.single-label span{font-size:.72rem;white-space:nowrap}.single-loc{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.single-loc .pin svg{width:12px;height:12px}}
@keyframes quiver{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}

.talk-flag{position:absolute;top:-3px;background:var(--crimson);min-width:22px;font-size:.72rem;box-shadow:var(--elev-sm);display:grid;line-height:1;border-radius:var(--r-pill);place-items:center;right:-3px;font-weight:800;color:var(--ondark);padding:0 6px;height:22px;border:2px solid var(--paper)}
.talk-flag[hidden]{display:none}
.time{font-size:.9rem;color:var(--text-50);display:flex;gap:12px;justify-content:space-between}

.places{gap:32px;display:flex;flex-direction:column}
.places-set h2{font-size:1.15rem;color:var(--text);margin-bottom:16px;font-weight:800}
.places-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.places-links a{color:var(--text);transition:transform .14s,box-shadow .14s,color .14s;align-items:center;font-size:.92rem;padding:13px 16px;font-weight:600;border:1px solid var(--divider);display:flex;border-radius:var(--r-md);gap:10px;justify-content:space-between;background:var(--paper);box-shadow:var(--elev-sm)}
.places-links a:hover{box-shadow:var(--elev-md);transform:translateY(-3px);color:var(--accent-deep)}
.places-links a .pin{place-items:center;flex:none;display:grid;color:var(--accent)}
.places-links a .pin svg{width:16px;height:16px}
.cityhall-label{margin-bottom:14px;font-family:var(--headline);font-weight:800}
.cityhall-line{align-items:flex-start;gap:10px;font-size:.94rem;display:flex;color:var(--text-50);margin-top:10px}
.cityhall-line .pin{color:var(--accent);flex:none}
.cityhall-line .pin svg{height:16px;width:16px}

.form-box{max-width:640px}
.form-holder{left:-9999px;height:1px;width:1px;position:absolute;overflow:hidden}
.values-set{margin-top:14px;display:grid;gap:10px}
.values-set li{position:relative;color:var(--text);padding-left:24px}
.values-set li::before{left:0;content:"";top:.5em;border-radius:50%;width:10px;background:var(--warm);position:absolute;height:10px}
.film-window{height:100%;display:block;background:#000002;width:100%;pointer-events:none;object-fit:cover}
.film-led{top:50%;padding-left:2px;font-size:.64rem;line-height:1;position:absolute;transform:translate(-50%,-50%);pointer-events:none;box-shadow:var(--elev-sm);place-items:center;display:grid;color:#fdfefd;background:rgba(0,0,2,.57);border-radius:50%;height:28px;width:28px;left:50%}
.film-flag{font-weight:700;letter-spacing:.02em;align-items:center;border-radius:var(--r-pill);z-index:2;padding:5px 9px;bottom:12px;color:#fdfefd;left:12px;gap:4px;background:rgba(0,0,2,.6);position:absolute;font-size:.7rem;box-shadow:var(--elev-sm);display:inline-flex}

.led{color:var(--go);line-height:1;font-size:.6rem}
.tail-layout{gap:40px;grid-template-columns:1.6fr 1fr 1fr;display:grid}
.tail-sign{color:var(--ft-strong);gap:10px;display:flex;margin-bottom:12px;align-items:center;font-family:var(--headline);font-weight:800;font-size:1.2rem}
.tail-side>p:not(.tail-label){color:var(--ft-50);font-size:.94rem;max-width:34ch}
.tail-label{color:var(--ft-strong);margin-bottom:14px;font-size:1rem;font-weight:800}
.tail-links{font-size:.94rem;display:grid;gap:10px}
.notes-cityhall{border-radius:var(--r-lg);border:1px solid var(--divider-50);background:var(--paper);padding:24px;box-shadow:var(--elev-md)}
.trail li:not(:last-child)::after{content:"\00203a";color:var(--faint);margin-left:6px}
.trail a{color:var(--text-50)}
.editorial-section .trail{display:flex}.editorial-section .trail li{padding-left:0}.editorial-section .trail li::before{display:none}
.fld-line{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.fld{border-radius:var(--r-sm);padding:13px 16px;border:1.5px solid var(--divider);color:var(--text);font-family:inherit;transition:border-color .16s,box-shadow .16s;font-size:1rem;width:100%;background:var(--paper-50)}
.fld:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(235,77,149,.17)}
textarea.fld{resize:vertical;min-height:140px}


.cta-zone{padding:clamp(38px,5vw,64px);gap:30px;overflow:hidden;background:linear-gradient(100deg,var(--accent-deep),var(--warm) 60%,var(--amber));box-shadow:var(--elev-lg);border-radius:var(--r-xl);justify-content:space-between;display:flex;position:relative;flex-wrap:wrap;color:var(--ondark);align-items:center}
.cta-blob{height:320px;position:absolute;right:-90px;top:-120px;width:320px;border-radius:50%;background:rgba(253,254,253,.1)}
.cta-copy{z-index:2;position:relative}
.cta-copy h2{color:var(--ondark);max-width:16ch}
.cta-copy p{max-width:46ch;margin-top:10px;color:rgba(253,254,253,.94)}
.cta-zone .button{z-index:2;position:relative}

.web-tail{background:var(--ft-fill);color:var(--ft)}
.web-tail .wrapper{padding-block:56px 22px}
.web-tail a{color:var(--ft)}
.web-tail a:hover{color:var(--ft-strong)}

.view-hero{padding-block:clamp(40px,6vw,80px) 20px}
.view-hero h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-hero p{color:var(--text-50);font-size:1.08rem;margin:16px auto 0}
.locate-tile{overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--divider-50);background:var(--wisteria);position:relative;box-shadow:var(--elev-md);aspect-ratio:4/3}
.locate-tile.locate-async{cursor:pointer}
.locate-holder{place-items:center;padding:20px;inset:0;position:absolute;background:linear-gradient(160deg,var(--wisteria-strong),var(--paper-strong));text-align:center;display:grid;gap:10px}
.locate-holder p{color:var(--text);font-weight:700}
.locate-pin{color:var(--warm);filter:drop-shadow(0 10px 12px rgba(252,73,99,.52))}
.locate-pin svg{width:40px;fill:currentColor;stroke:none;height:40px}
.locate-tile iframe{position:absolute;height:100%;inset:0;border:0;width:100%}
.locate-tile.loaded .locate-holder{display:none}
.single-window-twinkle{height:46px;top:14px;right:14px;width:46px}
.single-window-twinkle svg{width:21px;height:21px}
.single-layout{margin-top:22px;display:grid;gap:clamp(24px,4vw,52px);align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.single-side{min-width:0}
.single-window{overflow:hidden;background:linear-gradient(160deg,var(--bg-pink-200),var(--wisteria-strong));position:relative;margin:0;box-shadow:var(--elev-md);border-radius:var(--r-lg)}
.single-window img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;display:block}
.single-ctrl{box-shadow:var(--elev-md);color:var(--accent-deep);position:absolute;border-radius:50%;transform:translateY(-50%);display:grid;z-index:2;cursor:pointer;place-items:center;border:none;top:50%;height:44px;background:var(--paper-fill);width:44px;transition:transform .15s ease,background .15s ease}
.single-ctrl:hover{background:var(--paper-fill);transform:translateY(-50%) scale(1.07)}
.single-ctrl svg{height:22px;width:22px}
.single-left{left:12px}
.single-right{right:12px}
.single-strip{flex-wrap:wrap;margin-top:12px;gap:10px;display:flex}
.single-cell{box-shadow:var(--elev-sm);padding:0;border:2px solid transparent;flex:0 0 auto;aspect-ratio:3/4;width:72px;transition:transform .15s ease,border-color .15s ease;cursor:pointer;overflow:hidden;border-radius:var(--r-sm);background:var(--paper-strong)}
.single-cell img{display:block;width:100%;height:100%;object-fit:cover}
.single-cell:hover{transform:translateY(-2px)}
.single-cell.lit{border-color:var(--accent)}
.single-side [hidden]{display:none!important}
.single-film{background:#000002;max-height:70vh;object-fit:contain;display:block;width:100%;height:auto}
.single-cell-film{position:relative}
.editorial-copy .button{margin-top:26px}
.stat{display:flex;box-shadow:var(--elev-sm);background:var(--paper);border-radius:var(--r-md);align-items:center;gap:12px;border:1px solid var(--divider-50);padding:14px 16px}
.stat-sym{border-radius:12px;place-items:center;display:grid;flex:none;background:var(--paper-strong);width:40px;height:40px;color:var(--accent)}
.stat-sym svg{height:18px;width:18px}
.stat-copy dt{color:var(--faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.stat-copy dd{margin:2px 0 0;font-family:var(--headline);font-weight:800;font-size:.98rem}
.form-note{font-weight:700}
.form-note-lit{color:var(--go)}
.form-note-hidden{color:var(--accent-deep)}

.editorial{display:grid;align-items:center;gap:clamp(28px,4vw,56px);grid-template-columns:1fr 1fr}
.editorial-copy>p:not(.pretitle){font-size:1.04rem;color:var(--text-50);margin-top:16px}
.editorial-second{font-family:var(--headline);font-size:1.1rem;margin-top:22px;color:var(--accent-deep);font-weight:800}

.form{border-radius:var(--r-lg);box-shadow:var(--elev-md);border:1px solid var(--divider-50);padding:clamp(24px,3vw,40px);background:var(--paper)}
.form-cell{display:grid;margin-bottom:18px;gap:7px}
.form-cell label{font-weight:700;font-size:.92rem}
.rights{padding-top:22px;border-top:1px solid var(--ft-bd);font-size:.86rem;color:var(--ft-50);margin-top:34px}

.corner-opener{box-shadow:var(--elev-lg);position:fixed;align-items:center;justify-content:center;height:60px;right:22px;z-index:80;width:60px;text-decoration:none;border-radius:50%;color:var(--ondark);border:none;bottom:22px;background:linear-gradient(135deg,var(--accent),var(--warm));cursor:pointer;display:flex}
.corner-opener svg{fill:currentColor;width:26px;stroke:none;height:26px}
.corner-opener-copy{max-width:calc(100vw - 44px);padding:13px 20px;font-family:var(--headline);height:auto;width:auto;border-radius:var(--r-pill);gap:9px;font-weight:800;font-size:.95rem}
.corner-opener-copy svg{width:20px;height:20px}
.corner-copy{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.editorial-section h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.editorial-section h2{font-size:1.35rem;margin-top:34px;font-weight:800;color:var(--accent-deep)}
.editorial-section p{font-size:1.04rem;margin-top:14px;color:var(--text-50)}
.editorial-section p a{font-weight:600}
.editorial-section ul{gap:10px;margin-top:14px;display:grid}
.editorial-section li{color:var(--text-50);position:relative;padding-left:24px}
.editorial-section li::before{left:0;width:10px;height:10px;top:.5em;content:"";position:absolute;border-radius:50%;background:var(--warm)}

.notes{align-items:start;gap:clamp(28px,4vw,48px);grid-template-columns:1.2fr 1fr;display:grid}
.notes-stats{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.hours{display:grid;margin-top:10px;gap:4px}

.holder{padding-block:clamp(60px,10vw,140px);text-align:center}
.holder-rank{font-family:var(--headline);font-weight:800;line-height:.9;font-size:clamp(6rem,20vw,13rem)}
.holder-set{margin-top:30px;gap:14px;flex-wrap:wrap;display:flex;justify-content:center}
.trail{flex-wrap:wrap;display:flex;gap:6px;color:var(--faint);margin-bottom:14px;justify-content:flex-start;font-size:.86rem}
.single-film-play{top:50%;background:rgba(0,0,2,.52);box-shadow:var(--elev-md);border-radius:50%;width:78px;padding-left:6px;height:78px;transform:translate(-50%,-50%);position:absolute;cursor:pointer;color:#fdfefd;z-index:3;transition:transform .15s ease,background .15s ease;display:grid;place-items:center;font-size:1.9rem;border:none;left:50%;line-height:1}
.single-film-play:hover{background:rgba(0,0,2,.72);transform:translate(-50%,-50%) scale(1.07)}
.single-drawer{position:sticky;top:96px}
.single-head{align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;display:flex}
.single-head .flag-chip{flex:none}
.single-intro{font-family:var(--headline);line-height:1.1;font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.single-intro span{font-weight:600;font-size:.62em;color:var(--faint)}
.single-note{color:var(--text-50);align-items:center;margin-top:10px;gap:7px;font-size:1.02rem;display:flex}
.single-note .pin svg{width:18px;color:var(--accent);height:18px}
.single-note a{font-weight:600;text-decoration:none;color:var(--accent-deep);transition:border-color .15s ease;border-bottom:1px solid transparent}
.single-note a:hover{border-bottom-color:currentColor}
.single-stats{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.single-drawer .intro{margin-top:18px}
.single-set{flex-wrap:wrap;gap:12px;display:flex;margin-top:24px}
.editorial-section .trail,.trail:has(+ .intro-head){justify-content:center}

.explore-form{border-radius:var(--r-pill);padding:12px;gap:12px;border:1px solid var(--divider-50);margin:0 auto;background:var(--paper);box-shadow:var(--elev-md);display:flex}
.explore-form .fld{background:transparent;font-size:1.06rem;border:none;box-shadow:none}
.explore-form .fld:focus{box-shadow:none}
.explore-form+.places{margin-top:40px}

@media (max-width:980px){
  .singles-layout{grid-template-columns:repeat(3,1fr)}
  .single-layout{grid-template-columns:1fr}
  .single-window{width:100%;max-width:380px;justify-self:start}
  .single-drawer{position:static}
  .editorial,.notes{grid-template-columns:1fr}
  .tail-layout{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .body-menu{display:none}
  .menu-btn{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .drawer-phone,.menu-backdrop{display:none}
}
@media (max-width:600px){
  :root{--block-y:clamp(30px,7vw,48px);--pad:8px}
  .tail-layout,.fld-line{grid-template-columns:1fr}
  .singles-layout{grid-template-columns:repeat(2,1fr);gap:5px}
  .single-tile{border-radius:var(--r-sm)}
  .single-body{padding:16px 10px}
  .cta-zone{flex-direction:column;align-items:stretch;padding:32px 24px}
  .cta-zone .button{width:100%;white-space:normal}
  .explore-form{flex-direction:column;border-radius:var(--r-lg)}
  .explore-form .button{width:100%}
  .section-single{padding-top:0}
  .single-window img{aspect-ratio:1/1;max-height:46vh}
  .single-layout{margin-top:0}
  .single-drawer{display:flex;flex-direction:column;margin-top:14px}
  .single-head{order:1;margin-top:0}
  .single-note{order:2}
  .single-set{order:3;margin-top:16px;gap:10px}
  .single-set .button{flex:1 1 auto}
  .single-strip{display:none}
  .single-stats{order:4}
  .single-drawer .intro{order:5}
  .notes-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .stat{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .stat-sym{width:34px;height:34px}
  .stat-copy{min-width:0}
  .stat-copy dd{font-size:.92rem;overflow-wrap:anywhere}
}