/* Requested larger previews and readable copy; existing section spacing retained. */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&display=swap');
.crono-word{display:inline-flex;position:relative;font:600 26px/1.15 'Chakra Petch',sans-serif;letter-spacing:-.045em;white-space:nowrap;border-bottom:3px solid #d71928;padding-bottom:3px;transform:skewX(-5deg)}
.crono-word i{font:inherit;font-style:normal;display:inline-block;color:#111218}.crono-word .game-letter{color:#d71928}.world-brand .time-letter{color:#fff}.footer .crono-word{font-size:24px}
.header,.world-nav{height:86px;column-gap:16px}.demo-strip-set{gap:9px}.demo-strip-set .demo-shortcut{width:70px;flex:0 0 70px;min-height:70px;font-size:10px;gap:6px}.demo-strip-set .demo-thumb{width:66px;height:42px;font-size:16px}.thumb-sun:after{font-size:12px}.thumb-cards:after{font-size:21px}.thumb-campaign:after{font-size:10px}.thumb-window:after{font-size:13px}.thumb-lab:after{font-size:30px}
.lead,.hero .lead{font-size:18px;line-height:1.7}.section-top p,.architecture p,.signature p{font-size:17px;line-height:1.75}.section h2{font-size:clamp(34px,3.2vw,46px)}.app-card h3,.hero-app h3{font-size:23px}.app-card p,.hero-app p,.mapping p,.teaser-text p{font-size:16px;line-height:1.7}.mapping h3{font-size:23px}.teaser-text h3{font-size:27px}.game-applications p{font-size:15px!important}.game-applications strong{font-size:14px}.game-modes span,.tags{font-size:11px}.page-heading p:not(.kicker){font-size:18px;line-height:1.75}.deployment-grid h3{font-size:22px}.deployment-grid p,.deployment-note{font-size:16px;line-height:1.75}.game-card .teaser-text>p:not(.domain-label){min-height:0}.world-intro>p{font-size:18px;line-height:1.75}.prize-teaser p,.content-heading p,.application-box p,.application-box li,.rule-details p,.rule-details li{font-size:17px;line-height:1.75}.application-box h3{font-size:25px}.content-heading h2{font-size:37px}.play-hint,.clock-caption,.hand-caption,.lab-hint,.game-feature-list{font-size:14px;line-height:1.7}.technical-note{font-size:13px;line-height:1.75}.teaser-text .demo-link{font-size:15px}.brand-showcase-link{font:13px 'Chakra Petch',sans-serif;color:#b51d30;text-decoration:underline;text-underline-offset:4px}
@media(min-width:651px) and (max-width:1150px){.header,.world-nav{height:auto;min-height:80px;grid-template-columns:auto 1fr;padding-top:9px;padding-bottom:8px;row-gap:8px}.header>.demo-shortcuts,.world-nav>.demo-shortcuts{grid-column:1/-1;grid-row:2;justify-self:center}.header>nav,.world-nav>.world-nav-links{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:650px){.header,.world-nav{height:auto;padding-bottom:7px}.header .crono-word,.world-nav .crono-word{font-size:23px}.demo-strip-set{gap:10px;padding-right:10px}.demo-strip-set .demo-shortcut{width:86px;flex-basis:86px;min-height:73px;font-size:11px}.demo-strip-set .demo-thumb{width:80px;height:47px}.demo-strip-toggle{width:40px;flex-basis:40px;height:38px;font-size:9px}.section h2{font-size:34px}.hero .lead,.section-top p,.architecture p,.signature p{font-size:17px}.app-card p,.hero-app p,.mapping p,.teaser-text p{font-size:16px}.hero-app h3{font-size:20px}.world-intro>p,.application-box p,.application-box li{font-size:17px}.content-heading h2{font-size:33px}.header>.brand,.world-nav>.world-brand{min-height:49px}}

.contact-details{margin:32px 0;padding:26px;border-left:3px solid #d71928;background:#f6f3f6}.contact-details p{font-size:18px;line-height:1.75}.header nav{gap:12px}

/* Site-wide compact spacing and legible small interface type. */
.section{padding-top:24px;padding-bottom:24px}.section-top{margin-bottom:16px;gap:24px}.section .kicker{margin-bottom:10px}.architecture{gap:28px}.signature-grid{gap:28px}.hero>.wrap{padding-top:18px;padding-bottom:18px}.hero-viz{padding-top:10px;padding-bottom:13px}.hero-top{gap:24px}.hero .lead{margin-bottom:15px}.hero .hero-note{margin-top:10px}.application-entry{margin-top:13px}.hero-app{padding:13px}.hero-app h3{margin-top:8px}.proof-strip>.wrap{padding-top:10px;padding-bottom:10px}.app-card{padding:18px}.app-card h3{margin-bottom:7px}.app-card p{margin-bottom:10px}.app-card .tags{padding-top:9px}.mapping-step,.mapping-step:last-child{padding:13px;margin-bottom:8px;gap:13px}.mapping h3{margin-bottom:5px}.signature p{margin-bottom:13px}.reference-bar{padding-top:16px;gap:20px}.teaser-text,.game-card .teaser-text{padding:17px}.teaser-text h3{margin-top:6px;margin-bottom:7px}.teaser-text p{margin-bottom:10px}.page-heading{padding-top:24px;padding-bottom:20px}.page-heading h1{margin-bottom:12px}.catalogue{padding-top:20px;padding-bottom:26px}.games-grid{gap:15px}.filters{margin-bottom:15px}.game-applications{padding-top:10px}.game-modes{padding-top:9px;margin-top:9px}.deployment-options{padding-top:24px;margin-top:24px}.deployment-grid{gap:13px}.deployment-grid article{padding:17px}.deployment-grid h3{margin-top:10px;margin-bottom:8px}.footer{padding-top:15px;padding-bottom:15px}.footer-note{margin-top:16px}.contact-details{margin:22px 0;padding:20px}.world-main,.world-sun .world-main,.world-cards .world-main,.world-campaign .world-main,.world-five .world-main,.world-window .world-main{padding-top:22px;padding-bottom:22px;gap:30px}.world-intro .eyebrow{margin-bottom:12px}.world-intro h1{margin-bottom:13px}.world-intro>p{margin-bottom:13px}.prize-teaser{margin-top:18px;padding-top:13px}.play-surface{padding:20px}.world-content{padding-top:26px;padding-bottom:26px}.content-heading{margin-bottom:17px;gap:24px}.application-box{padding:18px}.rule-details{margin-top:14px;padding:13px 17px}.media-controls{margin-top:10px}.world-result{margin-top:13px;padding:13px}.felt-table{padding:30px 20px 25px}.campaign-poster{padding:23px}.campaign-name{margin-bottom:19px}.campaign-stamp{margin-bottom:13px}.brand-studio{margin-top:17px}.lab-surface{padding:22px}.target-dial{margin-top:18px;margin-bottom:18px}.window-clock{margin-top:20px}.window-track{margin-top:18px}.world-footer{padding-top:11px;padding-bottom:11px}
.hero-app .num{font-size:22px;line-height:1.15}.app-card .symbol{font-size:23px;width:40px;height:40px;margin-bottom:14px}.mapping-step>span{font-size:20px;width:36px;height:36px;flex-shrink:0}.deployment-grid article>span{font-size:22px}.steps article>span,.section-index{font-size:24px;font-weight:500}.section-index{line-height:1}
/* Navigation, overlines and supporting UI retain a readable floor. */
.header nav,.world-nav-links{font-size:13px;gap:13px}.header nav .nav-cta{padding:9px 12px}.topline{font-size:12px;line-height:1.5}.kicker,.eyebrow,.hero .kicker,.section .kicker,.page-heading .kicker{font-size:12px;line-height:1.5;letter-spacing:.09em}.hero-note,.hero .hero-note,.application-entry>p,.tech-coordinate{font-size:12px;line-height:1.6}.proof-strip>.wrap{font-size:13px;line-height:1.6}.app-card .tags,.teaser-text .tag,.game-modes span,.channel-badges span{font-size:12px;line-height:1.5}.button,.filter,.teaser-text .demo-link,.back-link,.site-return a{font-size:14px}.reference-title{font-size:15px}.reference-state,.reference-bar p{font-size:12px;line-height:1.6}.footer p,.footer a,.footer-note,.demo-banner{font-size:13px;line-height:1.6}.domain-label{font-size:12px!important;line-height:1.6!important}.game-applications strong{font-size:14px}.deployment-note{line-height:1.6}.visual-head,.visual-label,.flow-line,.output-cell small,.orbit-note{font-size:12px;line-height:1.5}.signature-clock>span,.signature-clock>small{font-size:12px;line-height:1.5}.small-label,.clock-caption,.play-hint,.small-action,.media-controls button,.world-footer,.table-caption,.hand-caption,.hold-hint,.lab-hint,.attempts,.session-best,.window-legend,.target-label,.target-dial small,.campaign-stamp,.brand-studio label,.game-feature-list{font-size:13px;line-height:1.6}.technical-note{font-size:13px;line-height:1.65}.world-btn,.world-btn.secondary,.rule-details summary{font-size:15px}.world-result p{font-size:16px;line-height:1.6}.world-result h3{font-size:22px}.campaign-name{font-size:16px}.brand-studio input,.brand-studio button{font-size:16px}.world-nav .demo-shortcut,.demo-strip-set .demo-shortcut{font-size:12px}.demo-strip-toggle{font-size:12px;width:44px;flex-basis:44px;min-height:40px}.thumb-sun:after,.thumb-campaign:after{font-size:12px}
.chronograph-page .section{padding-top:24px;padding-bottom:24px}.chronograph-page .hero{padding-top:24px;padding-bottom:24px}.chronograph-page .section-kicker{margin-bottom:20px;font-size:12px}.chronograph-page .steps{margin-top:24px;gap:20px}.chronograph-page .experience{padding-top:26px;padding-bottom:26px}.chronograph-page .experience-head{margin-bottom:20px}.chronograph-page .closing{padding-top:26px;padding-bottom:26px}.chronograph-page footer{padding-top:16px;padding-bottom:16px}.chronograph-page :is(.instrument-top,.instrument-bottom,.dial-caption,.dial-mark,.hero-foot,.ticker,.example>div>span,.console-head,.console-footer,.ticket-top,.ticket-bottom,.recent,.ticket-actions,.reference-status,.reference-note,.text-link,footer>span,footer>a:last-child){font-size:12px;line-height:1.6}
@media(min-width:651px) and (max-width:1350px){.header,.world-nav{height:auto;min-height:80px;grid-template-columns:auto 1fr;padding-top:8px;padding-bottom:7px;row-gap:7px}.header>.demo-shortcuts,.world-nav>.demo-shortcuts{grid-column:1/-1;grid-row:2;justify-self:center}.header>nav,.world-nav>.world-nav-links{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:650px){.section{padding-top:20px;padding-bottom:20px}.section-top{margin-bottom:15px;gap:16px}.architecture,.signature-grid{gap:20px}.hero>.wrap{padding-top:19px;padding-bottom:19px}.hero-top{gap:18px}.world-main,.world-sun .world-main,.world-cards .world-main,.world-campaign .world-main,.world-five .world-main,.world-window .world-main{padding-top:20px;padding-bottom:20px;gap:20px}.world-content{padding-top:22px;padding-bottom:22px}.world-nav-links{font-size:12px;gap:10px;flex-wrap:wrap;justify-content:flex-end}.world-nav-links a{line-height:1.5}.header nav{font-size:12px;gap:10px}.header>.brand,.world-nav>.world-brand{min-height:49px}.header nav .nav-cta{padding:8px}.app-card .symbol{font-size:23px;width:40px;height:40px;margin:0 14px 0 0}.section .kicker,.hero .kicker,.page-heading .kicker{font-size:12px}.topline .wrap{gap:8px;flex-wrap:wrap}.game-card .teaser-text{padding:17px}.deployment-options{padding-top:22px;margin-top:22px}.deployment-grid article{padding:17px}.footer{padding-top:14px;padding-bottom:14px}.domain-label{font-size:12px!important}.chronograph-page .section-kicker{font-size:12px;margin-bottom:20px}.chronograph-page .steps{margin-top:22px}.chronograph-page .hero,.chronograph-page .section,.chronograph-page .experience,.chronograph-page .closing{padding-top:22px;padding-bottom:22px}.chronograph-page .section-kicker>span:last-child{max-width:160px}}
/* Chronograph Lab uses the same compact footprint as the other demos. */
.chronograph-page .hero{grid-template-columns:minmax(0,1fr) minmax(280px,370px);max-width:1180px;margin-inline:auto;padding:22px 4%;gap:45px;min-height:0}.chronograph-page .instrument{width:100%;max-width:350px;justify-self:center;margin:0 auto}.chronograph-page .instrument-top{margin-bottom:12px}.chronograph-page .instrument-bottom{margin-top:13px;gap:8px;flex-wrap:wrap}.chronograph-page .orbit-note{margin-top:13px;padding-top:10px;font-size:12px}.chronograph-page .hero h1{font-size:clamp(36px,3.5vw,50px);line-height:1.06;margin-bottom:18px}.chronograph-page .hero .eyebrow{margin-bottom:16px;font-size:12px}.chronograph-page .hero .intro{margin-bottom:19px}.chronograph-page .hero .primary{padding:14px 20px;font-size:14px}.chronograph-page .hero-foot{margin-top:12px;font-size:12px}.chronograph-page .dial-time{font-size:38px;margin-top:10px}.chronograph-page .dial-ms{font-size:21px;gap:9px}.chronograph-page .dial-ms span:last-child{font-size:12px}.chronograph-page .dial-caption{font-size:11px;margin-top:5px}.chronograph-page .dial-mark{font-size:11px;margin-top:21px}.chronograph-page .section,.chronograph-page .experience,.chronograph-page .closing{padding-left:5%;padding-right:5%}.chronograph-page .principle-grid{gap:30px}.chronograph-page .steps{gap:20px}.chronograph-page .console{padding-top:16px}.chronograph-page .console-action{margin:14px 0 18px}.chronograph-page .experience-head{gap:22px}
@media(max-width:650px){.chronograph-page .hero{display:grid;grid-template-columns:1fr;padding:20px 6%;gap:24px}.chronograph-page .instrument{max-width:290px}.chronograph-page .hero h1{font-size:39px;line-height:1.06;margin-bottom:16px}.chronograph-page .dial-time{font-size:32px}.chronograph-page .dial-caption{font-size:10px}.chronograph-page .dial-mark{font-size:10px;margin-top:16px}.chronograph-page .dial-ms{font-size:19px}.chronograph-page .hero .eyebrow{margin-bottom:14px}.chronograph-page .instrument-bottom{font-size:12px}.chronograph-page .orbit-note{margin-top:10px}}