@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#0b1024;--cyan:#49c4d6;--blue:#1d49de;--violet:#8d68f4;--paper:#f9f8ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:linear-gradient(180deg,#49c4d6 0%,#349ee0 52%,#1d49de 100%)}.site-header{min-height:142px;padding:20px clamp(24px,6vw,110px);border-bottom:5px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:36px}.brand img{display:block;width:270px;max-width:42vw}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px}.site-header nav a{font:12px 'DM Mono',monospace;letter-spacing:.07em;color:var(--ink);text-decoration:none}.site-header nav a:hover,.site-header nav .active{color:#5b2ccf;text-decoration:underline;text-underline-offset:7px}
.story-hero{max-width:1090px;margin:auto;padding:90px 48px 75px}.back-link{display:inline-block;color:var(--ink);text-decoration:none;font:11px 'DM Mono',monospace;letter-spacing:.08em;margin-bottom:75px}.back-link:hover{text-decoration:underline}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.12em;margin:0 0 19px}.story-hero h1,.story-close h2{margin:0;letter-spacing:-.075em;line-height:.9;font-size:clamp(62px,8vw,118px);font-weight:800}.story-hero h1 span,.story-close h2 span{color:#5b2ccf}.deck{max-width:515px;margin:30px 0 0;line-height:1.7;font-size:17px}
.story-card{max-width:1040px;margin:0 auto 120px;background:rgba(249,248,255,.97);border:2px solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:16px 19px 0 rgba(11,16,36,.23)}.story-image{height:540px;margin:0;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.story-content{max-width:780px;padding:55px clamp(28px,7vw,90px) 70px}.story-content p{margin:0 0 29px;font-size:17px;line-height:1.85}.story-content p:last-child{margin-bottom:0}.story-content a{color:#5b2ccf;font-weight:800}.story-close{background:var(--ink);padding:70px max(48px,calc((100vw - 1080px)/2));display:grid;grid-template-columns:.62fr 1fr;align-items:center;gap:80px;color:#fff}.story-close img{max-height:310px;max-width:100%;margin:auto;display:block}.story-close h2{font-size:clamp(46px,5vw,78px)}.story-close h2 span{color:var(--cyan)}.button{display:inline-block;margin-top:30px;padding:16px 20px;background:var(--cyan);color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}.button b{color:#5b2ccf;font-size:18px;margin-left:6px}footer{padding:38px clamp(24px,6vw,110px);background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:180px;mix-blend-mode:screen}footer p,footer a{margin:0;color:#fff;text-decoration:none;font:11px 'DM Mono',monospace;letter-spacing:.07em}
@media(max-width:800px){.site-header{min-height:auto;display:block}.brand img{width:245px;max-width:100%}.site-header nav{justify-content:flex-start;margin-top:20px;gap:16px}.story-hero{padding:60px 24px}.back-link{margin-bottom:55px}.story-card{margin:0 24px 80px}.story-image{height:370px}.story-content{padding:37px 27px 45px}.story-content p{font-size:16px}.story-close{padding:70px 24px;grid-template-columns:1fr;gap:38px}.story-close img{max-height:250px;grid-row:2}footer{display:grid;justify-content:flex-start}}
