@font-face{font-family:AdobeGaramond;src:local('Adobe Garamond Pro')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08111b;color:#f6efe2;font-family:'Avenir Next',Avenir,'Helvetica Neue',sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}.container{width:min(1180px,calc(100% - 72px));margin:auto}.overline,.kicker{font-size:11px;letter-spacing:.19em;font-weight:800}.overline{color:#cfa76b}.site-nav{position:absolute;z-index:30;top:0;left:0;width:100%;height:84px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#07111ac9,#07111a00)}.brand{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.16em;font-weight:800}.brand b{display:block;color:#d6b47d;margin-top:4px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:2px solid #c5a46e;color:#c5a46e;font-family:AdobeGaramond,Georgia,serif;font-size:19px;letter-spacing:-.08em}.site-nav nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:700}.site-nav nav a:hover,.text-link:hover{color:#f3bd86}.menu-toggle{display:none}.hero{height:min(900px,100svh);min-height:650px;position:relative;overflow:hidden;background:#0b1621}.hero-world,.hero-figures,.hero-shade{position:absolute;inset:-3%}.hero-world{transform:translate3d(calc(var(--px,0)*8px),calc(var(--py,0)*8px + var(--scroll,0)*.12px),0) scale(1.055)}.hero-world img{height:100%;width:100%;object-fit:cover;object-position:center 57%}.hero-figures{inset:auto 0 -8% 0;height:98%;display:flex;justify-content:center;align-items:flex-end;transform:translate3d(calc(var(--px,0)*-16px),calc(var(--py,0)*-6px + var(--scroll,0)*.05px),0)}.hero-figures img{height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom}.hero-shade{inset:0;background:linear-gradient(90deg,#050a1191 0%,transparent 58%),linear-gradient(0deg,#050910 0%,transparent 36%)}.hero-copy{position:absolute;z-index:5;left:5.2%;bottom:13%;width:min(660px,58%);text-shadow:0 3px 22px #000b}.hero-copy h1{margin:20px 0 12px}.hero-copy h1 img{width:min(590px,100%);filter:drop-shadow(2px 5px 3px #000b)}.hero-copy p{font:italic clamp(21px,2.5vw,32px)/1.14 AdobeGaramond,Georgia,serif;margin:0 0 28px}.hero-index,.scroll-note{position:absolute;z-index:6;bottom:24px;font-size:10px;letter-spacing:.18em;font-weight:800}.hero-index{left:5.2%}.scroll-note{right:5.2%}.scroll-note span{font-size:19px;margin-left:16px}.action{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 18px;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:.04em;transition:background .25s,color .25s,transform .25s}.action:hover{transform:translateY(-3px)}.action-red{background:#b62923;color:#fff}.action-red:hover{background:#d83c34}.action-light{background:#e9d8b9;color:#07131f}.action-outline{border-color:#d6b47d;color:#fff}.paper-section{background:#f3e8d2;color:#151d24}.case-intro{position:relative;padding:140px 0 130px;background:#f3e8d2 url('assets/scorched-paper.webp') no-repeat center top;background-size:100% auto}.burn-edge{position:absolute;top:0;width:100%;height:14px;background:linear-gradient(#090e14,#3c241e,transparent)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:start}.intro-lead h2,.section-heading h2,.scene-copy h2,.closing-content h2{font:normal clamp(43px,5vw,76px)/.99 AdobeGaramond,Georgia,serif;letter-spacing:-.035em;margin:20px 0}.intro-lead em,.section-heading em,.scene-copy em,.closing-content em{font-weight:normal;color:#b62d25}.intro-copy{padding-top:37px}.intro-copy p{font:21px/1.5 AdobeGaramond,Georgia,serif}.text-link{display:inline-flex;gap:35px;border-bottom:1px solid #ad372c;padding:10px 0;color:#ad372c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.choose-section{padding:110px 0 125px;background:radial-gradient(circle at 40% 20%,#273545,#0b1520 70%)}.section-heading{max-width:740px;margin-bottom:55px}.section-heading h2{color:#fbf5e7}.section-heading p{max-width:610px;font:21px/1.4 AdobeGaramond,Georgia,serif;color:#cbbfae}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.choice-card{background:#142230;border:1px solid #45505a;overflow:hidden}.choice-visual{height:390px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 53%,#4c3a2c,#101c28 70%)}.choice-visual>img:first-child{height:100%;width:100%;object-fit:contain;transition:transform .6s}.choice-card:hover .choice-visual>img:first-child{transform:scale(1.04)}.tablet-stage{background:radial-gradient(circle,#413129,#101b25 70%)}.tablet-stage>img:first-child{object-fit:cover}.tablet-logo{position:absolute;left:43%;top:29%;width:41%;height:auto;transform:rotate(2deg) skewY(2deg);filter:drop-shadow(0 5px 7px #000)}.choice-copy{padding:30px 35px 39px}.choice-copy h3{font:37px/1 AdobeGaramond,Georgia,serif;margin:15px 0}.choice-copy p{font:18px/1.35 AdobeGaramond,Georgia,serif;min-height:53px;color:#c6c7c4}.world-section{background:#09131d}.wide-scene{height:700px;position:relative;overflow:hidden}.wide-scene>img{width:100%;height:100%;object-fit:cover}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#071018ef,transparent 76%),linear-gradient(0deg,#071018 0%,transparent 40%)}.scene-copy{position:absolute;left:max(calc((100% - 1180px)/2),36px);bottom:100px;max-width:580px}.scene-copy h2 em,.closing-content h2 em{color:#e7aa72}.scene-copy p{font:21px/1.4 AdobeGaramond,Georgia,serif}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:60px;padding-bottom:130px}.location{border-top:1px solid #aa8b60;display:block}.location img{width:100%;height:205px;object-fit:cover;margin:19px 0 22px;transition:transform .4s}.location:hover img{transform:translateY(-5px)}.location span{color:#c7a270;font-size:11px;letter-spacing:.16em}.location h3{font:32px AdobeGaramond,Georgia,serif;margin:7px 0}.location p{font:17px/1.35 AdobeGaramond,Georgia,serif;color:#b9bbb6}.people-section{padding:115px 0 130px;background:#eee2c9}.people-section .section-heading h2{color:#151d24}.people-section .section-heading p{color:#4d4c47}.character-layout{display:grid;grid-template-columns:1fr 1fr;min-height:490px;background:#e0d3b6}.portrait-panel{overflow:hidden;background:#1d2830}.portrait-panel img{width:100%;height:100%;max-height:550px;object-fit:contain}.character-detail{padding:10% 12%;display:flex;flex-direction:column;justify-content:center}.character-detail h3{font:clamp(40px,4vw,61px)/.98 AdobeGaramond,Georgia,serif;margin:24px 0 12px}.character-role{font-size:11px;letter-spacing:.18em;color:#a33327;font-weight:800}.character-detail>p:last-of-type{font:21px/1.35 AdobeGaramond,Georgia,serif}.character-controls{display:flex;align-items:center;gap:23px;margin-top:35px}.character-controls button{border:1px solid #9d8d70;background:transparent;width:42px;height:42px;cursor:pointer}.character-controls button:hover{background:#c5ae84}.character-controls #character-dots{display:flex;gap:8px}.character-controls #character-dots button{width:9px;height:9px;border-radius:50%;padding:0;background:#988a70;border:0}.character-controls #character-dots button.active{background:#ae2824}.closing-scene{height:620px;position:relative;overflow:hidden}.closing-scene>img{height:100%;width:100%;object-fit:cover}.closing-scene:after{content:'';position:absolute;inset:0;background:#06101bc2}.closing-content{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.closing-content h2{max-width:620px}.closing-actions{display:flex;gap:12px;margin-top:25px}footer{padding:28px 5%;display:flex;justify-content:space-between;gap:15px;background:#050a10;color:#aa9d88;font-size:10px;font-weight:800;letter-spacing:.13em}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}.sub-hero{position:relative;min-height:760px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;overflow:hidden;padding:110px max(calc((100% - 1180px)/2),36px) 85px;gap:4%;background:radial-gradient(circle at 72% 48%,#5b3a28,#101a24 56%,#07111b)}.sub-copy{z-index:2}.sub-copy h1{font:clamp(65px,7vw,106px)/.9 AdobeGaramond,Georgia,serif;letter-spacing:-.05em;margin:22px 0}.sub-copy h1 em{color:#e3a96e}.sub-copy p{font:23px/1.35 AdobeGaramond,Georgia,serif;max-width:450px}.sub-visual{position:relative;align-self:stretch;display:grid;place-items:center}.sub-visual>img:first-child{max-height:650px;width:100%;object-fit:contain}.sub-visual .tablet-logo{top:28%;left:43%;width:42%}.feature-section{padding:110px 0}.feature-section.light{background:#f3e8d2;color:#182028}.feature-section.dark{background:#101d2a}.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.feature-grid.reverse .feature-art{order:2}.feature-art img{width:100%;max-height:510px;object-fit:contain}.feature-copy h2{font:clamp(44px,4.8vw,70px)/.98 AdobeGaramond,Georgia,serif;margin:20px 0}.feature-copy p,.feature-copy li{font:21px/1.4 AdobeGaramond,Georgia,serif}.feature-copy ul{padding-left:23px}.spreads{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.spreads img{width:100%;box-shadow:0 14px 27px #0004}.sub-band{background:#a72c26;padding:55px 0;text-align:center}.sub-band h2{font:44px AdobeGaramond,Georgia,serif;margin:0 0 18px}.sub-band a{display:inline-block;border-bottom:1px solid white;padding:5px}.game-locations{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-locations article{background:#162634}.game-locations img{width:100%;height:230px;object-fit:cover}.game-locations h3,.game-locations p{margin-left:22px;margin-right:22px}.game-locations h3{font:30px AdobeGaramond,Georgia,serif;margin-top:24px}.game-locations p{font:18px/1.35 AdobeGaramond,Georgia,serif;padding-bottom:22px}
@media(max-width:800px){.site-nav{height:70px;padding:0 20px}.site-nav nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;padding:20px;background:#07111b}.site-nav.nav-open nav{display:flex}.menu-toggle{display:block;border:1px solid #c7a878;background:#07111b;color:#fff;padding:7px 12px;font-size:12px}.container{width:min(100% - 38px,600px)}.hero{height:760px;min-height:0}.hero-world img{object-position:center}.hero-figures{height:79%;bottom:0}.hero-copy{left:5%;bottom:9%;width:90%}.hero-copy h1 img{max-width:480px}.hero-copy p{font-size:22px}.hero-index,.scroll-note{display:none}.case-intro{padding:100px 0 80px;background-size:auto 220px}.intro-grid,.choice-grid,.character-layout,.feature-grid,.game-locations{grid-template-columns:1fr}.intro-grid{gap:0}.intro-copy{padding-top:0}.choose-section,.people-section,.feature-section{padding:75px 0}.section-heading{margin-bottom:37px}.choice-visual{height:320px}.choice-copy{padding:27px}.choice-copy p{min-height:0}.wide-scene{height:530px}.scene-copy{bottom:55px;left:20px;right:20px}.locations{grid-template-columns:1fr;gap:25px;padding-bottom:80px}.location img{height:245px}.portrait-panel{height:430px}.character-detail{padding:40px}.closing-scene{height:530px}.closing-actions{flex-wrap:wrap;justify-content:center}.sub-hero{grid-template-columns:1fr;padding:130px 25px 60px}.sub-copy h1{font-size:66px}.sub-visual{max-height:490px}.feature-grid.reverse .feature-art{order:0}.spreads{grid-template-columns:1fr}footer{flex-wrap:wrap;line-height:1.6}}@media(max-width:480px){.hero{height:690px}.hero-figures{height:72%}.hero-copy{bottom:7%}.hero-copy h1 img{width:100%}.hero-copy .kicker{font-size:9px}.choice-visual{height:270px}.tablet-logo{top:28%;left:42%;width:42%}.sub-hero{padding-top:110px}.sub-copy h1{font-size:54px}.sub-visual{min-height:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-world,.hero-figures{transform:none!important}}
.reveal{opacity:1;transform:none}.reveal.visible{animation:rise .7s both}@keyframes rise{from{opacity:.78;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.paper-section .overline{color:#943e30}.book-card .choice-visual>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}.sub-visual.tablet-stage{background:transparent}.sub-visual.tablet-stage>img:first-child{width:100%;max-height:none;height:auto;object-fit:contain}.sub-visual.tablet-stage .tablet-logo{top:31%;left:45%;width:39%}@media(max-width:480px){.hero-copy h1 img{width:84%}.book-card .choice-visual{height:310px}}
/* Publisher seal and photographic game product */
.site-nav{padding-left:0}.site-nav .brand{align-self:flex-start;min-height:86px;padding:11px 18px 12px 13px;background:#030609;box-shadow:4px 7px 18px #0008;gap:10px;transform:translateX(-110%);animation:brand-slide .7s .08s cubic-bezier(.2,.7,.2,1) forwards}.brand-mark{border:0;width:58px;height:58px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-label{max-width:110px;line-height:1.25}.site-nav nav{margin-left:auto}@keyframes brand-slide{to{transform:translateX(0)}}.burn-edge{display:none}.case-intro{background-position:center -1px}.game-product-stage{position:relative;overflow:visible;background:transparent}.ipad-product{position:absolute;z-index:3;width:110%;left:-5%;top:19%;aspect-ratio:1672/941}.ipad-product>img:first-child{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 15px #0008)}.ipad-product .tablet-logo{position:absolute;z-index:4;left:31%;top:36%;width:48%;height:auto;transform:rotate(2deg) skewY(1deg);filter:drop-shadow(4px 6px 3px #000c)}.evidence-scatter{position:absolute;inset:0;z-index:1;pointer-events:none}.evidence-scatter .sheet{position:absolute;width:24%;height:auto;max-height:82%;object-fit:cover;object-position:top;box-shadow:0 16px 20px #000a}.evidence-scatter .sheet-left{left:1%;top:9%;transform:rotate(-13deg)}.evidence-scatter .sheet-right{right:0;top:5%;transform:rotate(12deg)}.evidence-scatter .sheet-bottom{left:39%;bottom:0;transform:rotate(-4deg)}.choice-visual.game-product-stage{height:390px;background:radial-gradient(circle at 50% 55%,#304052,#101923 72%);overflow:hidden}.choice-visual.game-product-stage .ipad-product{width:112%;left:-6%;top:12%}.choice-visual.game-product-stage .evidence-scatter .sheet{width:19%;max-height:80%}.game-hero{background:radial-gradient(circle at 78% 40%,#35495b,#0c1722 56%,#060d15)}.game-hero .game-product-stage{min-height:600px}.game-hero .ipad-product{top:20%}.paper-ribbon{height:250px;position:relative;display:grid;place-items:center;margin:-23px 0 -24px;z-index:5;text-align:center;color:#15202a;overflow:visible}.paper-ribbon>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.paper-ribbon>div{position:relative;z-index:2;padding:30px 20px}.paper-ribbon .overline{color:#9d4833}.paper-ribbon strong{font:clamp(26px,3.5vw,48px)/1 AdobeGaramond,Georgia,serif;display:block;margin-top:12px}.paper-ribbon-two{transform:rotate(-.35deg)}.paper-ribbon-three{transform:rotate(.25deg)}.game-trails{padding-top:110px}.evidence-preview{display:flex;gap:14px;align-items:center}.evidence-preview img{width:46%;max-height:440px;object-fit:contain;box-shadow:0 14px 22px #0004;transform:rotate(-4deg)}.evidence-preview img+img{transform:rotate(6deg)}
@media(max-width:800px){.site-nav .brand{min-height:70px;padding:7px 10px 7px 8px}.brand-mark{width:45px;height:45px}.brand-label{font-size:8px}.game-hero .game-product-stage{min-height:380px}.game-hero .ipad-product{top:20%;left:-5%}.paper-ribbon{height:180px;margin:-17px 0}.choice-visual.game-product-stage{height:310px}.choice-visual.game-product-stage .ipad-product{top:16%}.evidence-scatter .sheet{width:25%}}@media(max-width:480px){.site-nav .brand{max-width:180px}.game-hero .game-product-stage{min-height:270px}.game-hero .ipad-product{top:10%;width:117%;left:-8%}.choice-visual.game-product-stage{height:260px}.choice-visual.game-product-stage .ipad-product{top:18%;width:120%;left:-10%}.paper-ribbon{height:170px}.paper-ribbon strong{font-size:25px}.evidence-preview img{max-height:290px}}

html,body{overflow-x:clip}

.format-links{display:flex;align-items:center;gap:22px;margin-top:19px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c6a773}.format-links a{color:#f5ead5;border-bottom:1px solid #c6a773;padding-bottom:4px}.format-links a:hover{color:#f2bd82}

/* Nursery Crimes type system: Texturina headings, Lato UI and body */
@font-face{font-family:'Lato';src:url('assets/fonts/Lato-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Lato';src:url('assets/fonts/Lato-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Lato';src:url('assets/fonts/Lato-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'Texturina';src:url('assets/fonts/Texturina-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Texturina';src:url('assets/fonts/Texturina-Semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Texturina';src:url('assets/fonts/Texturina-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
body,button,input,textarea,select{font-family:'Lato',sans-serif}
h1,h2,h3,h4,h5,h6,.hero-copy p,.intro-copy p,.character-detail>p:last-of-type,.feature-copy p,.feature-copy li,.sub-copy p,.location p{font-family:'Texturina',serif}

/* Header study: layered archway and cream product stage */
html{scroll-behavior:smooth}body{overflow-x:hidden}
.hero{height:min(780px,86svh);min-height:570px;overflow:hidden;isolation:isolate;background:#080e16}
.hero-world{inset:-4%;transform:translate3d(var(--world-x,0px),var(--world-y,0px),0) scale(1.08);will-change:transform}
.hero-world img{object-fit:cover;object-position:center 51%}
.hero-figures{inset:auto 0 -11% 0;height:96%;transform:translate3d(var(--figure-x,0px),var(--figure-y,0px),0);will-change:transform}
.hero-figures img{height:100%;object-fit:contain}
.hero-shade{inset:0;background:linear-gradient(90deg,#040911a8 0%,transparent 29%,transparent 72%,#04091155 100%),linear-gradient(0deg,#03060ae3 0%,transparent 30%)}
.hero-copy,.hero-index,.scroll-note{display:none}
.title-lockup{position:relative;z-index:12;height:0;display:flex;justify-content:center;pointer-events:none}
.title-lockup h1{width:min(880px,82vw);margin:-165px 0 0;line-height:0;filter:drop-shadow(0 10px 4px #160b0bb5)}
.title-lockup img{width:100%;height:auto;display:block}
.site-nav{height:90px;background:none;pointer-events:none}
.site-nav .brand{pointer-events:auto;background:#050708;min-width:148px;min-height:216px;padding:12px 12px 15px;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;box-shadow:none;margin-left:5.5vw;transform:translateY(-115%);animation:brand-drop .7s .1s cubic-bezier(.2,.7,.2,1) forwards}
.site-nav .brand-mark{width:104px;height:104px}
.site-nav .brand-mark img{width:100%;height:100%;object-fit:contain}
.site-nav .brand-label{display:block;text-align:center;font:700 11px/1.2 Lato,sans-serif;letter-spacing:.03em;color:#fff}
.site-nav .brand-label b{display:block;color:#deb75b;margin-top:7px;border-top:1px solid #a68646;padding-top:6px}
.site-nav nav,.site-nav .menu-toggle{pointer-events:auto}
@keyframes brand-drop{to{transform:translateY(0)}}
.choose-section{position:relative;padding:125px 0 90px;background:#ead8b6 url('assets/scorched-paper.webp') center top/100% 100% no-repeat;color:#1c2023}
.choose-section .container{display:flex;flex-direction:column;gap:24px}
.choose-section .choice-grid{order:0;gap:42px;align-items:start}
.choose-section .section-heading{order:1;text-align:center;margin:12px auto 0;color:#26313a}
.choose-section .section-heading h2{color:#141d22}
.choose-section .choice-card{background:transparent;border:0;box-shadow:none;overflow:visible}
.choose-section .choice-visual,.choose-section .choice-visual.game-product-stage{background:none;overflow:visible;height:330px}
.choose-section .choice-visual>img:first-child{width:100%;height:100%;object-fit:contain}
.choose-section .game-product-stage .ipad-product{position:relative;width:100%;left:auto;top:auto;height:100%}
.choose-section .game-product-stage .ipad-product>img:first-child{width:100%;height:100%;object-fit:contain}
.choose-section .game-product-stage .evidence-scatter{display:none}
.choose-section .choice-copy{padding:18px 25px 24px;text-align:center;color:#182128}
.choose-section .choice-copy h3,.choose-section .choice-copy p{color:#182128}
.choose-section .choice-copy .overline{color:#7e2523}
.choose-section .action-light{background:#5b1d28;color:#f5ebd8;border:1px solid #b7895a}
.case-intro{padding-top:80px}
@media(max-width:800px){.hero{height:650px;min-height:0}.hero-figures{height:88%;bottom:-8%}.title-lockup h1{width:92vw;margin-top:-95px}.choose-section{padding-top:96px;background-size:auto 100%}.choose-section .choice-grid{gap:6px}.choose-section .choice-visual,.choose-section .choice-visual.game-product-stage{height:260px}.site-nav .brand{margin-left:12px;min-width:104px;min-height:157px;padding:7px}.site-nav .brand-mark{width:80px;height:80px}.site-nav .brand-label{font-size:9px}}
@media(max-width:580px){.hero{height:540px}.hero-world img{object-position:center}.hero-figures{height:75%;bottom:-5%}.title-lockup h1{width:94vw;margin-top:-67px}.choose-section{padding-top:76px;background-size:auto 100%}.choose-section .choice-grid{grid-template-columns:1fr}.choose-section .choice-visual,.choose-section .choice-visual.game-product-stage{height:250px}.site-nav .brand{min-width:90px;min-height:139px}.site-nav .brand-mark{width:65px;height:65px}.site-nav .brand-label{font-size:8px}.site-nav nav{top:70px}.site-nav .menu-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.hero-world,.hero-figures{transform:none!important}.site-nav .brand{animation:none;transform:none}}
.hero-world{inset:-1%;transform:translate3d(var(--world-x,0px),var(--world-y,0px),0) scale(1.025)}
.hero-world img{object-position:center top}
@media(max-width:480px){.hero-world{transform:translate3d(var(--world-x,0px),var(--world-y,0px),0) scale(1.025)!important}.hero-figures{transform:translate3d(var(--figure-x,0px),var(--figure-y,0px),0)!important}}
@media(prefers-reduced-motion:reduce){.hero-world,.hero-figures{transform:none!important}}
@media(min-width:801px){.choose-section{padding-top:215px}}
/* Header direction 02: make the characters the centre of the poster, and clear the products. */
@media(min-width:801px){.hero-figures{height:109%;bottom:-13%}.title-lockup h1{width:min(820px,76vw);margin-top:-155px}.choose-section{padding-top:210px}.choose-section .choice-visual,.choose-section .choice-visual.game-product-stage{height:355px}}
/* Landing page editorial flow: fewer repeated cards, more of the commissioned artwork. */
.choose-section{padding-bottom:55px}.choose-section .container{gap:0}.choose-section .choice-copy{max-width:570px;margin:auto}.choose-section .choice-copy h3{font-size:clamp(29px,3vw,40px);line-height:1.05}.choose-section .choice-copy p{max-width:470px;margin:12px auto 20px;font-size:17px;line-height:1.4}.choose-section .choice-copy .overline{font-size:10px;letter-spacing:.18em}.case-intro{padding:95px 0 105px;background:#e9ddc5;color:#1c2730}.case-intro .intro-grid{align-items:center}.case-intro .intro-lead h2{font-size:clamp(45px,5.2vw,76px);line-height:.98;max-width:620px}.case-intro .intro-copy p{font-size:19px;line-height:1.44}.case-intro .intro-copy p+p{font-weight:700}.case-intro .text-link{color:#692632}
.world-section .locations{width:100%;max-width:none;display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0}.world-section .location{display:block;position:relative;height:370px;overflow:hidden;margin:0;padding:0 8.5%;border:0;color:#f4ecd9;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.world-section .location img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.9)}.world-section .location:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#06111acf 0%,#06111a87 37%,transparent 85%),linear-gradient(0deg,#06111ac9,transparent 56%)}.world-section .location span,.world-section .location h3,.world-section .location p{position:relative;z-index:2;max-width:460px}.world-section .location span{font:700 11px Lato,sans-serif;color:#d3ac65;letter-spacing:.2em}.world-section .location h3{font:600 clamp(36px,4.2vw,62px)/1 Texturina,serif;margin:7px 0}.world-section .location p{font:17px/1.35 Texturina,serif;color:#f4ecd9;margin:0 0 34px}.world-section .location:hover img{transform:scale(1.035)}.world-section .location img{transition:transform .8s ease}.world-section .location:nth-child(2) img{object-position:center 50%}.world-section .location:nth-child(3) img{object-position:center 30%}
@media(max-width:800px){.case-intro{padding:72px 0}.world-section .location{height:330px;padding:0 6%}.world-section .location h3{font-size:40px}}
@media(max-width:480px){.case-intro .intro-lead h2{font-size:43px}.case-intro .intro-copy p{font-size:17px}.world-section .location{height:280px}.world-section .location h3{font-size:36px}.world-section .location p{font-size:14px;max-width:280px}.choose-section .choice-copy p{font-size:16px}}
@media(min-width:801px){.book-card .choice-visual>img:first-child{transform:scale(1.16)}.book-card:hover .choice-visual>img:first-child{transform:scale(1.2)}}
.world-section .location:before{background:linear-gradient(90deg,#06111ab7 0%,#06111a65 39%,transparent 85%),linear-gradient(0deg,#06111aa8,transparent 56%)}
/* Landing header aligned to the editable Photoshop composition, using its isolated layers. */
@media(min-width:801px){.hero{height:clamp(700px,72.92vw,1100px);min-height:0}.hero-world{inset:0;left:-17.85%;width:135.6%;height:100%;transform:translate3d(var(--world-x,0px),var(--world-y,0px),0)}.hero-world img{width:100%;height:auto;max-width:none;object-fit:initial}.hero-figures{inset:0;left:21.74%;top:3.33vw;width:56.53%;height:auto;display:block;transform:translate3d(var(--figure-x,0px),var(--figure-y,0px),0)}.hero-figures img{width:100%;height:auto;max-width:none;object-fit:initial}.title-lockup h1{width:64.45vw;max-width:928px;margin-top:-19.52vw;filter:drop-shadow(0 7px 3px #200d0b84)}.choose-section{padding:77px 0 75px;background:#ead8b6 url('assets/psd_top/paper_transition.png') left -105px/1774px 887px no-repeat}.choose-section .container{width:100%;max-width:none}.choose-section .choice-grid{grid-template-columns:1fr 1fr;gap:0}.choose-section .choice-visual,.choose-section .choice-visual.game-product-stage{height:505px}.book-card .choice-visual>img:first-child{position:absolute;left:15.7%;top:0;width:57%;height:505px;object-fit:contain;transform:none!important}.game-card .choice-visual>img:first-child{position:absolute;left:-4.3%;top:53px;width:91%;height:385px;object-fit:contain;transform:none!important}.choose-section .choice-copy{padding-top:0}.hero-shade{background:linear-gradient(0deg,#03060a8f,transparent 17%)} }
/* The earlier type override missed properties set with the font shorthand. */
h1,h2,h3,h4,h5,h6,.choice-copy h3,.case-intro h2,.scene-copy h2,.character-detail h3,.closing-content h2,.feature-copy h2{font-family:Texturina,serif!important}
body,button,input,select,textarea,.site-nav nav,.overline,.brand,.choice-copy .action,.text-link,footer{font-family:Lato,sans-serif!important}
.choice-copy p,.intro-copy p,.section-heading p,.scene-copy p,.location p,.character-detail>p:last-of-type,.feature-copy p,.feature-copy li,.sub-copy p,.paper-ribbon strong{font-family:Texturina,serif!important}
/* Publisher tab follows the proportions and order of the supplied header comp. */
.site-nav .publisher-tab{pointer-events:auto;position:absolute;top:0;left:7.2%;width:110px;min-height:280px;padding:38px 8px 15px;background:#050708;display:flex;flex-direction:column;align-items:center;color:#f6edcf;text-align:center;z-index:31;transform:translateY(-100%);animation:brand-drop .7s .1s cubic-bezier(.2,.7,.2,1) forwards}
.publisher-seal{display:block;width:115px;height:115px;flex:none}.publisher-seal img{width:100%;height:100%;object-fit:contain}.publisher-place{font:900 11px/1.1 Lato,sans-serif;letter-spacing:-.02em;margin-top:5px;white-space:nowrap}.publisher-case{width:100%;border-top:1px solid #bd9444;margin-top:8px;padding-top:8px;font:900 10px/1 Lato,sans-serif;color:#f0c265}.publisher-home{display:block;margin-top:15px;padding:4px 8px;background:#e0af42;color:#090c0e;font:900 17px/1 Lato,sans-serif;letter-spacing:-.02em}.publisher-home:hover{background:#f5ca62}
.site-nav nav{margin-left:auto}
@media(max-width:800px){.site-nav .publisher-tab{left:12px;width:93px;min-height:207px;padding:8px 6px}.publisher-seal{width:73px;height:73px}.publisher-place{font-size:9px}.publisher-case{font-size:9px}.publisher-home{font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-nav .publisher-tab{animation:none;transform:none}}
/* Header is composed to the compact web reference, with the PSD layers kept separate for depth. */
@media(min-width:801px){
  .hero{height:clamp(700px,59vw,850px);background:#08111b url('assets/psd_top/arch_walls.png') center top/cover no-repeat}
  .hero-world{inset:0;left:0;width:100%;height:100%;overflow:hidden}
  .hero-world img{width:100%;height:100%;object-fit:cover;object-position:center top}
  .hero-figures{inset:0;left:27.5%;top:5.6%;width:45%;height:auto}
  .hero-figures img{width:100%;height:auto}
  .title-lockup h1{width:58vw;max-width:835px;margin-top:-17.36vw}
}
/* Final header: still characters, a slight depth shift in the stone, and no dropped tab. */
.site-nav .publisher-tab{padding-top:46px;animation:none;transform:none}
.site-nav .publisher-tab .publisher-place{margin-top:25px}
.site-nav .publisher-tab .publisher-home{margin-top:9px}
@media(max-width:800px){.site-nav .publisher-tab{padding-top:8px}.site-nav .publisher-tab .publisher-place{margin-top:5px}}
.hero-world img{filter:blur(.45px)}
.choose-section{background:transparent !important;position:relative;isolation:isolate}
.choose-section::before{content:"";position:absolute;z-index:1;left:0;top:-120px;width:100%;height:calc(100% + 120px);background:url('assets/psd_top/paper_transition.png') center top/100% 100% no-repeat;pointer-events:none}
.choose-section::after{content:"";position:absolute;z-index:1;left:0;bottom:0;width:100%;height:95px;background:linear-gradient(transparent,#dcc39f);pointer-events:none}
.choose-section .container{position:relative;z-index:2}
.case-intro{background:#dcc39f !important}
.choose-section .choice-copy .action{cursor:default;pointer-events:none;background:#5b1d28;color:#f5ebd8}
@media(min-width:801px){.hero{height:calc(clamp(700px,59vw,850px) + 40px)}.choose-section{margin-top:-40px}.title-lockup h1{margin-top:calc(-17.36vw - 40px)}}
@media(max-width:800px){.hero-world img{width:100%;height:100%;object-fit:cover}.hero-figures img{height:100%;width:auto}.choose-section{background-image:url('assets/psd_top/paper_transition.png');background-size:auto 780px;background-position:center -70px}.book-card .choice-visual>img:first-child,.game-card .choice-visual>img:first-child{height:100%;width:100%;object-fit:contain;transform:none!important}}
/* V17: one continuous illustrated journey. */
:root{--cream:#f1e6d0;--navy:#081522;--gold:#d7ad67;--red:#af2927}
.hero-copy .kicker,.section-kicker{font:900 11px/1.3 Lato,sans-serif;letter-spacing:.18em;color:var(--gold)}
.hero-copy{display:none}
.choose-section{padding-bottom:95px!important}
.choose-section::after{height:110px;background:linear-gradient(transparent,#e8d2ad)}
.choose-section .choice-card{background:transparent;border:0;overflow:visible;color:#12202a;display:flex;flex-direction:column}
.choose-section .choice-visual,.choose-section .choice-visual.game-product-stage{background:transparent;overflow:visible}
.choose-section .choice-grid{align-items:stretch}
.choose-section .choice-copy{width:min(530px,90%);margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1;padding:4px 12px 0}
.choose-section .choice-copy .overline{color:#6b302b}
.choose-section .choice-copy h2{font:700 clamp(27px,2.5vw,36px)/1.13 Texturina,serif;margin:12px 0 11px;color:#112130}
.choose-section .choice-copy p{font:18px/1.4 Texturina,serif;max-width:390px;min-height:76px;margin:0 0 15px;color:#24313a}
.choose-section .choice-copy .action{margin-top:auto;min-width:160px;justify-content:center}
.choice-visual>img:first-child{transition:transform .4s ease!important}
.choice-card:hover .choice-visual>img:first-child{transform:scale(1.045)!important}
.world-story{height:680px;position:relative;overflow:hidden;background:#091521;color:#f7ead3;margin-top:-2px}
.world-story::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#081521ee 0%,#081521c7 25%,transparent 75%),linear-gradient(0deg,#081521d9,transparent 38%)}
.world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%}
.world-copy{position:absolute;z-index:2;left:max(7%,calc((100% - 1180px)/2));top:50%;transform:translateY(-50%);width:min(540px,44vw)}
.world-copy h2,.people-inner h2,.stories-heading h2,.places-heading h2,.closing-section h2{font:700 clamp(43px,5.1vw,74px)/1.02 Texturina,serif;letter-spacing:-.035em;margin:18px 0 22px}
.world-copy h2 em,.people-inner h2 em,.closing-section h2 em{color:#d75a49;font-style:normal}
.world-copy p{font:20px/1.5 Texturina,serif;max-width:510px;color:#f1e4cd}
.people-section{position:relative;background:var(--cream);color:#152432;padding:105px 5% 125px;overflow:hidden}
.people-section:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:#c99d5a}
.people-inner{max-width:1320px;margin:auto}
.people-inner h2 em{color:#9f2a25}
.section-intro{font:20px/1.45 Texturina,serif;margin:0 0 55px;max-width:530px}
.portrait-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:start}
.portrait{text-align:center}
.portrait-image{width:min(100%,205px);aspect-ratio:1;margin:0 auto 18px;border-radius:50%;overflow:hidden;background:#d1b48d;box-shadow:0 0 0 5px #e8d7ba,0 0 0 7px #ad8a5b;transition:transform .35s ease}
.portrait:hover .portrait-image{transform:translateY(-5px)}
.portrait-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.portrait:nth-child(4) .portrait-image img,.portrait:nth-child(5) .portrait-image img{object-position:center 13%}
.portrait h3{font:700 22px/1.15 Texturina,serif;margin:0 0 9px}
.portrait p{font:15px/1.4 Lato,sans-serif;margin:0 auto;max-width:220px}
.stories-section{background:#e8d2ad;color:#14222f;padding:100px 0 0}
.stories-heading,.places-heading{text-align:center;max-width:800px;margin:0 auto 55px;padding:0 24px}
.stories-heading h2,.places-heading h2{margin-bottom:15px}
.stories-heading p,.places-heading p{font:20px/1.45 Texturina,serif;margin:0 auto}
.story-panel{height:580px;position:relative;overflow:hidden;background:#0b1723;color:#f8ecda}
.story-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 46%;position:absolute;inset:0}
.story-panel:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07121af2 0%,#07121ad0 28%,#07121a35 67%,transparent),linear-gradient(0deg,#07121a77,transparent 50%)}
.story-panel.game-story:before{background:linear-gradient(270deg,#07121af2 0%,#07121ac9 28%,#07121a30 69%,transparent),linear-gradient(0deg,#07121a77,transparent 50%)}
.story-copy{position:absolute;z-index:2;top:50%;left:max(7%,calc((100% - 1180px)/2));transform:translateY(-50%);max-width:460px}
.game-story .story-copy{left:auto;right:max(7%,calc((100% - 1180px)/2))}
.story-copy h3{font:700 clamp(43px,5vw,69px)/.98 Texturina,serif;margin:20px 0}
.story-copy p{font:19px/1.45 Texturina,serif;max-width:440px}
.story-format{display:inline-block;font:900 11px Lato,sans-serif;letter-spacing:.15em;color:#e9c084;border-top:1px solid #bc9157;padding-top:18px;margin-top:10px}
.places-section{background:#101c28;color:#f6e9d6;padding:105px 0 115px}
.place-stage{height:640px;position:relative;overflow:hidden;background:#08121c}
.place-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:opacity .25s}
.place-stage:before{content:"";z-index:1;position:absolute;inset:0;background:linear-gradient(0deg,#06101ce8,transparent 54%)}
.place-caption{position:absolute;z-index:2;bottom:50px;left:max(6%,calc((100% - 1180px)/2));max-width:550px}
.place-caption span{font:900 11px Lato,sans-serif;letter-spacing:.16em;color:#dbaf69}
.place-caption h3{font:700 48px/1 Texturina,serif;margin:10px 0}
.place-caption p{font:18px/1.4 Texturina,serif;margin:0}
.place-controls{width:min(1180px,calc(100% - 44px));margin:0 auto;display:flex;justify-content:space-between;gap:12px}
.place-controls button{flex:1;cursor:pointer;padding:16px 10px;border:0;border-bottom:2px solid #6c5a48;background:transparent;color:#d0c2ae;font:900 12px Lato,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.place-controls button.active,.place-controls button:hover{color:#f7d69b;border-color:#d8ad69}
.closing-section{text-align:center;background:#0b1722;color:#f4ead9;padding:125px 24px 135px}
.closing-section h2{margin-left:auto;margin-right:auto;max-width:950px}
.closing-section p{font:20px/1.45 Texturina,serif}
.closing-actions{display:flex;gap:15px;justify-content:center;margin-top:32px}
.closing-actions a{border:1px solid #c79856;color:#f5e6ce;padding:14px 18px;font:900 12px Lato,sans-serif;text-transform:uppercase;letter-spacing:.04em;transition:background .2s}
.closing-actions a:hover{background:#6c2631}
@media(max-width:800px){.choose-section .choice-copy p{min-height:0}.world-story{height:590px}.world-copy{left:7%;width:min(520px,85%)}.portrait-grid{grid-template-columns:repeat(3,1fr);gap:30px}.story-panel{height:540px}.story-copy{left:7%;right:7%;max-width:440px}.game-story .story-copy{left:7%;right:7%}.story-panel.game-story:before{background:linear-gradient(90deg,#07121aeb,#07121a9d 60%,transparent)}.place-stage{height:550px}}
@media(max-width:580px){.choose-section{padding-bottom:65px!important}.choose-section .choice-card{padding-bottom:28px}.choose-section .choice-copy{padding:0 12px}.world-story{height:640px}.world-story::before{background:linear-gradient(0deg,#081521ef 0%,#081521a8 55%,#08152124)}.world-copy{top:auto;bottom:40px;transform:none}.world-copy h2,.people-inner h2,.stories-heading h2,.places-heading h2,.closing-section h2{font-size:43px}.world-copy p,.stories-heading p,.places-heading p{font-size:17px}.people-section{padding:75px 22px 85px}.portrait-grid{grid-template-columns:repeat(2,1fr);gap:30px 18px}.portrait-image{width:min(100%,150px)}.portrait h3{font-size:19px}.portrait p{font-size:13px}.stories-section,.places-section{padding-top:75px}.story-panel{height:600px}.story-panel:before{background:linear-gradient(0deg,#07121af4 0%,#07121aaf 58%,transparent)}.story-copy,.game-story .story-copy{top:auto;bottom:35px;transform:none;left:7%;right:7%}.story-copy h3{font-size:43px}.story-copy p{font-size:16px}.story-format{font-size:9px}.place-stage{height:500px}.place-caption{left:24px;right:24px;bottom:30px}.place-caption h3{font-size:37px}.place-controls{display:grid;grid-template-columns:repeat(2,1fr)}.closing-section{padding:85px 22px}.closing-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.choice-card:hover .choice-visual>img:first-child,.portrait:hover .portrait-image{transform:none!important}}
/* Sweeping paper transitions inspired by the supplied single-page reference. */
.people-section{margin-top:-45px;border-radius:52% 52% 0 0 / 46px 46px 0 0;z-index:2}
.stories-section{position:relative;margin-top:-40px;border-radius:52% 52% 0 0 / 40px 40px 0 0;z-index:3}
.portrait:nth-child(4) .portrait-image img{transform:scale(2.65);transform-origin:center 37%}
@media(max-width:580px){.people-section{margin-top:-27px;border-radius:60% 60% 0 0 / 28px 28px 0 0}.stories-section{margin-top:-26px;border-radius:60% 60% 0 0 / 27px 27px 0 0}}
/* V18: shared editorial grid and character art breaking above portrait disks. */
:root{--page-gutter:max(22px,calc((100vw - 1180px)/2));--type-heading:clamp(43px,4.3vw,62px)}
.world-copy{left:var(--page-gutter);width:min(690px,54vw)}
.world-copy h2,.people-inner h2,.stories-heading h2,.places-heading h2,.closing-section h2{font-size:var(--type-heading);line-height:1.09;letter-spacing:-.025em}
.world-copy h2{max-width:690px}
.world-copy p{max-width:540px;font-size:19px;line-height:1.5}
.people-section{padding:84px var(--page-gutter) 103px}
.people-inner{max-width:1180px}
.people-inner h2{max-width:800px}
.section-intro{max-width:620px;line-height:1.5;margin-bottom:51px}
.stories-heading,.places-heading{width:calc(100% - 2*var(--page-gutter));max-width:1180px;text-align:left;padding:0;margin:0 auto 45px}
.stories-heading p,.places-heading p{margin:0;max-width:670px}
.story-copy{left:var(--page-gutter)}
.game-story .story-copy{right:var(--page-gutter)}
.place-caption{left:var(--page-gutter)}
.portrait-grid{gap:20px}
.portrait{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.portrait-image{position:relative;overflow:visible;width:100%;max-width:none;height:300px;aspect-ratio:auto;margin:0 0 18px;background:none;border-radius:0;box-shadow:none;transition:none}
.portrait-image:before{content:"";position:absolute;z-index:0;bottom:0;left:7%;width:86%;height:69%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c9b38d,#967855 80%);box-shadow:0 0 0 2px #e3cda8,0 0 0 4px #ae8855}
.portrait:nth-child(2) .portrait-image:before{background:radial-gradient(circle at 35% 35%,#a2b3ad,#53696b 80%)}
.portrait:nth-child(3) .portrait-image:before{background:radial-gradient(circle at 35% 35%,#c7a76f,#746140 80%)}
.portrait:nth-child(4) .portrait-image:before{background:radial-gradient(circle at 35% 35%,#a9bdc4,#627783 80%)}
.portrait:nth-child(5) .portrait-image:before{background:radial-gradient(circle at 35% 35%,#c7a588,#6c514c 80%)}
.portrait-image img,.portrait:nth-child(4) .portrait-image img,.portrait:nth-child(5) .portrait-image img{position:absolute;z-index:1;bottom:-2px;left:0;width:100%;height:108%;object-fit:contain;object-position:bottom center;transform:none;filter:drop-shadow(0 8px 5px #241d1730)}
.portrait:nth-child(2) .portrait-image img{height:117%}
.portrait:nth-child(3) .portrait-image img{height:103%}
.portrait:nth-child(4) .portrait-image img{height:110%}
.portrait:nth-child(5) .portrait-image img{height:109%}
.portrait h3{min-height:51px;display:flex;align-items:center;justify-content:center;margin:0 0 7px;font-size:21px}
.portrait p{max-width:205px;line-height:1.45}
@media(max-width:800px){.world-copy{left:var(--page-gutter);width:min(570px,84vw)}.world-copy h2,.people-inner h2,.stories-heading h2,.places-heading h2,.closing-section h2{font-size:clamp(38px,6vw,52px)}.people-section{padding:70px var(--page-gutter) 85px}.portrait-image{height:260px}.story-copy,.game-story .story-copy{left:var(--page-gutter);right:var(--page-gutter)}.place-caption{left:var(--page-gutter)}}
@media(max-width:580px){.world-copy{width:calc(100% - 2*var(--page-gutter));bottom:38px}.world-copy h2,.people-inner h2,.stories-heading h2,.places-heading h2,.closing-section h2{font-size:42px}.people-section{padding:70px var(--page-gutter) 70px}.section-intro{margin-bottom:30px}.portrait-grid{gap:32px 16px}.portrait-image{height:220px;margin-bottom:8px}.portrait-image:before{bottom:0;height:67%}.portrait-image img,.portrait:nth-child(4) .portrait-image img,.portrait:nth-child(5) .portrait-image img{height:111%}.portrait:nth-child(2) .portrait-image img{height:119%}.portrait h3{font-size:17px;min-height:38px}.portrait p{font-size:13px}.stories-heading,.places-heading{width:calc(100% - 2*var(--page-gutter));margin-bottom:35px}.story-copy,.game-story .story-copy{left:var(--page-gutter);right:var(--page-gutter)}}
.people-section .section-kicker,.stories-section .section-kicker{color:#865b2a}
@media(max-width:580px){.portrait:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}}
/* Keep the Agency cast's faces inside the location scene. */
#place-image[src*="agency-stairs"]{object-position:center top}

/* Character scenes: each figure breaks the edge of a Grimmchester location. */
.portrait-image{isolation:isolate}
.portrait-image:before{left:7%;bottom:4px;width:86%;height:72%;background-image:linear-gradient(180deg,#14223819,#09131d77),url('assets/ux_v17/plum-lane-original.webp');background-size:cover;background-position:28% 47%;box-shadow:0 0 0 3px #e7c99e,0 9px 20px #221c1738}
.portrait:nth-child(2) .portrait-image:before{background-image:linear-gradient(180deg,#14223819,#09131d77),url('assets/ux_v17/grimmchester-street-concept.webp');background-position:58% 50%}
.portrait:nth-child(3) .portrait-image:before{background-image:linear-gradient(180deg,#14223819,#09131d77),url('assets/ux_v17/agency-stairs-original.webp');background-position:81% 45%}
.portrait:nth-child(4) .portrait-image:before{background-image:linear-gradient(180deg,#14223819,#09131d77),url('assets/ux_v17/weighhouse-original.webp');background-position:23% 53%}
.portrait:nth-child(5) .portrait-image:before{background-image:linear-gradient(180deg,#14223819,#09131d77),url('assets/wall-hub.webp');background-position:82% 54%}
.portrait-image img,.portrait:nth-child(4) .portrait-image img,.portrait:nth-child(5) .portrait-image img{height:114%;filter:drop-shadow(0 8px 7px #08111bbb)}
.portrait:nth-child(2) .portrait-image img{height:157%;left:-40%;width:180%}
.portrait:nth-child(3) .portrait-image img{height:110%}
.portrait:nth-child(4) .portrait-image img{height:117%}
.portrait:nth-child(5) .portrait-image img{height:111%}
@media(max-width:580px){.portrait-image:before{height:70%}.portrait-image img,.portrait:nth-child(4) .portrait-image img,.portrait:nth-child(5) .portrait-image img{height:110%}.portrait:nth-child(2) .portrait-image img{height:139%;left:-32%;width:164%}.portrait:nth-child(3) .portrait-image img{height:105%}}
@media(max-width:580px){#place-image[src*="agency-stairs"]{object-fit:contain;object-position:center top}}
/* Character files: portraits open an in-page case sheet. */
.portrait-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:center}
.portrait-trigger .portrait-image{display:block}
.portrait-trigger:focus-visible{outline:3px solid #a42b25;outline-offset:4px}
.profile-prompt{display:inline-block;margin:-5px 0 12px;padding:4px 1px;border-bottom:1px solid #a42b25;color:#8f2923;font:700 10px/1.3 Lato,sans-serif;letter-spacing:.11em}
.portrait-trigger:hover .profile-prompt,.portrait-trigger:focus-visible .profile-prompt{color:#c2362c;border-color:#c2362c}
.portrait:nth-child(2) .portrait-image img{left:8%;width:180%}
.character-dialog{width:min(940px,calc(100% - 32px));max-width:none;max-height:min(720px,calc(100dvh - 32px));padding:0;border:1px solid #b88e55;background:#f4ead8;color:#152432;box-shadow:0 24px 90px #020710bb;overflow:auto}
.character-dialog::backdrop{background:#020912d9;backdrop-filter:blur(5px)}
.profile-sheet{display:grid;grid-template-columns:42% 58%;min-height:570px;position:relative}
.profile-art{min-height:570px;position:relative;overflow:hidden;background:#0d1a28}
.profile-scene{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.8)}
.profile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07121a 0%,transparent 32%);pointer-events:none}
.profile-art img{position:absolute;z-index:1;bottom:-3%;left:50%;transform:translateX(-50%);width:115%;height:95%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 12px #0008)}
.character-dialog[data-character="wolfe"] .profile-art img{width:154%;height:105%}
.character-dialog[data-character="bramble"] .profile-art img{width:135%}
.profile-content{position:relative;padding:70px 66px 62px 58px;background:linear-gradient(145deg,#f8efde,#eadcc4)}
.profile-eyebrow,.profile-index,.profile-role,.profile-foot{display:block;font:700 11px/1.3 Lato,sans-serif;letter-spacing:.14em}
.profile-eyebrow{color:#9b2d26}
.profile-index{margin-top:27px;color:#9c7c4f}
.profile-content h2{font:700 clamp(34px,4vw,54px)/1.06 Texturina,serif;margin:9px 0 16px;letter-spacing:-.02em}
.profile-role{padding-bottom:21px;border-bottom:1px solid #cba974;color:#7d572d}
.profile-body p{font:18px/1.48 AdobeGaramond,Georgia,serif;margin:0 0 15px}
.profile-foot{margin-top:30px;color:#9c7c4f;font-size:9px}
.profile-close{position:absolute;z-index:5;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #85643d;background:#102130;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.profile-close:hover,.profile-close:focus-visible{background:#a42b25;outline-color:#a42b25}
@media(max-width:680px){.character-dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.profile-sheet{display:block}.profile-art{min-height:285px;height:35vh;max-height:360px}.profile-art img{height:110%;width:85%}.character-dialog[data-character="wolfe"] .profile-art img{height:113%;width:120%}.profile-content{padding:28px 26px 34px}.profile-index{margin-top:14px}.profile-content h2{font-size:35px}.profile-body p{font-size:17px}.profile-close{top:10px;right:10px}}
@media(max-width:580px){.portrait:nth-child(2) .portrait-image img{left:-5%;width:164%}}
@media(max-width:680px){.character-dialog[data-character="wolfe"] .profile-art img{height:98%;width:105%}}
/* Balance the cast's scale: Bramble towers over Jack. */
.portrait:nth-child(3) .portrait-image img{height:127%}
@media(max-width:580px){.portrait:nth-child(3) .portrait-image img{height:121%}}
.portrait:nth-child(3) .portrait-image img{width:120%;left:-10%}
@media(max-width:580px){.portrait:nth-child(3) .portrait-image img{width:116%;left:-8%}}
/* Make the cast's relative size unmistakable. */
.portrait:nth-child(3) .portrait-image img{transform:translateX(14px) scale(1.22);transform-origin:50% 100%}
@media(max-width:580px){.portrait:nth-child(3) .portrait-image img{transform:translateX(12px) scale(1.22)}}
/* Keep the street-to-people handoff tight, including wide screens. */
.people-section{margin-top:-75px;padding-top:48px}
@media(max-width:800px){.people-section{margin-top:-40px;padding-top:48px}}