/* Paper Sunrise gallery entrance. Uses the shared lettering, bird and licensed coast still. */
@font-face{font-family:Cormorant;src:url('/media/fonts/cormorant-medium-italic.woff2') format('woff2');font-style:italic;font-weight:500;font-display:swap}
body[data-kind="home"]{background:#10232e;color:#f3f4eb}
body[data-kind="home"] header{position:relative;padding:30px 5vw 18px;min-height:96px}
body[data-kind="home"] .page-bird{display:none}
body[data-kind="home"] .paper-sunrise-mark{animation:home-bird-arrive .85s cubic-bezier(.16,1,.3,1) both}
body[data-kind="home"] .paper-sunrise-mark .signature-glint{animation-duration:.85s;animation-delay:0s;animation-iteration-count:1}
.home-gallery{max-width:1600px;margin:auto;padding:0 5vw}
.home-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:30px 0 32px;gap:30px}
.home-heading h1{font-size:clamp(2.7rem,4.8vw,5.1rem);margin:0;line-height:.98;font-weight:500;letter-spacing:-.035em}
.home-gallery em{font-family:Cormorant,Georgia,serif;font-weight:500;letter-spacing:-.025em}
.home-heading p{font-size:15px;line-height:1.65;color:#c6d1d4;margin:0 0 2px;max-width:25ch}
.home-art{display:block;position:relative;aspect-ratio:2.65;overflow:hidden;background:#142632;isolation:isolate}
.home-art picture,.home-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.home-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071820d9);pointer-events:none}
.home-art img{transition:transform .8s cubic-bezier(.16,1,.3,1)}
.home-art:hover img{transform:scale(1.015)}
.home-art-caption{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:550}
.home-art-caption small{display:block;font-weight:400;font-size:13px;margin-top:7px;color:#e9d6b2}
.home-gallery svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none;vertical-align:middle}
.home-art-caption>svg{width:42px;height:42px;padding:9px;border:1px solid #e9d6b2;border-radius:50%;color:#e9d6b2;transition:background .2s,color .2s}
.home-art:hover .home-art-caption>svg{background:#e9d6b2;color:#10232e}
.world-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0 0;gap:26px;scroll-margin-top:24px}
.world-index a{border-top:1px solid #53636b;padding:15px 0 17px;display:flex;flex-direction:column;min-height:129px;transition:border-color .2s}
.world-index a:hover{border-color:var(--world-ink)}
.world-index a>span{font-size:12px;line-height:1.5;color:#c6d1d4;margin-bottom:7px}
.world-index strong{font-weight:500;font-size:clamp(17px,1.6vw,23px);line-height:1.2;max-width:20ch}
.world-index small{margin-top:auto;padding-top:12px;font-size:12px;color:var(--world-ink);display:flex;align-items:center;gap:9px}
.world-index small svg{width:17px;height:17px}
.home-letter{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:100px 0 110px;padding-top:50px;border-top:1px solid #53636b}
.home-letter h2,.home-songbook>h2{font-size:clamp(2.3rem,4.3vw,4rem);line-height:1.03;margin:0}
.home-letter p{max-width:56ch;color:#d1dbdd;font-size:18px;line-height:1.7}
.home-text-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;padding:10px 0;border-bottom:1px solid #8b9a9f;color:#f3f4eb}
.home-text-link:hover{color:#e8bc78;border-color:#e8bc78}
.home-songbook{padding-bottom:70px}
.home-songbook>h2{margin-bottom:45px}
.home-songbook article{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:30px 0 35px;border-top:1px solid #53636b}
.home-songbook h3{font-size:clamp(23px,2.8vw,35px);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0;max-width:23ch}
.home-songbook h3 svg{margin-left:8px}
.home-songbook p{max-width:57ch;color:#c6d1d4;font-size:16px;margin-bottom:15px}
.home-songbook .songbook-theme{font-size:18px;color:#f3f4eb;line-height:1.4}
body[data-kind="home"] footer{border-top:1px solid #53636b}
body[data-kind="home"] footer .artist-socials{grid-column:2;grid-row:3;flex-wrap:wrap}
@keyframes home-bird-arrive{0%{filter:brightness(1);transform:translateY(3px)}45%{filter:brightness(1.65)}100%{filter:brightness(1);transform:translateY(0)}}
@media(max-width:760px){
 body[data-kind="home"] header{padding:25px 6vw 15px;min-height:80px}
 body[data-kind="home"] header nav{gap:22px;font-size:13px}
 .home-gallery{padding:0 6vw}
 .home-heading{padding:22px 0 24px;display:block}
 .home-heading h1{font-size:clamp(34px,9.5vw,52px);line-height:1.04}
 .home-heading p{font-size:13px;margin-top:15px;max-width:none}
 .home-heading p br{display:none}
 .home-art{aspect-ratio:1.55}
 .home-art picture,.home-art img{object-position:50% 39%}
 .home-art-caption{left:16px;right:16px;bottom:15px;font-size:16px;gap:10px}
 .home-art-caption small{font-size:12px;margin-top:5px}
 .home-art-caption>svg{width:34px;height:34px;padding:7px}
 .world-index{grid-template-columns:1fr 1fr;gap:0 20px;padding-top:20px}
 .world-index a{min-height:125px;padding:11px 0 15px}
 .world-index a>span{font-size:11px}
 .world-index strong{font-size:17px}
 .world-index small{font-size:11px;padding-top:10px}
 .home-letter{grid-template-columns:1fr;gap:27px;margin:55px 0 65px;padding-top:35px}
 .home-letter p{font-size:16px}
 .home-songbook>h2{margin-bottom:28px}
 .home-songbook article{grid-template-columns:1fr;gap:18px;padding:25px 0 30px}
 .home-songbook h3{font-size:27px;max-width:none}
 .home-songbook p{font-size:15px}
 .home-songbook .songbook-theme{font-size:17px}
}
@media(prefers-reduced-motion:reduce){body[data-kind="home"] .paper-sunrise-mark{animation:none!important}.home-art img{transition:none}.home-art:hover img{transform:none}}

/* ===== Award pass main page (9 Nov 2026, STORYBOARD_AWARD_PASS_20261109.md) ===== */
body[data-kind="home"] header{position:absolute;left:0;right:0;top:0;z-index:6;background:linear-gradient(#071219b3,transparent)}
.home-gallery{max-width:none;padding:0}
.home-hero{position:relative;height:100svh;min-height:560px;max-height:1100px;overflow:hidden;background:#0b1820;isolation:isolate}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;transition:opacity 1.5s ease}
.hero-slide.active{opacity:1;z-index:1}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform-origin:62% 55%;will-change:transform}
.hero-slide.active img{animation:hero-push 8.5s cubic-bezier(.25,.1,.25,1) forwards}
@keyframes hero-push{from{transform:scale(1)}to{transform:scale(1.04)}}
.hero-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#06121ad9 0%,#06121a80 34%,transparent 62%),linear-gradient(0deg,#06121acc 0%,transparent 38%)}
.hero-copy{position:absolute;z-index:3;left:5vw;bottom:clamp(40px,9vh,110px);max-width:min(620px,88vw)}
.hero-copy h1{font-size:clamp(3.1rem,8vw,7.4rem);line-height:.9;letter-spacing:-.045em;font-weight:560;margin:0 0 18px;text-shadow:0 2px 30px #0008}
.hero-line{font-size:clamp(1.02rem,1.6vw,1.3rem);line-height:1.45;color:#e6ecea;margin:0 0 26px;max-width:32ch}
.hero-line em{display:block;font-size:1.25em;color:#f0d9ad}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.hero-enter,.hero-spotify{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-weight:600;font-size:16px;text-decoration:none;border-radius:999px;transition:background .2s,color .2s,transform .2s}
.hero-enter{background:#f3f4eb;color:#10232e}
.hero-enter:hover{transform:translateY(-1px);background:#fff}
.hero-spotify{border:1px solid #e9d6b2;color:#f3e2bf;background:#0b182066;backdrop-filter:blur(6px)}
.hero-spotify:hover{background:#e9d6b2;color:#10232e}
.hero-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.hero-markers{display:flex;gap:8px;flex-wrap:wrap}
.hero-markers button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:7px;width:clamp(64px,9vw,130px);font-size:11.5px;color:#c9d4d6;letter-spacing:.01em}
.hero-markers button:before{content:'';height:2px;background:#ffffff40;border-radius:2px}
.hero-markers button[aria-pressed="true"]{color:#fff}
.hero-markers button[aria-pressed="true"]:before{background:#f0d9ad}
.hero-markers button:focus-visible{outline:2px solid #f0d9ad;outline-offset:4px}
.hero-markers span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-worlds{padding:90px 5vw 30px;max-width:1600px;margin:auto}
.home-worlds h2{font-size:clamp(2.4rem,4.2vw,4.4rem);line-height:.98;letter-spacing:-.035em;font-weight:500;margin:0 0 36px}
.world-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.world-card{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.card-art{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:6px;background:#142632}
.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.world-card:hover .card-art img,.world-card:focus-visible .card-art img{transform:scale(1.045)}
.card-text{display:flex;flex-direction:column;gap:5px;padding:14px 2px 0}
.card-text small{font-size:13px;color:#b5c5ce}
.card-text strong{font-size:21px;font-weight:560;letter-spacing:-.015em}
.card-status{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--world-ink,#e8bc78)}
.card-status svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.home-letter,.home-songbook{max-width:1600px;margin-left:auto;margin-right:auto;padding-left:5vw;padding-right:5vw}
@media(max-width:760px){
 .home-hero{height:100svh;min-height:520px}
 .hero-slide img{object-position:50% 40%}
 .hero-shade{background:linear-gradient(0deg,#06121af2 0%,#06121ab3 38%,transparent 66%)}
 .hero-copy{left:16px;right:16px;bottom:26px}
 .hero-copy h1{font-size:clamp(2.9rem,14vw,4rem);margin-bottom:12px}
 .hero-line{margin-bottom:18px}
 .hero-actions{gap:10px;margin-bottom:18px}
 .hero-enter,.hero-spotify{min-height:48px;padding:0 18px;font-size:15px}
 .hero-markers{flex-wrap:nowrap;gap:6px}
 .hero-markers button{flex:1 1 0;min-width:0;width:auto;font-size:10.5px}
 .home-worlds{padding:64px 0 20px}
 .home-worlds h2{padding:0 16px}
 .world-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 16px 8px;scrollbar-width:none}
 .world-cards::-webkit-scrollbar{display:none}
 .world-card{flex:0 0 74vw;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide.active img{animation:none}.card-art img{transition:none}}