/* Menethil: the same ground, type and hairlines as the Windrunner pitch page (wr-frontend/src/pitch),
   cut down to one screen and a band of three cells. */
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url('/fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-weight:500;font-display:swap;src:url('/fonts/inter-tight-500.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-weight:400;font-display:swap;src:url('/fonts/geist-mono-400.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-weight:500;font-display:swap;src:url('/fonts/geist-mono-500.woff2') format('woff2')}

:root{--bg:#0a0a0a;--line:#333538;--soft-line:#1d1e20;--text:#e7e8e9;--muted:#8c9094;--body:#a3a7ab;--lit:#ff8a2a;
 --gutter:max(28px,calc((100% - 1320px)/2));--mono:'Geist Mono',ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
::selection{background:var(--lit);color:#111}

/* top bar, as .wn-nav */
.mn-nav{position:fixed;inset:0 0 auto;z-index:10;height:64px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;
 font:12px/16px var(--mono);text-transform:uppercase;border-bottom:1px solid transparent;transition:background-color .25s,border-color .25s}
.mn-nav.is-scrolled{background:#0a0a0ab8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#ffffff0d}
.mn-logo{display:flex;align-items:center;gap:10px;font:600 16px Inter,sans-serif;letter-spacing:-.4px;text-transform:none;color:#efefef}
.mn-logo svg{width:24px;height:24px;fill:none;stroke:var(--lit);stroke-width:1.6;stroke-linejoin:round}
.mn-cta{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:#fff;color:#000;transition:background-color .15s}
.mn-cta:hover{background:#d9dadb}

/* hairline grid fading in from the right, text bottom-left */
.mn-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:76px var(--gutter) clamp(24px,7vh,96px);overflow:hidden}
.mn-hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--soft-line) 1px,transparent 1px),linear-gradient(90deg,var(--soft-line) 1px,transparent 1px);
 background-size:64px 64px;background-position:center;-webkit-mask-image:radial-gradient(70% 80% at 85% 30%,#000,transparent);mask-image:radial-gradient(70% 80% at 85% 30%,#000,transparent)}
.mn-hero__body{position:relative;max-width:820px;animation:mn-rise .9s cubic-bezier(.2,.7,.2,1) both}
.mn-hero small{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mn-hero small b{color:var(--lit);font-weight:500;margin-right:8px}
.mn-hero h1{font:500 clamp(34px,min(6.4vw,9vh),92px)/1.02 'Inter Tight',Inter,Arial,sans-serif;letter-spacing:-.04em;margin:clamp(10px,2vh,20px) 0 clamp(14px,2.6vh,26px)}
.mn-hero p{max-width:560px;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.65;color:var(--body)}
@keyframes mn-rise{from{opacity:0;transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.mn-hero__body{animation:none}}

/* three cells under hairlines */
.mn-band{display:grid;grid-template-columns:repeat(3,1fr);margin-inline:var(--gutter);border-top:1px solid var(--line)}
.mn-cell{padding:clamp(16px,3vh,28px) 28px clamp(18px,4.5vh,56px) 0;min-width:0}
.mn-cell+.mn-cell{padding-left:28px;border-left:1px solid var(--soft-line)}
.mn-cell h2{margin:0 0 clamp(10px,1.8vh,18px);font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mn-cell p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--body);max-width:340px}
.mn-holding{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);background:#0d0e0f;transition:border-color .15s,background-color .15s}
.mn-holding:hover{border-color:var(--lit);background:#ff8a2a10}
.mn-holding b{display:block;font:500 17px 'Inter Tight',Inter,sans-serif;letter-spacing:-.02em}
.mn-holding small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.mn-holding i{font-style:normal;color:var(--lit)}
.mn-holding__mark{flex:none;width:30px;height:30px;padding:6px;border:1px solid var(--line);fill:none;stroke:var(--lit);stroke-width:1.6;stroke-linejoin:round}
.mn-holding>span{flex:1;min-width:0}
.mn-link{font:13px var(--mono);color:var(--text);border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .15s}
.mn-link:hover{border-color:var(--lit)}
.mn-cell dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0;font-size:13px}
.mn-cell dt{color:var(--muted)}
.mn-cell dd{margin:0;font-family:var(--mono);font-size:12.5px}

.mn-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-inline:var(--gutter);padding:clamp(12px,2.2vh,22px) 0 clamp(14px,3vh,30px);border-top:1px solid var(--soft-line);
 font:10.5px/1.6 var(--mono);color:#5d6064}
.mn-foot p{margin:0;max-width:640px}
.mn-foot>span{white-space:nowrap}

@media(max-width:820px){
 :root{--gutter:16px}
 .mn-band{grid-template-columns:1fr}
 .mn-cell,.mn-cell+.mn-cell{padding:24px 0 32px;border-left:0}
 .mn-cell+.mn-cell{border-top:1px solid var(--soft-line)}
 .mn-foot{flex-direction:column;align-items:flex-start;gap:14px}
}

/* on a desktop the whole page is one screen: the hero takes whatever height the band and footer leave,
   so the footer sits on the bottom edge (a window too short for it all still scrolls, to the footer and no further) */
@media(min-width:821px){
 body{min-height:100svh;display:flex;flex-direction:column}
 .mn-hero{flex:1;min-height:0}
}