:root{
  --navy:#05121e; --navy-2:#081a2a; --navy-3:#0c2131;
  --gold:#e4aa48; --gold-bright:#ffd17a; --gold-pale:#f6d89f;
  --gold-dim:rgba(222,159,58,.52); --red:#e3263b; --red-dark:#7b1226;
  --text:#f7f2e9; --subtle:#afb6bd; --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:91px}
body{margin:0;color:var(--text);background:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button, a{-webkit-tap-highlight-color:transparent}
::selection{background:#e9b45f;color:#04101b}
:focus-visible{outline:2px solid var(--gold-bright)!important;outline-offset:4px}
[hidden]{display:none!important}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:1000;top:-100px;left:14px;background:var(--gold-bright);color:var(--navy);font-weight:800;padding:12px 20px}
.skip-link:focus{top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 36px}
.line-icon{width:24px;height:24px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Header */
.site-header{height:72px;position:sticky;top:0;z-index:80;border-bottom:1px solid var(--gold-dim);background:rgba(4,15,25,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 5px 22px rgba(0,0,0,.18)}
.header-layout{height:100%;display:flex;gap:23px;align-items:center}
.header-brand{display:flex;gap:14px;align-items:center;flex-shrink:0;min-width:306px;color:var(--gold-bright);font:700 18px/1 Georgia,'Times New Roman',serif;letter-spacing:.035em;text-shadow:0 1px 1px #000,0 0 13px rgba(229,159,62,.12);white-space:nowrap}
.header-brand:hover{color:#fff0b8}
.header-emblem{display:block;width:45px;height:54px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(240,175,71,.17))}
.header-separator{height:32px;width:1px;background:var(--gold-dim);flex:none}
.nav{margin-left:auto;display:flex;align-items:center;gap:34px;height:100%}
.nav-link{position:relative;align-content:center;height:100%;font-size:13px;color:#ede7e2;letter-spacing:.025em;font-weight:700;white-space:nowrap;transition:color .18s}
.nav-link:after{content:'';position:absolute;bottom:11px;left:0;right:0;height:2px;background:var(--gold);opacity:0;transform:scaleX(.55);transition:opacity .18s,transform .18s}
.nav-link:hover,.nav-link.current{color:var(--gold-bright)}
.nav-link:hover:after,.nav-link.current:after{opacity:1;transform:scaleX(1)}
.header-tools{display:flex;align-items:center;gap:5px;margin-left:auto}
.icon-button{display:grid;place-items:center;width:36px;height:40px;color:#f3e6d0;border:0;background:transparent;transition:color .2s,background .2s;border-radius:4px}
.icon-button:hover{color:var(--gold-bright);background:rgba(232,177,77,.1)}
.icon-button .line-icon{width:20px;height:20px}
.menu-button,.menu-close{display:none}

/* Hero */
.hero{position:relative;isolation:isolate;min-height:322px;overflow:hidden;background:linear-gradient(105deg,#061521 0%,#061320 54%,#071521 100%)}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 600px 220px at 2% 80%,rgba(103,12,29,.36),transparent 75%),radial-gradient(ellipse 440px 250px at 97% 70%,rgba(143,13,34,.28),transparent 82%),linear-gradient(180deg,rgba(10,26,41,.06),rgba(0,8,16,.25));pointer-events:none}
.hero-nebula{position:absolute;inset:0;z-index:-2;background-image:url('crimson-nebula.webp');background-size:100% 100%;background-position:center;opacity:.92;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.11) 5px),radial-gradient(ellipse at center,transparent 53%,rgba(3,11,17,.26) 100%);opacity:.35;pointer-events:none}
.hero-watermark{position:absolute;width:365px;height:365px;right:3%;top:4px;object-fit:contain;opacity:.07;filter:grayscale(1) sepia(1) saturate(1.6);pointer-events:none;z-index:-1}
.hero-layout{display:grid;grid-template-columns:31.5% minmax(0,1fr);align-items:center;min-height:322px;gap:6px}
.hero-crest{position:relative;height:314px;display:flex;align-items:center;justify-content:center;padding:7px 0}
.crest-aura{position:absolute;inset:12px 0 6px;background:radial-gradient(ellipse 48% 58% at center,rgba(235,158,39,.28),transparent 75%);filter:blur(16px);pointer-events:none}
.hero-crest img{width:min(88%,274px);max-height:292px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(251,182,70,.4)) drop-shadow(0 0 23px rgba(208,86,27,.13));position:relative}
.hero-copy{text-align:center;padding:20px 0 24px;position:relative;z-index:1}
.hero-pretitle{margin:0 0 1px;color:#d1a758;letter-spacing:.39em;font-size:10px;font-weight:800}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:800;text-transform:uppercase;letter-spacing:.016em;line-height:.99;margin:0;font-size:clamp(46px,4.75vw,67px);text-shadow:1px 3px 0 rgba(39,19,4,.78),0 10px 30px rgba(0,0,0,.5)}
.hero h1>span{display:block;background:linear-gradient(180deg,#fff1b5 0%,#ffd278 24%,#da9e3e 57%,#f7c672 76%,#9c5a19 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero h1 .last-name{display:flex;align-items:center;justify-content:center;gap:24px;font-size:1.16em;line-height:1.04;white-space:nowrap}
.last-name i{width:65px;max-width:11%;height:13px;display:block;background:linear-gradient(180deg,#9e172f 0 32%,transparent 32% 48%,#c52b3c 48% 78%,transparent 78%);clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.last-name i:last-child{transform:scaleX(-1)}
.hero-overline{font-size:12px;font-weight:800;letter-spacing:.34em;color:var(--gold-bright);margin:10px 0 11px;white-space:nowrap}
.hero-overline b{font-size:8px;margin:0 8px;color:#cf8d2b}
.hero-description{font:italic 17px/1.37 Georgia,'Times New Roman',serif;letter-spacing:.025em;color:#e1ded9;margin:0 auto 18px}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:13px}
.action{min-height:47px;padding:0 21px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:900;font-size:12px;color:#ffe1a0;letter-spacing:.04em;border:1.5px solid var(--gold);border-radius:8px;background:rgba(6,20,35,.84);box-shadow:inset 0 0 0 1px rgba(247,218,146,.06);white-space:nowrap;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.action:hover,.action:focus-visible{transform:translateY(-3px);border-color:var(--gold-bright);background:#10283a;box-shadow:0 6px 25px rgba(236,173,59,.14)}
.action .line-icon{width:21px;height:21px}
.action-live{border-color:#fa3d46;background:linear-gradient(180deg,#5d0611,#220207);color:#fff0bf;box-shadow:0 0 19px rgba(232,31,46,.34),inset 0 0 0 1px rgba(246,59,59,.28)}
.action-live:hover{background:linear-gradient(180deg,#960e1a,#430813);border-color:#ff7272;box-shadow:0 0 27px rgba(232,31,46,.44)}

/* Featured stream */
.section-feature{padding-top:16px}
.stream-banner{min-height:110px;display:grid;grid-template-columns:35% 1fr auto;align-items:center;gap:25px;overflow:hidden;background:linear-gradient(120deg,rgba(9,26,39,.88),#071523);border:1px solid var(--gold);box-shadow:inset 0 0 0 1px rgba(217,155,60,.09),0 10px 34px rgba(0,0,0,.13);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}
.stream-art{height:100%;min-height:107px;background:linear-gradient(90deg,transparent 65%,rgba(5,19,30,.38)),url('stream-banner.webp') center 48%/cover;position:relative;border-right:1px solid rgba(229,172,75,.33)}
.image-flag{position:absolute;left:16px;top:13px;background:rgba(4,14,23,.88);border-radius:4px;padding:7px 10px 7px 24px;font-size:10px;font-weight:900;letter-spacing:.065em;color:#fff3e1}
.image-flag:before{content:'';height:9px;width:9px;background:var(--red);border-radius:50%;position:absolute;left:9px;top:10px;box-shadow:0 0 10px rgba(240,25,53,.5)}
.stream-copy{min-width:0;padding:13px 0 12px}
.eyebrow{display:block;color:var(--gold-bright);font-size:10px;letter-spacing:.32em;font-weight:900;text-transform:uppercase}
.stream-copy h2{font:700 20px/1.22 Georgia,'Times New Roman',serif;margin:5px 0 4px;white-space:normal;color:#f9f0de}
.stream-copy p{font-size:12px;color:#c8ced2;margin:0}
.small-outline{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:1px solid var(--gold);border-radius:5px;padding:10px 16px;color:var(--gold-bright);font-size:11px;letter-spacing:.03em;font-weight:900;margin:0 25px 0 0;transition:background .2s,transform .2s}
.small-outline:hover{background:#1c2930;transform:translateY(-2px)}
.small-outline .line-icon{width:14px;height:14px}

/* Main links */
.launchpad{padding-top:18px}
.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 14px}
.platform-card{border:1px solid var(--gold-dim);border-radius:9px;min-height:75px;background:linear-gradient(128deg,#071724,#0b1d2b 74%,#071623);display:flex;align-items:center;gap:14px;padding:9px 15px 9px 17px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;min-width:0}
.platform-card:hover{transform:translateY(-3px);border-color:var(--gold-bright);background:linear-gradient(115deg,#10273a,#122338 80%);box-shadow:0 9px 20px rgba(0,0,0,.3)}
.platform-icon{display:grid;place-items:center;width:49px;flex:0 0 49px}
.platform-icon .line-icon{width:36px;height:36px;stroke-width:2.3}
.twitch .platform-icon{color:#a26afc}.youtube .platform-icon{color:#fc313c}.spotify .platform-icon{color:#29d36f}.discord .platform-icon{color:#9cacf8}
.merch .platform-icon{color:#efa540}.substack .platform-icon{color:#ff783b}.podcast .platform-icon{color:#b665f7}.archive .platform-icon{color:#f7b546}
.platform-copy{min-width:0;display:grid;gap:1px}.platform-copy strong{font-size:14px;letter-spacing:.075em;line-height:1.25;white-space:nowrap}
.platform-copy small{color:#d0d1d3;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-arrow{font-size:24px;color:#ecc689;line-height:1;margin-left:auto;transition:transform .2s}
.platform-card:hover .card-arrow{transform:translateX(4px)}

/* Content cards */
.content-section{padding-top:30px;padding-bottom:42px}
.section-titlebar{display:flex;align-items:center;gap:17px;min-width:0}
.section-title{font-size:21px;letter-spacing:.14em;font-weight:900;color:#f6e0b8;white-space:nowrap;margin:0;line-height:1.2}
.slashes{display:inline-block;font-size:16px;letter-spacing:-.15em;color:var(--gold);margin-right:13px;transform:skewX(-20deg) translateY(-1px)}
.section-titlebar .rule{height:1px;min-width:30px;flex:1;background:linear-gradient(90deg,var(--gold),rgba(210,147,45,.55))}
.section-more{white-space:nowrap;display:flex;align-items:center;gap:9px;color:var(--gold-bright);font-weight:900;font-size:10px;letter-spacing:.06em}
.section-more:hover{text-decoration:underline}
.section-more span{font-size:23px;line-height:1}
.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:16px}
.media-card{min-width:0;display:block;transition:transform .18s}
.media-card:hover{transform:translateY(-4px)}
.media-image{position:relative;aspect-ratio:2.24/1;border:1px solid rgba(230,165,63,.46);border-radius:6px;overflow:hidden;background:#0f2432;box-shadow:0 5px 22px rgba(0,0,0,.25)}
.media-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(4,11,16,.7),transparent);pointer-events:none}
.media-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.media-card:hover .media-image img{transform:scale(1.055)}
.media-kind{position:absolute;right:7px;bottom:7px;z-index:1;padding:4px 8px;border:1px solid rgba(231,170,68,.65);border-radius:3px;background:rgba(4,15,24,.93);color:#ffd98f;font-size:9px;letter-spacing:.08em;font-weight:900}
.media-heading{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:9px;font-size:12px;color:#f7eee2;font-weight:850}
.media-heading .line-icon{width:16px;height:16px;fill:#dcb171;stroke-width:1.4;color:#dcb171}
.tiny-musical{font-size:20px;line-height:13px;color:var(--gold-bright)}
.media-description{display:block;font-size:11px;color:#acb4be;margin:5px 0 0 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gold-dot{color:var(--gold-bright)}

/* Project features */
.tools-section{position:relative;padding:36px 0 56px;background:linear-gradient(180deg,#071521,#0a1c2c 45%,#071621);border-top:1px solid rgba(219,159,66,.3);border-bottom:1px solid rgba(219,159,66,.25)}
.section-titlebar-spaced{margin-bottom:11px}
.section-intro{color:var(--subtle);max-width:660px;margin:0 0 22px;font-size:13px}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-card{position:relative;display:grid;grid-template-columns:150px 1fr;min-height:196px;border:1px solid rgba(225,162,56,.58);border-radius:8px;overflow:hidden;background:linear-gradient(105deg,#0c1f2c,#081523);transition:transform .2s,border-color .2s,box-shadow .2s}
.project-card:hover{transform:translateY(-4px);border-color:var(--gold-bright);box-shadow:0 14px 26px rgba(0,0,0,.22)}
.project-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(200,65,56,.26),transparent 68%),linear-gradient(140deg,#1e1b26,#101722)}
.project-art-blue{background:radial-gradient(circle at 50% 42%,rgba(33,97,159,.36),transparent 65%),linear-gradient(140deg,#102537,#0c1529)}
.project-art>.line-icon{height:72px;width:72px;color:#f0b962;filter:drop-shadow(0 0 18px rgba(231,151,50,.35));z-index:1;stroke-width:1.05}
.project-art-blue>.line-icon{color:#9ecfff;filter:drop-shadow(0 0 17px rgba(62,157,250,.45))}
.project-grid-decor{position:absolute;inset:0;background-image:linear-gradient(rgba(251,206,132,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(251,206,132,.07) 1px,transparent 1px);background-size:20px 20px;transform:perspective(150px) rotateX(30deg) scale(1.5);opacity:.6}
.project-copy{padding:23px 19px 21px 24px;display:flex;align-items:flex-start;flex-direction:column}
.project-copy .eyebrow{font-size:9px;letter-spacing:.16em}
.project-copy h3{font-size:19px;letter-spacing:.045em;line-height:1.17;margin:10px 0 8px;color:#fff3dc}
.project-copy p{font-size:12px;line-height:1.55;color:#b6bdc4;margin:0 0 14px}
.project-cta{margin-top:auto;color:var(--gold-bright);letter-spacing:.08em;font-size:10px;font-weight:900;display:inline-flex;align-items:center;gap:7px}
.project-cta .line-icon{width:13px;height:13px}

/* Full directory */
.directory-section{padding-top:45px;padding-bottom:57px}
.directory-top{display:flex;justify-content:space-between;align-items:center;gap:30px}
.directory-top p{font-size:13px;color:var(--subtle);max-width:600px;margin:0}
.directory-search{width:300px;max-width:100%;flex-shrink:0;height:44px;border:1px solid rgba(225,168,66,.62);background:#0a1c2c;border-radius:5px;display:flex;align-items:center;gap:9px;padding:0 13px;color:var(--gold-bright)}
.directory-search:focus-within{border-color:var(--gold-bright);box-shadow:0 0 0 2px rgba(225,168,66,.13)}
.directory-search .line-icon{width:18px;height:18px}
.directory-search input{border:0;outline:0;background:transparent;color:#fff;font-size:12px;width:100%;height:100%;min-width:0}
.directory-search input::placeholder{color:#929ca8}
.filter-tabs{display:flex;gap:9px;margin:22px 0 17px;overflow-x:auto;scrollbar-width:thin;padding:0 0 4px}
.filter-tab{flex:none;border:1px solid rgba(222,159,60,.45);padding:9px 15px;border-radius:4px;background:rgba(8,25,37,.85);color:#c4b4a0;font-weight:800;font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:.2s}
.filter-tab:hover{border-color:var(--gold-bright);color:#fff0d1}
.filter-tab.selected{color:#09111a;background:var(--gold-bright);border-color:var(--gold-bright)}
.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.directory-link{min-height:70px;padding:11px 13px;display:flex;gap:12px;align-items:center;border:1px solid rgba(220,165,76,.32);border-radius:5px;background:#0a1d2b;transition:transform .2s,border-color .2s,background .2s;min-width:0}
.directory-link:hover{transform:translateY(-2px);background:#102a3a;border-color:var(--gold)}
.directory-link>.small-symbol{width:34px;height:35px;flex:0 0 34px;display:grid;place-items:center;border-radius:5px;color:var(--gold-bright);border:1px solid rgba(231,170,65,.25);font-size:18px;background:rgba(228,172,76,.08)}
.directory-link>span:nth-child(2){display:grid;gap:3px;min-width:0}
.directory-link strong{font-size:11px;color:#faf1e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-link small{font-size:10px;color:#aeb7bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dir-arrow{margin-left:auto;color:var(--gold-bright);font-size:15px}
.no-matches{padding:22px;margin:0;border:1px dashed var(--gold-dim);color:#e8c891;text-align:center}

/* Community */
.crew-section{padding:50px 0;background:radial-gradient(ellipse 550px 220px at 30% 50%,rgba(123,26,34,.18),transparent 70%),linear-gradient(145deg,#081926,#06111d);border-top:1px solid rgba(226,167,66,.3)}
.crew-layout{display:grid;grid-template-columns:180px 1fr;gap:37px;max-width:960px;align-items:center}
.crew-logo-wrap{height:180px;display:grid;place-items:center;background:radial-gradient(circle,rgba(243,172,62,.11),transparent 68%)}
.crew-logo-wrap img{height:172px;width:172px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(244,172,65,.25))}
.crew-layout h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,48px);letter-spacing:.03em;margin:4px 0 8px;color:#f5d394}
.crew-layout p:not(.eyebrow){color:#c9d1d5;max-width:620px;font-size:13px;line-height:1.7;margin:0 0 20px}

/* Footer */
.site-footer{background:#05111b;border-top:1px solid var(--gold);padding:25px 0 22px}
.footer-main{display:flex;align-items:center;gap:24px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;flex:none;font:700 16px Georgia,'Times New Roman',serif;letter-spacing:.02em;color:var(--gold-bright);white-space:nowrap}
.footer-brand img{width:39px;height:46px;object-fit:contain}
.footer-tagline{border-left:1px solid var(--gold-dim);padding-left:25px;font:italic 12px Georgia,serif;color:#e8dbca;white-space:nowrap}
.footer-tagline b{font-size:10px;margin:0 5px;color:var(--gold)}
.footer-socials{display:flex;align-items:center;gap:17px;margin-left:auto}
.footer-socials a{display:grid;place-items:center;color:#e6c18a;transition:color .2s,transform .2s}
.footer-socials a:hover{transform:translateY(-2px);color:#fff3d2}
.footer-socials .line-icon{height:20px;width:20px}
.footer-x{font-size:19px}
.footer-bottom{margin-top:23px;padding-top:15px;border-top:1px solid rgba(223,163,64,.23);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:.045em;color:#8996a2}
.footer-bottom a{font-weight:850;color:#e1b96f}
.footer-bottom a:hover{text-decoration:underline}
.site-toast{position:fixed;bottom:25px;left:50%;z-index:200;transform:translate(-50%,120px);opacity:0;pointer-events:none;max-width:calc(100vw - 30px);background:#e7b75e;border:1px solid var(--gold-bright);color:#08121b;padding:11px 18px;border-radius:5px;font-size:12px;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.4);transition:opacity .25s,transform .25s;text-align:center}
.site-toast.visible{opacity:1;transform:translate(-50%,0)}

@media(max-width:1250px){
  .wrap{padding:0 27px}
  .header-layout{gap:15px}.header-brand{min-width:245px;font-size:15px;gap:10px}.header-emblem{height:48px;width:38px}
  .nav{gap:22px}.nav-link{font-size:12px}.header-tools{margin-left:7px}
  .hero h1{font-size:clamp(39px,5vw,65px)}.hero-actions{gap:8px}.action{padding:0 15px;font-size:11px}
  .platform-card{padding:9px 11px;gap:8px}.platform-icon{width:39px;flex-basis:39px}.platform-icon .line-icon{width:31px;height:31px}.platform-copy strong{font-size:12px}.platform-copy small{font-size:10px}
  .stream-banner{grid-template-columns:31% 1fr auto}.stream-copy h2{font-size:18px}
  .footer-tagline{font-size:11px;padding-left:18px}.footer-socials{gap:13px}
}
@media(max-width:1010px){
  .site-header{height:68px}.header-brand{min-width:0}.header-brand span{font-size:15px}.header-separator{display:none}.nav{gap:15px}.nav-link{font-size:11px}.header-tools{gap:0}
  .hero-layout{grid-template-columns:29% minmax(0,1fr)}.hero-crest img{width:94%}.hero h1{font-size:clamp(35px,5.2vw,58px)}.hero-overline{letter-spacing:.18em}.hero-description{font-size:15px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{min-height:76px;padding:10px 17px}.platform-icon{width:46px;flex-basis:46px}.platform-copy strong{font-size:14px}.platform-copy small{font-size:11px}
  .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.media-image{aspect-ratio:2.3/1}
  .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-main{flex-wrap:wrap}.footer-socials{margin-left:0}
}
@media(max-width:760px){
  html{scroll-padding-top:75px}
  .wrap{padding:0 20px}
  .site-header{height:65px}.header-layout{gap:10px}.header-emblem{width:40px;height:49px}.header-brand span{font-size:16px}
  .nav{position:absolute;left:0;right:0;top:64px;height:auto;padding:12px 20px 24px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(5,18,30,.99);border-bottom:1px solid var(--gold);box-shadow:0 20px 35px #0009}
  .nav.nav-open{display:flex}.nav-link{height:auto;padding:13px 8px;border-bottom:1px solid rgba(226,164,58,.16);font-size:14px}
  .nav-link:after{display:none}.menu-button{display:grid}.menu-button[aria-expanded=true] .menu-open{display:none}.menu-button[aria-expanded=true] .menu-close{display:block}
  .header-tools{margin-left:auto}.share-button{display:none}.header-brand{white-space:normal}
  .hero-layout{display:flex;flex-direction:column;min-height:0;gap:0;padding-top:20px;padding-bottom:29px}
  .hero-crest{height:224px;width:100%;padding:0}.hero-crest img{height:217px;max-height:217px;width:auto;max-width:70%}
  .hero-watermark{width:275px;height:275px;top:35px;right:-85px}
  .hero-copy{padding:0;text-align:center;width:100%}.hero-pretitle{font-size:8px;letter-spacing:.3em;margin:0 0 5px}
  .hero h1{font-size:clamp(35px,7.3vw,56px)}.hero h1 .last-name{gap:13px}.last-name i{width:40px;height:10px}
  .hero-overline{font-size:10px;letter-spacing:.18em;margin:12px 0}.hero-overline b{margin:0 4px}
  .hero-description{font-size:15px;margin-bottom:20px}.hero-actions{gap:9px}.action{min-height:46px;padding:0 13px;font-size:11px;gap:9px}
  .section-feature{padding-top:13px}.stream-banner{grid-template-columns:34% 1fr;gap:16px}.stream-art{min-height:136px}.stream-copy{padding-right:14px}.stream-copy h2{font-size:17px}.stream-copy p{font-size:11px}.small-outline{grid-column:2;justify-self:start;margin:-5px 0 12px;padding:8px 12px}
  .section-title{font-size:17px;letter-spacing:.08em}.slashes{font-size:14px;margin-right:8px}.section-more{font-size:9px}
  .content-section{padding-top:28px;padding-bottom:42px}.media-grid{gap:18px}
  .projects-grid{grid-template-columns:1fr}.project-card{min-height:170px;grid-template-columns:140px 1fr}.project-copy{padding:20px}.project-copy h3{font-size:18px}
  .directory-top{flex-direction:column;align-items:stretch;gap:17px}.directory-top p{max-width:100%}.directory-search{width:100%}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-main{gap:16px}.footer-tagline{display:none}.footer-socials{margin-left:auto}.footer-bottom{flex-wrap:wrap;line-height:1.8}.crew-layout{grid-template-columns:130px 1fr;gap:20px}.crew-logo-wrap,.crew-logo-wrap img{height:120px}.crew-logo-wrap img{width:120px}
}
@media(max-width:500px){
  .wrap{padding:0 16px}
  .header-brand{gap:8px}.header-brand span{font-size:13px;max-width:182px;line-height:1.13}.header-emblem{width:34px;height:44px}.icon-button{width:32px;height:36px}.header-tools{gap:2px}
  .hero-layout{padding-top:13px;padding-bottom:24px}.hero-crest{height:187px}.hero-crest img{height:181px;max-height:181px}
  .hero h1{font-size:clamp(32px,8vw,43px)}.hero h1 .last-name{gap:7px}.last-name i{width:27px;height:8px}
  .hero-pretitle{font-size:8px}.hero-overline{font-size:8px;letter-spacing:.12em;margin:9px 0}.hero-overline b{margin:0 3px;font-size:6px}
  .hero-description{font-size:13px;line-height:1.5;margin:11px 0 18px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .hero-actions .action:first-child{grid-column:span 2}.hero-actions .action{width:100%;font-size:10px;min-height:44px;padding:0 8px;gap:7px}.hero-actions .line-icon{width:17px;height:17px}
  .stream-banner{grid-template-columns:1fr;gap:0}.stream-art{height:133px;min-height:133px;background-position:50% 44%}.image-flag{font-size:9px}.stream-copy{padding:13px 16px 4px}.stream-copy h2{font-size:19px}.stream-copy p{font-size:12px}.small-outline{grid-column:1;justify-self:start;margin:9px 16px 15px}
  .launchpad{padding-top:13px}.platform-grid{gap:9px}.platform-card{min-height:78px;padding:10px 9px;gap:6px;border-radius:6px}.platform-icon{width:27px;flex-basis:27px}.platform-icon .line-icon{width:24px;height:24px}.platform-copy strong{font-size:10px;letter-spacing:.03em}.platform-copy small{font-size:9px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-arrow{font-size:18px}
  .content-section{padding-top:32px}.section-titlebar{gap:9px}.section-title{font-size:14px;letter-spacing:.04em;white-space:normal}.slashes{font-size:11px;margin-right:5px}.section-more{font-size:9px}.section-more span{font-size:18px}.media-grid{gap:17px 12px;margin-top:17px}.media-image{aspect-ratio:1.55/1}.media-kind{font-size:8px;padding:3px 5px}.media-heading{font-size:11px;margin-top:7px}.media-description{font-size:9px;margin-left:0}
  .tools-section{padding:32px 0 39px}.section-intro{font-size:12px}.project-card{grid-template-columns:94px 1fr;min-height:182px}.project-art>.line-icon{width:52px;height:52px}.project-copy{padding:15px 13px}.project-copy .eyebrow{font-size:8px;letter-spacing:.05em}.project-copy h3{font-size:16px}.project-copy p{font-size:11px}.project-cta{font-size:9px}
  .directory-section{padding-top:37px;padding-bottom:42px}.filter-tabs{gap:7px}.filter-tab{padding:8px 12px;font-size:9px}.directory-grid{grid-template-columns:1fr 1fr;gap:8px}.directory-link{padding:9px 8px;gap:6px;min-height:71px}.directory-link>.small-symbol{width:25px;height:27px;flex-basis:25px;font-size:13px}.directory-link strong{font-size:10px}.directory-link small{font-size:9px}.dir-arrow{font-size:13px}
  .crew-section{padding:29px 0}.crew-layout{grid-template-columns:1fr;gap:10px;text-align:center}.crew-logo-wrap{height:115px}.crew-logo-wrap img{height:110px;width:110px}.crew-layout h2{font-size:31px}.crew-layout .action{width:100%}
  .site-footer{padding-top:24px}.footer-main{justify-content:center;text-align:center}.footer-brand{font-size:14px}.footer-socials{margin-left:0;justify-content:center;width:100%;gap:21px}.footer-bottom{text-align:center;justify-content:center;font-size:9px}
}
@media(max-width:365px){
  .header-brand span{font-size:11px;max-width:145px}.hero h1{font-size:30px}.hero-overline{letter-spacing:.07em}.hero-description{font-size:12px}.platform-card{gap:4px}.platform-copy small{font-size:8px}.card-arrow{display:none}.section-title{font-size:12px}.directory-link{gap:4px}.directory-link>.small-symbol{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* SE Selective Service — prominent Helldivers 2 live draft queue */
.hero-draft-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:15px auto 0;padding:8px 13px;border:1px solid rgba(246,181,71,.55);border-radius:7px;background:rgba(8,25,39,.79);color:#f8d79b;box-shadow:0 0 22px rgba(213,107,28,.07);font-size:12px;line-height:1.35;transition:background .2s,border-color .2s,transform .2s}
.hero-draft-link:hover,.hero-draft-link:focus-visible{border-color:var(--gold-bright);background:#142c3d;transform:translateY(-2px)}
.hero-draft-label{color:#ec9c70;font-size:10px;font-weight:800;letter-spacing:.095em}
.hero-draft-link strong{color:#ffdf9b;letter-spacing:.035em}
.hero-draft-arrow{font-size:18px;color:var(--gold-bright);line-height:1}
.draft-service{padding-top:16px}
.draft-service-panel{position:relative;display:flex;align-items:center;gap:21px;padding:19px 23px;overflow:hidden;border:1px solid var(--gold);border-radius:9px;background:radial-gradient(ellipse at 2% 50%,rgba(155,29,39,.22),transparent 42%),linear-gradient(110deg,#111c2a,#081723 76%);box-shadow:inset 0 0 0 1px rgba(229,175,81,.07),0 12px 32px rgba(0,0,0,.16)}
.draft-service-panel:after{content:'';position:absolute;right:-12px;top:-55px;width:130px;height:130px;transform:rotate(35deg);background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(186,34,46,.17) 12px 22px);pointer-events:none}
.draft-service-mark{position:relative;z-index:1;display:grid;place-items:center;width:66px;height:66px;flex:none;border:1px solid rgba(251,195,93,.65);border-radius:13px;background:linear-gradient(135deg,rgba(150,31,45,.35),rgba(9,24,34,.5));color:#ffd17a;box-shadow:0 0 20px rgba(220,66,48,.14)}
.draft-service-mark .line-icon{width:37px;height:37px;stroke-width:1.5}
.draft-service-copy{position:relative;z-index:1;min-width:0;flex:1}
.draft-service-copy .eyebrow{font-size:10px;letter-spacing:.18em;color:#f5b264}
.draft-service-copy h2{margin:4px 0;font-size:clamp(19px,2.1vw,27px);line-height:1.18;letter-spacing:.095em;color:#ffdea0}
.draft-service-copy p{margin:7px 0 0;max-width:630px;color:#d3d6d8;font-size:12px;line-height:1.55}
.action-draft{position:relative;z-index:1;flex:none;border-color:#f1ba5a;color:#081622;background:linear-gradient(180deg,#ffe2a3,#e3a94a);box-shadow:0 3px 18px rgba(230,164,63,.17)}
.action-draft:hover,.action-draft:focus-visible{color:#051321;background:linear-gradient(180deg,#fff0bd,#edba65);box-shadow:0 5px 24px rgba(229,160,56,.24)}
.action-draft .line-icon{width:17px;height:17px}

@media(max-width:760px){
  .draft-service-panel{gap:14px;padding:17px}
  .draft-service-mark{width:51px;height:51px;border-radius:10px}
  .draft-service-mark .line-icon{width:30px;height:30px}
  .draft-service-copy h2{font-size:21px}
  .action-draft{margin-left:auto}
}
@media(max-width:630px){
  .draft-service-panel{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px 13px}
  .draft-service-mark{grid-column:1;grid-row:1}
  .draft-service-copy{grid-column:2;grid-row:1}
  .draft-service-copy .eyebrow{font-size:9px;letter-spacing:.11em}
  .draft-service-copy h2{font-size:20px}
  .draft-service-copy p{font-size:12px}
  .action-draft{grid-column:1/-1;width:100%;margin:3px 0 0;white-space:normal;text-align:center}
}
@media(max-width:500px){
  .hero-draft-link{display:flex;gap:3px 7px;margin-top:13px;padding:9px 10px;font-size:11px}
  .hero-draft-label{flex-basis:100%;font-size:9px}
  .draft-service{padding-top:13px}
  .draft-service-panel{padding:15px}
  .draft-service-copy h2{font-size:18px}
}