/* Reference geometry at 904px, scaled to the active Home container only. */
#app:has(#screen-main.active #tab-home:not(.hidden)) { max-width:904px; container-type:inline-size; }
#tab-home.homev2-scope { background:#fff; scrollbar-width:none; }
#tab-home::-webkit-scrollbar { display:none; }
#tab-home .homev2-hero { padding:0; }
#tab-home .homev2-hero-art { width:100%; height:49.78cqw; aspect-ratio:auto; object-fit:cover; object-position:top;
 -webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%); mask-image:linear-gradient(to bottom,#000 62%,transparent 100%); }
#tab-home .homev2-event-ribbon { display:none; }
#tab-home .homev2-grid { padding:0 3.21cqw 20cqw; margin-top:-7cqw; position:relative; z-index:2; background:transparent; border-radius:0; }
#tab-home .homev2-announcement {
 height:15.82cqw; min-height:0; margin:0; padding:0 3.65cqw;
 grid-template-columns:17.6cqw 1fr; border-radius:3.32cqw;
 color:#090e50; background:linear-gradient(115deg,#fff,#f3f7ff 65%,#e9f2ff);
 box-shadow:0 2.2cqw 3.5cqw rgba(25,46,88,.16); border:2px solid rgba(255,255,255,.8);
}
#tab-home .homev2-announcement::before { display:none; }
#tab-home .homev2-announcement::after { display:none; }
#tab-home .homev2-announcement-art { width:15cqw; height:100%; }
#tab-home .homev2-announcement-art img { width:12cqw; height:11cqw; object-fit:contain; left:0; top:.55cqw; mix-blend-mode:normal; filter:none; animation:none; }
#tab-home .homev2-spark { right:0; top:3.2cqw; width:2.7cqw; height:1cqw; }
#tab-home .homev2-spark.s2 { right:0; top:7.8cqw; }
#tab-home .homev2-announcement-copy { padding:0; gap:.55cqw; }
#tab-home .homev2-announcement-copy strong { font-family:'Barlow',Arial,sans-serif; font-size:2.88cqw; line-height:1.1; letter-spacing:0; }
#tab-home .homev2-announcement-copy span { font-family:'Inter',Arial,sans-serif; font-size:2.35cqw; font-weight:400; line-height:1.3; }
#tab-home .homev2-tile-grid { margin-top:2.77cqw; gap:2.22cqw 2cqw; }
#tab-home .homev2-tile { aspect-ratio:274/265; border-radius:3.32cqw; padding:0; box-shadow:0 2cqw 3cqw rgba(30,47,69,.19); animation:none; opacity:1; }
#tab-home .homev2-tile-artwork::before { display:none; }
#tab-home .homev2-card-art { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; }
#tab-home .homev2-tile:focus-visible, #tab-home .homev2-announcement:focus-visible { outline:3px solid #006aff; outline-offset:4px; }
/* The reference uses a slightly narrower middle column. */
#tab-home .homev2-tile-grid { grid-template-columns:274fr 262fr 274fr; grid-auto-rows:29.3cqw; }
#tab-home .homev2-tile { aspect-ratio:auto; }
#tab-home .homev2-announcement-art { align-self:center; height:10.2cqw; width:16cqw; background:url('./assets/home-reference/reference.png') -6.65cqw -50.8cqw / 100cqw auto no-repeat; }
#tab-home .homev2-announcement-art img, #tab-home .homev2-spark { visibility:hidden; }
#tab-home .homev2-tile-grid { grid-template-rows:29.3cqw 29.1cqw 28.2cqw; }
#tab-home .homev2-tile:not(.homev2-tile-artwork) .homev2-tile-icon { width:10cqw; height:10cqw; margin-bottom:2cqw; }
#tab-home .homev2-tile:not(.homev2-tile-artwork) .homev2-tile-copy strong { font-size:2.8cqw; }
