.identity-band{background:var(--cyan);color:var(--ink);padding:26px 0}
.identity-band .shell{display:flex;justify-content:space-between;align-items:center;gap:30px}
.identity-band p{font:600 clamp(18px,2vw,25px) "Space Grotesk";margin:0}
.identity-band strong{font-weight:700}
.identity-band span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.archive-context{background:#dcecf2;border-left:4px solid var(--blue);padding:18px 22px;font-size:15px}
.prose ul{padding-left:22px}.prose li{margin:.55em 0}
@media(max-width:650px){.identity-band .shell{align-items:flex-start;flex-direction:column}.identity-band span{white-space:normal}}

/* Publication refinement: shared hierarchy for indexes, collections and stories. */
.site-header{background:rgba(4,14,24,.96)}
.nav-shell{height:78px;gap:30px}
.brand img{width:138px;max-height:68px}
.site-header nav a{min-width:82px;padding:19px 14px 0;font-size:12px}
.search{width:168px}
.hero-grid{min-height:610px;grid-template-columns:1.02fr .82fr;gap:80px;padding-block:64px}
.hero h1{font-size:clamp(52px,5.5vw,78px);max-width:750px}
.hero-copy>p{font-size:17px;max-width:590px}
.hero-art{max-width:540px;justify-self:end}
.identity-band{padding:22px 0}
.departments .dept{min-height:205px}
.departments .dept h3{font-size:27px}
.franchise-strip{padding:88px 0 96px}
.franchise-grid a{min-height:190px}
.franchise-grid strong{font-size:27px}

.index-hero{position:relative;overflow:hidden;padding:88px 0 72px;background:#071827;border-bottom:1px solid var(--line)}
.index-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(24,199,255,.13);border-radius:50%;right:-110px;top:-240px;box-shadow:0 0 0 75px rgba(24,199,255,.025),0 0 0 150px rgba(24,199,255,.02)}
.index-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:90px;align-items:end}
.index-hero h1,.topic-hero h1{font:700 clamp(56px,8vw,108px)/.88 "Space Grotesk";letter-spacing:-.065em;margin:12px 0 0}
.index-hero-grid>p,.index-hero-grid>div>p:last-child,.topic-hero-grid>p{max-width:620px;margin:0;color:#a7bdca;font-size:18px;line-height:1.65}
.department-eyebrow{font:600 15px "Space Grotesk";text-transform:uppercase;letter-spacing:.08em;color:var(--cyan)!important;margin:0 0 12px!important}
.editorial-index{padding:72px 0 100px;background:#edf3f5;color:var(--ink)}
.index-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;margin-bottom:34px;border-bottom:1px solid #c6d3d9;color:#60717b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}

.topic-hero{position:relative;padding:96px 0 78px;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 28%),#071827;border-bottom:1px solid var(--line);overflow:hidden}
.topic-hero:after{content:"";position:absolute;width:360px;height:360px;border:70px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;right:-140px;bottom:-250px}
.topic-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .75fr;gap:90px;align-items:end}
.topic-hero h1{max-width:800px;margin-top:30px}
.topic-hero .channel-status{float:none;display:block;margin-top:20px}

.card-grid{gap:46px 22px}
.card{min-width:0}
.card-art{aspect-ratio:1.34/1;padding:23px;border-radius:0;transition:transform .2s ease,box-shadow .2s ease}
.card-art:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(4,18,28,.16)}
.card-art strong{font-size:23px;line-height:.98}
.card-code{top:23px;left:24px}
.card-glyph{font-size:34px;right:25px}
.card-copy{padding-top:16px}
.card h3{font-size:21px;margin:9px 0}
.card p{font-size:13px;margin:0 0 9px}
.card .text-link{font-size:10px}
.card-make .card-art{background:radial-gradient(circle at 82% 18%,rgba(24,199,255,.32),transparent 26%),#0c3149}
.card-collect .card-art{background:radial-gradient(circle at 82% 18%,rgba(86,154,201,.3),transparent 28%),#10283b}
.card-gear .card-art{background:radial-gradient(circle at 82% 18%,rgba(95,208,211,.22),transparent 27%),#102f3b}

.story{background:#edf3f5}
.story-head{max-width:1040px;padding-top:88px}
.story-head h1{font-size:clamp(48px,6.3vw,82px);line-height:.98;margin:16px 0 25px}
.story-index{margin-bottom:18px}
.dek{font-size:20px;line-height:1.55}
.story-cover{position:relative;isolation:isolate;min-height:480px;margin-top:56px;padding:58px;background:radial-gradient(circle at 78% 24%,rgba(24,199,255,.28),transparent 25%),#09283d;color:white;overflow:hidden;display:flex;align-items:flex-end}
.story-cover:before{content:"";position:absolute;z-index:-1;inset:18px;border:1px solid rgba(163,225,247,.24)}
.story-cover:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(65,170,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(65,170,220,.05) 1px,transparent 1px);background-size:32px 32px}
.story-cover>div{display:flex;flex-direction:column;max-width:800px}
.story-cover span,.story-cover small{text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:var(--cyan);font-style:normal}
.story-cover strong{font:700 clamp(38px,5vw,66px)/.95 "Space Grotesk";letter-spacing:-.05em;margin:17px 0 25px}
.story-cover small{color:#8ca9ba}
.story-cover i{position:absolute;width:320px;height:150px;border:1px solid rgba(113,218,255,.38);border-radius:50%;right:60px;top:90px;transform:rotate(26deg)}
.story-cover i:last-child{transform:rotate(-30deg);width:160px;height:320px;right:135px;top:20px}
.story-layout{grid-template-columns:70px minmax(0,740px);gap:50px;padding-block:68px}
.prose{font-size:17px;line-height:1.82}
.prose h2{font-size:34px}
.related{border-top:1px solid #ccd8dd}

.search-page{padding:88px 0;background:#071827}

@media(max-width:1100px){
  .nav-shell{gap:18px}.site-header nav a{min-width:72px;padding-inline:10px}.search{width:140px}
  .hero-grid{gap:50px}.hero-art{max-width:500px}
}
@media(max-width:980px){
  .nav-shell{height:76px}.site-header nav{top:76px}.brand img{width:128px}
  .index-hero-grid,.topic-hero-grid{grid-template-columns:1fr;gap:32px;align-items:start}
  .index-hero-grid>p,.topic-hero-grid>p{max-width:700px}
}
@media(max-width:650px){
  .hero-grid{padding-block:44px;gap:38px}.hero h1{font-size:47px}.hero-copy>p{font-size:16px}.hero-art{width:100%}
  .identity-band{padding:20px 0}.identity-band p{font-size:19px}
  .index-hero,.topic-hero{padding:62px 0 50px}.index-hero h1,.topic-hero h1{font-size:55px}
  .editorial-index{padding:48px 0 68px}.index-bar{margin-bottom:26px}
  .card-grid{gap:40px}.card-art{aspect-ratio:1.38/1}.card h3{font-size:22px}
  .story-head{padding-top:58px;text-align:left}.story-head h1{font-size:44px}.dek{font-size:18px;margin-left:0}
  .story-cover{min-height:360px;margin-top:40px;padding:34px 28px}.story-cover strong{font-size:37px}.story-cover i{opacity:.55}
  .story-layout{grid-template-columns:1fr;gap:30px;padding-block:45px}.share{justify-content:flex-start}
}

/* Reference architecture */
.reference-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 34%,#123e5b 0,transparent 31%),#06101d}
.reference-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(65,170,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(65,170,220,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent 12%,#000)}
.reference-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .78fr;gap:90px;align-items:center;min-height:650px;padding-block:72px}
.reference-hero h1{font:700 clamp(66px,7.7vw,108px)/.79 "Space Grotesk";letter-spacing:-.07em;margin:22px 0 30px}
.reference-hero h1 em{font-style:normal;color:var(--cyan)}
.reference-lede{max-width:670px;color:#a9bfcc;font-size:18px;line-height:1.65}
.reference-search{max-width:680px;margin-top:34px}
.reference-search label{display:block;margin-bottom:9px;color:#8ba6b7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.reference-search>div{display:flex;background:white;border:4px solid rgba(24,199,255,.13)}
.reference-search input{min-width:0;flex:1;border:0;padding:17px 18px;color:#071827;font:500 14px "DM Sans";outline:none}
.reference-search button{border:0;background:var(--cyan);color:#04111d;padding:0 22px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.reference-search button span{margin-left:16px}
.reference-map{position:relative;aspect-ratio:1/1;background:linear-gradient(145deg,#0a3049,#071622);border:1px solid #1d5a78;display:flex;flex-direction:column;justify-content:center;padding:50px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.4),inset 0 0 70px rgba(24,199,255,.08)}
.reference-map:after{content:"";position:absolute;inset:16px;border:1px solid rgba(134,226,255,.18)}
.reference-map>b{position:relative;z-index:2;font:700 clamp(48px,5.3vw,76px)/.77 "Space Grotesk";letter-spacing:-.075em}
.reference-map>b em{color:var(--cyan);font-style:normal}
.reference-map>small{position:absolute;z-index:2;top:34px;left:34px;color:#7397aa;font-size:8px;letter-spacing:.17em}
.reference-map ul{position:absolute;z-index:2;right:32px;bottom:28px;margin:0;padding:0;list-style:none;text-align:right;color:#7192a5;font-size:8px;letter-spacing:.14em}
.map-ring{position:absolute;border:1px solid rgba(128,222,255,.5);border-radius:50%}.map-ring-one{width:76%;height:36%;right:10%;transform:rotate(28deg)}.map-ring-two{width:37%;height:73%;right:27%;transform:rotate(-31deg)}

.reference-directory{background:#edf3f5;color:var(--ink);padding:96px 0 105px}
.directory-head{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;align-items:end;margin-bottom:42px}
.directory-head .kicker{grid-column:1/-1;margin:0}
.directory-head h2{font:700 clamp(42px,5vw,64px)/.95 "Space Grotesk";letter-spacing:-.05em;margin:0}
.directory-head>p:last-child{max-width:520px;margin:0;color:#5e6f79}
.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #bfcdd3;background:#bfcdd3;gap:1px}
.directory-card{min-height:330px;background:#f8fbfc;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
.directory-card>span{color:#80939d;font-size:10px;letter-spacing:.16em}
.directory-card h3{font:700 44px/.9 "Space Grotesk";letter-spacing:-.05em;margin:9px 0 18px}
.directory-card p{color:#63737c;font-size:14px}.directory-card div>p:first-child{color:#1688e8;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}
.directory-card>b{font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.directory-card:hover{background:#092b42;color:white}.directory-card:hover p{color:#a9bfcc}.directory-card:hover div>p:first-child,.directory-card:hover b{color:var(--cyan)}
.reference-types{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-block:1px solid #c4d1d6}
.reference-types>div{padding:22px 20px;border-right:1px solid #c4d1d6}.reference-types>div:last-child{border:0}
.reference-types span{display:block;color:#1688e8;font-size:9px;font-weight:700;letter-spacing:.14em;margin-bottom:7px}.reference-types strong{font:600 13px/1.35 "Space Grotesk"}

.directory-hero{position:relative;padding:38px 0 75px;background:radial-gradient(circle at 84% 20%,#143e59,transparent 27%),#071827;border-bottom:1px solid var(--line);overflow:hidden}
.directory-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(24,199,255,.14);border-radius:50%;right:-80px;bottom:-250px;box-shadow:0 0 0 75px rgba(24,199,255,.025)}
.crumbs{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:55px;color:#6f8da0;font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.crumbs a:hover{color:var(--cyan)}.crumbs strong{color:#b6c8d2}.crumbs span{color:#365a70}
.directory-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}
.directory-hero h1{font:700 clamp(68px,10vw,130px)/.8 "Space Grotesk";letter-spacing:-.07em;margin:15px 0 0}
.directory-hero-grid>div:last-child>p:last-child,.directory-hero-grid>p{max-width:620px;color:#a5bbc8;font-size:18px;line-height:1.65}
.topic-directory-hero{background:radial-gradient(circle at 82% 25%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 29%),#071827}
.resource-directory{padding:64px 0 100px;background:#edf3f5;color:var(--ink)}
.resource-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:20px;margin-bottom:34px;border-bottom:1px solid #bfccd2}
.resource-toolbar>div{display:flex;flex-direction:column}.resource-toolbar strong{font:700 25px "Space Grotesk"}.resource-toolbar span{color:#697b85;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 22px}
.resource-card .card-meta>span{font-size:9px;color:#748691;text-transform:uppercase;letter-spacing:.12em}

.guide{background:#edf3f5;color:var(--ink)}
.guide-head{padding:38px 0 62px;background:#f8fbfc;border-bottom:1px solid #cbd7dc}
.guide-head .crumbs{margin-bottom:55px;color:#758792}.guide-head .crumbs strong{color:#526771}
.guide-label{display:flex;justify-content:space-between;gap:20px;color:#1688e8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.guide-head h1{max-width:1050px;font:700 clamp(48px,6.5vw,88px)/.96 "Space Grotesk";letter-spacing:-.055em;margin:18px 0 25px}
.guide-head .dek{max-width:860px;margin:0;color:#536670;font-size:20px}
.guide-details{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:29px;padding-top:20px;border-top:1px solid #d5dfe3;color:#71828b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.guide-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:center;gap:75px;padding-block:68px 90px}
.guide-aside{min-width:0}.toc{position:sticky;top:110px;border-top:3px solid var(--ink);padding-top:16px}.toc>strong,.guide-file>span{display:block;margin-bottom:12px;font:700 12px "Space Grotesk";text-transform:uppercase;letter-spacing:.1em}
.toc nav a{display:block;padding:9px 0;border-bottom:1px solid #cbd6db;color:#60727c;font-size:12px;line-height:1.35}.toc nav a:hover{color:#087fbd}
.toc nav:empty:after{content:"Guide overview";color:#71838c;font-size:12px}
.guide-file{margin-top:38px}.guide-file a{display:block;margin:8px 0;color:#087fbd;font-size:12px}
.guide-prose{min-width:0}.guide-prose>p:first-child{font-size:21px;line-height:1.7;color:#354a55}
.reference-note{margin-top:60px;padding:25px;border:1px solid #bdccd3;background:#f8fbfc}.reference-note strong{font:700 15px "Space Grotesk"}.reference-note p{margin:8px 0 0;color:#60727c;font-size:13px;line-height:1.6}

@media(max-width:980px){.reference-hero-grid{grid-template-columns:1fr;gap:45px}.reference-map{max-width:600px}.directory-head,.directory-hero-grid{grid-template-columns:1fr;gap:25px}.directory-grid,.resource-grid{grid-template-columns:1fr 1fr}.reference-types{grid-template-columns:1fr 1fr}.reference-types>div:nth-child(2){border-right:0}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}}
@media(max-width:650px){.reference-hero-grid{min-height:auto;padding-block:52px}.reference-hero h1{font-size:62px}.reference-lede{font-size:16px}.reference-search>div{flex-direction:column}.reference-search button{padding:14px 18px}.reference-map{padding:34px}.reference-map>b{font-size:50px}.reference-directory{padding:68px 0}.directory-grid,.resource-grid{grid-template-columns:1fr}.directory-card{min-height:270px}.reference-types{grid-template-columns:1fr}.reference-types>div{border-right:0;border-bottom:1px solid #c4d1d6}.directory-hero{padding-bottom:55px}.crumbs{margin-bottom:40px}.directory-hero h1{font-size:72px}.resource-directory{padding:48px 0 68px}.resource-toolbar{align-items:start;flex-direction:column}.guide-head{padding-bottom:48px}.guide-head .crumbs{margin-bottom:38px}.guide-label{align-items:flex-start;flex-direction:column}.guide-head h1{font-size:43px}.guide-head .dek{font-size:17px}.guide-layout{grid-template-columns:1fr;gap:38px;padding-block:44px 65px}.toc{position:static}.guide-file{display:none}}