/* Collection layout: Starface's yellow rail, tight black seams and attached color tiles. */
body{max-width:none;margin:0;padding-left:110px;background:#000}
.brand-rail{position:fixed;inset:0 auto 0 0;width:110px;height:100dvh;background:#fdff00;color:#000;padding:0;z-index:30;display:block}
.rail-brand{position:absolute;left:50%;top:50%;width:280px;transform:translate(-50%,-50%) rotate(-90deg)}
.rail-brand img{width:100%;height:auto}
.brand-rail .author{position:absolute;bottom:25px;left:0;width:100%;text-align:center;font:17px Mono,monospace}
.rail-nav summary{padding:27px 35px;border:0;letter-spacing:0;height:80px;display:grid;place-items:center}
.menu-lines{display:block;width:30px;height:20px;border-top:3px solid;border-bottom:3px solid;position:relative}
.menu-lines:after{content:'';position:absolute;left:0;right:0;top:6px;border-top:3px solid}
.rail-nav nav{position:absolute;left:113px;top:3px;width:260px;border:3px solid #000;border-radius:26px;background:#fdff00;padding:24px;display:flex;flex-direction:column;gap:20px;font-size:22px}
.rail-nav:not([open]) nav{display:none}
main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px}
main>section{min-width:0;margin:0;border-radius:26px;overflow:hidden}
.section{padding:28px}
.hero{grid-column:span 2;min-height:660px;padding:30px 30px 0}
.hero .wordmark{width:210px}.hero-copy{width:100%;padding:36px 0 290px}.hero h1{font-size:clamp(75px,8.5vw,132px);letter-spacing:-.06em}.hero-copy p{font-size:19px;margin-top:22px}.round-link{display:none}
.hero-stage{width:78%;height:calc(68% - 72px);top:auto;bottom:72px;right:-4%;align-items:flex-end;pointer-events:none}.hero-stage>img{transform:none}.hero-stage .giant-star{top:-12%}.door-note{top:14%;right:9%;font-size:12px;padding:12px}.hero-bottom{position:absolute;left:30px;right:30px;bottom:0;min-height:54px;align-items:center;font-size:10px;padding:16px 0;border-top:0;background:var(--yellow)}.hero-bottom span:last-child{display:none}
.idea{grid-column:span 1;background:#ffaae8;color:#000;display:flex;flex-direction:column;gap:28px;padding:30px 25px}
.idea h2,.section h2,.moving h2{font-family:Round,Arial,sans-serif;font-size:46px;line-height:1.02;letter-spacing:-.04em}
.idea .face{filter:none;width:65px;margin-top:25px}.idea-copy{padding:0}.idea-copy .lead{font-size:25px}.idea-copy>p:not(.lead){font-size:15px;line-height:1.45;margin-bottom:20px}.text-link{margin-top:24px;font-size:18px}
.roommates{grid-column:1/-1;order:1;background:#000;border-radius:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.roommate-intro{margin:0;padding:28px 25px;background:#fdff00;border-radius:26px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:28px}
.roommate-intro h2{font-size:46px}.roommate-intro p{font-size:16px;margin:0;max-width:none}
.room-loop{grid-column:span 2;border:0;border-radius:26px;background:#ddcffc;display:grid;align-items:center}.room-loop>img{padding:0;aspect-ratio:3/2}
.room-loop>button{font-size:12px;padding:11px 16px;right:18px;bottom:18px}
.room-picker{margin:0;border-radius:26px;background:#ffaae8;padding:28px 25px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.room-picker button{justify-content:space-between;border-radius:50px;padding:19px 23px;font-size:24px}
.room-profile{grid-column:span 2;border:0;border-radius:26px;grid-template-columns:1fr 1fr}
.room-bio{padding:27px 25px}.room-bio h3{font-family:Round,Arial,sans-serif;font-size:36px;margin-bottom:22px}.room-quote{font-size:23px}.room-bio>p:not(.room-quote){font-size:14px}.room-bio dl{margin:20px 0}.room-bio dl div{padding:12px 0}.room-bio dd{font-size:13px}.room-bio .button{width:100%;font-size:15px;padding:15px 12px}
.roommates>.concept-note{grid-column:1/-1;margin:0;max-width:none;background:#fdff00;border-radius:26px;padding:20px 25px;font-size:12px}
.cast{grid-column:1/-1;order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#000;border-radius:0;padding:0}
.cast-heading{background:#fdff00;border-radius:26px;padding:28px 25px}.cast-heading h2{font-size:46px}.cast-intro{font-size:16px;line-height:1.5;margin:28px 0 0}
.cast-grid{display:contents}.cast-grid article{border:0;border-radius:26px;background:#ffaae8;padding:0 25px 30px;display:flex;gap:0}
.cast-grid article:nth-child(2n){background:#96b4ff}.cast-grid article:nth-child(3n){background:#fdff00}
.cast-portrait{width:calc(100% + 50px);aspect-ratio:1;object-fit:contain;margin:0 -25px 25px;border-radius:24px 24px 0 0}
.cast-grid h3{font-size:28px;line-height:30px;letter-spacing:-.025em;margin-bottom:15px}.cast-grid p{font-size:15px;margin-bottom:22px}.cast-grid q{font-size:23px;margin-top:auto}
.cast>.concept-note{grid-column:1/-1;margin:0;padding:18px 25px;max-width:none;background:#ffaae8;border-radius:26px}
.range-details{grid-column:1/-1;background:#fdff00;border:0;border-radius:26px;margin:0;padding:0 25px}.range-details summary{font-size:28px;padding:25px 0}.range-details[open]{padding-bottom:20px}
.subscription{grid-column:span 1;order:3;background:#96b4ff;color:#000;display:flex;flex-direction:column;gap:35px;padding:28px 25px}.subscription h2{color:#000}.subscription>div>p{font-size:16px;margin-top:20px}.subscription-offer .offer-lead{font-size:35px}.subscription-offer>p:not(.offer-lead){font-size:15px}.subscription .button{background:#fff;width:100%;font-size:17px}
.moving{grid-column:span 2;order:3;padding:28px 25px;background:#ffaae8}.moving-heading{display:block;margin-bottom:28px}.moving-heading p{margin-top:20px;font-size:15px}.executions{gap:3px}.social{border:0;border-radius:24px;padding:22px;aspect-ratio:auto}.poster-pink{transform:none}.social h3{font-size:36px}.social .post-art{height:250px;flex:none}.social .compact-stage{height:250px;flex:none}.post-top img{width:115px}.social p,.post-foot{font-size:13px}.execution-captions{gap:20px;font-size:13px}
.email-section{grid-column:1/-1;order:4;background:#fdff00;color:#000;grid-template-columns:1fr 1.2fr;gap:35px;padding:28px}.email-story{top:28px}.email-story>p:not(.lead){font-size:16px}.envelope{background:#ffaae8;color:#000;border:0;border-radius:26px;padding:25px}.email-preview{border:0;border-radius:26px;background:#000;color:white}.email-story .button{background:#fff}
.series{grid-column:span 2;order:5;background:#ffaae8;padding:28px 25px}.series-intro{font-size:16px}.episode-content{gap:25px}.episode-content h3{font-size:28px}.episode-content p{font-size:15px}.episode-list{margin-top:30px}.episode-list summary{font-size:28px}
.strategy{grid-column:span 1;order:5;background:#96b4ff;color:#000;padding:28px 25px}.strategy-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.strategy-grid h3{color:#000;font-size:27px;margin-bottom:12px}.strategy-grid p{color:#000;font-size:15px}
.contact{grid-column:1/-1;order:6;padding:45px 25px;border-radius:26px}.contact h2{font-size:76px}.contact>img{width:75px;margin-bottom:25px}.footer{padding:28px 25px}.button{border-radius:0}
@media(max-width:1100px) and (min-width:801px){.hero{min-height:620px}.hero h1{font-size:80px}.idea h2,.section h2,.moving h2{font-size:38px}.room-profile{grid-template-columns:1fr}.room-portrait img{max-height:440px;object-fit:contain}.room-bio{padding:25px}.cast-grid h3{font-size:26px}.social h3{font-size:29px}.social .post-art,.social .compact-stage{height:190px}.available-stamp{display:none}}
@media(max-width:800px){body{padding-left:0;padding-top:84px}.brand-rail{inset:0 0 auto;width:100%;height:84px;display:flex;align-items:center;justify-content:center}.rail-brand{position:static;width:min(52vw,240px);transform:none}.rail-nav{position:absolute;left:0;top:0}.rail-nav summary{height:84px;padding:27px 20px;width:70px}.rail-nav nav{left:3px;top:87px;width:min(300px,calc(100vw - 6px))}.brand-rail .author{left:auto;right:15px;bottom:30px;width:auto;font-size:15px}.brand-rail nav a{display:block!important}html{scroll-padding-top:90px}main{grid-template-columns:1fr;padding:3px;gap:3px}main>section{grid-column:1/-1!important;border-radius:26px}.hero{min-height:0;padding:28px 25px 0}.hero .wordmark{display:none}.hero-copy{padding:12px 0 0}.hero h1{font-size:clamp(82px,18vw,130px)}.hero-stage{position:relative;top:auto;right:auto;bottom:auto;width:115%;height:auto;margin:0 -7.5%;min-height:280px}.hero-stage .giant-star{top:-10%}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:16px;min-height:0;padding:16px 0 24px}.hero-copy p{font-size:18px}.door-note{font-size:12px;top:8%;right:9%}.idea{padding:30px 25px;gap:25px}.idea h2,.section h2,.moving h2{font-size:42px}.idea .face{display:none}.roommates{grid-template-columns:1fr;border-radius:0}.roommates>*{grid-column:1/-1!important}.roommate-intro{padding:28px 25px;gap:22px}.room-loop{min-height:0}.room-picker{flex-direction:row;gap:7px;flex-wrap:wrap;padding:20px 16px}.room-picker button{padding:13px 14px;font-size:17px;gap:9px}.room-profile{grid-template-columns:1fr}.room-portrait img{max-height:none}.room-bio{padding:28px 25px}.room-bio h3{font-size:36px}.room-bio>p:not(.room-quote){font-size:15px}.cast{grid-template-columns:1fr;border-radius:0}.cast-heading{padding:28px 25px}.cast-heading h2{font-size:42px}.cast-grid article{padding:0 25px 35px;border-radius:26px}.cast-portrait{width:calc(100% + 50px);margin:0 -25px 25px}.cast-grid h3{font-size:28px}.cast-grid p{font-size:15px}.cast-grid q{font-size:23px}.range-details summary{font-size:24px}.subscription,.moving,.series,.strategy{padding:28px 25px}.executions{grid-template-columns:1fr}.social{padding:25px}.social h3{font-size:42px}.social .post-art,.social .compact-stage{height:280px}.execution-captions{display:none}.email-section{grid-template-columns:1fr;gap:30px;padding:28px 18px}.email-story{padding:0 7px}.email-preview{max-width:600px}.email-story>p:not(.lead){font-size:16px}.episode-content{grid-template-columns:1fr;gap:25px}.contact h2{font-size:66px}.contact p{font-size:16px}.footer{padding:25px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the six-character set aligned in complete rows. */
.cast-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.cast-heading .cast-intro{margin:0;max-width:600px}
@media(max-width:800px){.cast-heading{grid-template-columns:1fr;gap:24px}}
main>section[class]{margin:0;border-radius:26px}
main>section.roommates,main>section.cast{border-radius:0}

/* Product selector uses the compact color, not the photography backdrop. */
.room-dot.blue{background:#49d6f4}
.room-dot.pink{background:#feb1e9}
.room-profile[data-theme=blue]{background:#bceaf2}
