/* Layout/readability only. Artist colors and font families remain in artist.css. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main p{max-width:72ch}
.section-head{align-items:center}
.section-head h2{max-width:24ch}
.text-link{display:inline-block;min-height:36px;padding-top:4px;padding-bottom:4px}
.video-card p,.product p,.live-photo-grid p,.flyer-grid p,.epk-assets span,.epk-photo figcaption,.note{font-size:13px;line-height:1.75}
.live-photo-grid h3,.flyer-grid h3{font-size:24px;line-height:1.35}
.live-photo-grid figure,.flyer-grid figure{display:flex;flex-direction:column}
.live-photo-grid figcaption,.flyer-grid figcaption{padding-top:4px}
.live-photo-grid figcaption>a,.flyer-grid figcaption>a{font-size:13px}
.epk-jump{background:var(--paper);gap:12px 26px;align-items:center;z-index:5;padding:16px 0}
.epk-jump a{display:flex;align-items:center;min-height:40px;font-size:13px;padding:4px 0}
.epk-heading>p:not(.epk-tagline){max-width:48ch}
.epk-heading>.text-link{margin-top:2px}
.epk-booking{margin:15px 0 45px}
.epk-booking .epk-contact-actions{gap:16px}
.epk-assets{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.epk-assets img{height:250px;object-fit:contain}
.tour-timeline summary{justify-content:flex-start}
.tour-timeline summary:before{width:18px;flex-shrink:0}
.tour-timeline summary span{flex:1;min-width:0}
.tour-timeline summary small{margin-left:auto}
.tour-timeline details .listen-links a{font-size:13px}
.footer-links a,.share-site{font-size:12px;min-height:36px}
.scent-story .kicker{font-size:11px;letter-spacing:1.4px}
.follow-link{min-height:62px}
.follow-link small{font-size:12px}
@media(min-width:900px){html{scroll-padding-top:100px}.epk-jump{position:sticky;top:0}.flyer-grid,.live-photo-grid{gap:40px 28px}}
@media(max-width:700px){
 .section-head{align-items:flex-start;flex-wrap:wrap;gap:16px}
 .section-head .text-link{font-size:12px;max-width:none;text-align:left}
 header nav a{display:flex;align-items:center;justify-content:center;min-height:38px}
 header nav{column-gap:8px}
 .epk-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;padding:16px 0 22px}
 .epk-jump a{font-size:12px;line-height:1.5;min-height:38px}
 .epk-booking{margin-bottom:30px}
 .epk-contact-actions .text-link{font-size:14px}
 .epk-assets{grid-template-columns:1fr;gap:28px}
 .epk-assets img{height:auto;max-height:330px}
 .live-photo-grid,.flyer-grid{gap:34px}
 .live-photo-grid h3,.flyer-grid h3{font-size:23px;margin-bottom:12px}
 .live-photo-grid p,.flyer-grid p{font-size:13px}
 .tour-timeline summary{gap:8px 10px}
 .tour-timeline summary span{flex-basis:calc(100% - 30px);max-width:none}
 .tour-timeline summary small{margin-left:28px;font-size:12px}
 .tour-timeline details li{margin-bottom:8px}
 .scent-journal:has(+.home-catalog) .scent-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .scent-journal:has(+.home-catalog) .scent-image img{max-height:230px}
 .scent-journal:has(+.home-catalog) .scent-story h3{font-size:23px}
 .scent-journal:has(+.home-catalog) .scent-story p{font-size:13px}
 .scent-journal:has(+.home-catalog) .scent-story .kicker{font-size:10px;letter-spacing:1px}
}

/* Focused homepage: one artist introduction, then music, screen, scents, follow. */
.home-opening{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:65px;padding:58px 0 38px}
.home-intro h1{font-size:clamp(70px,7.4vw,104px);margin:20px 0 28px;letter-spacing:-1px}
.home-intro .home-intro-line{font-size:21px;line-height:1.5;color:var(--ink);margin:0 0 12px}
.home-intro>p:not(.home-intro-line){font-size:16px;max-width:34ch;margin-bottom:0}
.home-intro .actions{gap:18px;margin:26px 0 0}
.artist-home .video-card h3{font-size:27px;line-height:1.3;margin:18px 0 8px}
.artist-home .video-card p{font-size:14px;line-height:1.7;margin-bottom:10px}
.artist-home .video-card>.text-link{font-size:13px}
.home-reel{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:0}
.home-reel .reel-fallback{min-height:0;padding:0;display:block;text-align:left}
.home-reel .reel-fallback p{display:inline;margin:0 14px 0 0;font-size:13px}
.home-reel .reel-caption{margin:0;flex-basis:100%;font-size:13px}
.home-reel .reel-caption:empty{display:none}
.home-reel [data-reel-slot]{min-width:0}
.home-reel .reel-content video,.home-reel .reel-content iframe{max-width:320px;max-height:420px}
.artist-home .section{padding:48px 0}
.home-arka{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;border-top:0}
.home-arka h2{font-size:54px;margin:13px 0 20px}
.home-arka-copy>p{max-width:39ch;font-size:16px}
.home-arka .actions{gap:18px;margin-bottom:8px}
.home-screen .section-head h2,.home-scents .section-head h2{font-size:40px}
.home-screen .video-grid{gap:34px}
.home-promo{max-width:65ch;margin-bottom:30px;font-size:16px}
.home-promo strong{font-size:20px;color:var(--accent);letter-spacing:1px}
.home-scents-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.home-product-list{display:grid;gap:0}
.home-product{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid var(--line);min-width:0}
.home-product:first-child{padding-top:0}
.home-product:last-child{border-bottom:0}
.home-product img{width:86px;height:86px;object-fit:contain;flex-shrink:0;background:#fff}
.home-product>span{display:flex;flex-direction:column;gap:8px;min-width:0}
.home-product strong{font-size:16px;font-weight:600;line-height:1.5}
.home-product small{font-size:12px;color:var(--accent)}
.home-expo>a:first-child{display:flex;align-items:center;gap:25px;padding:22px;border:1px solid var(--line)}
.home-expo img{width:130px;height:175px;object-fit:contain;flex-shrink:0}
.home-expo h3{font-size:30px;line-height:1.3;margin:15px 0}
.home-expo .kicker{font-size:10px;letter-spacing:1.5px}
.home-expo>a.text-link{margin-top:12px}
.home-scents>.note{margin-top:22px;margin-bottom:0}
.artist-home .follow-section{margin-top:0;margin-bottom:22px}
@media(max-width:1000px){.home-opening,.home-arka{gap:35px}.home-scents-grid{gap:30px}.home-expo>a:first-child{padding:16px;gap:16px}.home-expo img{width:100px;height:140px}.home-expo h3{font-size:26px}}
@media(max-width:700px){
 .home-opening{grid-template-columns:1fr;gap:34px;padding:34px 0 28px}
 .home-intro h1{font-size:66px;line-height:1.12;margin:18px 0 23px}
 .home-intro .kicker{font-size:9px;letter-spacing:1.8px}
 .home-intro .home-intro-line{font-size:18px;margin-bottom:10px}
 .home-intro>p:not(.home-intro-line){font-size:15px;max-width:37ch}
 .home-intro .actions{gap:20px;margin-top:23px}
 .home-intro .button{font-size:12px;padding:13px 19px}
 .artist-home .video-card h3{font-size:25px;margin-top:15px}
 .artist-home .video-card p{font-size:13px}
 .home-reel{gap:6px 20px;padding:14px 0}
 .home-reel .kicker{font-size:10px;letter-spacing:1.8px}
 .home-reel .reel-fallback p{display:none}
 .home-reel .text-link{font-size:13px}
 .artist-home .section{padding:35px 0}
 .home-arka{grid-template-columns:1fr;gap:24px}
 .home-arka h2{font-size:44px;margin:12px 0 16px}
 .home-arka-copy>p{font-size:15px;margin-bottom:12px}
 .home-arka .actions{gap:17px;margin:18px 0 0}
 .home-arka .button{font-size:12px;padding:12px 17px}
 .home-screen .section-head h2,.home-scents .section-head h2{font-size:33px}
 .home-screen .section-head,.home-scents .section-head{gap:8px;margin-bottom:22px}
 .home-screen .video-grid{gap:30px}
 .home-promo{font-size:15px;margin-bottom:24px}
 .home-scents-grid{grid-template-columns:1fr;gap:28px}
 .home-product{gap:20px;padding:14px 0}
 .home-product img{width:76px;height:76px}
 .home-product strong{font-size:15px}
 .home-product small{font-size:12px}
 .home-expo>a:first-child{padding:18px;gap:20px}
 .home-expo img{width:95px;height:135px}
 .home-expo h3{font-size:26px;margin:12px 0 8px}
 .home-expo .text-link{font-size:12px}
 .artist-home .follow-section{padding:25px;margin-bottom:0}
}

/* Photo-led opening and four clear content routes. Existing palette and type preserved. */
.photo-opening{position:relative;display:flex;align-items:center;isolation:isolate;min-height:510px;margin:28px 0 0;padding:68px 48px;overflow:hidden;background:#000}
.home-hero-photo{position:absolute;inset:0 0 0 auto;width:77%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.photo-opening::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000 0%,#000e 28%,#0007 57%,#0002 100%),linear-gradient(0deg,#000a,transparent 50%)}
.photo-opening .home-intro{max-width:610px}
.photo-opening .home-intro h1{font-size:clamp(76px,8vw,116px);margin:20px 0 22px}
.photo-opening .home-intro .home-intro-line{font-size:19px;max-width:28ch}
.photo-opening .actions{gap:20px}
.home-photo-credit{position:absolute;right:20px;bottom:16px;font-size:11px;color:var(--ink)}
.home-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:8px}
.home-hub>a{display:flex;flex-direction:column;align-items:flex-start;padding:28px 22px;gap:8px;border-right:1px solid var(--line);min-width:0}
.home-hub>a:first-child{padding-left:0}.home-hub>a:last-child{border-right:0}
.home-hub .kicker{font-size:10px;letter-spacing:1.5px}
.home-hub strong{font:28px/1.3 var(--display);text-transform:uppercase;font-weight:400}
.home-hub>a>span:last-child{font-size:12px;color:var(--muted)}
.home-hub>a:hover{background:#0c0e13;opacity:1}.home-hub>a:hover strong{color:var(--accent)}
.home-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}
.home-feature h2{font-size:44px;margin:16px 0}.home-feature-copy>p{font-size:15px}
.home-feature .video-card h3,.home-feature .video-card p{display:none}
.home-feature .video-card>.text-link{display:inline-block;margin-top:12px}
@media(max-width:900px){.photo-opening{padding:48px 28px;min-height:470px}.home-hub>a{padding:24px 16px}.home-hub strong{font-size:24px}.home-feature{gap:35px}}
@media(max-width:600px){
 .photo-opening{min-height:520px;padding:250px 22px 42px;align-items:flex-end;margin-top:18px}
 .home-hero-photo{width:100%;height:68%;object-position:center top}
 .photo-opening::before{background:linear-gradient(0deg,#000 0%,#000 23%,#000b 45%,#0000 76%)}
 .photo-opening .home-intro h1{font-size:66px;margin:14px 0 16px}
 .photo-opening .home-intro .home-intro-line{font-size:16px;max-width:none}
 .photo-opening .home-intro .kicker{font-size:9px;letter-spacing:1.4px}
 .photo-opening .actions{gap:14px;margin-top:22px;flex-wrap:wrap}
 .photo-opening .button{padding:12px 17px;font-size:12px}
 .home-photo-credit{right:15px;bottom:12px;font-size:9px;color:var(--muted)}
 .home-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-hub>a,.home-hub>a:first-child{padding:21px 16px;gap:7px}
 .home-hub>a:nth-child(2){border-right:0}.home-hub>a:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .home-hub strong{font-size:25px}.home-hub .kicker{font-size:9px;letter-spacing:1px}
 .home-hub>a>span:last-child{font-size:11px;line-height:1.6}
 .home-feature{grid-template-columns:1fr;gap:22px}.home-feature h2{font-size:34px;margin:12px 0}
 .home-feature-copy>p{margin-bottom:8px}
}

.home-hub{align-items:stretch}.home-hub>a{height:100%;justify-content:flex-start}

/* Keep the full Wiltern crowd image visible, with copy beside the performers. */
.photo-opening .home-hero-photo{width:100%;object-position:center center}
.photo-opening::before{background:linear-gradient(90deg,#000e 0%,#000b 27%,#0003 58%,#0001 100%),linear-gradient(0deg,#0009,transparent 50%)}
@media(max-width:600px){.photo-opening .home-hero-photo{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top}.photo-opening::before{background:linear-gradient(0deg,#000 0%,#000 32%,#0008 53%,transparent 80%)}.photo-opening{padding-top:210px;min-height:480px}}

.archive-announcement{border:1px solid var(--line);padding:24px;margin:0 0 32px;background:#0c0e13}.archive-announcement h3{font-size:26px;margin:12px 0}.archive-announcement p{margin-bottom:12px}

