@charset "UTF-8";
:root{
  --black:#050505;--ink:#eee9df;--paper:#d7d0c4;--paper2:#bfb7aa;--muted:#9b968d;--red:#d30910;--red2:#d30910;
  --line:rgba(255,255,255,.14);--display:Impact,"Arial Narrow","Franklin Gothic Condensed",sans-serif;
  --body:"Segoe UI","Helvetica Neue",Arial,sans-serif;--hand:"Segoe Print","Bradley Hand","Comic Sans MS",cursive
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px;background:var(--black)}
body{margin:0;background:#050505;color:var(--ink);font-family:var(--body);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}
a{color:inherit}.skip{position:absolute;top:-80px;left:12px;z-index:200;background:var(--red);padding:12px 16px}.skip:focus{top:12px}
.micro{margin:0;color:var(--red2);font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.stamp{display:inline-block;margin:0 0 12px;padding:7px 10px 6px;border:2px solid currentColor;color:var(--red);font:900 9px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;transform:rotate(-1deg)}
.hand-note{font-family:var(--hand);font-weight:700;line-height:1.12;letter-spacing:.02em;transform:rotate(-3deg)}
.site-header{position:absolute;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-height:72px;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(#050505e8,#05050572,transparent)}
.nav{display:flex;align-items:center;gap:clamp(13px,2vw,28px)}.nav a{font-size:9px;font-weight:900;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.nav a:hover{color:var(--red2)}.join-link{padding:11px 14px;border:1px solid #d3091099}

/* HERO // CINEMATIC IMAGE + DOSSIER MARKS */
.coastal-hero{position:relative;overflow:hidden;background:#050505;height:clamp(560px,42.85vw,820px)}
.coastal-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.coastal-hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.58) 0,rgba(5,5,5,.10) 18%,transparent 36%,transparent 76%,rgba(5,5,5,.54) 100%)}
.hero-dossier{position:absolute;inset:auto clamp(18px,4vw,58px) 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:2;pointer-events:none}
.hero-file{padding-left:11px;border-left:3px solid var(--red);font-size:8px;font-weight:900;letter-spacing:.19em;color:#d8d2c9;text-transform:uppercase}
.hero-note{color:#eee9df;font-family:var(--hand);font-size:clamp(16px,1.6vw,25px);line-height:1.05;text-align:right;transform:rotate(-4deg)}
.hero-note:after{content:"";display:block;width:82px;margin:5px 0 0 auto;border-top:3px solid var(--red);transform:rotate(-4deg)}

/* INTEL LEGEND */
.capability-strip{position:relative;border-block:1px solid #ffffff17;background:linear-gradient(180deg,#0b0b0b,#070707);box-shadow:inset 0 2px 0 #d309103d}
.capability-strip:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0,rgba(211,9,16,.08),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 38%,rgba(0,0,0,.16))}
.capability-label{position:relative;z-index:1;max-width:1440px;margin:auto;padding:9px 18px 0;color:#6f6a62;font-size:7px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.capability-strip-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1440px;margin:auto}
.capability{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;padding:15px 18px;border-right:1px solid #ffffff12}
.capability:last-child{border-right:0}.capability-icon{width:25px;height:25px;flex:0 0 25px;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.capability div{min-width:0}.capability strong,.capability span{display:block;text-transform:uppercase}
.capability strong{color:#f2ede4;font-family:var(--display);font-size:17px;line-height:1;letter-spacing:.055em;white-space:nowrap}
.capability span{margin-top:5px;color:#7f7b75;font-size:7px;font-weight:800;letter-spacing:.15em;white-space:nowrap}

/* WORLDS // CINEMATIC FIELD FILES */
.deployments{
  position:relative;
  overflow:hidden;
  padding:88px clamp(18px,4vw,58px) 130px;
  color:#f2ede4;
  background:
    linear-gradient(180deg,rgba(5,5,6,.68) 0%,rgba(5,5,6,.79) 34%,rgba(5,5,6,.92) 100%),
    url("/assets/coastal-warfront-hero.webp") center 38%/cover no-repeat;
}
.deployments:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 16%,rgba(211,9,16,.17),transparent 24%),
    radial-gradient(circle at 86% 18%,rgba(211,9,16,.13),transparent 22%),
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 30%,transparent 70%,rgba(0,0,0,.2));
}
.deployments:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 78%,rgba(0,0,0,.22)),
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 16%,transparent 84%,rgba(0,0,0,.18));
}
.paper-rip{
  position:absolute;
  z-index:2;
  left:-2%;
  width:104%;
  height:28px;
  background:var(--red);
  filter:drop-shadow(0 7px 0 #1c090a);
  clip-path:polygon(0 34%,5% 49%,10% 27%,16% 59%,23% 39%,29% 63%,36% 34%,42% 59%,49% 41%,57% 68%,65% 35%,72% 58%,78% 30%,86% 54%,92% 38%,100% 61%,100% 100%,0 100%);
}
.paper-rip--top{top:-2px}
.worlds-dossier-head{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  max-width:1400px;
  margin:0 auto 40px;
  padding-top:8px;
}
.worlds-dossier-head h2{
  margin:12px 0 0;
  color:#f4efe6;
  font-family:var(--display);
  font-size:clamp(58px,7vw,112px);
  line-height:.82;
  text-transform:uppercase;
  text-shadow:0 3px 22px #000c;
}
.worlds-dossier-head h2 em{color:var(--red);font-style:normal}
.worlds-dossier-head .hand-note{
  margin:0 2vw 8px 0;
  color:#f1ebe2;
  font-size:clamp(18px,2vw,30px);
  text-align:right;
  text-shadow:0 2px 12px #000c;
}
.world-route{
  position:absolute;
  z-index:2;
  top:145px;
  right:2%;
  width:56%;
  height:250px;
  opacity:.62;
  pointer-events:none;
}
.world-route .route-line{fill:none;stroke:var(--red);stroke-width:4;stroke-dasharray:13 10}
.world-route circle{fill:none;stroke:var(--red);stroke-width:4}
.world-route .route-arrow{fill:none;stroke:var(--red);stroke-width:4}
.deployment-grid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  max-width:1400px;
  margin:auto;
  align-items:stretch;
}
.deployment{
  position:relative;
  min-height:620px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(7,8,10,.92);
  box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.025);
  transform:none;
}
.deployment:nth-child(2),.deployment:nth-child(3){transform:none}
.deployment:before{
  content:"";
  position:absolute;
  z-index:6;
  top:11px;
  left:50%;
  width:90px;
  height:17px;
  background:rgba(218,211,197,.86);
  transform:translateX(-50%) rotate(-1.8deg);
  box-shadow:0 1px 3px #0007;
}
.deployment:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,5,6,.02) 0%,rgba(5,5,6,.06) 26%,rgba(5,5,6,.72) 52%,rgba(5,5,6,.97) 72%,#070708 100%);
}
.deployment-image{
  position:absolute;
  z-index:1;
  inset:0 0 auto;
  height:58%;
  background-image:url("/assets/worlds-poster.webp");
  background-repeat:no-repeat;
  background-size:320% auto;
  filter:contrast(1.12) saturate(.9);
  transition:filter .3s ease,transform .45s ease;
}
.deployment:hover .deployment-image{transform:scale(1.018);filter:contrast(1.18) saturate(1)}
.deployment--operations .deployment-image{background-position:4% 55%}
.deployment--campaign .deployment-image{background-position:50% 55%}
.deployment--blacksite .deployment-image{background-position:94% 55%;filter:grayscale(.22) contrast(1.2) brightness(.9)}
.deployment-number{
  position:absolute;
  z-index:7;
  top:25px;
  left:24px;
  color:#f5efe5;
  font-family:var(--display);
  font-size:40px;
  line-height:1;
  text-shadow:0 3px 10px #000;
}
.deployment-copy{
  position:absolute;
  z-index:5;
  right:0;
  bottom:0;
  left:0;
  padding:25px 25px 23px;
}
.file-kicker{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#888279;
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.file-kicker b{padding:5px 7px;border:1px solid #d30910bb;color:var(--red)}
.location{
  margin:0 0 9px;
  color:var(--red2);
  font-size:9px;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.deployment h3{
  margin:0;
  color:#f6f0e6;
  font-family:var(--display);
  font-size:clamp(42px,3.65vw,62px);
  line-height:.9;
  text-transform:uppercase;
}
.deployment strong{
  display:block;
  margin:13px 0 9px;
  color:#eee9df;
  font-size:15px;
  line-height:1.38;
}
.deployment-copy>p:not(.location){
  max-width:390px;
  margin:0;
  color:#b6b0a7;
  font-size:12px;
  line-height:1.58;
}
.deployment-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:17px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.13);
}
.deployment-meta span{
  display:block;
  color:#77726a;
  font-size:6px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.deployment-meta b{display:block;margin-top:3px;color:#e5dfd5;font-size:8px}
.old-name{
  display:inline-block;
  margin-top:15px;
  color:#77736d;
  font-size:7px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* DOCTRINE // TORN BLACK PAPER */
.manifesto{position:relative;overflow:hidden;padding:105px clamp(18px,4vw,58px);border-block:0;background:#141213}
.manifesto:before,.manifesto:after{content:"";position:absolute;left:-2%;width:104%;height:30px;background:var(--paper);clip-path:polygon(0 0,5% 22%,12% 6%,18% 31%,25% 11%,34% 34%,43% 8%,51% 26%,60% 6%,68% 31%,76% 10%,84% 29%,91% 9%,100% 27%,100% 0)}.manifesto:before{top:0}.manifesto:after{bottom:0;transform:rotate(180deg)}
.manifesto-noise{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 95px,#ffffff07 96px),radial-gradient(circle at 12% 30%,#d3091024,transparent 22%)}
.manifesto-inner{position:relative;max-width:1180px;margin:auto}.manifesto-stamp{position:absolute;right:0;top:0;border:3px solid #d30910;padding:10px 12px;color:#d30910;font-size:9px;font-weight:900;letter-spacing:.17em;transform:rotate(3deg)}
.manifesto h2{margin:17px 0 18px;font-family:var(--display);font-size:clamp(48px,6vw,94px);line-height:.91;text-transform:uppercase}.manifesto h2 em{color:var(--red2);font-style:normal}.manifesto p:last-of-type:not(.manifesto-note){max-width:780px;margin:0;color:#aaa59d;line-height:1.75}
.manifesto-note{position:absolute;right:2%;bottom:-16px;margin:0;color:#d8d2c9;font-size:clamp(17px,2vw,27px);text-align:right}

/* MERLIN // DARK MAP BOARD */
.merlin{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(48px,8vw,130px);overflow:hidden;padding:130px clamp(18px,4vw,58px);background:#070708}
.merlin:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 66% 52%,rgba(211,9,16,.07),transparent 34%),linear-gradient(115deg,rgba(255,255,255,.018),transparent 24%,rgba(0,0,0,.18) 76%)}
.merlin-map{position:absolute;right:-3%;bottom:0;width:62%;height:76%;opacity:.42;pointer-events:none}.merlin-map svg{width:100%;height:100%}.merlin-map path{fill:none;stroke:var(--red);stroke-width:4;stroke-dasharray:12 9}.merlin-map circle{fill:none;stroke:var(--red);stroke-width:4}
.merlin-title,.merlin-copy{position:relative;z-index:2}.merlin-title{max-width:620px}.merlin-title h2{margin:16px 0 0;font-family:var(--display);font-size:clamp(70px,8vw,128px);line-height:.78;text-transform:uppercase}.merlin-title h2 em{color:var(--red2);font-style:normal}
.merlin-note{margin:28px 0 0 8px;color:#d8d2c9;font-size:clamp(17px,1.8vw,25px)}
.merlin-copy{max-width:760px}.merlin-copy>p{color:#aaa59d;line-height:1.75}.merlin-copy .lead{color:#ece7df;font-size:22px;font-weight:700;line-height:1.45}
.merlin-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:2px solid var(--red);background:#090909c7}.merlin-grid div{padding:20px;border-right:1px solid #ffffff18}.merlin-grid div:last-child{border:0}.merlin-grid b{display:block;color:var(--red);font-family:var(--display);font-size:34px}.merlin-grid span{display:block;margin:14px 0 5px;font-weight:900;text-transform:uppercase}.merlin-grid small{color:#8f8b84;line-height:1.5}

/* RECRUITMENT POSTER */
.join{position:relative;min-height:720px;display:grid;place-items:center;overflow:hidden;padding:90px 20px;background:var(--paper);color:#111}
.join-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050505ef,#0505057d 48%,#050505e8),url("/assets/u7k-merlin-hero.webp") 53% 56%/cover no-repeat;filter:grayscale(.55) contrast(1.25) brightness(.68)}
.join-paper{position:absolute;z-index:1;inset:7% 7%;border:1px solid #d9d2c63a;background:linear-gradient(165deg,#0b0b0bea,#14100fea);box-shadow:0 28px 60px #0008;transform:rotate(-.45deg)}
.join-paper:before{content:"";position:absolute;inset:13px;border:1px solid #ffffff12}
.join-inner{position:relative;z-index:2;text-align:center;color:#eee9df}.join .stamp{margin-bottom:14px}.join h2{margin:16px 0 18px;font-family:var(--display);font-size:clamp(58px,7.2vw,112px);line-height:.82;text-transform:uppercase}.join h2 em{color:var(--red2);font-style:normal}
.join-inner>p:not(.micro):not(.stamp){color:#aaa59d}.join-sub{color:#eee9df!important;font-size:12px;font-weight:900;letter-spacing:.23em}.join-doctrine{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.join-note{position:absolute;z-index:3;right:8%;bottom:12%;margin:0;color:#e0d9cf;font-size:clamp(16px,1.8vw,26px);text-align:right}
.actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 18px;border:1px solid #ffffff38;color:#eee9df;font-size:9px;font-weight:900;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;background:#090909aa}.button:hover{border-color:#d30910}.button-red{border-color:var(--red);background:var(--red);color:#fff}

footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:28px clamp(18px,4vw,58px);border-top:1px solid #ffffff17;background:#050505;color:#77736d;font-size:9px;letter-spacing:.08em;text-transform:uppercase}footer strong{color:#bbb6ae}

@media(max-width:980px){
 .coastal-hero{height:clamp(500px,54vw,620px)}.coastal-hero-image{object-position:center center}
 .capability-strip-inner{grid-template-columns:repeat(3,1fr)}.capability:nth-child(3){border-right:0}.capability:nth-child(-n+3){border-bottom:1px solid #ffffff12}
 .worlds-dossier-head{align-items:flex-start}.world-route{top:175px;width:72%;opacity:.32}.deployment-grid{grid-template-columns:1fr;max-width:760px}.deployment{min-height:570px}
 .merlin{grid-template-columns:1fr}.merlin-copy{max-width:none}.merlin-map{width:90%;opacity:.25}
}
@media(max-width:650px){
 .site-header{min-height:64px;padding:0 14px;background:#050505e8}.nav a:not(.join-link){display:none}
 .coastal-hero{height:auto;min-height:0;padding-top:64px;background:#050505}.coastal-hero-image{height:auto;object-fit:contain;object-position:center center}.coastal-hero-shade{background:linear-gradient(180deg,rgba(5,5,5,.22),transparent 22%,transparent 82%,rgba(5,5,5,.28))}.hero-dossier{display:none}
 .capability-label{padding:8px 16px 0}.capability-strip-inner{grid-template-columns:repeat(2,1fr)}.capability{justify-content:flex-start;min-height:72px;padding:13px 16px}.capability:nth-child(3){border-right:1px solid #ffffff12}.capability:nth-child(odd){border-right:1px solid #ffffff12}.capability:nth-child(even){border-right:0}.capability:nth-child(-n+4){border-bottom:1px solid #ffffff12}.capability:last-child{grid-column:1/-1;border-right:0}.capability strong{font-size:15px}
 .deployments{padding:72px 16px 96px;background-position:center center}.worlds-dossier-head{display:block;margin-bottom:30px}.worlds-dossier-head h2{font-size:63px}.worlds-dossier-head .hand-note{margin:18px 4px 0;text-align:left;font-size:18px}.world-route{top:220px;right:-25%;width:115%;height:190px;opacity:.2}
 .deployment{min-height:570px}.deployment-image{height:54%;background-size:320% auto}.deployment-copy{padding:22px 20px 20px}.deployment h3{font-size:50px}.deployment-meta{grid-template-columns:1fr 1fr 1fr}
 .manifesto{padding:82px 16px}.manifesto-stamp{position:relative;display:inline-block;margin-bottom:18px}.manifesto-note{position:relative;right:auto;bottom:auto;margin:28px 0 0;text-align:left}
 .merlin{padding:90px 16px}.merlin-grid{grid-template-columns:1fr}.merlin-grid div{border-right:0;border-bottom:1px solid #ffffff18}.merlin-grid div:last-child{border-bottom:0}.merlin-map{width:125%;right:-45%;height:55%}
 .join{min-height:650px;padding:72px 16px}.join-paper{inset:5% 4%}.join h2{font-size:61px}.join-note{position:relative;right:auto;bottom:auto;margin:34px 0 0;text-align:center}.actions{flex-direction:column}.actions .button{width:min(100%,330px);margin:auto}
 footer{padding:24px 16px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}