.home-shell { padding-top:2.5rem;padding-bottom:4rem; }
.home-intro { position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(290px,30vw,410px);padding:2rem 2.5rem;margin-bottom:2rem;overflow:hidden; }
.home-intro>div { position:relative;z-index:2;width:49%;max-width:600px; }
.home-hero-art { position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 55%;pointer-events:none; }
.home-intro::after { content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 94%,transparent) 28%,color-mix(in srgb,var(--bg) 70%,transparent) 44%,transparent 66%),linear-gradient(0deg,var(--bg),transparent 20%); }
html[data-imagery="off"] .home-intro { min-height:0;padding:0; }
html[data-imagery="off"] .home-intro>div { width:100%;max-width:760px; }
html[data-imagery="off"] .home-intro::after { display:none; }
@media(max-width:760px) { .home-intro { min-height:300px;padding:1.35rem 1rem; }.home-intro>div { width:72%; }.home-hero-art { object-position:78% 55%; }.home-intro::after { background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 92%,transparent) 36%,color-mix(in srgb,var(--bg) 78%,transparent) 64%,color-mix(in srgb,var(--bg) 20%,transparent)),linear-gradient(0deg,var(--bg),transparent 25%); } }
@media(max-width:420px) { .home-intro>div { width:82%; }.home-intro { min-height:310px;padding-inline:.25rem; } }
@media print { .home-intro { min-height:0;padding:0; }.home-intro>div { width:100%; }.home-intro::after { display:none; } }
.home-intro h1 { font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em;line-height:1.1;margin:.5rem 0 1rem; }
.home-intro p:not(.eyebrow) { color:var(--muted);font-size:1.1rem;max-width:640px; }
.home-season { border-left:2px solid var(--ice);padding:1rem 1.5rem;color:var(--muted);line-height:1.6;white-space:nowrap; }.home-season strong { color:var(--text); }
.home-shortcuts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem; }
.home-shortcut { display:flex;flex-direction:column;gap:.85rem;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);padding:1.6rem;text-align:left;cursor:pointer;transition:background .15s,border-color .15s; }
.home-shortcut:hover { border-color:var(--ice);background:var(--surface-2); }.home-shortcut:focus-visible { outline:3px solid var(--ice);outline-offset:3px; }
.home-shortcut .shortcut-number { font-size:.8rem;letter-spacing:.09em;font-weight:700;color:var(--ice); }.home-shortcut:nth-child(2) .shortcut-number,.home-shortcut:nth-child(2) small { color:var(--pink); }.home-shortcut:nth-child(3) .shortcut-number,.home-shortcut:nth-child(3) small { color:var(--green); }
.home-shortcut>strong { font-size:1.55rem;display:flex;justify-content:space-between;gap:.5rem; }.home-shortcut>strong span { font-weight:400; }.home-shortcut>span:not(.shortcut-number) { color:var(--muted);line-height:1.6; }.home-shortcut>small { margin-top:auto;padding-top:.5rem;color:var(--ice);font-size:.9rem;font-weight:600; }
.home-columns { display:grid;grid-template-columns:1fr 1.15fr;gap:1.5rem;margin-bottom:1.5rem; }.home-columns>.card { min-width:0; }
.home-examples article { border-top:1px solid var(--line);padding:1.25rem 0; }.home-examples h3 { margin:.4rem 0;font-size:1.3rem; }.home-examples article p:not(.eyebrow) { color:var(--muted);line-height:1.6; }.home-examples .button { margin-top:.35rem; }
.home-guides details { border-top:1px solid var(--line);padding:1rem 0; }.home-guides summary { cursor:pointer;font-weight:600;line-height:1.6; }.home-guides details p { color:var(--muted);line-height:1.7; }.home-secondary-links { display:flex;flex-wrap:wrap;gap:.35rem;border-top:1px solid var(--line);padding-top:1rem; }
.news-filter,.analysis-controls { display:flex;align-items:end;gap:1rem;flex-wrap:wrap;margin:1.25rem 0; }.news-filter>.field:nth-child(2) { flex:1;min-width:200px; }.news-filter .field { margin:0; }.news-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;margin:1rem 0; }.news-item { border-top:1px solid var(--line);padding:1.25rem 0; }.news-item .eyebrow { font-size:.8rem;line-height:1.6; }.news-item .eyebrow span { color:var(--muted);text-transform:none;letter-spacing:0; }.news-item h3 { font-size:1.1rem;line-height:1.5;margin:.45rem 0; }.news-item h3 a { color:var(--text);text-decoration:none; }.news-item h3 a:hover { color:var(--ice);text-decoration:underline; }.news-item h3 a span { color:var(--ice); }
.home-updates { display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line-strong); }.home-updates ul { list-style:none;padding:0;margin:0;display:grid;gap:1rem; }.home-updates li { display:flex;flex-direction:column;gap:.3rem; }.home-updates li span { color:var(--muted);line-height:1.6; }
.keypoint-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }.dance-level-guide { background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:1.25rem;margin:1rem 0; }.dance-level-guide h3 { margin-top:0; }.dance-level-guide>.field { margin-top:1rem; }.cde-requirements { display:grid;gap:.65rem;border-top:1px solid var(--line);padding-top:.75rem;margin-top:.75rem; }.cde-requirements .builder-check { align-items:flex-start;line-height:1.6; }.cde-requirements strong { color:var(--ice); }.whole-element-call { border-left:3px solid var(--ice);padding:.4rem 1rem;background:var(--surface-2);margin:1rem 0; }
@media(max-width:900px) { .home-columns { grid-template-columns:1fr; }.home-season { display:none; }.home-shortcut { padding:1.2rem; }.home-shortcut>strong { font-size:1.25rem; } }
@media(max-width:640px) { .home-shortcuts,.news-grid,.home-updates { grid-template-columns:1fr; }.home-shell { padding-top:1.5rem; }.home-shortcut { gap:.5rem; }.home-shortcut>strong { font-size:1.45rem; }.home-columns { gap:1rem; }.home-updates { gap:1rem; }.news-filter { align-items:stretch; }.news-filter>.field { width:100%; }.keypoint-grid { grid-template-columns:1fr; }.analysis-controls { align-items:stretch; }.analysis-controls>.field { flex:1;min-width:160px; } }

.news-filter>.field { flex:1 1 170px; min-width:0; }.news-filter>.field:nth-child(3) { flex:2 1 220px; }#home-news-more { margin:.5rem 0 1rem; }