/* The LF wordmark stays visible, including the smallest masthead. */
:root[data-theme] .brand{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none}
:root[data-theme] .brand-symbol.lf-mark{position:relative;display:grid;place-items:center;flex:none;width:49px;height:52px;border-radius:11px 11px 3px 11px;background:#112b38;color:#b9ffe8;font:800 32px/1 var(--display);letter-spacing:-.13em;padding-right:4px;transform:skew(-5deg);box-shadow:3px 3px 0 #e69fc7}
.lf-mark i{position:absolute;width:7px;height:7px;right:7px;bottom:7px;background:#eda7d5}
:root[data-theme] .brand-name{display:flex!important;flex-direction:column;font-size:16px;letter-spacing:.08em}
:root[data-theme] .brand-name span{font-size:12px;letter-spacing:.43em;margin-top:4px}
/* Countdown precedes the film without pushing it off the screen. */
:root[data-theme] .release-top{display:grid;grid-template-columns:1fr auto;gap:8px 28px;padding:18px 7% 13px;background:#101b2a}
.release-top .countdown-heading{justify-content:start;gap:20px;flex-wrap:wrap}
:root[data-theme] .release-top .release-title{gap:10px}
:root[data-theme] .release-top .release-title>strong{font:700 16px/1 var(--display)}
:root[data-theme] .release-top .release-title>span{font-size:12px}
:root[data-theme] .release-top .countdown-heading>time{font-size:14px}
.release-top .release-clock-digits{grid-column:2;grid-row:1/3;width:auto;margin:0;gap:22px;align-self:center}
.release-top .release-clock-digits>div{gap:2px;border:0!important}
:root[data-theme] .release-top .release-clock-digits strong{font-size:34px;letter-spacing:.01em;color:#c6faea;background:none;-webkit-text-fill-color:currentColor}
.release-top .release-clock-digits span{font-size:10px;letter-spacing:.06em}
.release-top .release-reference{grid-row:2;grid-column:1;padding:0;border:0;gap:12px;justify-content:start}
.release-top .release-reference small{font-size:11px;color:#becbdc}
:root[data-theme] .release-top .release-reference>a{font-size:11px;padding:0;gap:6px}
:root[data-theme] .hero{min-height:calc(100svh - 187px);padding-top:65px;padding-bottom:120px}
/* A single reveal: wide tracking resolves into solid, sunlit lettering. */
:root[data-theme] .hero-content h1.welcome-title{overflow:visible;font-size:clamp(52px,8.7vw,132px);line-height:1.1}
.welcome-title>span{animation:welcome-signal .9s ease both}
:root[data-theme] .welcome-title>em{display:block;width:max-content;max-width:100%;background:linear-gradient(110deg,#fff8eb 15%,#bdffe8 40%,#ffe9ff 70%,#fff8eb);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:welcome-land 1.6s cubic-bezier(.16,1,.3,1) both,welcome-light 4s ease 1.2s 1;text-shadow:0 9px 65px #9affd622}
:root[data-theme] .hero-content>.welcome-copy{max-width:420px;font-size:clamp(16px,1.5vw,20px);animation:welcome-signal 1s .5s both}
.hero-auth,.hero-auth-provider{animation:welcome-signal .9s .7s both}
@keyframes welcome-land{from{opacity:0;filter:blur(12px);transform:translate3d(8%,26px,0) skewX(-9deg);letter-spacing:.08em;clip-path:inset(0 100% 0 0)}to{opacity:1;filter:blur(0);transform:translateZ(0);letter-spacing:-.035em;clip-path:inset(0 -5% -10% 0)}}
@keyframes welcome-light{from{background-position:100% 0}to{background-position:0 0}}
@keyframes welcome-signal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.home-world-details{border-bottom:1px solid var(--line)}
.home-world-details>summary{display:flex;justify-content:space-between;cursor:pointer;max-width:1400px;margin:auto;padding:18px 5%;font-size:14px;color:var(--muted);list-style:none}
.home-world-details[open]>summary span{transform:rotate(45deg)}
/* Explore arrives from the right; categories float up and down. */
:root[data-theme] .hub-page{max-width:1600px;min-height:75svh;padding-top:40px;padding-bottom:95px;animation:explore-arrive .85s cubic-bezier(.16,1,.3,1) both}
.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:38px}
:root[data-theme] .hub-heading h1{margin:0;font-size:clamp(40px,5vw,72px)}
.hub-heading h1>span{color:var(--cyan)}
:root[data-theme] .hub-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px;align-items:start}
:root[data-theme] .hub-category{min-width:0;animation:category-float calc(13s + var(--group)*1.2s) ease-in-out infinite alternate;animation-delay:calc(var(--group)*-2.4s);animation-play-state:paused}
:root[data-theme] .hub-category:nth-child(2){margin-top:42px}
:root[data-theme] .hub-category:nth-child(3){margin-top:14px}
:root[data-theme] .hub-category>header h2{font-size:20px}
:root[data-theme] .hub-category .hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:root[data-theme] .hub-category .photo-tile{aspect-ratio:1.1;min-height:160px;padding:18px;border-radius:5px 22px 5px 22px}
:root[data-theme] .hub-category .photo-tile:first-child{grid-column:1/-1;aspect-ratio:1.8}
:root[data-theme] .hub-category .photo-tile strong{font-size:clamp(17px,1.5vw,24px)}
:root[data-theme] .hub-category .photo-tile>img{width:116%;max-width:none;left:-8%;animation:category-photo 20s ease-in-out infinite alternate;animation-delay:calc(var(--group)*-3s);animation-play-state:paused}
:root[data-theme] .hub-category.in-view,:root[data-theme] .hub-category.in-view .photo-tile>img{animation-play-state:running}
:root[data-theme] .hub-category:hover,:root[data-theme] .hub-category:focus-within,:root[data-theme] .hub-category:hover .photo-tile>img,:root[data-theme] .hub-category:focus-within .photo-tile>img,:root[data-theme] .motion-paused .hub-category,:root[data-theme] .motion-paused .photo-tile>img{animation-play-state:paused}
@keyframes explore-arrive{from{opacity:0;transform:translateX(18vw)}to{opacity:1;transform:translateX(0)}}
@keyframes category-float{from{transform:translateY(-9px)}to{transform:translateY(9px)}}
@keyframes category-photo{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
/* The original 4K skyline is the livestream room's full-width backdrop. */
:root[data-theme] .livestreams-page{position:relative;isolation:isolate;max-width:none;min-height:calc(100svh - 83px);padding:55px max(5%,calc((100vw - 1480px)/2)) 65px;color:#f6f5ff;background:#101927;overflow:hidden;--text:#f0f5ff;--muted:#c7d5e7;--panel:#101c2ef2;--panel2:#152337ef;--field:#0d1726;--line:#d3edff33;--cyan:#b0fbe3}
.streams-backdrop{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.85}
.streams-wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#10142545,#101827a8 45%,#0e1425ed),linear-gradient(100deg,#211633a3,transparent 65%)}
:root[data-theme] .streams-heading h1{font-size:clamp(42px,6.4vw,94px);color:#fff;text-shadow:0 8px 45px #0c112a66}
.streams-kicker{color:#c7ffe7!important;font-size:11px;letter-spacing:.19em}
.stream-stage{box-shadow:0 20px 70px #050e2255;border-color:#aee4da4d}
.stream-screen{background:linear-gradient(#06101c80,#06101cb3),url('assets/hires/activity-streetrace-4k.jpg') center/cover}
.stream-empty{background:linear-gradient(135deg,#18284944,#1d273800)}
.stream-empty>.lf-icon{background:#0b1826a6;backdrop-filter:blur(12px)}
.stream-open-panel,.stream-share-panel{backdrop-filter:blur(18px)}
:root[data-theme] .stream-sidebar h2{color:#f5f8ff}
.stream-field-hint{margin-bottom:15px}
.streams-browse{border-color:#f0f7ff33}
/* Let the images lead; optional detail stays behind existing disclosures. */
footer [hidden]{display:none!important}
footer .footer-right{display:flex;align-items:flex-end;flex-direction:column;gap:10px}
footer .footer-right .text-button{padding:0;color:var(--muted);font:400 13px/1.4 var(--font);cursor:pointer}
.visitors-page{max-width:1200px;min-height:75svh}
.visitors-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.visitors-heading h1{margin:9px 0 0}.visitors-heading h1>span{color:var(--cyan)}
.visitors-status{color:var(--muted);font-size:14px;min-height:22px}
.visitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:22px 0 36px}
.visitor-kpis article{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.visitor-kpis article>span{font-size:14px;color:var(--muted)}
.visitor-kpis strong{font:600 clamp(30px,4.3vw,55px)/1.15 var(--display);color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.visitor-chart,.visitor-top-pages{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:20px}
.visitor-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}
:root[data-theme] .visitor-section-head h2{font-size:23px;margin:0}.visitor-section-head>span{font-size:13px;color:var(--muted)}
.visitor-bars{height:170px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:5px;direction:ltr;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),var(--line) calc(25% - 1px) 25%)}
.visitor-bars>div{display:flex;align-items:flex-end;height:100%}.visitor-bars>div>span{display:block;width:100%;height:var(--bar);background:linear-gradient(#93e5d6,#8d8ecd);border-radius:4px 4px 0 0;min-height:1px}
.visitor-axis{display:flex;justify-content:space-between;direction:ltr;margin-top:10px;font-size:12px;color:var(--muted)}
.visitor-table{margin-top:20px;border-top:1px solid var(--line)}.visitor-table summary{cursor:pointer;padding:15px 0 0;font-size:14px;color:var(--cyan)}
.visitor-table table{width:100%;border-collapse:collapse;font-size:14px;margin-top:15px}.visitor-table th,.visitor-table td{text-align:start;padding:12px 0;border-bottom:1px solid var(--line)}.visitor-table th:last-child,.visitor-table td:last-child{text-align:end}
.visitor-top-pages ol{list-style:none;margin:0;padding:0}.visitor-top-pages li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}.visitor-top-pages strong{font-weight:500;font-variant-numeric:tabular-nums}
.visitor-note,.visitor-start,.visitors-access p{font-size:13px;line-height:1.65;color:var(--muted);max-width:780px}.visitor-note{margin-top:25px}
.visitor-privacy{width:min(480px,calc(100vw - 32px));margin:auto;padding:34px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);max-height:calc(100svh - 32px);overflow:auto;box-shadow:0 25px 95px #06102455}
.visitor-privacy::backdrop{background:#071228b3;backdrop-filter:blur(5px)}.visitor-privacy p{font-size:14px;line-height:1.7;color:var(--muted)}.visitor-privacy h2{font-size:28px;padding-right:25px}.privacy-close{position:absolute;right:14px;top:14px;width:38px;height:38px;color:var(--text)}.visitor-privacy .button{margin-top:12px;max-width:100%;white-space:normal}
@media(max-width:620px){.visitor-kpis{grid-template-columns:1fr 1fr;gap:22px}.visitor-section-head{align-items:start;flex-direction:column;gap:8px}.visitor-chart,.visitor-top-pages{padding:20px}.visitor-bars{gap:3px}.visitor-privacy{padding:28px}.visitors-heading .button{padding:10px 16px}}
:root[data-theme] .page-description{max-width:640px;font-size:16px}

@media(max-width:1050px){:root[data-theme] .hub-categories{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-theme] .hub-category:nth-child(3){margin-top:0}.release-top .countdown-heading{gap:6px 16px}.release-top .release-clock-digits{gap:13px}}
@media(max-width:700px){:root[data-theme] .brand-symbol.lf-mark{width:39px;height:42px;font-size:27px}:root[data-theme] .brand-name{font-size:13px}:root[data-theme] .brand-name span{font-size:10px}.lf-mark i{width:5px;height:5px}:root[data-theme] .release-top{padding:14px 20px;grid-template-columns:1fr;gap:11px}.release-top .countdown-heading{justify-content:space-between}:root[data-theme] .release-top .release-title>span{display:none}.release-top .release-clock-digits{grid-column:1;grid-row:2;justify-content:space-between;gap:8px;width:100%}:root[data-theme] .release-top .release-clock-digits strong{font-size:30px}.release-top .release-reference{grid-row:3;justify-content:space-between}.release-top .release-reference>div{display:block}.release-top .release-reference small{font-size:10px}:root[data-theme] .hero{min-height:590px;padding:80px 25px 120px}:root[data-theme] .hero-content h1.welcome-title{font-size:clamp(44px,11.7vw,78px)}:root[data-theme] .hub-categories{grid-template-columns:1fr;gap:38px}:root[data-theme] .hub-category:nth-child(n){margin-top:0}:root[data-theme] .hub-category .photo-tile{min-height:155px;aspect-ratio:1.4}:root[data-theme] .hub-category .photo-tile:first-child{aspect-ratio:2}:root[data-theme] .livestreams-page{padding:35px 20px 55px}.streams-heading{margin-bottom:30px}}
@media(max-width:390px){:root[data-theme] .header-tools{gap:5px}:root[data-theme] .brand{gap:7px}:root[data-theme] .brand-name{font-size:11px}:root[data-theme] .brand-name span{font-size:9px}:root[data-theme] .language-select{width:85px;max-width:85px;padding-inline:7px}.theme-switch button{width:33px;height:33px;padding:7px}.hub-heading{gap:9px}}

.page-intro-note{margin-top:12px;max-width:640px}.page-intro-note>summary{font:400 13px/1.5 var(--font);color:var(--muted);cursor:pointer;list-style:revert}.page-intro-note .page-description{margin-top:9px}.page-intro-note[open]{padding-bottom:5px}