@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
:root{--ink:#101820;--mute:#5B6670;--bg:#fff;--soft:#F1F2F0;--acc:#FFC421;--line:#DADDDB;--f:"Poppins","Helvetica Neue",Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.75 var(--f)}
img{display:block;width:100%;height:100%;object-fit:cover;background:var(--soft);color:transparent}
a{color:inherit}:focus-visible{outline:3px solid var(--ink);box-shadow:0 0 0 6px var(--acc)}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}
h1,h2{font-family:var(--f);font-weight:700;line-height:1.05;margin:0;letter-spacing:-.025em}
h2{font-size:clamp(2rem,5vw,3.3rem);margin-bottom:1.1rem}
h3{font:600 1.05rem var(--f);margin:0 0 .3rem}
p{margin:0 0 1rem;max-width:60ch}
section{padding:3.5rem 0}
.nav{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0px);color:#fff;transition:background .3s,color .3s,box-shadow .3s}
.nav.solid{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font:700 1.15rem var(--f);text-decoration:none;letter-spacing:-.01em}
.links{display:flex;gap:1.6rem;align-items:center}
.links a{text-decoration:none;font-size:.9rem;font-weight:600;padding:.2rem 0;border-bottom:2px solid transparent}
.links a:hover,.links a.on{border-color:var(--acc)}
.dd{position:relative}
.dd .sub{display:none;position:absolute;top:100%;left:-1rem;min-width:130px;background:#fff;color:var(--ink);padding:.5rem 1rem;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.dd:hover .sub,.dd:focus-within .sub{display:block}
.dd .sub a{display:block;padding:.4rem 0}
.burger{display:none;background:none;border:0;color:inherit;font:600 .95rem var(--f);cursor:pointer;padding:.5rem 0}
@media(max-width:1000px){.burger{display:block}
.links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;color:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.5rem 1rem;box-shadow:0 12px 24px rgba(0,0,0,.08)}
.links.open{display:flex}.links a{padding:.8rem 0;border-bottom:1px solid var(--line)}
.dd .sub{display:block;position:static;box-shadow:none;padding:0 0 0 1rem}}
.hero,.phero{position:relative;color:#fff;display:flex;align-items:flex-end;padding:0}
.hero{height:100svh;min-height:560px}.phero{height:56vh;min-height:340px}
.hero>img,.phero>img,.full>img{position:absolute;inset:0}
.hero::after,.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,32,.4),rgba(16,24,32,.1) 40%,rgba(16,24,32,.78))}
.hero .wrap,.phero .wrap{position:relative;z-index:2;padding-bottom:4rem;width:100%}
.hero h1{font-size:clamp(2.8rem,10vw,6.8rem)}.phero h1{font-size:clamp(2.4rem,8vw,5rem)}
.sub-t{font-size:1.15rem;margin:1.2rem 0 2rem;max-width:none}
.btn{display:inline-block;padding:.85rem 1.5rem;border:2px solid currentColor;text-decoration:none;font-weight:600;border-radius:999px;margin:0 .6rem .6rem 0}
.btn.fill{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.fill:hover{background:#E6AC00;border-color:#E6AC00;color:var(--ink)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.photo{aspect-ratio:4/5;overflow:hidden}
.lead{font:600 clamp(1.25rem,2.5vw,1.7rem)/1.35 var(--f);max-width:28ch}
.full{position:relative;height:56vh;min-height:340px;color:#fff;display:flex;align-items:center;padding:0}
.full::after{content:"";position:absolute;inset:0;background:rgba(16,24,32,.5)}
.full .wrap{position:relative;z-index:2}
.q{font:700 clamp(1.7rem,4.2vw,3.1rem)/1.15 var(--f);max-width:22ch;margin:0;letter-spacing:-.02em}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}
.nums b{display:block;font:700 2.4rem/1.1 var(--f)}.nums span{color:var(--mute);font-size:.9rem}
.soft{background:var(--soft)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.price{font:700 clamp(4rem,11vw,7.5rem)/.95 var(--f);letter-spacing:-.04em}
.tag{display:inline-block;background:var(--acc);color:var(--ink);font:600 .85rem var(--f);padding:.2rem .85rem;border-radius:999px;margin-bottom:1rem}
.tabs{display:flex;gap:.5rem;padding:1.2rem 0;border-bottom:1px solid var(--line);background:#fff}
.tabs a{padding:.4rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:600;border:2px solid var(--line)}
.tabs a.on{background:var(--acc);border-color:var(--acc)}
ul.list{list-style:none;margin:0 0 2rem;padding:0}ul.list li{padding:.7rem 0;border-bottom:1px solid var(--line)}
.when{display:grid;grid-template-columns:auto 1fr;gap:.5rem 2rem;margin:0}.when dt{font-weight:600}.when dd{margin:0;color:var(--mute)}
.logos{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2.5rem 0}
.logo{background:#fff;border:1px solid var(--line);padding:2rem;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}
.mark{height:60px;font:700 1.3rem var(--f);display:flex;align-items:center;margin-bottom:1rem}.mark img{width:auto;max-height:100%;object-fit:contain;background:none}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--line)}
.todo{color:var(--mute);font-style:italic}
footer{background:var(--ink);color:#fff;padding:3rem 0}
footer .crumb{font-size:.9rem;color:#B7C0C6;margin-bottom:2rem}
footer .row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}
footer p{color:#B7C0C6;margin:0 0 .3rem}footer a{color:#fff}
@media(max-width:820px){section{padding:2.5rem 0}.split,.cols{grid-template-columns:1fr;gap:2.5rem}.nums{grid-template-columns:repeat(2,1fr)}.logos{grid-template-columns:1fr}.photo{aspect-ratio:4/3}}

.yellow{background:var(--acc)}.yellow .photo{aspect-ratio:4/5}.yellow .photo img{object-position:50% 38%}
.pl img{object-position:50% 62%}
.dark{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.dark h2{color:#fff}.dark p{color:#C9D3D8}
.dark::before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,33,.28),transparent 68%)}
.dark .wrap{position:relative}
.marq{background:var(--acc);color:var(--ink);overflow:hidden;white-space:nowrap;padding:1rem 0;font:700 clamp(1.3rem,3vw,2rem)/1 var(--f)}
.marq div{display:inline-block;animation:mq 28s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.fmt{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}
.clock{width:min(100%,360px);justify-self:center}.clock svg{width:100%;display:block}
.clock .arc{stroke-dasharray:502.65;stroke-dashoffset:502.65;animation:arc 8s linear infinite}
.clock .hand{transform-origin:100px 100px;animation:spin 8s linear infinite}
@keyframes arc{to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:2px;background:rgba(255,196,33,.4)}
.tl li{display:grid;grid-template-columns:48px 1fr;gap:1.2rem;padding-bottom:1.6rem;position:relative}
.tl i{width:48px;height:48px;border-radius:50%;background:var(--acc);color:var(--ink);font:700 1rem var(--f);font-style:normal;display:flex;align-items:center;justify-content:center}
.tl h3{color:#fff;font-size:1.2rem}.tl p{margin:0}
.dark .nums{border-color:rgba(255,255,255,.2)}.dark .nums b{color:var(--acc);font-size:3rem}.dark .nums span{color:#C9D3D8}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.marq div,.clock .arc,.clock .hand{animation:none}.clock .arc{stroke-dashoffset:0}}
@media(max-width:820px){.fmt{grid-template-columns:1fr;gap:2.5rem}.dark .nums b{font-size:2.3rem}}
.optsec{position:relative}
.opt{position:absolute;top:1rem;left:1rem;background:var(--ink);color:#fff;font:600 .8rem var(--f);padding:.2rem .8rem;border-radius:999px;z-index:5}
.yellow .opt{background:var(--ink)}
.tour{background:var(--ink);color:#fff;overflow:hidden}
.tour h2{color:#fff}.tour p{color:#C9D3D8}
.laps{display:flex;align-items:center;gap:.6rem;margin:2rem 0;max-width:430px}
.laps .dash{flex:1;border-top:2px dashed rgba(255,255,255,.35)}
.lap{width:84px;height:84px;flex:none;border-radius:50%;border:2px solid rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 1.6rem/1 var(--f)}
.lap small{font:400 .7rem var(--f);opacity:.85;margin-top:.2rem}
.lap.hot{background:var(--acc);color:var(--ink);border-color:var(--acc);animation:pulse 2.2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,196,33,.55)}50%{box-shadow:0 0 0 16px rgba(255,196,33,0)}}
.arch{position:relative;width:min(88%,360px);aspect-ratio:3/4;justify-self:center;margin:1.5rem 0}
.arch .ring{position:absolute;inset:-12%;border-radius:50%;border:3px dashed var(--acc);animation:spin 40s linear infinite}
.arch .pic{position:absolute;inset:0;border-radius:999px 999px 24px 24px;overflow:hidden}
.arch .pic img{object-position:50% 38%}
.arch .badge{position:absolute;left:-8%;bottom:8%;width:96px;height:96px;border-radius:50%;background:var(--acc);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;font:700 .95rem/1.05 var(--f);transform:rotate(-12deg);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.mosaic{grid-auto-flow:dense;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:150px;gap:.6rem;margin-top:2rem}
.mosaic div{overflow:hidden;border-radius:10px}
.mosaic img{transition:transform .5s}.mosaic div:hover img{transform:scale(1.08)}
.mosaic div:nth-child(1),.mosaic div:nth-child(6){grid-row:span 2}
.mosaic div:nth-child(4),.mosaic div:nth-child(9){grid-column:span 2}
@media(prefers-reduced-motion:reduce){.arch .ring,.lap.hot{animation:none}.mosaic img{transition:none}}
@media(max-width:820px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.mosaic div:nth-child(n){grid-column:auto;grid-row:auto}.mosaic div:nth-child(1),.mosaic div:nth-child(6){grid-row:span 2}}
@media(max-width:820px){.mosaic div:nth-child(11){grid-column:span 2}}

.opt{border:1px solid rgba(255,255,255,.5)}
.track{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.8rem 0 2rem;position:relative}
.track::before{content:"";position:absolute;left:12.5%;right:12.5%;top:22px;height:3px;background:var(--line)}
.step{position:relative;text-align:center;padding:0 .5rem}
.step i{width:46px;height:46px;border-radius:50%;background:#fff;border:3px solid var(--line);color:var(--mute);font:700 1rem var(--f);font-style:normal;display:flex;align-items:center;justify-content:center;margin:0 auto .7rem;position:relative}
.step.done i{background:var(--ink);border-color:var(--ink);color:var(--acc)}
.step.now i{background:var(--acc);border-color:var(--acc);color:var(--ink);animation:pulse 2.2s infinite}
.step b{display:block;font:600 .95rem var(--f)}.step span{color:var(--mute);font-size:.85rem}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.5rem}
.c3{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:1.6rem;display:flex;flex-direction:column;align-items:flex-start}
.c3 h3{color:#fff;font-size:1.25rem}.c3 p{flex:1;font-size:.95rem}
.c3 .tag{margin-bottom:.8rem}
.bg{position:relative;color:#fff;padding:0}
.bg>img{position:absolute;inset:0}.bg::after{content:"";position:absolute;inset:0;background:rgba(16,24,32,.55)}
.bg .wrap{position:relative;z-index:2;padding-top:3.5rem;padding-bottom:3.5rem;display:flex;justify-content:flex-end}
.bib{background:#fff;color:var(--ink);border-radius:12px;border-top:16px solid var(--acc);padding:1.8rem 2rem;max-width:480px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.bib small{font:600 .8rem var(--f);letter-spacing:.08em;color:var(--mute);display:block}
.bib h2{font-size:clamp(1.7rem,3.5vw,2.4rem);margin:.4rem 0 1rem}
.stamp{display:inline-block;border:4px solid var(--ink);padding:.1rem .9rem;font:700 1.6rem var(--f);letter-spacing:.06em;transform:rotate(-5deg);margin-bottom:1rem}
.bib p{color:var(--mute)}
@media(max-width:820px){.track{grid-template-columns:1fr;text-align:left}.track::before{display:none}.step{display:flex;gap:1rem;text-align:left;align-items:center;padding:0}.step i{margin:0;flex:none}.cards3{grid-template-columns:1fr}.bg .wrap{justify-content:center}}
@media(prefers-reduced-motion:reduce){.step.now i{animation:none}}
.mosaic img{object-position:50% 30%}
/* ---- v9 ---- */
.chip{display:inline-block;background:var(--acc);color:var(--ink);font-weight:600;padding:.15rem .8rem;border-radius:999px;font-size:.92rem}
.mline{margin:.2rem 0 0;max-width:none;font-size:1.05rem}.mline b{font-weight:700}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.pcard{position:relative;overflow:hidden;border-radius:14px;min-height:400px;color:#fff;display:flex;align-items:flex-end;background:var(--ink)}
.pcard>img{position:absolute;inset:0;transition:transform .6s}.pcard:hover>img{transform:scale(1.06)}
.pcard::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(16,24,32,.9))}
.pcard>div{position:relative;z-index:2;padding:1.4rem}.pcard h3{color:#fff;font-size:1.3rem}.pcard p{margin:0;font-size:.92rem;color:#E4EAEE}
.pcard .bd{position:absolute;top:1rem;left:1rem;z-index:3;background:var(--acc);color:var(--ink);font:700 .78rem var(--f);padding:.2rem .7rem;border-radius:999px}
.acc{display:flex;gap:.6rem;height:440px}
.pn{position:relative;flex:1;overflow:hidden;border-radius:14px;color:#fff;transition:flex .5s;cursor:pointer;background:var(--ink)}
.pn:hover,.pn:focus{flex:3.2}.pn>img{position:absolute;inset:0}
.pn::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(16,24,32,.92))}
.pn .in{position:absolute;left:0;right:0;bottom:0;padding:1.3rem;z-index:2}.pn h3{color:#fff;font-size:1.3rem;white-space:nowrap}
.pn p{max-height:0;opacity:0;overflow:hidden;transition:.5s;margin:0;color:#E4EAEE;font-size:.95rem}
.pn:hover p,.pn:focus p{max-height:220px;opacity:1;margin-top:.5rem}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;grid-auto-flow:dense;gap:.7rem}
.tl2{border-radius:14px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:flex-end;background:var(--soft)}
.tl2 b{font:700 clamp(1.8rem,3.2vw,2.6rem)/1.05 var(--f);letter-spacing:-.02em}.tl2 span{font-size:.88rem;opacity:.85}
.tl2.y{background:var(--acc)}.tl2.k{background:var(--ink);color:#fff}.tl2.k b{color:var(--acc)}
.tl2.big{grid-column:span 2;grid-row:span 2}.tl2.big b{font-size:clamp(3rem,7vw,5.2rem)}.tl2.w2{grid-column:span 2}
.pst{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.ps{position:relative;border-radius:14px;overflow:hidden;min-height:230px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem;background:var(--ink)}
.ps>img{position:absolute;inset:0}.ps::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(16,24,32,.88))}
.ps>*:not(img){position:relative;z-index:2}.ps b{font:700 2.1rem/1.05 var(--f);color:var(--acc)}.ps span{font-size:.88rem}
.ic{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ic div{background:#fff;border-radius:14px;padding:1.4rem;text-align:center;border:1px solid var(--line)}
.ic i{display:flex;width:64px;height:64px;border-radius:50%;background:var(--acc);font-size:1.8rem;margin:0 auto .8rem;align-items:center;justify-content:center;font-style:normal;transition:transform .3s}
.ic div:hover i{transform:rotate(-8deg) scale(1.12)}.ic b{display:block;font-weight:600}.ic span{color:var(--mute);font-size:.9rem}
.ticket{background:#fff;border-radius:16px;display:grid;grid-template-columns:110px 1fr;box-shadow:0 14px 34px rgba(16,24,32,.12);overflow:hidden}
.ticket .stub{background:var(--acc);display:flex;align-items:center;justify-content:center;font:700 2.6rem var(--f);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.05em}
.ticket ul{margin:0;padding:1.6rem 2rem;list-style:none;border-left:3px dashed var(--line)}
.ticket li{display:flex;align-items:center;gap:.9rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
.ticket li::before{content:"✓";flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--acc);display:flex;align-items:center;justify-content:center;font-weight:700}
.collage{position:relative;height:470px}.collage>div{position:absolute;overflow:hidden;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.collage .a{left:0;top:0;width:66%;height:100%}.collage .b{right:0;top:0;width:36%;height:52%;border:5px solid #fff;transform:rotate(3deg)}.collage .c{right:4%;bottom:0;width:36%;height:44%;border:5px solid #fff;transform:rotate(-3deg)}
.collage .card{left:4%;bottom:6%;width:min(70%,420px);height:auto;background:var(--acc);padding:1.1rem 1.3rem;border-radius:14px;font-weight:600}
.facts{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.5rem}
.strip{position:relative;overflow:hidden;border-radius:14px;background:var(--ink);color:#fff;padding:1.4rem 1.8rem;display:flex;gap:1.5rem;align-items:center;margin-bottom:.8rem}
.strip em{font:700 2.6rem var(--f);color:var(--acc);font-style:normal;flex:none}.strip h3{color:#fff;margin:0}.strip p{margin:0;color:#C9D3D8;font-size:.95rem}
.bar{height:8px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden;margin-top:.7rem}.bar i{display:block;height:100%;width:0;background:var(--acc);animation:barr 6s linear infinite}
@keyframes barr{to{width:100%}}
.hs{position:relative;aspect-ratio:4/5;max-width:440px;border-radius:16px;overflow:visible;margin:0 auto}.hs>img{border-radius:16px}
.hs span{position:absolute;background:#fff;color:var(--ink);font:600 .85rem var(--f);padding:.45rem .9rem;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.2);animation:fl 4s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-8px)}}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.two2>div{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid var(--line)}.two2 h3{margin-bottom:.6rem}
.two2 li{list-style:none;padding:.45rem 0;border-bottom:1px solid var(--line)}.two2 ul{margin:0;padding:0}
.tv{position:relative;margin:0;padding:0 0 0 2.2rem;list-style:none;border-left:3px solid var(--line)}
.tv li{position:relative;padding:0 0 1.5rem}.tv li::before{content:"";position:absolute;left:-2.9rem;top:.25rem;width:18px;height:18px;border-radius:50%;background:var(--acc);border:3px solid var(--ink);animation:pulse 2.4s infinite}
.tv b{display:block;font:700 1.3rem var(--f)}.tv span{color:var(--mute)}
.dots{display:grid;grid-template-columns:repeat(12,1fr);gap:.5rem;margin:1.5rem 0}
.dots i{aspect-ratio:1;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font:600 .8rem var(--f);font-style:normal;color:var(--mute);animation:lit 12s infinite}
@keyframes lit{0%,8%{background:var(--acc);color:var(--ink);transform:scale(1.15)}16%,100%{background:var(--line);color:var(--mute);transform:none}}
.place{background:var(--ink);color:#fff;border-radius:14px;padding:1.6rem;margin-top:1.2rem}.place h3{color:#fff}.place p{color:#C9D3D8;margin:0 0 .6rem}.place a{color:var(--acc)}
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.5rem 0}
.adv>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.5rem}.adv i{font-style:normal;font-size:1.8rem;display:block;margin-bottom:.4rem}
.big5{font:700 clamp(3.5rem,10vw,7rem)/1 var(--f);color:var(--acc);letter-spacing:-.04em}
.pl4{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.pl4 a.pc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.5rem;text-decoration:none;transition:box-shadow .3s,transform .3s}
.pl4 a.pc:hover{box-shadow:0 12px 28px rgba(16,24,32,.14);transform:translateY(-3px)}
.pl4 .lg{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font:700 1.6rem var(--f);color:var(--ink)}.pl4 .lg img{width:auto;max-width:90%;max-height:100%;object-fit:contain;background:none}
.pl4 p{margin:0;color:var(--mute);font-size:.95rem}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}
.roles div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem;display:flex;gap:.9rem;align-items:center}
.roles i{flex:none;width:48px;height:48px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-style:normal}
.perks{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.5rem}
.trio{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.7rem;height:360px}.trio>div{overflow:hidden;border-radius:14px}
.trio>div:nth-child(2){margin-top:2rem}.trio>div:nth-child(3){margin-top:4rem}
@media(prefers-reduced-motion:reduce){.hs span,.tv li::before,.dots i,.bar i{animation:none}.bar i{width:60%}.pcard>img{transition:none}}
@media(max-width:900px){.g3,.ic,.adv,.roles{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.pst{grid-template-columns:1fr 1fr}.acc{flex-direction:column;height:auto}.pn{min-height:210px;flex:none}.pn p{max-height:none;opacity:1;margin-top:.5rem}.pl4,.two2{grid-template-columns:1fr}.collage{height:auto;display:grid;gap:.7rem}.collage>div{position:relative;width:100%!important;height:220px!important;transform:none!important}.collage .card{height:auto!important}.dots{grid-template-columns:repeat(8,1fr)}.trio{height:260px}}
@media(max-width:560px){.g3,.ic,.adv,.roles{grid-template-columns:1fr}.ticket{grid-template-columns:70px 1fr}.ticket .stub{font-size:1.8rem}.ticket ul{padding:1rem}}