.about-hl__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"a""stat""cta""b""marquee";gap:14px;display:grid}.about-hl__card--a{grid-area:a}.about-hl__card--stat{grid-area:stat}.about-hl__card--cta{grid-area:cta}.about-hl__card--b{grid-area:b}.about-hl__card--marquee{grid-area:marquee}@media (width>=768px){.about-hl__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"stat stat""a b""cta cta""marquee marquee";gap:18px}}@media (width>=1024px){.about-hl__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"a stat b""a cta b""marquee marquee marquee";gap:20px}}.about-hl__card{--hl-ease:cubic-bezier(.33, 1, .68, 1);--spot-x:50%;--spot-y:50%;isolation:isolate;background-color:var(--color-tile);border:1px solid #ffffff14;border-radius:22px;position:relative;overflow:hidden}[data-hl-spot]:after{content:"";z-index:0;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y), #ffffff24, transparent 70%);opacity:0;transition:opacity .4s var(--hl-ease);pointer-events:none;position:absolute;inset:0}@media (hover:hover){[data-hl-spot]:hover:after{opacity:1}}.about-hl__photo{min-height:18rem;margin:0}.about-hl__img{object-fit:cover;width:100%;height:100%;transition:scale .8s var(--hl-ease), filter .8s var(--hl-ease);position:absolute;inset:0}.about-hl__photo:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-panel) 65%, transparent), transparent 45%);pointer-events:none;position:absolute;inset:0}.about-hl__photo--mono .about-hl__img{filter:grayscale(.85)contrast(1.05)}.about-hl__tag{z-index:1;color:#fff;backdrop-filter:blur(10px);background-color:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:8px;padding:7px 14px;font-size:.8125rem;font-weight:500;display:inline-flex;position:absolute;bottom:16px;left:16px}.about-hl__pulse{background-color:var(--color-brand);border-radius:9999px;width:8px;height:8px;position:relative}.about-hl__pulse:after{content:"";border-radius:inherit;background-color:var(--color-brand);animation:2s ease-out infinite about-hl-pulse;position:absolute;inset:0}@keyframes about-hl-pulse{to{opacity:0;transform:scale(3)}}@media (hover:hover){.about-hl__photo:hover .about-hl__img{scale:1.06}.about-hl__photo--mono:hover .about-hl__img{filter:grayscale(0)contrast()}}@media (hover:none){.about-hl__photo--mono .about-hl__img{filter:grayscale(.35)}}.about-hl__card--stat{background:linear-gradient(135deg, var(--color-brand) 0%, color-mix(in srgb, var(--color-brand) 82%, var(--color-sunlit)) 100%);border-color:#0000;min-height:13rem;padding:26px 28px}.about-hl__number{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(3.25rem,6vw,4.5rem);font-weight:600;line-height:1}.about-hl__badge{color:var(--color-ink-dark);background-color:#fff;border-radius:9999px;flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px -12px #04040473}.about-hl__badge svg{color:var(--color-success)}.about-hl__ring{z-index:0;border:1.5px dashed #fff6;border-radius:9999px;width:240px;height:240px;animation:40s linear infinite about-hl-spin;position:absolute;bottom:-90px;right:-70px}@keyframes about-hl-spin{to{rotate:360deg}}.about-hl__card--cta{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-brand) 22%, transparent), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--color-brand-deep) 35%, var(--color-panel)), var(--color-tile));min-height:13rem;padding:26px 28px}.about-hl__route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.about-hl__route-path{stroke:#fff6;stroke-width:1.5px;stroke-dasharray:5 7}.about-hl__plane{color:#fff;width:46px;height:46px;animation:4s ease-in-out infinite about-hl-float;position:absolute;top:22px;right:26px}@keyframes about-hl-float{50%{translate:-4px -6px;rotate:-4deg}}.about-hl__cta{z-index:1;background-color:var(--color-brand);color:#fff;min-height:44px;transition:background-color .3s var(--hl-ease);border-radius:9999px;align-items:center;gap:8px;padding-inline:20px;font-weight:500;display:inline-flex;position:relative}.about-hl__cta svg{transition:transform .3s var(--hl-ease)}.about-hl__cta:hover{background-color:var(--color-brand-strong)}.about-hl__cta:hover svg{transform:translate(3px)}.about-hl__cta:focus-visible{outline:2px solid var(--color-sand);outline-offset:3px}.about-hl__card--marquee{padding-block:22px;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.about-hl__marquee{z-index:1;width:max-content;animation:38s linear infinite about-hl-marquee;display:flex;position:relative}.about-hl__card--marquee:hover .about-hl__marquee{animation-play-state:paused}.about-hl__track{flex:none;display:flex}.about-hl__value{color:#fff;white-space:nowrap;align-items:center;gap:14px;padding-inline:22px;font-size:clamp(1.125rem,1.8vw,1.5rem);font-weight:500;display:inline-flex}@keyframes about-hl-marquee{to{transform:translate(-50%)}}@media (width>=768px){.about-hl__photo{min-height:22rem}.about-hl__card{border-radius:26px}}@media (width>=1024px){.about-hl__photo{min-height:0}.about-hl__card--stat,.about-hl__card--cta{min-height:14.5rem;padding:30px 32px}}@media (prefers-reduced-motion:reduce){.about-hl__marquee,.about-hl__ring,.about-hl__plane,.about-hl__pulse:after{animation:none}.about-hl__card--marquee{mask-image:none}.about-hl__marquee{flex-wrap:wrap;width:auto}.about-hl__marquee .about-hl__track+.about-hl__track{display:none}.about-hl__track{flex-wrap:wrap;justify-content:center;row-gap:10px}.about-hl__img{transition:none}}.province-explorer [data-province=western],.pe-drawer [data-province=western]{--pe-fill:var(--color-province-western);--pe-strong:var(--color-province-western-strong)}.province-explorer [data-province=central],.pe-drawer [data-province=central]{--pe-fill:var(--color-province-central);--pe-strong:var(--color-province-central-strong)}.province-explorer [data-province=southern],.pe-drawer [data-province=southern]{--pe-fill:var(--color-province-southern);--pe-strong:var(--color-province-southern-strong)}.province-explorer [data-province=northern],.pe-drawer [data-province=northern]{--pe-fill:var(--color-province-northern);--pe-strong:var(--color-province-northern-strong)}.province-explorer [data-province=eastern],.pe-drawer [data-province=eastern]{--pe-fill:var(--color-province-eastern);--pe-strong:var(--color-province-eastern-strong)}.province-explorer [data-province=north-western],.pe-drawer [data-province=north-western]{--pe-fill:var(--color-province-north-western);--pe-strong:var(--color-province-north-western-strong)}.province-explorer [data-province=north-central],.pe-drawer [data-province=north-central]{--pe-fill:var(--color-province-north-central);--pe-strong:var(--color-province-north-central-strong)}.province-explorer [data-province=uva],.pe-drawer [data-province=uva]{--pe-fill:var(--color-province-uva);--pe-strong:var(--color-province-uva-strong)}.province-explorer [data-province=sabaragamuwa],.pe-drawer [data-province=sabaragamuwa]{--pe-fill:var(--color-province-sabaragamuwa);--pe-strong:var(--color-province-sabaragamuwa-strong)}.pe-dot{background-color:var(--pe-strong,var(--color-line));border-radius:9999px;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0404041f}.pe-ocean{isolation:isolate;color:var(--color-sand);mask:url(/up.png) top / 100% var(--pe-edge) no-repeat, url(/down.png) bottom / 100% var(--pe-edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--pe-edge) + 2px) no-repeat;background: radial-gradient(ellipse 60% 45% at 22% 12%, #ffffff1f, transparent 70%),  radial-gradient(ellipse 55% 60% at 38% 55%, color-mix(in srgb, var(--color-ocean-shallow) 38%, var(--color-ocean)), transparent 75%), linear-gradient(160deg, var(--color-ocean) 0%, var(--color-ocean-deep) 100%);padding:22px;position:relative;overflow:hidden}.pe-frame{--pe-edge:34px;mask:url(/left.png) left / var(--pe-edge) 100% no-repeat, url(/right.png) right / var(--pe-edge) 100% no-repeat, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--pe-edge) + 2px) 100% no-repeat}.pe-ocean__waves{z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cpath d='M0 24c20 0 20-10 40-10s20 10 40 10 20-10 40-10 20 10 40 10' fill='none' stroke='white' stroke-opacity='.09' stroke-width='1.5'/%3E%3C/svg%3E");background-size:160px 48px;animation:40s linear infinite pe-waves;position:absolute;inset:-40px}@keyframes pe-waves{to{background-position:160px 48px}}.pe-ocean__name{z-index:-1;color:#ffffff4d;letter-spacing:.35em;text-transform:uppercase;pointer-events:none;font-size:.75rem;font-style:italic;position:absolute}.pe-ocean__name--bay{top:19%;right:6%}.pe-ocean__name--indian{bottom:22px;left:26px}.pe-ocean__compass{z-index:-1;pointer-events:none;width:46px;height:46px;position:absolute;bottom:18px;right:22px;overflow:visible}.pe-ocean__compass circle{fill:none;stroke:#ffffff4d;stroke-dasharray:2 3}.pe-ocean__compass text{fill:#ffffff8c;font-size:7px;font-weight:600}.pe-ocean__needle{fill:#ffffff40}.pe-ocean__needle-n{fill:var(--color-brand)}.pe-ocean__body{gap:20px;margin-top:12px;display:grid;position:relative}.pe-stage{justify-content:center;padding:8px 0 28px;display:flex}.pe-status{color:#fff;align-items:center;gap:8px;min-height:34px;font-size:.9375rem;font-weight:500;transition:color .25s;display:inline-flex}.pe-status[data-province]{color:var(--pe-fill)}.pe-status .pe-dot{background-color:var(--pe-fill,white);box-shadow:0 0 10px var(--pe-fill,transparent)}.pe-map{width:auto;max-width:100%;height:min(125vw,32rem);display:block;overflow:visible}.pe-map__districts{filter:drop-shadow(0 0 1.2px var(--color-sand)) drop-shadow(0 0 14px color-mix(in srgb, var(--color-ocean-shallow) 75%, transparent))}.pe-district{fill:var(--pe-fill);stroke:#fff;stroke-width:1.2px;stroke-linejoin:round;cursor:pointer;outline:none;transition:fill .26s,opacity .26s,stroke .26s}.pe-map[data-dim] .pe-district:not([data-state=on]){opacity:.7}.pe-district[data-state=on]{fill:var(--pe-strong);stroke:color-mix(in srgb, var(--pe-strong) 55%, var(--color-ink-dark))}.pe-district:focus-visible{stroke:var(--color-brand);stroke-width:2.4px}.pe-label{fill:var(--color-ink-dark);font-family:var(--font-sans);letter-spacing:.01em;paint-order:stroke;stroke:#ffffff8c;stroke-width:2.5px;stroke-linejoin:round;pointer-events:none;font-size:12.5px;font-weight:600;transition:opacity .26s}.pe-map[data-dim] .pe-label:not([data-state=on]){opacity:.5}.pe-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;display:grid}.pe-legend__btn{isolation:isolate;color:#fff;cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;font-size:.9375rem;font-weight:500;display:flex;position:relative;overflow:hidden}.pe-legend__btn:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--pe-fill) 38%, transparent), #ffffff0f);transform-origin:0;transition:transform .35s cubic-bezier(.33,1,.68,1);position:absolute;inset:0;transform:scaleX(0)}.pe-legend__btn .pe-dot{transition:transform .3s,box-shadow .3s}.pe-legend__name{transition:transform .3s cubic-bezier(.33,1,.68,1)}.pe-legend__count{color:#fff9;transition:color .3s}.pe-legend__btn:is(:hover,:focus-visible,[data-state=on]):before{transform:scaleX(1)}.pe-legend__btn:is(:hover,:focus-visible,[data-state=on]) .pe-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--pe-fill) 35%, transparent), 0 0 14px var(--pe-fill);transform:scale(1.35)}.pe-legend__btn:is(:hover,:focus-visible,[data-state=on]) .pe-legend__name{transform:translate(4px)}.pe-legend__btn:is(:hover,:focus-visible,[data-state=on]) .pe-legend__count{color:#fff}.pe-legend__btn:focus-visible{outline:2px solid var(--color-sand);outline-offset:2px}@media (width>=640px){.pe-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.pe-ocean{padding:28px}.pe-map{height:36rem}}@media (width>=1024px){.pe-ocean__body{grid-template-columns:minmax(0,1fr) 12rem;align-items:center}.pe-legend{grid-template-columns:1fr}.pe-map{height:min(38rem,72svh)}}@media (width<=767px){.pe-map__labels,.pe-ocean__name--bay{display:none}.pe-frame{--pe-edge:24px}.pe-ocean{padding:28px 30px 72px}}@media (prefers-reduced-motion:reduce){.pe-ocean__waves{animation:none}.pe-legend__btn:before,.pe-legend__btn .pe-dot,.pe-legend__name{transition:none}}.pe-drawer{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pe-drawer::backdrop{background:0 0}.pe-drawer__scrim{background-color:color-mix(in srgb, var(--color-panel) 45%, transparent);backdrop-filter:blur(3px);position:absolute;inset:0}.pe-drawer__panel{background-color:var(--color-surface);border-radius:28px 0 0 28px;flex-direction:column;width:min(480px,92vw);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-30px 0 60px -30px #04040466}.pe-drawer__handle{display:none}.pe-drawer__content{flex-direction:column;flex:1;min-height:0;display:flex}.pe-drawer__content[hidden]{display:none}.pe-drawer__bar{border-bottom:1px solid var(--color-line);background:linear-gradient(180deg, color-mix(in srgb, var(--pe-fill) 45%, transparent), transparent), var(--color-surface);border-top-left-radius:inherit;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 20px;display:flex}.pe-drawer__close{border:1px solid var(--color-line);width:44px;height:44px;color:var(--color-ink-dark);cursor:pointer;background-color:#fff;border-radius:9999px;flex:none;place-items:center;transition:background-color .25s,transform .25s;display:grid}.pe-drawer__close:hover{background-color:var(--color-brand-soft);transform:rotate(90deg)}.pe-drawer__body{min-height:0;padding:24px 28px calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;overflow-y:auto}.pe-drawer__heading{color:var(--color-ink-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.pe-chip{background-color:color-mix(in srgb, var(--pe-fill) 70%, white);color:var(--color-ink-dark);border-radius:9999px;align-items:center;gap:8px;padding:5px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.pe-district-chip{border:1px solid color-mix(in srgb, var(--pe-strong) 70%, transparent);background-color:color-mix(in srgb, var(--pe-fill) 35%, white);color:var(--color-ink-dark);border-radius:9999px;padding:6px 14px;font-size:.875rem;font-weight:500}.pe-essential{border:1px solid var(--color-line);background-color:#fff;border-radius:16px;padding:16px}.pe-essential__icon{background-color:color-mix(in srgb, var(--pe-fill) 55%, white);width:38px;height:38px;color:var(--color-ink-dark);border-radius:12px;place-items:center;display:grid}.pe-essential__title{color:var(--color-ink-dark);margin-top:10px;font-size:1rem;font-weight:600}.pe-essential__text{color:var(--color-ink);margin-top:4px;font-size:.875rem;line-height:1.55}.pe-activity{background-color:var(--color-brand-soft);color:var(--color-brand-deep);border-radius:9999px;padding:4px 12px;font-size:.8125rem;font-weight:500}@media (width<=639px){.pe-drawer__panel{border-radius:24px 24px 0 0;width:100%;max-height:90dvh;top:auto;left:0;box-shadow:0 -20px 50px -20px #04040466}.pe-drawer__handle{background-color:var(--color-line);border-radius:9999px;width:44px;height:5px;margin:10px auto 0;display:block}.pe-drawer__bar{border-top-left-radius:0;padding:16px 20px}.pe-drawer__body{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.pe-district,.pe-label,.pe-legend__btn,.pe-status,.pe-drawer__close{transition:none}}.team-story{--team-edge:16px;z-index:1;isolation:isolate;clip-path:inset(0);margin-bottom:calc(-1 * var(--team-edge));mask:url(/edge-top.png) top / 100% var(--team-edge) no-repeat, url(/edge-bottom.png) bottom / 100% var(--team-edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - var(--team-edge)) no-repeat;background-color:var(--color-jungle-dark);padding-block:clamp(6rem,14vw,11rem);position:relative}.team-story__bg{z-index:-2;position:fixed;inset:0}.team-story__img{object-fit:cover;object-position:50% 45%;width:100%;height:100%}.team-story__shade{z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--color-panel) 25%, transparent), transparent 30%, transparent 70%, color-mix(in srgb, var(--color-panel) 30%, transparent)), radial-gradient(ellipse at center, transparent 40%, color-mix(in srgb, var(--color-panel) 25%, transparent));position:absolute;inset:0}.team-story__paint{text-align:center;filter:drop-shadow(0 24px 40px #0404042e);background-color:#fff;padding:clamp(3.5rem,8vw,6.5rem) clamp(2.25rem,9vw,7rem);mask:url(/paint-about-1.png) 50%/100% 100% no-repeat}@media (width<=639px){.team-story__paint{padding:4rem 2rem}}.team-members{overflow-x:clip}.tm-card{--tm-ease:cubic-bezier(.33, 1, .68, 1)}.tm-photo{aspect-ratio:1;width:min(100%,22.5rem);margin-inline:auto;position:relative}.tm-photo__frame{background:linear-gradient(135deg, var(--color-brand), color-mix(in srgb, var(--color-brand) 70%, var(--color-sunlit)));transition:transform .6s var(--tm-ease);border-radius:28px;position:absolute;inset:0;transform:rotate(-5deg)translate(-10px,10px)}.tm-card:nth-child(2n) .tm-photo__frame{background:var(--color-panel);transform:rotate(5deg)translate(10px,10px)}.tm-photo__img-wrap{z-index:1;background-color:var(--color-line);border-radius:28px;height:100%;position:relative;overflow:hidden;box-shadow:0 30px 50px -30px #04040473}.tm-photo__img{object-fit:cover;width:100%;height:100%;transition:scale .8s var(--tm-ease)}.tm-photo__note{color:var(--color-ink-dark);backdrop-filter:blur(6px);background-color:#ffffffe0;border-radius:9999px;padding:5px 12px;font-size:.75rem;font-weight:500;position:absolute;bottom:14px;left:14px}.tm-photo__index{z-index:0;color:#0000;-webkit-text-stroke:1.5px var(--color-brand);pointer-events:none;font-size:4.5rem;font-weight:600;line-height:1;position:absolute;top:-.62em;right:.1em}@media (hover:hover){.tm-card:hover .tm-photo__frame{transform:rotate(-9deg)translate(-16px,14px)}.tm-card:nth-child(2n):hover .tm-photo__frame{transform:rotate(9deg)translate(16px,14px)}.tm-card:hover .tm-photo__img{scale:1.06}}.tm-role{color:var(--color-ink-dark);letter-spacing:.28em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.tm-social{background-color:var(--color-ink-dark);color:#fff;border-radius:9999px;place-items:center;width:44px;height:44px;transition:background-color .3s,transform .3s;display:grid}a.tm-social:hover{background-color:var(--color-brand);transform:translateY(-3px)}.tm-social.is-pending{opacity:.35;cursor:not-allowed}.tm-icon{width:18px;height:18px;mask:var(--tm-icon) center / contain no-repeat;background-color:currentColor}.tm-icon--facebook{--tm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 2 16 20'%3E%3Cpath d='M13.5 21v-7.5h2.5l.4-3h-2.9V8.6c0-.87.25-1.46 1.5-1.46h1.55V4.47A20.7 20.7 0 0 0 14.3 4.35c-2.24 0-3.8 1.37-3.8 3.88v2.27H8v3h2.5V21h3Z'/%3E%3C/svg%3E")}.tm-icon--instagram{--tm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/%3E%3C/svg%3E")}.tm-icon--linkedin{--tm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9.75h4V21H3V9.75Zm6.5 0h3.8v1.6h.06c.53-1 1.83-2.05 3.77-2.05 4.03 0 4.77 2.65 4.77 6.1V21h-4v-4.9c0-1.17-.02-2.68-1.63-2.68-1.64 0-1.89 1.28-1.89 2.6V21h-4V9.75Z'/%3E%3C/svg%3E")}.tm-icon--website{--tm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3Z'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.tm-photo__frame,.tm-photo__img,.tm-social{transition:none}}.av-frame{--av-edge:30px;mask:url(/left.png) left / var(--av-edge) 100% no-repeat, url(/right.png) right / var(--av-edge) 100% no-repeat, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--av-edge) + 2px) 100% no-repeat}.av-screen{aspect-ratio:4/3;background-color:var(--color-panel);mask:url(/up.png) top / 100% var(--av-edge) no-repeat, url(/down.png) bottom / 100% var(--av-edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--av-edge) + 2px) no-repeat;position:relative;overflow:hidden}@media (width>=768px){.av-frame{--av-edge:38px}.av-screen{aspect-ratio:21/9}}.av-video{object-fit:cover;width:100%;height:100%;display:block}.av-shade{background:linear-gradient(to top, color-mix(in srgb, var(--color-panel) 55%, transparent), transparent 35%);pointer-events:none;position:absolute;inset:0}.av-controls{align-items:center;gap:10px;display:flex;position:absolute;bottom:clamp(30px,5vw,56px);left:clamp(28px,5vw,56px)}.av-controls[hidden]{display:none}.av-btn{color:#fff;cursor:pointer;backdrop-filter:blur(10px);background-color:#ffffff26;border:1px solid #ffffff59;border-radius:9999px;place-items:center;width:48px;height:48px;transition:background-color .3s,transform .3s;display:grid;position:relative}.av-btn:hover{background-color:#ffffff47;transform:scale(1.06)}.av-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.av-btn--main{background-color:var(--color-brand);border-color:#0000;width:60px;height:60px}.av-btn--main:hover{background-color:var(--color-brand-strong)}.av-btn--main:after{content:"";border:2px solid color-mix(in srgb, var(--color-brand) 60%, transparent);border-radius:inherit;opacity:0;position:absolute;inset:-6px}[data-state=paused] .av-btn--main:after{animation:2s ease-out infinite av-ring}@keyframes av-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.av-icon-pause,.av-icon-sound,.av-eq,[data-state=playing] .av-icon-play{display:none}[data-state=playing] .av-icon-pause{display:block}[data-sound=on] .av-icon-muted{display:none}[data-sound=on] .av-icon-sound{display:block}[data-sound=on][data-state=playing] .av-eq{background-color:var(--color-brand);border-radius:6px;align-items:flex-end;gap:2px;height:12px;padding:2px 3px;display:flex;position:absolute;bottom:-2px;right:-2px}.av-eq i{transform-origin:bottom;background-color:#fff;border-radius:1px;width:2px;height:100%;animation:.9s ease-in-out infinite av-eq}.av-eq i:nth-child(2){animation-delay:-.3s}.av-eq i:nth-child(3){animation-delay:-.6s}@keyframes av-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.av-label{color:#fff;letter-spacing:.04em;text-shadow:0 1px 8px #0006;margin-left:4px;font-size:.8125rem;font-weight:500}@media (width<=639px){.av-label{display:none}}@media (prefers-reduced-motion:reduce){[data-state=paused] .av-btn--main:after,.av-eq i{animation:none}.av-btn{transition:none}}