/* Responsive adaptations. Approved wide-screen styling remains the base. */
img{max-width:100%}input,textarea,select{max-width:100%;min-width:0}.wrap,.book-copy,.catalog article,.feature,.about-grid>*,.footer-top>*{min-width:0}.button{max-width:100%;text-align:center}.button span{flex-shrink:0}.footer-top nav{flex-wrap:wrap}.contact-form{width:100%}
.hero-art-crop{width:100%;height:auto;min-width:0;aspect-ratio:932/861;top:50%;bottom:auto;transform:translateY(-50%)}
.hero-art-crop img{height:auto;aspect-ratio:1672/941;object-fit:contain}
@media(max-width:1200px){
.nav{display:grid;grid-template-columns:1fr auto;gap:12px 20px;padding:14px 5%}.nav .brand{font-size:17px}.menu{display:block;justify-self:end;margin:0;background:transparent;color:#dbe4ef;border:1px solid #344254;padding:10px 16px;min-height:44px;font-size:14px}.nav>.button{grid-column:1/-1;justify-self:start;max-width:none;min-height:44px;font-size:12px;padding:11px 17px}.links{display:none;grid-column:1/-1;order:4;margin:0;width:100%;gap:0;max-height:55svh;overflow-y:auto}.links.open{display:flex;flex-direction:column}.links a{font-size:14px;letter-spacing:.13em;min-height:44px;padding:10px 0}.section{padding-block:clamp(48px,7vw,85px)}.book-grid{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.about-grid{gap:40px}.footer-top{flex-direction:column}.footer-top nav a{display:inline-flex;align-items:center;min-height:44px}.signup form{flex-wrap:wrap}.signup input{flex-basis:240px}.signup .button{flex-grow:1}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(48px,5.4vw,68px)}.hero .wrap{padding-block:60px}.hero p{max-width:40%}.hero .button{max-width:44%;font-size:12px;gap:14px}.hero .eyebrow{max-width:none}
}
@media(max-width:1100px){
.agreement-approved{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;overflow:visible;background:#080e18}
.agreement-approved .agreement-copy{display:contents}
.agreement-approved .agreement-copy>*{order:1;margin-left:6%;margin-right:6%;max-width:700px;width:auto}
.agreement-approved .agreement-copy .eyebrow{font-size:13px;white-space:normal;margin-top:44px;margin-bottom:20px}
.agreement-approved .agreement-copy h1{font-size:clamp(40px,7vw,64px);white-space:normal;line-height:1.1;margin-bottom:18px}
.agreement-approved .agreement-subtitle{font-size:17px;margin-bottom:0}
.agreement-approved .agreement-tagline{font-size:22px;line-height:1.45;max-width:650px;margin-top:25px;margin-bottom:22px}
.agreement-approved .agreement-tagline:before{width:40px;margin-bottom:22px}
.agreement-approved .agreement-synopsis{order:5;font-size:16px;line-height:1.7;max-width:650px;margin-top:25px;margin-bottom:36px}
.agreement-approved .agreement-product{position:relative;order:2;left:auto;top:auto;bottom:auto;width:min(52%,300px);height:auto;aspect-ratio:2/3;object-fit:contain;transform:none!important;margin:10px auto 26px;box-shadow:0 12px 30px #0008}
.agreement-approved .agreement-copy .meta{order:3;font-size:14px;margin-top:0;margin-bottom:16px;text-align:center;max-width:none}
.agreement-approved .agreement-copy .button{order:4;align-self:center;justify-content:center;width:auto;font-size:13px;min-height:50px;padding:14px 22px;margin-bottom:0}
.agreement-approved .agreement-scene{position:relative;order:6;inset:auto;width:100%;aspect-ratio:1536/946;background-size:100% 108.245%;background-position:center bottom;z-index:0}
.agreement-approved .agreement-station-label{position:absolute}
}
@media(max-width:760px){
.hero{min-height:0;display:flex;flex-direction:column}.hero .wrap{padding:44px 6% 32px}.hero h1{max-width:100%;font-size:clamp(42px,11.7vw,76px)}.hero p,.hero .button{max-width:100%}.hero p.hero-description{font-size:17px}.hero .button{min-height:50px}.hero-art{position:relative;inset:auto;width:100%;aspect-ratio:932/861;flex:none;min-height:0}.hero-art-crop{top:0;transform:none;width:100%;height:auto}
.book-grid,.about-grid,.catalog{grid-template-columns:minmax(0,1fr);gap:36px}.book-grid>.cover{order:2}.book-grid>.book-copy{order:1}.catalog{gap:64px}.cover{max-width:280px}.section-top{display:block}.section-top .text-link{white-space:normal}.signup form{flex-direction:column}.signup input{flex-basis:auto;width:100%;min-height:50px}.signup .button{width:100%;font-size:12px;gap:12px}.signup h2{font-size:clamp(30px,8.5vw,45px)}.soon-block{padding:25px}.footer-bottom{flex-direction:column;gap:12px}.footer-top nav{gap:8px 20px}.portrait{padding:20px;text-align:center}.page-intro{padding-block:44px}.page-title,h2{overflow-wrap:break-word}.contact-form button{width:100%}.feature{padding:20px}.feature h3{font-size:24px}.features section.feature h2{font-size:26px}.eyebrow{font-size:12px}.meta{font-size:14px}
}
@media(max-width:440px){.features{grid-template-columns:minmax(0,1fr)}.feature{min-height:170px}.nav .brand{font-size:16px}.nav>.button{width:100%;justify-content:space-between}.catalog h2{font-size:38px}.transition p{font-size:30px}.agreement-approved .agreement-product{width:min(65%,280px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:761px){.hero-art-crop{height:100%;width:auto;min-width:100%;top:0;bottom:0;transform:none}.hero-art-crop img{width:179.399%;height:109.292%;object-fit:cover;object-position:right bottom}}
/* Books catalog: desktop/laptop viewport fit only. */
@media(min-width:761px){
.books-intro{padding-top:22px;padding-bottom:18px}
.books-intro .eyebrow{margin-bottom:8px}
.books-intro .page-title{font-size:clamp(40px,3.6vw,54px);margin-bottom:0}
.books-catalog{padding-top:24px;padding-bottom:45px;align-items:start}
.books-catalog .cover{height:clamp(210px,calc(100svh - 430px),360px);width:auto;max-width:100%;aspect-ratio:2/3;object-fit:contain;margin:0 auto 14px}
.books-catalog h2{font-size:clamp(32px,3vw,44px);margin:0 0 10px;line-height:1.1}
.books-catalog .subtitle{margin:0;line-height:1.5}
.books-catalog .quote{font-size:clamp(18px,1.5vw,21px);line-height:1.45;min-height:0;margin:12px 0 0}
.books-catalog .meta{padding-top:0;margin:24px 0 14px}
}
@media(min-width:761px) and (max-width:1200px){.books-catalog .cover{height:clamp(190px,calc(100svh - 470px),340px)}}
/* Books-only cover viewing and lower-section spacing. */
.books-catalog .cover-trigger{display:block;border:0;padding:0;margin:0;background:transparent;color:inherit;cursor:zoom-in;max-width:100%;font:inherit}
.books-catalog .cover-trigger:focus-visible{outline:2px solid #bfd6ef;outline-offset:6px}
.books-catalog{padding-bottom:clamp(90px,10vw,150px)}
.cover-lightbox{position:fixed;border:1px solid #354459;background:#080e18;color:#e9edf3;padding:52px 16px 16px;width:fit-content;max-width:94vw;max-height:94svh;overflow:auto;box-shadow:0 20px 80px #000b}
.cover-lightbox::backdrop{background:rgba(0,0,0,.88)}
.cover-lightbox img{display:block;width:auto;height:auto;max-width:calc(94vw - 36px);max-height:calc(94svh - 72px);object-fit:contain;margin:auto}
.cover-close{position:absolute;right:8px;top:4px;min-width:80px;min-height:44px;background:transparent;border:0;color:#e9edf3;cursor:pointer;font-size:16px}
@media(max-width:760px){.books-catalog .cover-trigger{width:min(100%,280px)}}
/* Additional breathing room below Books CTAs on desktop and laptop. */
@media(min-width:761px){.books-catalog{padding-bottom:clamp(180px,18vh,240px)}}
/* Dedicated Darklight hero; all other page surfaces retain their existing styles. */
.darklight-book-hero{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;min-height:calc(100svh - 90px);background:#070a10;isolation:isolate}
.darklight-hero-copy{padding:clamp(32px,4vw,72px) 5% clamp(36px,4vw,72px) 12%;min-width:0;z-index:1}
.darklight-hero-copy .eyebrow{margin-bottom:24px}
.darklight-hero-copy h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:clamp(36px,3.4vw,62px);line-height:1.07;letter-spacing:.015em;margin:0 0 24px}
.darklight-hero-copy h2{font-size:clamp(28px,2.5vw,44px);margin:0 0 25px}
.darklight-hero-description{font-size:clamp(16px,1.1vw,19px);line-height:1.65;color:#b5bfcd;max-width:490px}
.darklight-hero-description p{margin:0 0 15px}
.darklight-hero-copy .meta{margin:24px 0 16px;font-size:14px}
.darklight-hero-art{position:relative;min-width:0;align-self:center}
.darklight-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.darklight-hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070a10 0%,#070a1070 3%,transparent 8%)}
@media(max-width:1100px){.darklight-book-hero{grid-template-columns:minmax(0,1fr);min-height:0}.darklight-hero-copy{padding:44px 6% 36px;max-width:800px}.darklight-hero-copy h1{font-size:clamp(38px,6vw,58px)}.darklight-hero-copy h2{font-size:34px}.darklight-hero-description{max-width:650px;font-size:17px}.darklight-hero-art{width:100%}.darklight-hero-art:after{background:linear-gradient(180deg,#070a1066,transparent 8%)}}
@media(max-width:440px){.darklight-hero-copy h1{font-size:clamp(32px,9vw,40px)}.darklight-hero-copy h2{font-size:30px}.darklight-hero-copy .button{width:100%;min-height:50px}}
/* Targeted Darklight hero refinements. */
.universe-gateway{background:radial-gradient(ellipse at 35% 20%,#173b606b,transparent 55%),radial-gradient(ellipse at 82% 68%,#382a5b40,transparent 50%),linear-gradient(115deg,#070b13,#0d1928 48%,#070a12);padding-bottom:25px}
.universe-gateway .page-intro{padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(40px,5vw,65px);border-color:#6a91b030}
.universe-gateway .page-intro .copy{max-width:760px;color:#bac8d8;font-size:18px}
.universe-gateway .universe-categories{padding-top:48px}
.universe-gateway .universe-group>h2.eyebrow{color:#b0d9fa;letter-spacing:.2em;margin-bottom:25px}
.universe-gateway .universe-card{position:relative;isolation:isolate;padding:28px;min-height:0;height:clamp(300px,29vw,410px);overflow:hidden;border:1px solid #637e984d;background:#142336;box-shadow:0 18px 38px #0005;display:flex;justify-content:flex-end}
.universe-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.78) brightness(.8)}
.universe-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08101b08 25%,#08101b26 48%,#050a13ed 100%)}
.universe-gateway .universe-card h3{font-size:clamp(25px,2.2vw,32px);line-height:1.15;letter-spacing:.045em;margin:0;color:#edf4fc;text-shadow:0 2px 14px #000}
.universe-gateway #characters .universe-card-art{object-position:50% 44%;height:155%;top:-28%}
.universe-gateway #worlds-locations .universe-card-art{width:205%;max-width:none;object-position:left center}
.universe-gateway #organizations .universe-card-art{width:230%;height:210%;max-width:none;object-position:left top;top:-5%;left:-2%}
.universe-gateway #art-inspiration .universe-card-art{height:160%;top:-22%;object-position:center}
.universe-gateway #deleted-scenes .universe-card-art{width:245%;max-width:none;left:-115%;object-position:center}
.universe-gateway #classified-files .universe-card-art{width:265%;height:270%;max-width:none;left:-155%;top:-165%;object-position:center}
.universe-gateway a.universe-card .universe-card-art{transition:filter .25s,transform .25s}
.universe-gateway a.universe-card:hover{border-color:#9fcff0}
.universe-gateway a.universe-card:hover .universe-card-art{filter:saturate(.95) brightness(.95);transform:scale(1.025)}
.universe-gateway a.universe-card:hover:after{content:'↗';position:absolute;right:22px;top:18px;color:#c1e4ff}
@media(max-width:600px){.universe-gateway .universe-card{height:360px}.universe-gateway .page-intro .copy{font-size:16px}.universe-gateway .universe-categories{padding-top:35px}}
.universe-group+.universe-group{margin-top:54px}
.universe-group>h2.eyebrow{font-family:Inter,Arial,sans-serif;font-size:13px;letter-spacing:.16em;color:var(--blue);margin:0 0 24px}
.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.universe-card{min-width:0;cursor:default}
.universe-card:hover{border-color:#27313f}
.universe-grid a.feature{transition:background .18s,border-color .18s}
.universe-grid a.feature:hover{border-color:#8ab4db;background:#172638}
@media(max-width:1000px){.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.universe-grid{grid-template-columns:minmax(0,1fr)}}
.darklight-hero-copy h2{color:var(--blue)}
@media(min-width:1101px){.darklight-book-hero{align-content:start}}
.universe-gateway #organizations .universe-card-art{top:-48%}.universe-gateway #art-inspiration .universe-card-art{top:-32%}.universe-gateway #worlds-locations .universe-card-art{height:125%;top:-24%}
@media(min-width:1101px){
 .universe-gateway{height:auto;min-height:580px;padding-bottom:22px;display:grid;grid-template-rows:auto minmax(0,1fr)}
 .universe-gateway .page-intro{padding-top:22px;padding-bottom:18px;width:100%}
 .universe-gateway .page-intro h1{margin:0 0 10px}
 .universe-gateway .page-intro .copy{margin:0;line-height:1.6}
 .universe-gateway .universe-categories{width:100%;min-height:0;padding-top:18px;padding-bottom:0;display:grid;grid-template-rows:minmax(0,1fr);gap:20px}
 .universe-gateway .universe-group{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}
 .universe-gateway .universe-group+.universe-group{margin-top:0}
 .universe-gateway .universe-group>h2.eyebrow{margin:0 0 10px;line-height:1.5}
 .universe-gateway .universe-grid{min-height:0;height:100%}
 .universe-gateway .universe-card{height:auto;aspect-ratio:2 / 1;min-height:0;padding:20px 24px}
}
@media(min-width:1101px){.universe-gateway .universe-categories{height:100%;align-self:stretch}.universe-gateway .universe-group{height:100%;align-self:stretch}}
@media(min-width:761px){.books-catalog{min-height:calc(100svh - var(--books-leading-height,220px));align-content:start}}

/* Preserve the supplied Agreement cover proportions inside its existing layout box. */
.agreement-approved .agreement-product{object-fit:contain;transform:none!important}

/* Compact only the Universe footer; retain the shared footer design elsewhere. */
footer.universe-footer{padding-top:24px;padding-bottom:12px}
.universe-footer .footer-bottom{margin-top:14px;padding-top:12px}
@media(max-width:1100px){.universe-footer .footer-top{gap:12px}.universe-footer .footer-bottom{margin-top:12px;gap:8px}}

/* Keep the Home teaser within the identified Darklight book section. */
.home-darklight{border-top:1px solid #ffffff0a}
.home-darklight-teaser{margin:0 0 28px}
.home-darklight-teaser p{font-family:'Barlow Condensed',sans-serif;font-size:clamp(26px,2.3vw,32px);line-height:1.4;letter-spacing:.045em;margin:0}
.home-darklight-teaser p:last-child{color:#8992a4}

/* Retain the existing author composition with a responsive photographic portrait. */
.home-author{padding-top:clamp(48px,6vw,80px)}
.home-author img.portrait{display:block;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:50% 40%;padding:0}