/* MISSION ZERO / PUBLIC MISSION ARCHITECTURE / monochrome editorials. */
.architectureHeaderBtn{border-bottom:1px solid rgba(255,255,255,.33)!important;padding-bottom:7px!important}
.architectureOverlay{--arch-ink:#f3f3f1;--arch-faint:rgba(255,255,255,.51);--arch-rule:rgba(255,255,255,.21)}
.architecturePanel{width:min(1200px,calc(100% - 32px))!important;max-width:1200px!important;padding:clamp(22px,4vw,58px)!important;background:#0a0b0d!important;overflow-x:hidden}
.architectureTopline{font-size:10px;letter-spacing:.23em;color:var(--arch-faint);display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--arch-rule);padding:0 36px 19px 0}
.architectureHeader{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;padding:46px 0 42px}
.architectureHeader h2{font-size:clamp(45px,7.9vw,108px)!important;letter-spacing:-.062em!important;line-height:.90!important;margin:14px 0 25px!important}
.architectureHeader p{color:rgba(255,255,255,.76);font-size:clamp(13px,1.1vw,16px);line-height:1.8;max-width:575px}
.architectureEncounter{text-align:right;border-left:1px solid var(--arch-rule);padding:20px 0 20px 42px}
.architectureEncounter span,.architectureEncounter small{display:block;font-size:9px;letter-spacing:.16em;color:var(--arch-faint);line-height:2}
.architectureEncounter strong{font-size:clamp(23px,3vw,43px);letter-spacing:.14em;line-height:1.8}
.architectureMarquee{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-block:1px solid var(--arch-rule);padding:20px 0;font-size:10px;letter-spacing:.2em;font-weight:650}
.architectureLayout{display:grid;grid-template-columns:minmax(220px,.73fr) minmax(0,1.7fr);border-bottom:1px solid var(--arch-rule)}
.architectureNav{padding:30px 29px 28px 0;border-right:1px solid var(--arch-rule);display:flex;flex-direction:column;gap:5px}
.architectureNav button{width:100%;border:1px solid transparent;background:transparent;color:rgba(255,255,255,.65);padding:19px 12px;text-align:left;display:flex;align-items:center;gap:17px;font-family:inherit;font-size:clamp(10px,.89vw,13px);letter-spacing:.12em;cursor:pointer;transition:color .23s,background .23s,border .23s}
.architectureNav button span{font-size:10px;color:var(--arch-faint);font-variant-numeric:tabular-nums}
.architectureNav button[aria-selected="true"],.architectureNav button:hover{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.25)}
.architectureNav button:focus-visible{outline:2px solid white;outline-offset:2px}
.architectureDetail{padding:clamp(26px,3.5vw,55px);min-width:0}
.architectureDetailEyebrow,.architectureListHeading{font-size:10px;letter-spacing:.24em;color:var(--arch-faint)}
.architectureDetail h3{font-size:clamp(34px,4.2vw,65px);letter-spacing:-.055em;line-height:1.03;margin:28px 0 17px;font-weight:700}
.architectureDetail p{font-size:clamp(13px,1.1vw,16px);line-height:1.8;color:rgba(255,255,255,.69)}
.architectureDetail .architectureLine{font-size:clamp(15px,1.45vw,21px);color:white;margin-bottom:19px;line-height:1.5}
.architectureMeta{display:grid;grid-template-columns:1fr 1.5fr;border-block:1px solid var(--arch-rule);margin:35px 0;gap:22px;padding:22px 0}
.architectureMeta span{display:block;color:var(--arch-faint);letter-spacing:.19em;font-size:9px;margin-bottom:13px}
.architectureMeta strong{font-weight:550;font-size:clamp(11px,1vw,14px);line-height:1.65}
.architectureDeliverables,.architectureInputs{display:grid;gap:0;margin:15px 0 28px}
.architectureDeliverables div,.architectureInputs div{border-bottom:1px solid rgba(255,255,255,.12);padding:13px 0;font-size:clamp(11px,.98vw,14px);color:rgba(255,255,255,.80);line-height:1.5;display:flex;gap:16px}
.architectureDeliverables div::before{content:"+";color:#fff;flex:none}.architectureInputs div::before{content:"↳";color:#fff;flex:none}
.architectureBottom{padding-top:30px;display:flex;justify-content:space-between;gap:28px;align-items:flex-start}
.architectureBottom strong{font-size:11px;letter-spacing:.17em}
.architectureBottom p{font-size:11px;line-height:1.8;color:var(--arch-faint);max-width:590px;margin-top:12px}
.architectureButtons{display:flex;flex-direction:column;gap:10px;align-items:stretch;flex:none}
.architectureButtons>*{min-height:47px;display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
@media(max-width:850px){.architectureHeader{grid-template-columns:1fr;gap:17px}.architectureEncounter{text-align:left;border-left:0;border-top:1px solid var(--arch-rule);padding:20px 0 0}.architectureLayout{grid-template-columns:1fr}.architectureNav{border-right:0;border-bottom:1px solid var(--arch-rule);padding:17px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.architectureNav button{padding:14px 7px}.architectureDetail{padding:27px 0}.architectureBottom{flex-direction:column}.architectureButtons{flex-wrap:wrap;flex-direction:row;width:100%}.architectureButtons>*{flex:1 1 230px}}
@media(max-width:520px){.architecturePanel{width:100%!important;max-height:100dvh!important;padding:21px 17px!important}.architectureTopline span:last-child{display:none}.architectureHeader{padding:32px 0 29px}.architectureHeader h2{font-size:clamp(45px,12vw,65px)!important}.architectureMarquee{font-size:8px;gap:10px}.architectureMarquee span:last-child{display:none}.architectureNav button{font-size:10px;letter-spacing:.04em;gap:8px;min-height:53px}.architectureMeta{grid-template-columns:1fr;gap:19px}.architectureBottom{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.architectureNav button{transition:none}}

/* Keep the new mission doorway visible at every width: the original film CSS hides
   all toplinks on <=1000px. Reserve the available header space for architecture. */
@media(max-width:1000px){.righthead #architectureBtn{display:inline-flex!important;align-items:center;padding:10px 0!important}.righthead #briefBtn{display:none!important}}
@media(max-width:680px){.righthead #architectureBtn{font-size:8px;letter-spacing:.075em;white-space:nowrap}.righthead #sourcesBtn{display:none!important}}
@media(max-width:355px){.righthead #architectureBtn{font-size:7px;letter-spacing:.045em}}

.architectureFoundations{padding:27px 0 32px;border-bottom:1px solid var(--arch-rule)}
.architectureFoundationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:25px}
.architectureFoundationGrid>div{border-left:1px solid var(--arch-rule);padding-left:17px}
.architectureFoundationGrid span{display:block;font-size:9px;letter-spacing:.17em;color:var(--arch-faint);margin-bottom:12px}
.architectureFoundationGrid strong{display:block;font-size:clamp(13px,1.3vw,19px);letter-spacing:.07em;margin-bottom:7px}
.architectureFoundationGrid p{font-size:11px;line-height:1.75;color:var(--arch-faint)}
@media(max-width:620px){.architectureFoundationGrid{grid-template-columns:1fr;gap:20px}}
