/* Waifu Kombat: story-first showcase. */
:root{--story-soft:#c5c5d2;--story-line:#30323f}
.site-header .header-inner{gap:25px}.site-header nav{gap:26px}
.story-hero{position:relative;isolation:isolate;overflow:hidden;background:#090a10;min-height:760px;border-bottom:1px solid #333445}
.hero-world{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% center;opacity:.85}
.hero-veil{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#090a10f7 0%,#090a10dc 32%,#090a1073 62%,#090a1033 100%),linear-gradient(0deg,#090a10 0%,#090a1000 32%,#090a1044 100%)}
.hero-inner{padding-top:31px;padding-bottom:24px;position:relative}
.hero-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-topline .eyebrow{margin:0}
.alpha-label{display:flex;gap:10px;align-items:center;border:1px solid #636379;background:#0d0f18ba;border-radius:3px;padding:7px 11px;font-size:.7rem;letter-spacing:.08em;font-weight:700;color:#e4e3ed}.alpha-label i,.status-dot{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 10px #42e8ee77;border-radius:50%;flex-shrink:0}
.hero-logo{width:330px;height:auto;margin:32px 0 18px;filter:drop-shadow(0 0 30px #fa389d26)}
.story-hero h1{font-size:clamp(3.5rem,5.6vw,5.4rem);line-height:1.22;font-style:normal;max-width:900px;letter-spacing:.01em;text-shadow:0 3px 24px #0009}.story-hero h1 span{color:var(--cyan)}
.hero-description{font-size:1.12rem;line-height:1.8;max-width:580px;color:#d0d0dc;margin-top:24px;text-wrap:pretty}
.hero-actions{display:flex;gap:28px;align-items:center;margin-top:27px}.hero-actions .button{gap:32px}.hero-actions .button span{font-size:1.5rem;line-height:1}.hero-secondary{display:flex;gap:18px;align-items:center;font-size:.9rem;border-bottom:1px solid #7d7789;padding:8px 0;color:#e4dfec}.hero-secondary:hover{color:var(--cyan);border-color:var(--cyan)}
.hero-footer{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-top:56px;padding-top:20px;border-top:1px solid #ffffff29}.hero-footer>p{font-size:.75rem;font-weight:800;color:var(--pink);letter-spacing:.08em}.hero-footer>p>span{display:block;margin-top:3px;font-weight:400;color:#b8b6c6;letter-spacing:0;font-size:.875rem}.scroll-hint{display:flex;gap:20px;align-items:center;font-size:.7rem;letter-spacing:.1em;color:#b9b7c7}.scroll-hint span{font-size:1.4rem;color:var(--cyan)}
.feature-navigation{display:flex;justify-content:space-between;gap:18px;padding-block:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.feature-navigation a{display:flex;gap:12px;font-size:.9rem;font-weight:700;align-items:center;padding:4px 0}.feature-navigation a>span{font:400 .7rem/1 monospace;color:#7c7c91}.feature-navigation a:hover{color:var(--cyan)}
.ravenbay-section{padding-top:95px;padding-bottom:75px}.ravenbay-section .section-heading>p{max-width:400px;font-size:1.12rem;line-height:1.8}.ravenbay-section h2{font-size:clamp(3rem,5vw,4.6rem)}
.world-map{background:#11131c;border:1px solid #3a3f4c;box-shadow:0 20px 90px #0005;position:relative}.map-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 20px;border-bottom:1px solid #353846}.map-title{font-weight:800;font-size:.85rem;letter-spacing:.08em}.map-title>span{font-weight:400;color:#a0a3b7;font-size:.7rem;letter-spacing:.04em}.map-toggle{display:flex;border:1px solid #414553;padding:3px;gap:3px;border-radius:4px}.map-toggle button{padding:7px 19px;border:0;border-radius:2px;background:transparent;color:#b5b6c6;font-size:.8rem;min-width:68px}.map-toggle button[aria-pressed=true]{background:var(--cyan);color:#071319;font-weight:800}.map-toggle button:hover{color:#fff;background:#2a3240}.map-toggle button[aria-pressed=true]:hover{color:#071319;background:#80f8fa}
.map-viewport{position:relative;aspect-ratio:2560/858;overflow:hidden}.map-viewport img{width:100%;height:100%;object-fit:cover;transition:opacity .65s ease}.map-night{position:absolute;inset:0;opacity:0}.world-map[data-time=night] .map-night{opacity:1}.world-map[data-time=night] .map-day{opacity:0}.map-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 20px;color:#9c9eb1;font-size:.7rem;letter-spacing:.06em}.map-caption .text-button{font-size:.75rem;padding:0;gap:14px;border:0}.map-caption .text-button>span{font-size:1.2rem}
.ravenbay-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:38px}.feature-index{color:var(--cyan);font:400 .75rem/1.5 monospace;letter-spacing:.06em}.ravenbay-features h3{font-size:1.2rem;margin:12px 0 13px;letter-spacing:.01em}.ravenbay-features p{font-size:1rem;line-height:1.85;color:#b2b3c5}
.story-status{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem;line-height:1.7;color:#9fa3b7}.story-status .status-dot{align-self:center;box-shadow:none}.story-status strong{font-weight:600;color:#d6d9e7}
.awareness-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 26%,#31142940,transparent 40%),radial-gradient(ellipse at 91% 72%,#10353c33,transparent 38%);border-block:1px solid #252634;padding-top:90px;padding-bottom:80px}.awareness-section .section-heading{margin-bottom:24px}.awareness-section h2{font-size:clamp(2.65rem,4.8vw,4.35rem)}
.context-intro{max-width:790px;font-size:1.12rem;line-height:1.85;color:var(--story-soft);text-wrap:pretty}
.illustrated-feature{display:grid;align-items:center;gap:30px;grid-template-columns:1.3fr .85fr;margin-top:30px}.feature-art{margin:0;min-width:0;position:relative}.feature-art img{width:100%;height:auto}.feature-art figcaption{font-size:.72rem;color:#818698;line-height:1.6;text-align:center;margin-top:-4px;position:relative}.awareness-feature .feature-art{width:112%;margin-left:-8%;margin-right:-4%}.feature-story-copy{position:relative;z-index:1;padding-block:35px}.feature-story-copy .eyebrow{font-size:.72rem;margin-bottom:16px}.feature-story-copy h3{font-family:var(--display);font-size:clamp(2.2rem,3.25vw,3.2rem);font-weight:700;letter-spacing:.01em;line-height:1.22;text-wrap:balance;margin-bottom:24px}.feature-story-copy>p:not(.eyebrow){font-size:1.06rem;line-height:1.85;color:var(--story-soft)}.feature-story-copy .feature-emphasis{margin-top:20px;padding-left:17px;border-left:2px solid var(--pink);color:#e2dbe5!important}
.context-overview{margin-top:55px;padding:29px 0 35px;border-block:1px solid #363240}.context-overview-heading{display:flex;gap:20px;justify-content:space-between;align-items:baseline;margin-bottom:25px}.context-overview-heading h3{font-size:1.15rem}.context-overview-heading p{font-size:.85rem;color:#9a97ad}.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.context-feature{border:1px solid #383340;background:#13111c66;min-width:0}.context-feature summary{display:flex;align-items:center;gap:12px;padding:18px 16px;cursor:pointer;list-style:none;min-height:66px;font-size:.94rem;font-weight:700}.context-feature summary::-webkit-details-marker{display:none}.context-feature summary b{margin-left:auto;font-size:1.2rem;font-weight:400;color:#a9a3b6;flex-shrink:0}.context-feature summary:hover{background:#251a2e;color:var(--pink)}.context-feature[open]{border-color:#82506b}.context-feature[open] summary b{transform:rotate(45deg);color:var(--pink)}.context-detail{padding:0 20px 24px}.mode-badge{font-size:.62rem;letter-spacing:.08em;color:#bc94aa}.context-detail h3{font-size:1rem;line-height:1.45;margin:10px 0}.context-detail p{font-size:.925rem;line-height:1.8;color:#b8b2c4}
.date-feature{grid-template-columns:.85fr 1.3fr;margin-top:65px;gap:30px}.date-feature .feature-art{width:112%;margin-right:-9%;margin-left:-3%}.decision-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.decision-options span{font-size:.73rem;border-bottom:1px solid #5a4455;padding:4px 0;margin-right:12px;color:#c2b4c4}
.chat-possibilities{max-width:900px;margin:65px auto 0;text-align:center}.chat-possibilities .eyebrow{justify-content:center}.chat-possibilities h3{font-size:1.7rem;line-height:1.25;letter-spacing:.01em;margin-bottom:20px}.chat-possibilities>p:not(.eyebrow){font-size:1.05rem;line-height:1.85;color:#b9bdce}.chat-possibility-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}.chat-possibility-tags span{font-size:.76rem;color:#c4e0e4;border:1px solid #314750;padding:7px 12px;background:#11232b60}
.kombat-section .section-heading h2{font-size:clamp(2.5rem,4.5vw,4rem)}.personal-section{padding-top:95px}.personal-section .section-heading>p{max-width:430px}.personal-section .chat-copy>p{line-height:1.85}.hero-secondary,.scroll-hint,.feature-navigation a,.feature-navigation a>span,.map-toggle button{transition:color .2s,background .2s}
@media(min-width:1600px){.story-hero{min-height:830px}.hero-logo{width:370px;margin-top:40px}.hero-footer{margin-top:65px}.hero-description{font-size:1.18rem}.illustrated-feature{gap:50px}.feature-story-copy>p:not(.eyebrow){font-size:1.12rem}}
@media(max-width:1100px){.site-header .header-inner{gap:18px}.site-header nav{gap:20px}.story-hero{min-height:720px}.hero-logo{width:300px;margin-top:30px}.hero-footer{margin-top:42px}.ravenbay-features{gap:25px}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-story-copy h3{font-size:2.4rem}.feature-story-copy>p:not(.eyebrow){font-size:1rem}.illustrated-feature{grid-template-columns:1.1fr 1fr;gap:24px}.date-feature{grid-template-columns:1fr 1.1fr}.feature-navigation{gap:18px 23px}.feature-navigation a{font-size:.85rem;gap:9px}}
@media(max-width:800px){.site-header .header-inner{gap:15px}.site-header nav{gap:0}.hero-inner{padding-top:25px}.hero-topline{align-items:flex-start}.hero-topline .eyebrow{font-size:.65rem}.alpha-label{font-size:.6rem;letter-spacing:.03em;padding:5px 8px}.story-hero{min-height:auto}.hero-world{object-position:67% center;opacity:.65}.hero-veil{background:linear-gradient(90deg,#090a10e8,#090a1070),linear-gradient(0deg,#090a10,transparent 60%)}.hero-logo{width:285px;margin-top:32px}.story-hero h1{font-size:clamp(3.2rem,7.6vw,4.2rem)}.hero-description{font-size:1.05rem;max-width:560px}.hero-footer{margin-top:42px}.feature-navigation{justify-content:flex-start;gap:16px 24px;padding-block:20px}.ravenbay-section{padding-top:65px;padding-bottom:55px}.map-toolbar{padding:12px 15px}.map-viewport{aspect-ratio:auto;height:280px}.map-viewport img{object-position:64% center}.ravenbay-features{gap:26px;grid-template-columns:1fr}.ravenbay-features>div{display:grid;grid-template-columns:30px 1fr;gap:0 15px}.ravenbay-features .feature-index{grid-row:1/3;margin-top:5px}.ravenbay-features h3{margin:0 0 8px}.ravenbay-features p{grid-column:2}.story-status{display:block;font-size:.8rem}.story-status .status-dot{display:inline-block;margin-right:5px}.awareness-section{padding-block:65px}.context-intro{font-size:1.05rem}.illustrated-feature,.date-feature{grid-template-columns:1fr;gap:0;margin-top:20px}.feature-story-copy{padding:25px 0 15px;max-width:600px}.awareness-feature .feature-art,.date-feature .feature-art{width:108%;margin-inline:-4%}.feature-art figcaption{margin-top:-3px}.feature-story-copy h3{font-size:2.8rem;max-width:550px}.feature-story-copy>p:not(.eyebrow){font-size:1.05rem}.date-feature{margin-top:45px}.date-feature .feature-art{grid-row:1}.context-overview{margin-top:30px}.context-overview-heading{display:block}.context-overview-heading p{margin-top:10px}.context-grid{gap:10px}.context-feature summary{font-size:.875rem;padding:15px 12px;gap:10px}.chat-possibilities{margin-top:45px}.personal-section{padding-top:65px}.feature-story-copy .feature-emphasis{margin-top:16px}.ravenbay-section .section-heading>p{max-width:550px}}
@media(max-width:520px){.site-header .header-inner{gap:10px}.hero-topline{gap:12px}.hero-topline .eyebrow{font-size:.58rem;letter-spacing:.1em}.alpha-label{font-size:.55rem;padding:5px;gap:5px}.alpha-label i{width:5px;height:5px}.hero-logo{width:245px;margin-top:29px;margin-bottom:24px}.story-hero h1{font-size:clamp(2.65rem,9vw,3.4rem);line-height:1.22}.hero-description{font-size:1rem;line-height:1.75;margin-top:21px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px;margin-top:24px}.hero-actions .button{width:100%;justify-content:space-between;padding-inline:20px}.hero-secondary{font-size:.85rem}.hero-footer{margin-top:32px;align-items:center;padding-top:18px}.hero-footer>p{font-size:.63rem;letter-spacing:.03em}.hero-footer>p>span{font-size:.8rem}.scroll-hint{font-size:0;gap:0}.scroll-hint span{font-size:1.5rem}.feature-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;padding-block:20px}.feature-navigation a{font-size:.75rem;gap:7px;white-space:nowrap}.feature-navigation a>span{font-size:.6rem}.ravenbay-section h2{font-size:3rem}.ravenbay-section .section-heading>p{font-size:1rem}.map-title{font-size:.75rem}.map-title>span{display:none}.map-toggle button{padding:6px 12px;min-width:55px}.map-toolbar{padding:10px 12px}.map-viewport{height:240px}.map-caption{padding:10px 12px;font-size:.6rem;letter-spacing:.01em}.map-caption .text-button{font-size:.7rem;gap:8px}.ravenbay-features{margin-top:28px}.ravenbay-features p{font-size:.95rem}.story-status{line-height:1.8}.awareness-section h2{font-size:clamp(2.3rem,8.3vw,2.85rem);line-height:1.22}.context-intro{font-size:1rem;line-height:1.8}.illustrated-feature{margin-top:28px}.awareness-feature .feature-art,.date-feature .feature-art{width:112%;margin-inline:-6%}.feature-art figcaption{font-size:.65rem;max-width:90%;margin:2px auto 0}.feature-story-copy{padding-top:25px}.feature-story-copy h3{font-size:2.55rem;margin-bottom:19px}.feature-story-copy .eyebrow{font-size:.64rem}.feature-story-copy>p:not(.eyebrow){font-size:1rem;line-height:1.85}.context-grid{grid-template-columns:1fr;gap:9px}.context-feature summary{padding:15px 17px;min-height:60px;font-size:.95rem;gap:14px}.context-detail{padding-inline:20px}.context-overview{padding-top:24px}.context-overview-heading h3{font-size:1.1rem;line-height:1.4}.context-overview-heading p{font-size:.8rem}.chat-possibilities{margin-top:35px;text-align:left}.chat-possibilities .eyebrow{justify-content:flex-start}.chat-possibilities h3{font-size:1.55rem}.chat-possibilities>p:not(.eyebrow){font-size:1rem}.chat-possibility-tags{justify-content:flex-start;gap:8px}.chat-possibility-tags span{font-size:.72rem;padding:6px 9px}.decision-options{gap:5px}.decision-options span{font-size:.7rem}.awareness-section{padding-bottom:60px}.date-feature{margin-top:35px}}
@media(max-width:520px){.kombat-section .section-heading h2{font-size:clamp(1.6rem,7.4vw,2.25rem);line-height:1.22}.kombat-section .section-heading>div{min-width:0}}
.hero-format{color:var(--pink);font-size:.8rem;font-weight:800;letter-spacing:.14em;margin:0 0 16px}
.hero-description{max-width:660px}
.hero-experiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px;padding-block:22px 8px;border-top:1px solid #ffffff30}
.hero-experiences>a{display:flex;flex-direction:column;gap:8px;min-width:0;padding:6px 0 10px;color:#b7b9ca;font-size:.85rem;line-height:1.5}
.experience-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f0f0f7;font-size:1.35rem;font-weight:800;line-height:1.2}
.experience-title b{font-size:1.25rem;font-weight:400;color:var(--cyan)}
.hero-experiences>a:first-child .experience-title b{color:var(--pink)}
.hero-experiences>a:hover .experience-title{color:var(--cyan)}
.kombat-journal{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.hero-experiences{gap:18px;margin-top:28px}.experience-title{font-size:1.12rem}.hero-experiences>a{font-size:.78rem}.kombat-journal{grid-template-columns:1fr}}
@media(max-width:520px){.hero-format{font-size:.64rem;letter-spacing:.08em;margin-bottom:16px}.hero-experiences{grid-template-columns:1fr;gap:0;padding-top:8px;margin-top:25px}.hero-experiences>a{display:grid;grid-template-columns:1fr;gap:5px;padding:13px 0;border-bottom:1px solid #ffffff17}.hero-experiences>a:last-child{border-bottom:0}.experience-title{font-size:1.1rem}.hero-experiences>a{font-size:.83rem}.site-header .wordmark{font-size:1.05rem;letter-spacing:-.8px}}
@media(prefers-reduced-motion:reduce){.map-viewport img{transition:none}}