/* Homepage layout; game and other page layouts retain their existing styles. */
.homepage #home-start{padding-top:28px;padding-bottom:32px}
.homepage #home-start .home-hero-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"intro intro" "photo reels" "controls controls";gap:28px 32px;align-items:center;justify-items:center;margin:0 auto}
.homepage #home-start .home-intro{width:100%;max-width:800px;text-align:center}
.homepage #home-start .home-period-title{font-size:clamp(34px,4.5vw,52px);line-height:1.15;margin:0 0 14px;color:#ffe52f;letter-spacing:normal;text-transform:none}
.homepage #home-start .home-assignment-title{font-size:clamp(25px,3vw,36px);line-height:1.25;margin:0 0 16px;color:#f8fbff}
.homepage #home-start .home-intro .lead{margin:0 auto 12px;max-width:650px}
.homepage #home-start .home-controls{justify-self:center;text-align:center}
.homepage #home-start .home-play-actions{align-items:center;margin:0}
.homepage #home-start .home-example-photo,.homepage #home-start .photo-spinner{width:100%;max-width:520px;margin:0;justify-self:center;align-self:center}
.homepage #home-start .home-example-photo figcaption{text-align:center}
.homepage #home-start:not([data-has-photo="true"]) .home-hero-layout{grid-template-areas:"intro intro" "reels reels" "controls controls"}
.homepage #home-start:not([data-has-photo="true"]) .photo-spinner{max-width:640px}
.homepage #home-start [data-home-gallery]{text-align:center}
.homepage .db-public-footer{max-width:1100px;margin:0 auto;padding:24px 16px;text-align:center}
.homepage .db-public-footer .db-footer-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;justify-content:center}
.homepage .db-public-footer .db-footer-links a{justify-content:center;text-align:center;min-height:44px;padding:8px 4px}
@media(max-width:850px){.homepage #home-start .home-hero-layout,.homepage #home-start:not([data-has-photo="true"]) .home-hero-layout{grid-template-columns:1fr;grid-template-areas:"intro" "photo" "reels" "controls";gap:24px}.homepage #home-start:not([data-has-photo="true"]) .home-hero-layout{grid-template-areas:"intro" "reels" "controls"}.homepage .db-public-footer .db-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.homepage .db-public-footer .db-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.homepage #home-start .home-period-title{font-size:34px}.homepage #home-start .home-assignment-title{font-size:26px}.homepage #home-start .home-play-actions>.btn{white-space:normal}}

.homepage .top .nav{flex-wrap:wrap;gap:12px 18px;padding-block:12px}

.homepage #home-start{padding-top:28px;padding-bottom:12px}.homepage #home-start .theme-challenge-copy .lead{font-size:18px}