.home-preview{background:#faf8f2}.home-preview .birthday-strip{background:#fff2ad;padding:12px 0}.birthday-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.birthday-strip p{font-weight:800;margin:0}.preview-hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#dff2f8}.preview-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}.preview-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#faf8f2 0%,rgba(250,248,242,.93) 18%,rgba(250,248,242,.35) 42%,transparent 57%)}.preview-hero-copy{position:relative;padding-top:50px;padding-bottom:50px}.preview-hero-copy h1{max-width:570px;font-size:clamp(45px,5.2vw,74px)}.preview-hero-copy p{font-size:23px;line-height:1.45;max-width:440px}.preview-hero-copy .actions{flex-direction:column;align-items:flex-start}.home-signoff{text-align:center;font-weight:800;padding:20px 15px}.home-section{padding:30px 0}.home-eyebrow{font-size:14px;font-weight:900;color:#c74760;text-transform:uppercase}.home-song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.home-preview .art-link{position:relative;display:block;min-height:0}.home-preview .art-link img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.home-preview .art-link img[src*="australia-hero"]{object-position:right center}.home-preview .play-icon{position:absolute;bottom:16px;left:16px;display:grid;place-items:center;width:42px;height:42px;background:#fffdf6;color:#d9ac00;border-radius:50%}.home-preview .collection-card h3{font:800 20px/1.25 Nunito,system-ui,sans-serif;letter-spacing:0}.home-preview .collection-card p{font-size:16px}.home-preview .collection-card a{color:#006886}.section-action{display:flex;justify-content:center;margin-top:24px}.home-create{display:grid;grid-template-columns:1.1fr 1fr;border-radius:26px;overflow:hidden;background:linear-gradient(120deg,#ffe785,#fff4c6);margin:20px 0}.create-copy{padding:35px;position:relative;z-index:1}.create-copy h2{font-size:clamp(30px,3.3vw,44px)}.home-create>img{width:100%;height:100%;object-fit:cover;object-position:center}.create-steps{list-style:none;padding:0;display:flex;gap:20px;counter-reset:steps;margin:24px 0}.create-steps li{flex:1;text-align:center;font-size:14px;font-weight:800;counter-increment:steps}.create-steps li::before{content:counter(steps);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f5c518;margin:0 auto 10px;font-size:18px}.home-originals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.home-originals>.button{justify-self:center}.home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 0 34px}.home-links>a{display:flex;align-items:center;gap:15px;background:white;border-radius:20px;padding:22px;text-decoration:none;box-shadow:0 8px 24px #22304a08}.home-links h3{font-size:23px}.home-links p{font-size:14px;color:#65718a;margin-bottom:10px}.home-links strong{color:#006886;font-size:14px}.link-spot{font-size:46px;color:#d5aa00}.home-preview .site-nav .brand em{color:inherit}
@media(max-width:900px){.preview-hero{min-height:620px}.preview-hero-copy h1{font-size:52px;max-width:460px}.preview-hero-shade{background:linear-gradient(90deg,#faf8f2,rgba(250,248,242,.9) 20%,transparent 75%)}.home-create{grid-template-columns:1fr 1fr}.create-copy{padding:25px}.home-originals{grid-template-columns:1fr 1fr}.home-originals>.button{grid-column:1/-1}.home-links{gap:12px}.home-links>a{padding:18px;flex-direction:column;align-items:flex-start}.home-links h3{font-size:20px}}
@media(max-width:620px){.birthday-strip>.shell{flex-direction:column;gap:8px;text-align:center}.birthday-strip p{font-size:14px}.preview-hero{min-height:770px;align-items:flex-start}.preview-hero-art{object-position:78% bottom}.preview-hero-shade{background:linear-gradient(180deg,#faf8f2,rgba(250,248,242,.97) 25%,rgba(250,248,242,.1) 63%,transparent)}.preview-hero-copy{padding-top:28px}.preview-hero-copy h1{font-size:43px;margin-top:0;max-width:380px}.preview-hero-copy p{font-size:19px}.preview-hero-copy .actions{gap:10px}.home-signoff{font-size:14px}.home-song-grid{grid-template-columns:1fr}.home-section{padding:24px 0}.home-create{grid-template-columns:1fr}.create-copy{padding:25px}.home-create>img{aspect-ratio:3/2;height:auto}.home-originals{grid-template-columns:1fr}.home-links{grid-template-columns:1fr}.home-links>a{flex-direction:row}.home-originals>.button{grid-column:auto}.home-preview h2{font-size:32px}.preview-hero-copy .button{font-size:14px}}

/* Isolate preview hero from existing homepage styles. */
.home-preview .preview-hero-copy{z-index:2;width:min(1180px,calc(100% - 48px))}
.home-preview .preview-hero-shade{z-index:1;pointer-events:none}
@media(max-width:620px){
.home-preview .birthday-strip{padding:10px 0}
.home-preview .birthday-strip>.shell{flex-direction:row;text-align:left;gap:12px}
.home-preview .birthday-strip p{font-size:13px;line-height:1.3;margin:0;max-width:155px}
.home-preview .birthday-strip .button{font-size:12px;padding:8px 12px;min-height:40px;box-shadow:none}
.home-preview .preview-hero{display:flex;flex-direction:column;min-height:0;background:#faf8f2}
.home-preview .preview-hero-copy{order:0;padding:25px 0 20px;width:calc(100% - 36px)}
.home-preview .preview-hero-copy h1{font-size:clamp(34px,9.3vw,43px);line-height:1.05;margin:0 0 14px;max-width:none}
.home-preview .preview-hero-copy p{font-size:17px;line-height:1.4;margin:0 0 16px;max-width:none}
.home-preview .preview-hero-copy p br{display:none}
.home-preview .preview-hero-copy .actions{display:flex;gap:10px;margin-top:0;align-items:stretch}
.home-preview .preview-hero-copy .button{width:100%;justify-content:center;font-size:15px;min-height:48px;padding:10px 16px}
.home-preview .preview-hero-art{order:1;position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.home-preview .preview-hero-shade{display:none}
.home-preview .home-signoff{padding:14px 18px;margin:0;font-size:12px}
.home-preview .home-song-grid{gap:16px;margin-top:18px}
.home-preview .home-section{padding:20px 0}
.home-preview .collection-card>div{padding:16px 18px}
}

/* Keep the entire ensemble visible on wide screens. */
@media(min-width:621px){.home-preview .preview-hero{background:#faf8f2}.home-preview .preview-hero-art{object-fit:contain;object-position:right center}.home-preview .preview-hero-shade{background:linear-gradient(90deg,#faf8f2 0%,rgba(250,248,242,.95) 24%,rgba(250,248,242,.25) 48%,transparent 62%)}}
/* Fluid composition: artwork determines height instead of a fixed hero canvas. */
@media(min-width:1001px){
.home-preview .preview-hero{display:grid;grid-template-columns:44% 56%;min-height:0;align-items:center;background:#faf8f2}
.home-preview .preview-hero-copy{grid-column:1;grid-row:1;width:auto;margin:0;padding:36px 20px 36px max(24px,calc((100vw - 1180px)/2));}
.home-preview .preview-hero-copy h1{font-size:clamp(36px,4.1vw,66px)}
.home-preview .preview-hero-art{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 14%)}
.home-preview .preview-hero-shade{display:none}
}
@media(min-width:621px) and (max-width:1000px){
.home-preview .preview-hero{display:grid;grid-template-columns:1fr;min-height:0;background:#faf8f2}
.home-preview .preview-hero-copy{grid-row:1;padding:26px 0 20px;width:calc(100% - 48px)}
.home-preview .preview-hero-copy h1{font-size:clamp(36px,5.2vw,48px);max-width:none;margin:0 0 14px}
.home-preview .preview-hero-copy h1 br{display:none}
.home-preview .preview-hero-copy p{font-size:19px;max-width:none;margin-bottom:16px}
.home-preview .preview-hero-copy .actions{flex-direction:row;flex-wrap:wrap;margin-top:0}
.home-preview .preview-hero-art{grid-row:2;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:none}
.home-preview .preview-hero-shade{display:none}
}
.home-preview .home-create{background:#ffe990;position:relative;align-items:center}
.home-preview .home-create>img{height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.home-preview .create-copy h2{font-size:clamp(30px,3vw,43px);max-width:500px}
@media(max-width:620px){.home-preview .home-create>img{mask-image:linear-gradient(180deg,transparent,#000 16%);margin-top:-18px}.home-preview .create-copy{padding:24px 20px}.home-preview .create-steps{gap:10px}.home-preview .create-steps li{font-size:12px}}
.home-preview .button{position:relative;overflow:hidden;isolation:isolate}
.home-preview .button::after{content:"";position:absolute;inset:-40% auto -40% -60%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);pointer-events:none;animation:homepage-shimmer 6s ease-in-out infinite}
@keyframes homepage-shimmer{0%,65%{left:-60%;opacity:0}70%{opacity:1}95%,100%{left:140%;opacity:0}}
@media(prefers-reduced-motion:reduce){.home-preview .button::after{animation:none;display:none}}

/* Unified panoramic hero v4 */
@media(min-width:1001px){
.home-preview .preview-hero{display:block;position:relative;min-height:clamp(500px,40vw,680px);background:#faf8f2}
.home-preview .preview-hero-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:72% center;mask-image:none}
.home-preview .preview-hero-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#faf8f2 0%,rgba(250,248,242,.96) 19%,rgba(250,248,242,.75) 32%,rgba(250,248,242,.25) 47%,transparent 60%)}
.home-preview .preview-hero-copy{position:relative;width:min(1180px,calc(100% - 48px));margin:auto;padding:55px 0;min-height:inherit;display:flex;flex-direction:column;justify-content:center}
.home-preview .preview-hero-copy h1{max-width:490px;font-size:clamp(42px,4vw,64px)}
}
@media(max-width:1000px){.home-preview .preview-hero-art{object-fit:cover;object-position:right center;aspect-ratio:3/2}}