@font-face{font-family:Kievit;src:url('assets/kievit.ttf') format('truetype');font-weight:800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#101010;color:#f3f2ec;font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffc15c;outline-offset:7px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;border-bottom:1px solid #333;gap:30px}.brand{width:220px;flex-shrink:0}.brand img,footer img{width:100%;height:auto;display:block}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#ffb642}.header-note{font-size:12px;letter-spacing:.1em;color:#aaa}.intro{padding:60px 4% 48px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:bold;line-height:1.6}.intro>.eyebrow{display:flex;justify-content:space-between;color:#bbb}.intro h1{font-family:Kievit,Arial,sans-serif;font-size:clamp(54px,8.5vw,150px);line-height:.92;letter-spacing:-.055em;margin:35px 0}.intro h1 em{font-style:normal;color:#ffb642}.intro-bottom{display:flex;align-items:center;justify-content:space-between}.intro-bottom p{font-size:18px;line-height:1.5;color:#bdbdbd}.round-link{display:flex;align-items:center;gap:28px;font-size:14px}.round-link span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #777;border-radius:50%;font-size:25px}.worlds{padding:0 4%}.section-top{border-top:1px solid #444;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top h2{font-size:14px;letter-spacing:.1em;margin:0}.section-top>span{font-size:12px;color:#aaa;letter-spacing:.07em}.art{position:relative;overflow:hidden;background:#1c2524}.art img{display:block;width:100%;height:auto;transition:transform .8s}.feature:first-of-type .art{aspect-ratio:2.05}.feature:first-of-type .art img{height:100%;object-fit:cover;object-position:center 57%}.art-index{position:absolute;top:22px;left:22px;padding:9px 13px;background:#111b;border:1px solid #ffffff40;font-size:12px;letter-spacing:.1em}.feature:hover .art img{transform:scale(1.025)}.feature-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 42px}.feature-caption .eyebrow{color:#a9a9a9;margin:0 0 8px}.feature-caption h3{font-family:Kievit,Arial,sans-serif;font-size:42px;letter-spacing:-.025em;margin:0}.feature-caption>p{color:#aaa;line-height:1.5}.text-button{background:none;border:0;border-bottom:1px solid #777;color:#fff;padding:12px 0;white-space:nowrap;font-size:14px}.text-button span{font-size:22px;margin-left:24px}.text-button:hover{color:#ffb642}.double{display:grid;grid-template-columns:1fr 1fr;gap:30px}.double .art{aspect-ratio:1.35}.double .art img{width:100%;height:100%;object-fit:cover}.double .feature-caption h3{font-size:36px}.double .eyebrow{font-size:11px}.friend{background:#ffb642;color:#141414;padding:32px 40px 40px;margin-top:8px;overflow:hidden}.friend-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em}.pill{border:1px solid #141414;padding:9px 13px;border-radius:30px}.friend h3{font-family:Kievit,Arial,sans-serif;font-size:clamp(65px,15.8vw,260px);letter-spacing:-.065em;line-height:1;margin:45px 0 38px}.asterisk{font-family:Arial,sans-serif;font-weight:400;color:#f6f0e0}.friend-bottom{border-top:1px solid #14141470;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.friend-bottom>p{font-size:24px;font-weight:bold;margin:0;line-height:1.25}.friend-bottom>div p{font-size:14px;max-width:240px;line-height:1.5}.dark-button{background:#151515;border:1px solid #151515;color:white;padding:16px 20px;font-size:14px}.dark-button span{margin-left:25px}.dark-button:hover{background:#333}.about{display:grid;grid-template-columns:1fr 2fr;padding:100px 4%;gap:40px}.about>.eyebrow{color:#ffb642}.about h2{font-family:Kievit,Arial,sans-serif;font-size:clamp(36px,4.5vw,75px);letter-spacing:-.04em;line-height:1.04;margin:0 0 30px}.about div p{color:#aaa;line-height:1.75;max-width:610px;font-size:18px}footer{border-top:1px solid #333;padding:38px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:180px}footer p,footer span,footer a{font-size:12px;color:#aaa}footer p{letter-spacing:.12em}dialog{padding:0;max-width:900px;width:calc(100% - 32px);max-height:90vh;border:1px solid #555;background:#151515;color:white}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid #fff6;background:#111c;color:#fff;border-radius:50%;font-size:30px;z-index:2}#dialog-art img{width:100%;max-height:50vh;object-fit:cover;display:block}.dialog-copy{padding:30px}.dialog-copy h2{font-family:Kievit,Arial,sans-serif;font-size:44px;margin:12px 0}.dialog-copy>p:last-child{font-size:18px;line-height:1.6;color:#bbb}.friend-dialog{background:#ffb642;color:#111;font-family:Kievit,Arial,sans-serif;font-size:clamp(45px,12vw,130px);padding:70px 30px;letter-spacing:-.06em}.skip{position:fixed;top:-100px;background:#ffb642;color:black;padding:15px;z-index:10}.skip:focus{top:10px}@media(min-width:1800px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:900px){.header-note{display:none}nav{gap:20px}.intro{padding-top:40px}.double{gap:20px}.double .feature-caption{align-items:flex-start}.double .feature-caption h3{font-size:29px}.double .eyebrow{max-width:200px}.friend-bottom>div{display:none}.about{grid-template-columns:1fr;gap:25px}footer p{display:none}}@media(max-width:600px){header{padding:20px 5%;gap:15px}.brand{width:155px}nav{gap:15px;font-size:12px}nav a:last-child{display:none}.intro{padding:35px 5%}.intro>.eyebrow{font-size:10px}.intro>.eyebrow span:last-child{display:none}.intro h1{font-size:13vw;line-height:1;margin:25px 0}.intro-bottom{align-items:flex-start;gap:20px;flex-direction:column}.intro-bottom p{font-size:16px}.round-link span{width:34px;height:34px}.worlds{padding:0 5%}.section-top>span{display:none}.feature:first-of-type .art{aspect-ratio:1.3}.art-index{top:12px;left:12px;font-size:10px}.feature-caption{flex-wrap:wrap;padding-bottom:35px;gap:10px}.feature-caption>p{display:none}.feature-caption h3{font-size:32px}.feature-caption .eyebrow{font-size:10px}.double{grid-template-columns:1fr}.double .feature-caption h3{font-size:32px}.double .eyebrow{max-width:none}.friend{padding:22px}.friend-top{font-size:10px;gap:12px}.pill{font-size:9px;padding:8px}.friend h3{font-size:17vw;margin:40px 0}.friend-bottom{align-items:flex-start;flex-direction:column}.friend-bottom>p{font-size:22px}.about{padding:65px 5%}.about div p{font-size:16px}footer{padding:28px 5%;flex-wrap:wrap}footer img{width:150px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}

.friend-feature .art img{width:100%;height:auto}.friend-feature .feature-caption>p{color:#ffb642}@media(max-width:600px){.friend-feature .art-index{background:#111e}.friend-feature .art img{aspect-ratio:2/3;object-fit:contain}}

/* Rich red brand masthead and full-width show collection. */
header{background:#690500;border-bottom-color:#ffffff25}
.header-note{color:#edd5d2}
.intro{background:radial-gradient(ellipse at 52% 20%,#990a02 0%,#780600 55%,#580400 100%)}
.intro>.eyebrow,.intro-bottom p{color:#f1d6d2}
.round-link span{border-color:#efc4bc}
.worlds{padding:0}
.section-top{margin:0 4%;padding:28px 0;border-top:0}
.feature .art,.feature:first-of-type .art{aspect-ratio:2.4}
.feature .art img,.feature:first-of-type .art img{width:100%;height:100%;object-fit:cover;object-position:center}
.feature .art picture{display:block;height:100%}
.feature-caption{padding:25px 4% 50px}
.art-index{left:4%}
#univoids .art img{object-position:center 57%}
#starfishman .art img{object-position:center 38%}
#aftermath .art img{object-position:center 34%}
@media(max-width:600px){.section-top{margin:0 5%}.feature .art,.feature:first-of-type .art{aspect-ratio:1.3}.feature.friend-feature .art{aspect-ratio:2/3}.feature.friend-feature .art img{object-fit:contain}.feature-caption{padding:22px 5% 35px}.art-index{left:5%}}

#univoids .art,#starfishman .art,#aftermath .art{aspect-ratio:1942/809}#univoids .art img,#starfishman .art img,#aftermath .art img{object-fit:contain;object-position:center}@media(max-width:600px){#univoids .art-index,#starfishman .art-index,#aftermath .art-index{top:8px;font-size:9px;padding:5px 8px}}

/* Short story moments between the banners; supplied frames slot alongside the copy. */
.intro h1{margin-top:0}.intro-bottom{justify-content:flex-end}
.story-beat{padding:64px 8% 76px;display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
.story-beat:has(figure){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.story-copy{max-width:520px}.story-copy h3{font-family:Kievit,Arial,sans-serif;font-size:36px;letter-spacing:-.025em;margin:0 0 14px}.story-copy p{font-size:20px;line-height:1.5;color:#c1bdbb;margin:0 0 18px}.story-copy .text-button{min-width:100px;display:flex;justify-content:space-between;align-items:center}
.story-beat figure{margin:0}.story-beat figure img{display:block;width:100%;height:auto}
@media(max-width:600px){.story-beat,.story-beat:has(figure){padding:36px 5% 46px;grid-template-columns:1fr;gap:26px}.story-copy h3{font-size:29px}.story-copy p{font-size:18px}.intro-bottom{align-items:flex-start}}

/* A single continuous red surface behind navigation and hero. */
.masthead{background:radial-gradient(ellipse at 52% 20%,#990a02 0%,#780600 55%,#580400 100%)}
.masthead header,.masthead .intro{background:transparent;border:0}
nav{font-family:"Kievit Regular","Trebuchet MS",Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.065em;font-size:15px}
.intro-bottom{justify-content:space-between;gap:40px}.intro-bottom p{max-width:640px;color:#f1d6d2;line-height:1.65}.round-link{flex-shrink:0}
.about{grid-template-columns:1fr;padding-left:8%}.story-copy{max-width:650px}.story-copy p{font-size:18px;line-height:1.75}
@media(max-width:600px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between;font-size:12px;gap:15px}nav a:last-child{display:block;max-width:135px}.intro-bottom{gap:20px}.intro-bottom p{font-size:16px}.story-copy p{font-size:17px}}

/* Intelo across the site, with a lighter navigation weight. */
@font-face{font-family:Intelo;src:url('assets/intelo-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Intelo;src:url('assets/intelo-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Intelo;src:url('assets/intelo-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Intelo;src:url('assets/intelo-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
body,nav,.intro h1,.story-copy h3,.about h2,.dialog-copy h2{font-family:Intelo,Arial,sans-serif}
nav{font-weight:500}.intro h1{font-weight:800}.story-copy h3,.about h2,.dialog-copy h2{font-weight:700}

.story-beat:has(.story-carousel){grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
.story-carousel{min-width:0;outline-offset:8px}.story-carousel:focus-visible{outline:2px solid #ffb642}.carousel-stage{aspect-ratio:1672/941;background:#161616;touch-action:pan-y}.carousel-slide{height:100%;margin:0}.carousel-slide[hidden]{display:none}.story-beat .carousel-slide img{width:100%;height:100%;object-fit:contain}.carousel-controls{display:flex;justify-content:space-between;align-items:center;padding-top:15px;gap:20px}.carousel-controls button{background:transparent;color:#f3f2ec;border:1px solid #555;padding:10px 16px;min-height:44px;font:inherit;font-size:14px}.carousel-controls button:hover{border-color:#ffb642;color:#ffb642}.carousel-count{font-size:14px;color:#bbb;font-variant-numeric:tabular-nums}
@media(max-width:760px){.story-beat:has(.story-carousel){grid-template-columns:1fr;gap:30px}}

#univoids .carousel-stage{aspect-ratio:3/2}

.comic-carousel{width:100%;max-width:490px;justify-self:center}.comic-carousel .carousel-stage{aspect-ratio:1988/3075}.comic-carousel .carousel-slide a{display:block;height:100%}.carousel-hint{font-size:14px;color:#bbb;margin:14px 0 0;text-align:center}

#glacierfox .art{aspect-ratio:1942/809}#glacierfox .art img{object-fit:contain;object-position:center}