.stalker-page{background:radial-gradient(ellipse at 15% 5%,#292039 0,transparent 35%),#100e15;color:#e6dfd4}.stalker-page header{position:relative;background:#100d17;border-bottom:1px solid #66502d}.stalker-content{max-width:1180px;margin:auto;padding:65px 32px 100px}.stalker-cover{text-align:center}.stalker-cover h1,.stalker-section h2{font-family:CloudyMega,"Cormorant Garamond",serif;color:#d6bd84;font-weight:400;line-height:1.25}.stalker-cover h1{font-size:clamp(32px,4vw,60px);margin:18px 0 36px}.stalker-cover>img{display:block;width:100%;height:auto;border:1px solid #6c573a;border-radius:6px}.stalker-cover .stalker-prose{max-width:850px;margin:45px auto;text-align:left}.stalker-section{padding:65px 0;border-top:1px solid #57432e;margin-top:30px}.stalker-section>h2{font-size:clamp(28px,3vw,42px);text-align:center;margin:0 0 36px}.stalker-prose p{font-size:17px;line-height:1.85;color:#cfc7d3;margin:0 0 20px;white-space:pre-line}.stalker-prose h3{font-family:"Cormorant Garamond",serif;font-size:29px;color:#d6bd84;margin:30px 0 15px}.stalker-document{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:48px;align-items:start}.stalker-art img{width:100%;height:auto;display:block;border:1px solid #57432e;border-radius:5px;margin-bottom:24px}.stalker-video{width:100%;aspect-ratio:16/9;border:1px solid #57432e;background:#08070b;display:block}.video-link{display:inline-block;margin-top:16px;color:#d6bd84}.concept-title{display:block;max-width:800px;width:100%;margin:auto;height:auto}.stalker-section>p{line-height:1.8;color:#cfc7d3}.stalker-section .button{margin-top:20px}.art-link:focus-visible,.video-link:focus-visible{outline:2px solid #d6bd84;outline-offset:6px}@media(max-width:750px){.stalker-document{grid-template-columns:1fr;gap:20px}.stalker-content{padding:35px 20px 60px}.stalker-section{padding:40px 0}.stalker-art{max-width:520px;margin:auto}.stalker-prose p{font-size:16px}}
.stalker-cover h1,.stalker-section h2{letter-spacing:.08em}

/* Distribute level artwork alongside the full document. */
.level-layout{align-items:stretch}
.level-layout>.stalker-art{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-width:0}
.level-layout>.stalker-art .art-link{display:block}
.level-layout>.stalker-art img{margin-bottom:0}
@media(max-width:750px){.level-layout>.stalker-art{gap:24px}}

/* Consistent character portraits and concise introductions. */
.character-section .character-layout{grid-template-columns:320px minmax(0,1fr);gap:56px;align-items:start}
.character-section .stalker-art{width:320px;max-width:100%;background:#000;border-radius:50%}
.character-section .art-link{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#000;border:0}
.character-section .stalker-art img{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0;margin:0}
.character-section .art-link:focus-visible{outline:3px solid #b394df;outline-offset:6px}
.character-section h2{font-size:clamp(28px,3vw,40px);margin:8px 0 12px;overflow-wrap:break-word}
.character-section .character-role{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#b9a0d0;line-height:1.6;margin:0 0 22px}
.character-section .character-intro{max-width:640px;margin-bottom:22px}
.character-lore summary{cursor:pointer;color:#d6bd84;padding:8px 0;font-size:16px;width:fit-content}
.character-lore summary:focus-visible{outline:2px solid #b394df;outline-offset:5px}
.character-lore[open] summary{margin-bottom:22px}
.character-lore p{font-size:16px}
#stalker-section-7 .stalker-art img{object-position:50% 20%;transform:scale(1.35);transform-origin:50% 25%}
#stalker-section-8 .stalker-art img{object-position:50% 12%}
#stalker-section-9 .stalker-art img{object-position:50% 0%;transform:scale(1.65);transform-origin:50% 25%}
#stalker-section-10 .stalker-art img{object-position:50% 45%;transform:scale(1.1)}
#stalker-section-11 .stalker-art img{object-position:60% 30%;transform:scale(1.12)}
#stalker-section-12 .art-link{position:relative}
/* Frame the embedded portrait, excluding the source image’s uneven black margins. */
#stalker-section-12 .stalker-art img{position:absolute;width:123.697917%;max-width:none;height:auto;left:-1.041667%;top:-30.729167%;transform:none}
@media(max-width:750px){.character-section .character-layout{grid-template-columns:1fr;gap:28px}.character-section .stalker-art{width:min(280px,100%);margin:0 auto}.character-section h2{text-align:center}.character-section .character-role{text-align:center}}

.development-invite{margin-top:70px;padding:48px 40px;background:radial-gradient(ellipse at 25% 40%,#342044,transparent 65%),#100d16;border-block:1px solid #66502d;border-radius:12px;display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}
.development-collage{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;max-width:390px;margin:auto}
.collage-portrait{display:block;width:110px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 8px 20px #0009}
.collage-portrait:nth-child(2){width:130px}.collage-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.portrait-7 img{transform:scale(1.35);transform-origin:50% 25%}.portrait-8 img{object-position:50% 12%}.portrait-10 img{object-position:50% 45%;transform:scale(1.1)}.portrait-11 img{object-position:60% 30%;transform:scale(1.12)}
.development-invite h2,.development-header h1,.development-next h2{font-family:CloudyMega,"Cormorant Garamond",serif;letter-spacing:.08em;font-weight:400;line-height:1.35;color:#d6bd84;font-size:clamp(28px,3vw,40px);margin:14px 0 22px}
.development-invite p,.development-header>p,.development-next p{color:#cfc7d3;line-height:1.8}.development-invite .eyebrow,.development-header .eyebrow{color:#b9a0d0;font-size:12px;letter-spacing:.18em}
.development-invite .button,.development-next .button{display:inline-block;margin-top:16px}.development-header{max-width:850px;margin:auto}.development-header .eyebrow{margin-top:40px}.development-header h1{font-size:clamp(34px,4vw,54px)}.development-next{padding:30px 0;text-align:center}
@media(max-width:850px){.development-invite{grid-template-columns:1fr;padding:32px 22px;gap:24px}.development-invite-copy{text-align:center}.development-collage{max-width:360px}.collage-portrait{width:90px}.collage-portrait:nth-child(2){width:110px}}



.stalker-contact{margin:64px 0 0;text-align:center}.stalker-contact>a{display:block;text-decoration:none}.stalker-contact img{display:block;width:100%;height:auto;border-radius:6px}.stalker-contact .button{display:inline-block;margin-top:24px}.stalker-contact>a:focus-visible{outline:3px solid #b394df;outline-offset:6px}

/* Atmospheric scenery stays confined to the title section. */
.stalker-title-scene{position:relative;isolation:isolate;overflow:hidden;width:100%;border-radius:8px;background:#100e15}
.stalker-title-scene::before{content:"";position:absolute;inset:0;z-index:-1;background:url('images/stalker-misty-background.png') center/cover no-repeat;opacity:.38}
.stalker-title-scene>img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 14%,#000 83%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 83%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in}