/* Navy interpretation of the reference's quiet tiled surface and generous spacing. */
:root{--polish-navy:#101f36;--polish-blue:#16314e;--polish-gold:#f2b441;--polish-paper:#f6f8fa;--polish-line:#dce3e9}
#tabHome .hero{background:var(--polish-navy);padding:64px 32px 40px}
#tabHome .hero:before{background:radial-gradient(ellipse at 83% 40%,#23456266,transparent 62%);z-index:0}
.hero-tile-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.65;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);background-image:none}
.hero-tile-field i{position:absolute;left:calc(var(--col)*64px);top:calc(var(--row)*64px);width:48px;height:48px;background:#9dbdde;opacity:.035;border-radius:50%;overflow:hidden;transform:rotate(-30deg);animation:tile-breathe var(--duration) ease-in-out var(--delay) infinite}
@keyframes tile-breathe{0%,100%{opacity:.012}50%{opacity:.09}}
.motion-paused .hero-tile-field i,.document-hidden .hero-tile-field i{animation-play-state:paused}
#tabHome .hero-grid{max-width:1200px;column-gap:64px;row-gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#tabHome .hero h1{font-size:clamp(48px,5.7vw,80px);line-height:1.02;letter-spacing:-.01em;max-width:620px;text-wrap:balance}
#tabHome .hero .eyebrow{letter-spacing:.12em;font-size:10px;line-height:1.8;max-width:440px}
#tabHome .hero-copy>p{font-size:17px;line-height:1.75;max-width:440px;margin-top:24px}
#tabHome .hero-cd{margin-top:28px}#tabHome .hero .bcap{font-size:9px;letter-spacing:.1em}
#tabHome .cta-row{gap:12px;margin-top:26px}#tabHome .cta-row .btn{font-size:14px;font-weight:650;padding:14px 24px;border-radius:999px;min-height:48px;box-shadow:none;transition:background .2s,box-shadow .2s}
#tabHome .hero .btn.gold{background:#f2b441;color:#162238}#tabHome .hero .btn.gold:hover{background:#ffca66;box-shadow:0 4px 20px #0002;filter:none}
#tabHome .hero .btn.line{background:transparent;border:1px solid #b4c4d655}#tabHome .hero .btn.line:hover{background:#ffffff0c;filter:none}
#tabHome .hg-cap{font-size:9px;letter-spacing:.08em;text-align:center;line-height:1.7}
#tabHome .cricket-stop{grid-column:1/-1;width:100%;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.3fr);gap:8px 32px;padding:24px 0 0;border-top:1px solid #ffffff1a}
#tabHome .cricket-stop label{grid-column:1;margin:0;font-size:12px}#tabHome .cricket-stop select{grid-column:1;grid-row:2;background:#ffffff06;border-color:#879eb044;font-size:13px;border-radius:8px}
#heroGroundDetail{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:space-between;gap:18px}#tabHome .cricket-stop-copy{margin:0}#tabHome .cricket-stop-copy strong{font-size:22px}#tabHome .cricket-stop-copy p{font-size:11px;margin:5px 0;line-height:1.5}.cricket-stop-actions{gap:6px}.cricket-stop-actions button{font-size:11px;padding:10px 12px}
#siteNav{box-shadow:none;background:#101f36;border-bottom:1px solid #ffffff12}#siteNav .ntab.on::after{height:2px;background:#f2b441}#siteNav .ntab{transition:color .18s}
.sitepanel .pagehead,#tabSafari .cintro{background:#101f36}.sitepanel .pagehead .wrap{padding-top:8px;padding-bottom:8px}
.sa-home{background:#f6f8fa;padding-top:56px;padding-bottom:56px}.sa-intro{margin-bottom:32px}.sa-host{border-radius:10px;box-shadow:0 1px 2px #101f3608;transition:box-shadow .2s,transform .2s}.sa-host:hover{box-shadow:0 10px 24px #101f3610;transform:translateY(-2px)}.sa-host:hover strong{text-decoration:none}.sa-filters{background:#f6f8fa;border:1px solid #e4e9ee;border-radius:10px}.sa-travel-brand{border-bottom-color:#dce3e9}.sa-hosts{gap:20px}
#tabHome button:focus-visible,#siteNav a:focus-visible{outline:2px solid #f2b441;outline-offset:4px}
@media(max-width:1000px){#tabHome .hero-grid{gap:30px}#heroGroundDetail{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:900px){#tabHome .hero-grid{grid-template-columns:minmax(0,1fr)}#tabHome .hero-copy{text-align:center}#tabHome .hero h1,#tabHome .hero-copy>p,#tabHome .hero .eyebrow{margin-left:auto;margin-right:auto}#tabHome .cta-row{justify-content:center}#tabHome .hero{padding:42px 24px 30px}#tabHome .hero h1{font-size:clamp(46px,8vw,64px)}#tabHome .hero-globe{margin-top:8px}#tabHome .cricket-stop{grid-template-columns:1fr}#heroGroundDetail{grid-column:1;grid-row:3;flex-direction:row;flex-wrap:wrap;margin-top:10px}#tabHome .hero-copy>p{font-size:16px}.sa-home{padding-top:36px;padding-bottom:36px}}
@media(max-width:400px){#tabHome .hero{padding-left:20px;padding-right:20px}#tabHome .cta-row{gap:8px}#tabHome .cta-row .btn{padding:12px 19px;font-size:13px}.hero-tile-field{opacity:.48}}
@media(prefers-reduced-motion:reduce){.hero-tile-field i{animation:none;opacity:.035}.sa-host{transition:none}.sa-host:hover{transform:none}}
@media(max-width:360px){#tabHome .cta-row{display:grid;grid-template-columns:1fr}#tabHome .cta-row .btn{width:100%}}

/* Primary actions keep their position and dimensions across interaction states. */
#tabHome .cta-row .btn,#tabHome .cta-row .btn:hover,#tabHome .cta-row .btn:active,#tabHome .cta-row .btn:focus{transform:none;transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease}
#tabHome .cta-row .btn.gold:active{background:#dca02f;box-shadow:inset 0 2px 3px #16223820}
#tabHome .cta-row .btn.line:active{background:#ffffff14;border-color:#b4c4d699}
#tabHome .cta-row .btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#tabHome .cta-row .btn{transition:none}}

/* Simplified, spaced stitches remain legible at background scale. */
.hero-tile-field i{width:60px;height:60px;background:transparent url("background-cricket-ball.svg?v=2") center/contain no-repeat}
.hero-tile-field i:before,.hero-tile-field i:after{content:none}
#intro[hidden]{display:none}#intro{background:#101f36;gap:16px;transition:opacity .18s ease;padding:24px;text-align:center;animation:opening-failsafe 0s 2s forwards}
#intro .intro-brand{font:800 clamp(32px,5vw,48px)/1.1 var(--disp);text-transform:uppercase;color:#fff}#intro .intro-brand span{color:#f2b441}
#intro .intro-sponsor{font:400 13px/1.5 system-ui;color:#b9c6db;margin:10px 0 0}
#intro img{width:190px;height:auto;max-width:65vw}#introSkip{margin-top:8px;background:transparent;color:#dce6f0;border:1px solid #7c93aa66;border-radius:999px;padding:11px 20px;min-height:44px;cursor:pointer;font:500 13px system-ui}#introSkip:focus-visible{outline:2px solid #f2b441;outline-offset:3px}
@keyframes opening-failsafe{to{visibility:hidden;pointer-events:none}}
#tabHome .hero-copy>*,#tabHome .hero-globe,#tabHome .hero h1 .ww{opacity:1;transform:none;animation:none;transition:none}