:root{--ink:#0a0f14;--panel:#0f1419;--text:#dee3ea;--muted:#ddc1b3;--peach:#ffb68d;--gold:#e9c349;--line:rgba(233,195,73,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:ABeeZee,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:134px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(5vw,40px);position:relative;z-index:10}.brand{width:130px;height:130px;display:grid;place-items:center}.brand img{width:110px;height:110px;object-fit:contain}.nav{margin-left:auto;height:81px;padding:0 16px 0 60px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:.7px}.nav .active{color:var(--peach);font-family:"Libre Caslon Text",serif;font-size:16px}.profile{width:32px;height:32px;border-radius:12px;background:var(--peach);color:#532200;display:grid;place-items:center}.menu-toggle{display:none}.section-shell,.content-shell{width:min(1280px,calc(100% - 64px));margin:auto}.hero{min-height:570px;padding:54px 40px 56px;text-align:center;display:grid;justify-items:center}.eyebrow{color:var(--gold);font-size:14px;letter-spacing:1.4px}.hero-title{width:100%;height:335px;position:relative}.hero-title img{position:absolute;width:440px;height:300px;object-fit:contain;left:50%;top:0;transform:translateX(-50%)}h1{position:absolute;right:6%;top:8px;margin:0;font-size:36px;font-weight:400;letter-spacing:-1.2px}.hero>p{max-width:680px;margin:0 0 28px;color:rgba(222,227,234,.9);font-size:18px}.actions{display:flex;gap:24px}.button{padding:15px 31px;border:1px solid transparent;font-size:14px;letter-spacing:.7px;display:inline-block}.primary{background:var(--peach);color:#532200}.secondary{border-color:var(--gold);color:var(--gold)}.small{padding:10px 20px}.gold{background:var(--gold);color:#3c2f00}.content-shell{background:var(--panel)}.section-pad{padding:96px 80px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}h2{font-size:42px;line-height:1.18;font-weight:400;letter-spacing:-.5px;margin:0 0 24px}.peach{color:var(--peach);font-size:32px}.intro{background:linear-gradient(150deg,rgba(37,42,48,.3),transparent 60%)}.intro p,.origin p,.archive p{color:var(--muted);font-family:"Libre Caslon Text",serif}.framed-image{margin:0;padding:8px;border-bottom:1px solid var(--line);background:rgba(15,20,25,.6);border-radius:8px;overflow:hidden}.framed-image img{width:100%;height:500px;object-fit:cover}.text-link,.character-grid a{display:inline-block;margin-top:18px;color:var(--gold);font-size:14px}.characters{background:var(--ink)}.section-heading{max-width:800px;margin:0 auto 62px;text-align:center}.section-heading p{color:var(--muted);font-size:18px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.character-grid article{min-height:250px;padding:25px;background:rgba(15,20,25,.62);border:1px solid var(--line);border-radius:8px}.character-grid h3{font-size:16px;font-weight:400}.character-grid p{font-family:"Libre Caslon Text",serif;color:var(--muted)}.card-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--peach)}.origin{background:linear-gradient(110deg,#12191f,#11171c)}.book-bars{height:320px;display:flex;gap:16px;align-items:flex-end;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(233,195,73,.13),transparent 65%)}.book-bars i{width:35px;background:#42505c}.book-bars i:nth-child(1){height:90px;background:var(--gold)}.book-bars i:nth-child(2){height:150px;background:#b59945}.book-bars i:nth-child(3){height:210px}.book-bars i:nth-child(4){height:260px;background:#706d69}.book-bars i:nth-child(5){height:300px;background:#8d6e43}.world{background:var(--ink)}.world-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;grid-template-rows:240px 240px;gap:16px}.world-grid article{position:relative;overflow:hidden;border:1px solid var(--line)}.world-grid img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.world-grid article>div{position:absolute;inset:auto 18px 18px}.world-grid h3{margin:0;font-size:18px;font-weight:400}.world-grid p{margin:4px 0 0;font-size:12px;color:var(--muted)}.world-feature{grid-column:2;grid-row:1/3}.world-grid article:nth-child(4){grid-column:3;grid-row:1}.world-grid article:nth-child(5){grid-column:3;grid-row:2}.trailer{background:#12191f}.trailer .section-heading h2{color:var(--peach)}.video-frame{max-width:970px;margin:auto;position:relative;border-radius:8px;overflow:hidden}.video-frame img{width:100%;aspect-ratio:16/7.5;object-fit:cover}.video-frame button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid var(--peach);background:rgba(255,182,141,.9);color:#532200;border-radius:6px;font-size:20px}.archive{background:linear-gradient(120deg,#151b21,#0e1419)}.tracker{padding:25px;border:1px solid rgba(233,195,73,.2);border-radius:8px;background:rgba(15,20,25,.65)}.tracker-head{display:flex;justify-content:space-between;color:var(--gold);padding-bottom:18px;border-bottom:1px solid #302a25;letter-spacing:1.4px}.tracker code{color:var(--muted)}.track{display:grid;grid-template-columns:1fr 115px;align-items:center;gap:16px;margin-top:25px;font:12px "Roboto Mono",monospace}.track:before{content:"";grid-column:1;grid-row:1;height:8px;background:#252a30;border-radius:8px}.track i{grid-column:1;grid-row:1;height:8px;background:var(--peach);border-radius:8px;z-index:1}.track span{grid-column:2}.gold-track i{background:var(--gold)}.blue-track i{background:#b7c7e4}.tracker-foot{display:flex;gap:8px;margin-top:90px;padding-top:18px;border-top:1px solid #302a25}.tracker-foot i{height:4px;flex:1;border-radius:8px;background:rgba(255,182,141,.4)}.faq{background:var(--ink);max-width:900px;margin:auto}.faq>h2{text-align:center;font-size:32px;margin-bottom:48px}.faq article{padding:24px;margin-bottom:24px;border:1px solid var(--line);background:rgba(15,20,25,.6);border-radius:4px}.faq h3{color:var(--gold);font-size:23px;font-weight:400;margin:0 0 10px}.faq p{margin:0;color:var(--muted);font-family:"Libre Caslon Text",serif}.site-footer{max-width:1280px;margin:auto;padding:110px 80px 60px;border-top:1px solid #201e1c}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-grid img{width:90px;height:90px;object-fit:contain}.footer-grid p{max-width:330px;color:var(--muted);font-family:"Libre Caslon Text",serif}.footer-grid h3{color:var(--gold);font-size:24px;font-weight:400}.footer-grid a{display:block;margin:10px 0;color:var(--muted);font-family:"Libre Caslon Text",serif}.copyright{text-align:center;margin-top:60px;padding-top:30px;border-top:1px solid #201e1c;font-size:12px;color:var(--muted)}
/* Exact ten-books section from Figma node 15:501. */
.origin{position:relative;padding:0 0 120px;background:transparent;overflow:hidden}.origin:before{content:"";position:absolute;inset:-152px 0 0;background:#0f1419;opacity:.5}.books-glow{position:absolute;left:50%;top:0;width:50%;height:100%;object-fit:cover;opacity:.2}.origin-inner{position:relative;height:433px;padding:0 80px;display:flex;align-items:center;justify-content:space-between}.origin-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:607px}.origin h2{font-size:48px;line-height:56px;letter-spacing:-.48px;margin:0}.origin p{width:607px;margin:0;padding-bottom:8px;font-family:ABeeZee,Arial,sans-serif;font-size:18px;line-height:28px;color:var(--muted)}.journey-button{min-height:48px;padding:13px 25px;gap:8px}.journey-button img{width:12px;height:12px}.book-bars{height:256px;display:flex;gap:16px;align-items:flex-end;justify-content:flex-start;flex-shrink:0;border-radius:0;background:none}.book-bars i{width:32px;border-radius:2px 2px 0 0}.book-bars i:nth-child(1){height:128px;background:rgba(255,182,141,.2);border-top:1px solid rgba(255,182,141,.5);border-right:1px solid rgba(255,182,141,.5)}.book-bars i:nth-child(2){height:160px;background:rgba(233,195,73,.2);border-top:1px solid rgba(233,195,73,.5);border-right:1px solid rgba(233,195,73,.5)}.book-bars i:nth-child(3){height:192px;background:rgba(155,171,199,.2);border-top:1px solid rgba(155,171,199,.5);border-right:1px solid rgba(155,171,199,.5)}.book-bars i:nth-child(4){height:256px;background:linear-gradient(to top,rgba(255,182,141,.6),rgba(255,182,141,.4));border-top:1px solid var(--peach);border-right:1px solid var(--peach);box-shadow:0 0 15px rgba(255,182,141,.2)}.book-bars i:nth-child(5){height:224px;background:#252a30;border-top:1px solid #564338;border-right:1px solid #564338}.book-bars i:nth-child(6){height:128px;background:#252a30;border-top:1px solid #564338;border-right:1px solid #564338}
/* Desktop measurements mapped directly from Figma node 15:692. */
@media(min-width:901px){
 .site-header{width:min(1440px,100%);height:157px;margin:auto;padding:0;position:relative}
 .brand{position:absolute;left:71px;top:6px;width:129px;height:129px}.brand img{width:129px;height:129px}
 .nav{position:absolute;left:calc(41.667% + 17px);right:0;top:53px;width:auto;height:81px;margin:0;padding:0 80px;justify-content:space-between;background:rgba(15,20,25,.6)}
 .profile img{width:12px;height:12px}.section-shell{width:1280px}
 .hero{height:495px;min-height:495px;padding:0;position:relative;display:block;text-align:left}
 .hero .eyebrow{position:absolute;left:39px;top:29px}.hero-title{position:static;height:auto}
 .hero-title img{left:345px;top:94px;width:591px;height:333px;transform:none}.hero-video{position:absolute;left:345px;top:94px;width:591px;height:333px;object-fit:cover;border-radius:8px;box-shadow:0 16px 44px rgba(0,0,0,.42)}
 .hero-title h1{right:29px;top:45px;font-size:36px;line-height:49px;text-align:center}
 .hero>p{position:absolute;left:9px;bottom:-61px;width:672px;max-width:672px;margin:0;text-align:center;line-height:28px;z-index:2}
 .hero .actions{position:absolute;left:777px;bottom:-54px;z-index:3}
 .button{min-height:52px;display:inline-flex;align-items:center;justify-content:center}
 .content-shell{width:1280px}.intro{padding-top:128px}
 .characters .section-heading h2{font-size:48px;line-height:56px}
 .characters{position:relative;padding:48px 80px 24px}.characters:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(233,195,73,.3),transparent)}
 .characters .section-heading{width:768px;max-width:768px;margin:0 auto 64px;padding-top:0;display:flex;flex-direction:column;gap:24px}
 .characters .section-heading h2,.characters .section-heading p{margin:0}.characters .section-heading p{font-size:18px;line-height:28px}
 .character-grid{gap:32px}.character-grid article{min-height:326px;padding:33px;display:flex;flex-direction:column;align-items:flex-start;border-color:rgba(233,195,73,.2)}
 .character-grid h3{font-size:24px;line-height:32px;margin:0 0 16px}.character-grid p{font-family:ABeeZee,Arial,sans-serif;font-size:16px;line-height:24px;margin:0 0 32px;color:var(--muted)}
 .card-icon{width:64px;height:64px;margin-bottom:24px;border-radius:12px}.card-icon img{width:auto;height:auto;max-width:30px;max-height:30px}
 .character-grid article:nth-child(1) .card-icon{background:rgba(255,182,141,.1);border-color:rgba(255,182,141,.3)}
 .character-grid article:nth-child(2) .card-icon{background:rgba(233,195,73,.1);border-color:rgba(233,195,73,.3)}
 .character-grid article:nth-child(3) .card-icon{background:rgba(155,171,199,.1);border-color:rgba(155,171,199,.3)}
 .character-grid a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:14px;line-height:20px;letter-spacing:.7px}.character-grid a img{width:11px;height:8px}
 .world-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:220px 360px}
 .world-grid article:nth-child(1){grid-column:1;grid-row:1}.world-grid article:nth-child(2){grid-column:2;grid-row:1}
 .world-grid .world-feature{grid-column:1/3;grid-row:2}.world-grid article:nth-child(4){grid-column:3;grid-row:1}.world-grid article:nth-child(5){grid-column:3;grid-row:2}
 .video-frame button img{width:16px;height:16px}.site-footer{padding-top:121px;padding-bottom:120px}.footer-grid img{width:64px;height:64px}
}
@media(max-width:900px){.site-header{height:92px;padding:0 22px}.brand,.brand img{width:80px;height:80px}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:var(--gold);padding:8px 11px}.nav{display:none;position:absolute;top:92px;left:0;right:0;height:auto;margin:0;padding:24px;background:var(--panel);flex-direction:column}.nav.open{display:flex}.section-shell,.content-shell{width:100%}.hero{padding:40px 22px;min-height:640px}.hero-title{height:330px}.hero-title img{width:100%;max-width:420px}.hero-title h1{top:285px;right:auto;left:0;width:100%;font-size:29px}.actions{flex-direction:column;gap:12px;width:100%}.section-pad{padding:72px 24px}.split{grid-template-columns:1fr;gap:40px}.framed-image img{height:340px}.character-grid{grid-template-columns:1fr}.world-grid{grid-template-columns:1fr;grid-template-rows:none}.world-grid article,.world-grid .world-feature,.world-grid article:nth-child(4),.world-grid article:nth-child(5){grid-column:auto;grid-row:auto;height:260px}.footer-grid{grid-template-columns:1fr}.site-footer{padding:70px 24px}h2{font-size:34px}}
@media(max-width:900px){.origin{padding-bottom:72px}.origin-inner{height:auto;padding:72px 24px;display:grid;gap:56px}.origin-copy,.origin p{width:100%;max-width:100%}.origin h2{font-size:34px;line-height:42px}.origin p{font-size:16px;line-height:25px}.books-glow{left:0;width:100%;opacity:.12}.book-bars{justify-self:center;transform:scale(.78);transform-origin:center bottom}}
/* Exact world-card mosaic from Figma node 15:525. */
@media(min-width:901px){.world{padding:12px 80px 64px;background:var(--panel)}.world .section-heading{max-width:none;margin:0 0 48px}.world .section-heading h2{margin:0;font-size:48px;line-height:56px;letter-spacing:-.48px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:300px 300px 300px;gap:24px}.world-grid article{padding:25px;border:1px solid rgba(233,195,73,.2);border-radius:8px;background:rgba(15,20,25,.6);display:flex;align-items:flex-end;overflow:hidden}.world-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0f1419 0,rgba(15,20,25,.6) 50%,transparent 100%);z-index:1}.world-grid article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.3}.world-grid article>div{position:relative;inset:auto;z-index:2;width:100%;display:flex;flex-direction:column;gap:8px}.world-grid h3{font-size:32px;line-height:40px;margin:0}.world-grid p{font-size:16px;line-height:24px;margin:0;color:var(--muted)}.world-grid article:nth-child(1){grid-column:1;grid-row:1}.world-grid article:nth-child(2){grid-column:2;grid-row:1}.world-grid .world-feature{grid-column:1/3;grid-row:2/4;border-color:rgba(255,182,141,.4)}.world-grid .world-feature>img{filter:none;opacity:1}.world-grid .world-feature:after{background:linear-gradient(to top,#0f1419 0,rgba(15,20,25,.4) 50%,transparent 100%)}.world-grid .world-feature>div{padding:17px;background:rgba(15,20,25,.55);border:1px solid rgba(233,195,73,.2);border-radius:4px;backdrop-filter:blur(2px)}.world-grid .world-feature h3{font-size:48px;line-height:56px;letter-spacing:-.48px}.world-grid .world-feature p{font-size:18px;line-height:28px}.realm-badge{align-self:flex-start;padding:5px 13px;border:1px solid rgba(255,182,141,.3);border-radius:12px;background:rgba(255,182,141,.2);color:var(--peach);font:12px/16px "Libre Caslon Text",serif}.world-grid article:nth-child(4){grid-column:3;grid-row:2}.world-grid article:nth-child(5){grid-column:3;grid-row:3}}
@media(max-width:900px){.world{padding:72px 24px}.world .section-heading{margin-bottom:40px}.world-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:16px}.world-grid article,.world-grid .world-feature,.world-grid article:nth-child(4),.world-grid article:nth-child(5){grid-column:auto;grid-row:auto;height:280px;padding:24px}.world-grid .world-feature{height:440px}.world-grid article>div{z-index:2}.world-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0f1419,transparent);z-index:1}.world-grid .world-feature h3{font-size:38px}.world-grid h3{font-size:28px}.realm-badge{display:inline-block;margin-bottom:8px;padding:4px 10px;border:1px solid rgba(255,182,141,.3);border-radius:12px;background:rgba(255,182,141,.2);color:var(--peach);font-size:12px}}
/* Preserve the approved world mosaic for the current card order. */
@media(min-width:901px){
 .world-grid article:nth-child(3){grid-column:3;grid-row:2}
 .world-grid article:nth-child(4).world-feature{grid-column:1/3;grid-row:2/4}
 .world-grid article:nth-child(5){grid-column:3;grid-row:3}
}
/* Exact trailer composition from Figma node 15:572. */
@media(min-width:901px){.trailer{padding:63px 80px 0;background:#171c21;display:flex;flex-direction:column;align-items:center}.trailer .section-heading{width:100%;max-width:none;margin:0 0 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.trailer .section-heading h2{margin:0;color:var(--peach);font-size:48px;line-height:56px;letter-spacing:-.48px}.trailer .section-heading p{width:672px;margin:0;color:var(--muted);font-size:18px;line-height:28px}.video-frame{width:896px;max-width:896px;height:504px;margin:0;border:1px solid rgba(233,195,73,.3);border-radius:8px;background:rgba(15,20,25,.6);box-shadow:0 10px 40px rgba(0,0,0,.5)}.video-frame>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.video-frame button{width:80px;height:80px;padding:0;border:0;border-radius:12px;background:rgba(255,182,141,.9);box-shadow:0 0 30px rgba(255,182,141,.5);display:grid;place-items:center}.video-frame button img{width:19px;height:24px;margin-left:5px}}
@media(max-width:900px){.trailer{padding:72px 24px;background:#171c21}.trailer .section-heading{margin-bottom:32px}.trailer .section-heading h2{font-size:34px;line-height:42px}.trailer .section-heading p{font-size:16px;line-height:25px}.trailer .section-heading br{display:none}.video-frame{width:100%;height:auto;aspect-ratio:16/9}.video-frame>img{width:100%;height:100%;object-fit:cover}.video-frame button{width:64px;height:64px}.video-frame button img{width:16px;height:20px}}
/* Exact archive tracker composition from the Figma homepage. */
@media(min-width:901px){.archive{min-height:454px;padding:27px 80px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:#0f1419}.archive-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.archive h2{margin:0;font-size:48px;line-height:56px;letter-spacing:-.48px}.archive p{margin:0 0 8px;font-family:ABeeZee,Arial,sans-serif;font-size:18px;line-height:28px;color:var(--muted)}.archive .button{min-height:44px;padding:12px 24px;background:var(--gold);color:#3c2f00}.tracker{width:528px;height:400px;padding:25px;display:flex;flex-direction:column;border:1px solid rgba(233,195,73,.2);border-radius:8px;background:rgba(15,20,25,.6)}.tracker-head{padding:0 0 17px;border-bottom:1px solid rgba(86,67,56,.3);font-size:14px;line-height:20px}.tracker-head code{font:12px/16px "Roboto Mono",monospace}.tracker-rows{display:flex;flex-direction:column;gap:16px;padding-top:24px}.track{display:grid;grid-template-columns:318.66px 1fr;gap:16px;margin:0;align-items:center;font:12px/16px "Roboto Mono",monospace}.track:before{height:8px}.track i{height:8px}.tracker-foot{margin-top:auto;padding-top:17px;gap:8px}.tracker-foot i{height:4px}.tracker-foot i:nth-child(1){background:rgba(255,182,141,.3)}.tracker-foot i:nth-child(2){background:rgba(255,182,141,.5)}.tracker-foot i:nth-child(3){background:var(--peach)}}
@media(max-width:900px){.archive{padding:72px 24px;display:grid;grid-template-columns:1fr;gap:48px}.archive-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.archive h2{font-size:36px;line-height:44px}.archive p{font-family:ABeeZee,Arial,sans-serif}.tracker{width:100%;height:360px}.track{grid-template-columns:minmax(0,1fr) 105px}.tracker-rows{display:flex;flex-direction:column;gap:16px;padding-top:24px}.tracker-foot{margin-top:auto}}
@media(min-width:901px){.trailer .section-heading .trailer-description{width:auto}.trailer-description span{display:block;white-space:nowrap;text-align:center}}
@media(max-width:900px){.trailer-description span{display:inline;white-space:normal}.trailer-description span:not(:last-child):after{content:" "}}
html,body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%}
@media(max-width:900px){.hero-video{position:absolute;left:22px;top:88px;width:calc(100% - 44px);height:240px;object-fit:cover;border-radius:8px;box-shadow:0 14px 36px rgba(0,0,0,.4)}}

/* Homepage cinematic hero. */
body:has(.hero-video) .site-header{position:absolute;inset:0 0 auto;z-index:20;width:min(1440px,100%);height:84px;margin:auto;background:linear-gradient(180deg,rgba(5,9,12,.82),rgba(5,9,12,.18) 78%,transparent);border:0}
body:has(.hero-video) .site-header .brand{top:4px;width:82px;height:82px}
body:has(.hero-video) .site-header .brand img{width:82px;height:82px}
body:has(.hero-video) .site-header .nav{top:14px;height:54px;border:0;background:rgba(8,12,15,.46);backdrop-filter:blur(8px)}
body:has(.hero-video) .content-shell{width:100%;max-width:1440px;margin-inline:auto}
body:has(.hero-video) .site-footer{width:100%;max-width:1440px}
.hero.section-shell{isolation:isolate;position:relative;width:100%;max-width:none;height:clamp(520px,52vw,750px);min-height:520px;margin:0;padding:0;overflow:hidden;text-align:left;background:linear-gradient(90deg,#04070a 0%,#070b0e 72%,#17120f 100%)}
.hero .hero-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center top;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,7,10,.98) 0%,rgba(4,7,10,.86) 22%,rgba(4,7,10,.48) 43%,rgba(4,7,10,.08) 68%),linear-gradient(180deg,rgba(4,7,10,.32),transparent 30%,rgba(4,7,10,.28))}
.hero-copy{position:absolute;z-index:2;left:6.8%;top:50%;width:min(465px,38%);transform:translateY(-39%)}
.hero-copy .eyebrow{position:static;color:var(--gold);font-size:12px;line-height:18px;letter-spacing:1.5px}
.hero-copy h1{position:static;margin:24px 0 20px;color:#f3f3f1;font-size:38px;line-height:1.2;font-weight:400;letter-spacing:-1px;text-align:left}
.hero-copy>p{position:static;width:auto;max-width:450px;margin:0;color:rgba(238,239,238,.88);font-size:16px;line-height:1.65;text-align:left}
.hero-copy .actions{position:static;margin-top:46px;display:flex;gap:22px}
.hero-copy .button{min-width:210px;min-height:52px;padding:14px 22px;font-size:12px;letter-spacing:.2px;text-align:center}
.hero-copy .primary{background:var(--peach);border-color:var(--peach);color:#3d241a}
.hero-copy .secondary{background:rgba(8,12,15,.2);border-color:var(--gold);color:var(--gold)}
@media(max-width:900px){body:has(.hero-video) .site-header{height:92px;background:rgba(7,11,14,.88)}body:has(.hero-video) .site-header .brand{position:static}.hero.section-shell{height:760px;min-height:760px}.hero .hero-video{inset:0;width:100%;height:100%;object-position:62% center;border-radius:0}.hero-shade{background:linear-gradient(180deg,rgba(4,7,10,.18) 0%,rgba(4,7,10,.25) 34%,rgba(4,7,10,.96) 68%,#04070a 100%)}.hero-copy{left:24px;right:24px;top:auto;bottom:48px;width:auto;transform:none}.hero-copy h1{margin:14px 0;font-size:32px}.hero-copy>p{font-size:15px;line-height:1.55}.hero-copy .actions{margin-top:28px;flex-direction:row;gap:12px}.hero-copy .button{min-width:0;width:50%;padding:12px 10px}}
@media(max-width:520px){.hero.section-shell{height:700px;min-height:700px}.hero-copy{bottom:32px}.hero-copy h1{font-size:28px}.hero-copy>p{font-size:14px}.hero-copy .actions{flex-direction:column}.hero-copy .button{width:100%}}
.world-grid article:first-child>img{filter:none;opacity:.72}
.world-grid article:nth-child(2)>img{filter:none;opacity:.72}
.world-grid article:nth-child(4)>img{filter:brightness(1.45) saturate(1.15);opacity:1}
.world-grid article:nth-child(4):after{background:linear-gradient(to top,rgba(15,20,25,.9) 0,rgba(15,20,25,.2) 48%,transparent 100%)}
.origin .book-bars{display:none}
@media(min-width:901px) and (max-width:1300px){.bk-page main,.bk-footer,.cd-page main,.cd-footer,.characters-page main,.ch-footer,.series-page main,.series-footer,.watch-page main,.watch-footer,.ot-page main,.ot-footer,.worlds-page main,.worlds-footer,.wd-page main,.wd-footer,.artifacts-page main,.ar-footer,.pa-page main,.pa-footer,.about-page main,.ab-footer,.journal-page main,.jr-footer,.press-page main,.pr-footer,.contact-page main,.ct-footer{width:100%!important}.bk-header nav,.cd-header nav,.ch-header nav,.series-header nav,.watch-header nav,.ot-header nav,.worlds-header nav,.wd-header nav,.ar-header nav,.pa-header nav,.ab-header nav,.jr-header nav,.pr-header nav,.ct-header nav{left:40%!important;padding-left:clamp(20px,3vw,44px)!important;padding-right:clamp(20px,3vw,44px)!important;gap:clamp(13px,2vw,28px)!important;font-size:12px!important}.bk-logo,.cd-logo,.ch-logo,.series-logo,.watch-logo,.ot-logo,.worlds-logo,.wd-logo,.ar-logo,.pa-logo,.ab-logo,.jr-logo,.pr-logo,.ct-logo{left:clamp(28px,5vw,70px)!important}.latest{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)!important;gap:38px!important}.latest-art{width:100%!important}.bk-overview{grid-template-columns:minmax(0,1fr) minmax(380px,528px)!important}.wd-hero{grid-template-columns:minmax(420px,1.4fr) minmax(260px,1fr)!important;gap:42px!important}.hero-art>img{width:100%!important}.contact-body,.press-content{padding-left:clamp(40px,6vw,80px)!important;padding-right:clamp(40px,6vw,80px)!important}}
@media(max-width:900px){[class$="-page"] main,[class$="-page"] footer{max-width:100%}[class$="-footer"] p{width:auto!important;max-width:100%}h1,h2,h3,p,a,span,small,label,blockquote{overflow-wrap:anywhere}input,select,textarea,button{max-width:100%}.release,.locked{width:calc(100% - 48px)!important}.release-line{width:100%!important}.actions,.studio-actions{flex-wrap:wrap}}
@media(max-width:420px){.cd-hero h1,.contact-hero h1,.press-hero h1,.journal-hero h1,.studio-hero h1,.ar-hero h1,.worlds-intro h1{font-size:34px!important;line-height:1.12!important}.enquiry-grid label{height:auto!important;min-height:53px}.filter-row,.journal-tabs{scrollbar-width:thin}}
.collection-detail{max-width:900px;min-height:70vh;margin:0 auto;padding:100px 32px;color:#e2e4e7}.collection-detail .eyebrow{color:#e6c655;letter-spacing:2px}.collection-detail h1{font:700 clamp(42px,7vw,76px)/1.05 "Libre Caslon Text",serif}.collection-detail h2{color:#ffad82;font-weight:400}.collection-detail>p{max-width:720px;font-size:18px;line-height:1.7;color:#d6bbae}.collection-detail img{display:block;max-width:100%;max-height:600px;margin:36px 0;object-fit:cover}.collection-detail a{display:inline-block;margin-top:30px;color:#ffad82}
.video-frame>iframe{display:block;width:100%;height:100%;border:0;background:#000}

/* Homepage compact-laptop layout: prevent fixed desktop compositions from clipping
   between the mobile breakpoint and the full 1280px canvas. */
@media(min-width:901px) and (max-width:1100px){
 body:has(.hero-video) .section-pad{padding-left:48px;padding-right:48px}
 body:has(.hero-video) .hero-copy{left:6%;width:min(430px,48%)}
 body:has(.hero-video) .hero-copy .actions{gap:12px;flex-wrap:wrap}
 body:has(.hero-video) .hero-copy .button{min-width:180px;flex:1 1 180px}
 body:has(.hero-video) .origin{padding-bottom:0}
 body:has(.hero-video) .origin-inner{height:auto;padding:72px 48px;display:grid;grid-template-columns:1fr;gap:48px}
 body:has(.hero-video) .origin-copy,body:has(.hero-video) .origin p{width:100%;max-width:100%}
 body:has(.hero-video) .book-bars{justify-self:center}
 body:has(.hero-video) .world{padding-left:48px;padding-right:48px;padding-bottom:64px}
 body:has(.hero-video) .trailer{padding-left:48px;padding-right:48px}
 body:has(.hero-video) .video-frame{width:100%;max-width:896px;height:auto;aspect-ratio:16/9}
 body:has(.hero-video) .archive{min-height:0;padding:72px 48px;grid-template-columns:1fr;gap:48px}
 body:has(.hero-video) .tracker{width:100%;max-width:none}
}

@media(max-width:600px){
 body:has(.hero-video) .section-pad{padding:56px 16px}
 body:has(.hero-video) .hero.section-shell{height:max(680px,100svh);min-height:680px}
 body:has(.hero-video) .hero-copy{left:16px;right:16px;bottom:24px}
 body:has(.hero-video) .hero-copy .actions{margin-top:20px}
 body:has(.hero-video) .framed-image img{height:auto;aspect-ratio:4/5}
 body:has(.hero-video) .characters .section-heading{margin-bottom:36px}
 body:has(.hero-video) .character-grid article{min-height:0;padding:24px}
 body:has(.hero-video) .origin{padding-bottom:0}
 body:has(.hero-video) .origin-inner{padding:56px 16px;gap:36px}
 body:has(.hero-video) .origin .book-bars{width:100%;max-width:280px;height:150px;display:flex;justify-content:center;gap:10px;transform:none;opacity:1}
 body:has(.hero-video) .origin .book-bars i{width:auto;max-width:28px;flex:1 1 24px;opacity:1}
 body:has(.hero-video) .origin .book-bars i:nth-child(1){height:64px}
 body:has(.hero-video) .origin .book-bars i:nth-child(2){height:88px}
 body:has(.hero-video) .origin .book-bars i:nth-child(3){height:112px}
 body:has(.hero-video) .origin .book-bars i:nth-child(4){height:150px}
 body:has(.hero-video) .origin .book-bars i:nth-child(5){height:128px}
 body:has(.hero-video) .origin .book-bars i:nth-child(6){height:72px}
 body:has(.hero-video) .world,body:has(.hero-video) .trailer,body:has(.hero-video) .archive{padding-left:16px;padding-right:16px}
 body:has(.hero-video) .world-grid article,body:has(.hero-video) .world-grid .world-feature{padding:0}
 body:has(.hero-video) .world-grid article>div{left:18px;right:18px;bottom:18px}
 body:has(.hero-video) .tracker{height:330px;padding:18px}
 body:has(.hero-video) .track{grid-template-columns:minmax(0,1fr) 96px;gap:10px}
 body:has(.hero-video) .faq>h2{font-size:29px}
}

@media(max-width:600px){
 body:has(.hero-video) .intro .framed-image img{height:auto;aspect-ratio:auto;object-fit:contain}
}

/* Approved homepage microline; uses existing hero spacing and colour tokens. */
@media(max-width:900px){.hero .hero-video{object-position:center top}}
.hero-copy>.hero-microline{margin-top:16px;color:var(--gold);font:13px/1.6 "Libre Caslon Text",serif;letter-spacing:.2px}
@media(max-width:520px){.hero-copy>.hero-microline{margin-top:14px;font-size:12px}}

/* On mobile, keep the full contained frame and place the copy directly below it. */
@media(max-width:900px){
 body:has(.hero-video) .hero.section-shell{height:auto!important;min-height:0!important;padding:56.34vw 0 0}
 body:has(.hero-video) .hero .hero-video{width:100%;height:auto;aspect-ratio:1672/942;object-fit:contain;object-position:center top}
 body:has(.hero-video) .hero-shade{background:linear-gradient(180deg,rgba(4,7,10,.12) 0,rgba(4,7,10,.18) 30%,#04070a 45%,#04070a 100%)}
 body:has(.hero-video) .hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:28px 24px 48px;transform:none}
}
@media(max-width:520px){
 body:has(.hero-video) .hero-copy{padding:24px 16px 36px}
}

/* Span the supporting line across both hero actions. */
body:has(.hero-video) .hero-copy .actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    column-gap: 22px;
    row-gap: 14px;
}
body:has(.hero-video) .hero-copy .actions .button { width: 100%; min-width: 0; }
body:has(.hero-video) .hero-copy .actions .hero-microline {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: none;
    margin: 12px 0 0;
    color: var(--gold);
    font: 700 18px/1.6 "Libre Caslon Text", serif;
    -webkit-text-stroke: .25px currentColor;
    letter-spacing: .1px;
    text-align: center;
    white-space: normal;
}
@media (max-width: 1100px) {
    body:has(.hero-video) .hero-copy .actions { column-gap: 12px; }
}
@media (max-width: 520px) {
    body:has(.hero-video) .hero-copy .actions { grid-template-columns: minmax(0, 1fr); }
    body:has(.hero-video) .hero-copy .actions .button.secondary { grid-row: 2; }
    body:has(.hero-video) .hero-copy .actions .hero-microline { grid-row: 3; }
}

/* Keep every part of the homepage hero inside narrow responsive viewports. */
@media (max-width: 900px) {
    body:has(.hero-video) .hero.section-shell { display: block; }
    body:has(.hero-video) .hero-copy {
        width: auto;
        max-width: 100%;
        overflow: visible;
    }
    body:has(.hero-video) .hero-copy h1,
    body:has(.hero-video) .hero-copy > p,
    body:has(.hero-video) .hero-copy .hero-microline {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}
@media (max-width: 520px) {
    body:has(.hero-video) .hero-copy .actions .hero-microline {
        padding-inline: 4px;
        font-size: 15px;
        line-height: 1.55;
    }
}

/* Keep the island and fort artwork in full color beneath the text gradient. */
#world .world-grid img[data-cms="media-6"],
#world .world-grid img[data-cms="media-7"] {
    filter: none;
    opacity: 1;
}