/* Redesign 23.10.2026: cinematic hero, one gallery with a cinema dialog, world band, merged partnership, display type. */

/* ---------- Display type ---------- */
:root{--display:"Cormorant Garamond",Georgia,"Times New Roman",serif}
.section-head h2,.systems-subhead h3,.class-roster-head h3,.world-modes-head h3,.partner-next h3,.partner-interest h3,.system-panel h3,.mode h3,.funding-title,.hero-logo-tales,.dev-metric strong,.roadmap h3{font-family:var(--display);font-weight:700;letter-spacing:-.005em;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.section-head h2{font-size:clamp(40px,4.7vw,66px);line-height:1.02}
.systems-subhead h3,.class-roster-head h3,.world-modes-head h3{font-size:clamp(30px,3.2vw,46px);line-height:1.05}
.system-panel h3{font-size:clamp(30px,2.9vw,42px);line-height:1.05}
.mode h3{font-size:30px;line-height:1.05}
.dev-metric strong{font-size:clamp(36px,3.6vw,52px)}
.roadmap h3{font-size:26px}

/* ---------- Ornament between sections ---------- */
.ornament{display:flex;align-items:center;justify-content:center;gap:16px;max-width:440px;margin:0 auto 46px;color:var(--gold)}
.ornament::before,.ornament::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.ornament::after{transform:scaleX(-1)}
.ornament span{font-size:15px;line-height:1;text-shadow:0 0 14px #e6c47a66}

/* ---------- Header: active section ---------- */
.desktop-nav a{position:relative}
.desktop-nav a.is-active{color:var(--gold)}
.desktop-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,#e8cd92,#b68a43)}

/* ---------- Cinematic hero ---------- */
.hero-cine{--ink:#f4efe3;--muted:#cfc8b6;--line:#ffffff2a;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(640px,calc(100svh - 86px),940px);display:flex;flex-direction:column;justify-content:center;background:#0d1210;color:var(--ink)}
.hero-cine-art{position:absolute;inset:0;z-index:-3}
.hero-cine-art img{width:100%;height:100%;object-fit:cover;object-position:62% 22%;transform:scale(1.06);animation:hero-drift 26s ease-in-out infinite alternate}
.hero-cine::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a0e0cf2 0%,#0a0e0cd9 26%,#0a0e0c80 48%,#0a0e0c1a 70%,transparent 100%),linear-gradient(0deg,#0d1210 0%,#0d1210cc 9%,transparent 34%),radial-gradient(120% 90% at 70% 30%,transparent 50%,#05070680 100%)}
.hero-cine-fog{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-cine-fog i{position:absolute;width:70vw;height:42vh;border-radius:50%;background:radial-gradient(closest-side,#9fd7b522,transparent);filter:blur(20px);animation:fog-move 32s ease-in-out infinite alternate}
.hero-cine-fog i:first-child{left:-12vw;bottom:4vh}
.hero-cine-fog i:last-child{right:-18vw;bottom:-6vh;animation-duration:40s;animation-delay:-12s}
.hero-cine-motes{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-cine-motes i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#f6dc9a;box-shadow:0 0 10px 2px #f2c86a99;opacity:0;animation:mote 14s linear infinite}
.hero-cine-motes i:nth-child(1){left:52%;animation-delay:0s}.hero-cine-motes i:nth-child(2){left:61%;animation-delay:-3s;animation-duration:17s}.hero-cine-motes i:nth-child(3){left:70%;animation-delay:-6s}.hero-cine-motes i:nth-child(4){left:78%;animation-delay:-9s;animation-duration:19s}.hero-cine-motes i:nth-child(5){left:86%;animation-delay:-2s}.hero-cine-motes i:nth-child(6){left:93%;animation-delay:-11s;animation-duration:16s}.hero-cine-motes i:nth-child(7){left:44%;animation-delay:-5s;animation-duration:21s}.hero-cine-motes i:nth-child(8){left:66%;animation-delay:-13s;width:3px;height:3px}.hero-cine-motes i:nth-child(9){left:74%;animation-delay:-7s;width:3px;height:3px;animation-duration:18s}.hero-cine-motes i:nth-child(10){left:82%;animation-delay:-15s}.hero-cine-motes i:nth-child(11){left:57%;animation-delay:-10s;width:2px;height:2px}.hero-cine-motes i:nth-child(12){left:89%;animation-delay:-4s;width:3px;height:3px;animation-duration:22s}.hero-cine-motes i:nth-child(13){left:36%;animation-delay:-8s;width:2px;height:2px}.hero-cine-motes i:nth-child(14){left:96%;animation-delay:-12s;width:2px;height:2px}.hero-cine-motes i:nth-child(15){left:48%;animation-delay:-14s;animation-duration:20s}.hero-cine-motes i:nth-child(16){left:72%;animation-delay:-1s;width:2px;height:2px}
.hero-cine-inner{padding-block:40px 118px}
.hero-cine-copy{max-width:560px}
.hero-cine-copy>.eyebrow{color:#e8cd92}
.hero-logo{margin:14px 0 14px;display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.hero-logo-tales{font-size:clamp(26px,2.4vw,36px);color:#ead19c;letter-spacing:.06em;margin:0 0 -6px 8px;text-shadow:0 2px 18px #000a}
.hero-logo img{width:clamp(170px,15vw,215px);height:auto;filter:drop-shadow(0 10px 30px #000c) drop-shadow(0 0 22px #e6c47a33)}
.hero-cine .hero-description{color:#e7e1d2;font-size:15px;line-height:1.7;max-width:540px;text-shadow:0 1px 14px #000c}
.hero-cine .hero-actions{margin-block:24px 18px}
.hero-play-time{margin-left:4px;padding:3px 8px;border-radius:999px;background:#2a251a1f;font-size:11px;font-weight:700}
.hero-cine .hero-tg{color:#f4efe3;border-color:#ffffff38;background:#0c100e8c;backdrop-filter:blur(6px)}
.hero-cine .hero-tg:hover{border-color:#e8cd92;color:#ead19c}
.hero-cine .hero-social a{border-color:#ffffff33;background:#0c100e80;backdrop-filter:blur(6px);color:#ead19c}
.hero-pills{position:absolute;left:0;right:0;bottom:26px;z-index:2}
.hero-pills-row{display:flex;flex-wrap:wrap;gap:8px}
.hero-pills .quick-tile{background:#0c100ea6;border-color:#ffffff2e;color:#f4efe3;backdrop-filter:blur(10px)}
.hero-pills .quick-tile:hover{border-color:#e8cd92;background:#18201ccc}
.hero-cine-copy>*{animation:hero-in .9s cubic-bezier(.2,.75,.2,1) both}
.hero-cine-copy>:nth-child(2){animation-delay:.08s}.hero-cine-copy>:nth-child(3){animation-delay:.16s}.hero-cine-copy>:nth-child(4){animation-delay:.24s}.hero-cine-copy>:nth-child(5){animation-delay:.32s}
@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hero-drift{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
@keyframes fog-move{from{transform:translateX(0)}to{transform:translateX(14vw)}}
@keyframes mote{0%{opacity:0;transform:translate(0,0)}12%{opacity:.9}80%{opacity:.6}100%{opacity:0;transform:translate(-40px,-78vh)}}

/* ---------- Gallery ---------- */
.gallery-section .section-head{max-width:860px}
.gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 22px}
.gallery-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .2s,background-color .2s}
.gallery-tab span{font-size:11px;font-weight:600;opacity:.55}
.gallery-tab:hover{border-color:var(--gold)}
.gallery-tab.is-active{background:linear-gradient(135deg,#ead19c,#d5b46e);border-color:#b18a46;color:#29251b;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #8f713b}
.gallery-tab:focus-visible,.gallery-tile:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery-tile{position:relative;display:block;aspect-ratio:16/10;padding:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:16px;background:#0e0f0f;color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 26px #0000002e;transition:transform .25s,box-shadow .25s,border-color .25s}
.gallery-tile[hidden]{display:none}
.gallery-tile:hover{transform:translateY(-3px);border-color:#e8cd9299;box-shadow:0 18px 38px #00000052}
.gallery-tile img,.gallery-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .35s}
.gallery-tile:hover img{transform:scale(1.05)}
.gallery-tile video{opacity:0}
.gallery-tile.is-previewing video{opacity:1}
.gallery-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000000d9 0%,#00000066 34%,transparent 62%)}
.gallery-meta{position:absolute;left:14px;right:14px;bottom:12px;display:grid;gap:4px}
.gallery-meta small{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#ead19c}
.gallery-meta b{font-size:15px;line-height:1.25;text-shadow:0 1px 8px #000}
.gallery-time{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:999px;background:#000000a6;font-size:11px;font-weight:700;backdrop-filter:blur(4px)}
.gallery-play{position:absolute;left:50%;top:42%;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#e8cd92,#b68a43);color:#2a251a;font-size:15px;box-shadow:0 8px 24px #000a;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .25s,transform .25s}
.gallery-tile:hover .gallery-play,.gallery-tile:focus-visible .gallery-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:none){.gallery-play{opacity:.95;transform:translate(-50%,-50%) scale(.9)}}

/* ---------- Cinema dialog ---------- */
.cinema{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#f4efe3}
.cinema[open]{display:grid;place-items:center}
.cinema::backdrop{background:#040605eb;backdrop-filter:blur(6px)}
.cinema-frame{width:min(1240px,94vw)}
.cinema-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.cinema-bar p{font-size:14px;font-weight:700;letter-spacing:.02em;color:#ead19c}
.cinema-close{flex:none;width:44px;height:44px;border:1px solid #ffffff38;border-radius:50%;background:#ffffff12;color:#fff;font-size:17px;cursor:pointer;transition:background-color .2s,border-color .2s}
.cinema-close:hover{background:#ffffff24;border-color:#e8cd92}
.cinema .film-player:not(:fullscreen):not(.sp-expanded) .sp-stage{aspect-ratio:16/9;max-height:78dvh}
.cinema[open] .cinema-frame{animation:cinema-in .35s cubic-bezier(.2,.75,.2,1)}
@keyframes cinema-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

/* ---------- World band (always dark) ---------- */
.world-cine{--ink:#f2eee4;--muted:#cdc7b8;--line:#ffffff26;--paper:#10151299;--cream:#121814b3;position:relative;isolation:isolate;overflow:hidden;color:var(--ink);background:#0b100e;padding-block:120px 110px;scroll-margin-top:80px}
.world-cine-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.world-cine-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070b09f0 0%,#070b09cc 42%,#070b0966 100%),linear-gradient(0deg,#0b100e 0%,transparent 22%,transparent 78%,#0b100e 100%)}
.world-cine-story{max-width:720px}
.world-cine .section-head{margin-bottom:24px}
.world-cine .copy-stack{display:grid;gap:14px;font-size:16px;line-height:1.75;color:#e4dfd2}
.world-cine .world-footnote{margin-top:24px;padding-left:18px;border-left:2px solid #e8cd92;font-size:17px;color:#f4efe3}
.world-modes{margin-top:90px;scroll-margin-top:100px}
.world-modes-head{max-width:720px;margin-bottom:26px}
.world-modes-head h3{margin:10px 0 12px}
.world-modes-head>p:last-child{color:var(--muted);font-size:15px;line-height:1.7}
.world-cine .modes{gap:14px}
.world-cine .mode{background:#0e1411b8;border-color:#ffffff22;backdrop-filter:blur(8px)}
.world-cine .mode:hover{border-color:#e8cd92aa}
.world-cine .mode span{color:#e8cd92}
.world-cine .mode p{color:#d9d3c4}
.world-cine .mode-icon svg{color:#e8cd92}
.world-cine .shared-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:22px}
.world-cine .shared-progress strong{color:#ead19c}
.world-cine .shared-progress p{color:var(--muted)}
.world-cine .mode-more{margin-left:auto;color:#ead19c}

/* ---------- Atmosphere on themed sections ---------- */
.systems-section,.model-section,.partner-hub,.gallery-section{background-image:radial-gradient(900px 520px at 88% -6%,#3d6e5c1c,transparent 62%),radial-gradient(760px 460px at -6% 104%,#c49a4a14,transparent 62%)}

/* ---------- Partnership hub ---------- */
.partner-hub .section-head{max-width:900px}
.partner-next{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:56px;align-items:center;margin:20px 0 70px;scroll-margin-top:100px}
.partner-next .chapter-concept{width:100%}
.partner-next h3{font-size:clamp(34px,3.6vw,52px);line-height:1.04;margin:12px 0 16px}
.partner-next p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:640px}
.partner-fund{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start;padding:34px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(160deg,var(--cream),var(--paper))}
.partner-amount .funding-title{font-size:clamp(64px,7vw,104px);line-height:.95;margin:10px 0 16px;color:var(--gold);background:linear-gradient(180deg,#f3dba3,#b68a43);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.partner-amount .fine-print{max-width:420px}.partner-amount .text-link{margin-top:22px}
.partner-hub .funding-cards article{padding:18px}
.partner-hub .roadmap{position:relative;margin-top:56px}
.partner-interest{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start;margin-top:70px;scroll-margin-top:100px}
.partner-interest h3{font-size:clamp(30px,3vw,42px);line-height:1.08;margin:10px 0 14px}
.partner-interest p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted)}
.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.interest-grid article{display:grid;gap:6px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:18px;background:var(--cream)}
.interest-grid svg{width:24px;color:var(--gold)}
.interest-grid strong{font-family:var(--display);font-size:26px;line-height:1.05;color:var(--gold)}
.interest-grid span{font-size:12px;line-height:1.55;color:var(--muted)}
.partner-hub .demo-panel{margin-top:70px;width:auto;background:radial-gradient(600px 300px at 90% 0%,#c49a4a24,transparent 70%),var(--paper)}
.partner-hub .demo-panel .button svg{width:17px;height:17px}
.partner-hub .demo-panel .button{gap:10px}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
 .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-cine::before{background:linear-gradient(90deg,#0a0e0cf2 0%,#0a0e0ccc 40%,#0a0e0c55 80%),linear-gradient(0deg,#0d1210 0%,transparent 36%)}
 .partner-fund,.partner-interest{grid-template-columns:1fr}
 .partner-next{grid-template-columns:300px minmax(0,1fr);gap:36px}
}
@media(max-width:760px){
 .ornament{margin-bottom:30px}
 .hero-cine{min-height:calc(100svh - 70px);justify-content:flex-end}
 .hero-cine-art img{object-position:58% 18%}
 .hero-cine::before{background:linear-gradient(0deg,#0d1210 0%,#0d1210f2 38%,#0d1210a6 58%,#0d121026 80%)}
 .hero-cine-inner{padding-block:40vh 22px}
 .hero-logo img{width:200px}
 .hero-cine .hero-description{font-size:15px}
 .hero-pills{position:static;padding-bottom:20px}
 .hero-pills-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
 .hero-pills-row::-webkit-scrollbar{display:none}
 .hero-pills .quick-tile{flex:none}
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .gallery-meta{left:10px;right:10px;bottom:9px}
 .gallery-meta b{font-size:13px}
 .gallery-meta small{font-size:9px}
 .gallery-play{width:42px;height:42px;font-size:12px}
 .world-cine{padding-block:80px 70px}
 .world-modes{margin-top:60px}
 .world-cine .mode-more{margin-left:0}
 .partner-next{grid-template-columns:1fr;gap:16px;margin-bottom:48px}
 .partner-next .chapter-concept{width:min(340px,82vw);justify-self:center}
 .partner-fund{padding:22px}
 .interest-grid{grid-template-columns:1fr}
 .cinema-frame{width:100vw}
 .cinema-bar{padding:0 14px}
}
@media(prefers-reduced-motion:reduce){
 .hero-cine-art img,.hero-cine-fog i,.hero-cine-motes i,.hero-cine-copy>*,.cinema[open] .cinema-frame{animation:none}
 .hero-cine-motes{display:none}
 .gallery-tile,.gallery-tile img{transition:none}
 .gallery-tile:hover{transform:none}
}

/* Partnership parts used to sit on a dark band; in the hub they follow the theme. */
.partner-hub .roadmap p,.partner-hub .funding-cards p,.partner-hub .fine-print{color:var(--muted)}
.partner-hub .funding-cards article{border-color:var(--line);background:var(--paper)}
.partner-hub .roadmap article{border-color:var(--line)}

/* Gallery 23.10 (2): 3 + 2 + 2 showcase, environment behind the arrow, art-tinted backdrop, centred heads for showcase sections. */
.gallery-section{position:relative;isolation:isolate;overflow:hidden}
.gallery-section::before{content:"";position:absolute;inset:-40px;z-index:-1;background:url(images/key-art-v2.webp) center 28%/cover;opacity:.09;filter:blur(22px) saturate(1.25)}
.gallery-section::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 55% at 50% 62%,#e2b9621a,transparent 70%),linear-gradient(180deg,var(--paper) 0%,transparent 18%,transparent 82%,var(--paper) 100%)}
[data-theme=dark] .gallery-section::after{background:radial-gradient(70% 55% at 50% 62%,#e2b9621f,transparent 70%),linear-gradient(180deg,#232326 0%,transparent 18%,transparent 82%,#232326 100%)}
.gallery-main,.gallery-env{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.gallery-main .gallery-tile,.gallery-env .gallery-tile{grid-column:span 2}
.gallery-main .gallery-tile:nth-child(n+4),.gallery-env .gallery-tile:nth-child(n+4){grid-column:span 3;aspect-ratio:16/9}
.gallery-main .gallery-tile:nth-child(n+4) .gallery-meta b,.gallery-env .gallery-tile:nth-child(n+4) .gallery-meta b{font-size:18px}
.gallery-main .gallery-tile:nth-child(n+4) .gallery-play,.gallery-env .gallery-tile:nth-child(n+4) .gallery-play{width:64px;height:64px;font-size:18px}
.gallery-more{display:flex;justify-content:center;margin-top:34px}
.env-examples-inner>.gallery-env{padding:24px 0 4px}
.gallery-section .section-head,.model-section .section-head,.partner-hub>.container>.section-head{margin-inline:auto;text-align:center}
.gallery-section .section-head .eyebrow,.model-section .section-head .eyebrow,.partner-hub>.container>.section-head .eyebrow{justify-content:center}
.gallery-section .section-description,.model-section .section-description,.partner-hub>.container>.section-head .section-description{margin-inline:auto}
@media(max-width:1100px){.gallery-main,.gallery-env{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-main .gallery-tile,.gallery-env .gallery-tile,.gallery-main .gallery-tile:nth-child(n+4),.gallery-env .gallery-tile:nth-child(n+4){grid-column:auto;aspect-ratio:16/10}}
@media(max-width:760px){.gallery-main,.gallery-env{grid-template-columns:1fr;gap:12px}.gallery-meta b,.gallery-main .gallery-tile:nth-child(n+4) .gallery-meta b{font-size:15px}}
/* Weapon clips are portrait (4:5): show the whole blade on a black field. */
.gallery-tile[data-group=weapons]{background:#050505}.gallery-tile[data-group=weapons] img,.gallery-tile[data-group=weapons] video{object-fit:contain}.gallery-tile[data-group=weapons]:hover img{transform:scale(1.03)}
/* Founder / studio badges on the two LinkedIn icons. */
.hero-social a{position:relative}.social-badge{position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#e8cd92,#b68a43);color:#2a251a;box-shadow:0 0 0 2px #0d1210}.social-badge svg{width:9px;height:9px}

/* Social icons: the link box stays put (stable hover area); the visible disc and mark hop, a gold ring ripples out. */
.hero-cine .hero-social a{border:0;background:none;backdrop-filter:none;isolation:isolate;color:#ead19c}
.hero-cine .hero-social a::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;border:1px solid #ffffff33;background:#0c100e80;backdrop-filter:blur(6px);transition:background .3s,border-color .3s,box-shadow .3s,transform .25s cubic-bezier(.3,1.5,.5,1)}
.hero-cine .hero-social a::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #e8cd92;opacity:0;pointer-events:none}
.soc-mark{position:absolute;inset:0;display:grid;place-items:center;transition:color .25s,transform .25s cubic-bezier(.3,1.5,.5,1)}
.soc-mark svg{width:17px;height:17px}
.soc-mark .social-badge{right:-4px;bottom:-4px}
.hero-cine .hero-social a:hover::before,.hero-cine .hero-social a:focus-visible::before{background:linear-gradient(150deg,#f3d897,#c4934a);border-color:#f7e2ad;box-shadow:0 10px 22px #e2b3584d,inset 0 1px 0 #fff9;transform:translateY(-5px);animation:soc-hop .55s cubic-bezier(.3,1.4,.5,1)}
.hero-cine .hero-social a:hover .soc-mark,.hero-cine .hero-social a:focus-visible .soc-mark{color:#2a251a;transform:translateY(-5px);animation:soc-hop .55s cubic-bezier(.3,1.4,.5,1)}
.hero-cine .hero-social a:hover::after{animation:soc-ring .7s ease-out}
.hero-cine .hero-social a:active::before,.hero-cine .hero-social a:active .soc-mark{animation:none;transform:translateY(-1px) scale(.88);transition-duration:.08s}
@keyframes soc-hop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-9px) scale(1.08)}60%{transform:translateY(-3px) scale(.98)}80%{transform:translateY(-6px) scale(1.02)}100%{transform:translateY(-5px) scale(1)}}
@keyframes soc-ring{0%{opacity:.75;transform:translateY(-5px) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(1.65)}}

/* Watch-teaser button: light sweep, glowing halo, play disc with sonar rings; press sinks the bottom edge, not the box. */
.hero-watch{position:relative;isolation:isolate;overflow:hidden}
.hero-watch .btn-shine{position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 28%,#fff8dfb0 47%,#fff8df40 55%,transparent 68%);transform:translateX(-130%);pointer-events:none}
.hero-cine .hero-actions .hero-watch:hover .btn-shine{animation:btn-shine 2.6s cubic-bezier(.45,.05,.35,1) infinite}
.hero-cine .hero-actions .hero-watch{padding:9px 20px 9px 10px;gap:12px}
.hero-cine .hero-actions .hero-watch:hover{box-shadow:0 4px 0 #95703a,0 0 0 4px #f2d38f33,0 18px 40px #dca14a55,inset 0 1px 0 #fffb!important}
.hero-cine .hero-actions .hero-watch:active{box-shadow:0 1px 0 #95703a,0 0 0 3px #f2d38f2a,0 6px 16px #9c702540,inset 0 2px 4px #7a571f40!important}
.hero-watch .hero-play{position:relative;width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:#2d2516;color:#f3d897;font-size:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.hero-watch .hero-play svg{width:11px;height:11px;margin-left:2px}
.hero-watch .hero-play::before,.hero-watch .hero-play::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #2d2516;opacity:0}
.hero-watch:hover .hero-play{transform:scale(1.14)}
.hero-watch:hover .hero-play::before{animation:play-ring 1.5s ease-out infinite}
.hero-watch:hover .hero-play::after{animation:play-ring 1.5s ease-out .5s infinite}
.hero-watch:active .hero-play{transform:scale(.9);transition-duration:.08s}
.hero-watch>:not(.btn-shine){transition:translate .08s}
.hero-watch:active>:not(.btn-shine){translate:0 1px}
.hero-watch .hero-play-time{transition:background .25s}
.hero-watch:hover .hero-play-time{background:#2a251a33}
@keyframes btn-shine{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
@keyframes play-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.65);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-cine .hero-social a::before,.hero-cine .hero-social a .soc-mark,.hero-cine .hero-social a::after,.hero-watch .btn-shine,.hero-watch .hero-play,.hero-watch .hero-play::before,.hero-watch .hero-play::after{animation:none!important}}