:root{--bg:#101510;--panel:#151b16;--navy:#101d27;--ink:#f0f0e8;--muted:#a4aca4;--olive:#b6c58d;--line:#ffffff26;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--olive);outline-offset:7px}button{background:none;border:0}::selection{background:var(--olive);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--bg);padding:10px}.skip:focus{top:10px}.header{height:96px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#101510f5;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:27px;letter-spacing:2px;line-height:1.05}.brand small{display:block;font-size:8px;letter-spacing:1.25px;margin-top:8px}.mark{width:48px;height:49px;overflow:hidden;position:relative;display:block;flex-shrink:0}.mark img{position:absolute;width:96px;max-width:none;left:-24px;top:-13px;filter:grayscale(1) invert(1);mix-blend-mode:screen}.header nav{display:flex;align-items:center;gap:34px;font-size:14px}.header nav a:hover{color:var(--olive)}.nav-contact{border-left:1px solid var(--line);padding-left:30px}.nav-contact span{padding-left:24px}.menu{display:none}.eyebrow,.location,.section-label,.visual-top,.visual-bottom,.hero-foot,.stage>span,.company-number,.company-graphic>span,.portrait>span,.footer-bottom{font-family:'Courier New',monospace;font-size:12px;letter-spacing:1.25px;line-height:1.5}.olive{color:var(--olive)}.hero{padding:28px 4.5% 0;overflow:hidden;background:radial-gradient(ellipse at 85% 38%,#24332a50,transparent 50%)}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}.hero-content{display:grid;grid-template-columns:1.05fr 1fr;min-height:570px;align-items:center;gap:3%}.hero-copy{position:relative;z-index:1;padding:48px 0 50px}.hero-copy>.eyebrow{margin-bottom:28px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.25vw,84px);line-height:1.03;font-weight:500;letter-spacing:-3.5px;margin-bottom:28px}em{font-style:normal;color:var(--olive)}.intro{max-width:370px;color:#b9c0b8;line-height:1.7;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:55px;font-size:14px;border-bottom:1px solid var(--olive);padding-bottom:10px}.text-link span{font-size:23px;color:var(--olive)}.visual{height:470px;position:relative;min-width:0}canvas{width:100%;height:100%;display:block}.visual-top,.visual-bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}.visual-top{top:12px;border-top:1px solid var(--line);padding-top:12px}.visual-bottom{bottom:0;border-bottom:1px solid var(--line);padding-bottom:12px;align-items:center}.visual-bottom button{font-size:11px;color:var(--muted);padding:5px}.diagram-code{color:var(--olive)}.philosophy{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.stage{text-align:left;padding:22px 28px 22px 0;border-top:2px solid transparent;position:relative;transition:background .4s,border-color .4s}.stage+.stage{padding-left:30px;border-left:1px solid var(--line)}.stage.active{border-top-color:var(--olive)}.stage>span{color:var(--muted);font-size:11px}.stage strong{display:flex;justify-content:space-between;font-size:34px;letter-spacing:-1px;line-height:1.2;margin:14px 0 10px;font-weight:500}.stage strong span{font-size:20px;color:var(--olive);opacity:0;transition:opacity .3s}.stage.active strong span,.stage:hover strong span{opacity:1}.stage p{color:var(--muted);font-size:14px;margin:0;line-height:1.55}.hero-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:17px 0;color:var(--muted);font-size:10px}.hero-foot a span{margin-left:25px}.section{padding:78px 4.5%;border-top:1px solid var(--line);scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:60px}.cross{color:var(--olive);font-size:24px;line-height:12px}h2{font-weight:400;letter-spacing:-2px;font-size:clamp(38px,4vw,62px);line-height:1.08;margin-bottom:30px}.mission{background:#16202a}.mission-body{padding-left:24%}.mission-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;margin-top:50px}.large-copy{font-size:25px;line-height:1.4;letter-spacing:-.5px}.mission-columns>div{color:#bcc3c7;max-width:520px}.mission-columns p{margin-bottom:22px}.muted{color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px}.section-heading h2{margin:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0 8% 0 25px}.company{display:grid;grid-template-columns:.22fr 1fr .8fr;align-items:center;gap:30px;padding:50px 0;border-top:1px solid var(--line)}.company-number{align-self:start;color:var(--muted);padding-top:4px}.company-main>.eyebrow{font-size:10px;color:var(--olive)}.company h3{font-weight:500;font-size:clamp(30px,3.5vw,50px);letter-spacing:-1.7px;line-height:1.08;margin:20px 0}.company p{max-width:430px;color:var(--muted);font-size:15px}.company-link{font-size:14px;display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid transparent;padding:10px 0}.company-link span{font-size:23px;color:var(--olive)}.company:hover .company-link{border-color:var(--olive)}.company-graphic{background:var(--panel);border:1px solid var(--line);color:#aab899;aspect-ratio:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:hidden;transition:background .4s}.company:hover .company-graphic{background:#1e2a22}.company-graphic svg{width:90%;height:auto;max-height:240px;transition:transform .6s}.company:hover svg{transform:translateY(-5px)}.company-graphic>span{font-size:10px;margin-top:20px;color:var(--muted)}.network{background:var(--navy);color:#9daebd}.leadership{background:#121a20}.leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;max-width:1150px;margin:auto}.portrait{position:relative;background:#252724}.portrait img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}.portrait>span{display:block;padding:14px 18px;font-size:10px;border-top:1px solid var(--line);color:var(--muted)}.leader-copy>.eyebrow{display:block;font-size:10px;margin-bottom:30px}.leader-copy>p{color:var(--muted);max-width:440px}.signature{margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.signature h3{font-size:23px;font-weight:400;margin:0 0 6px}.signature span{display:block;font-size:13px;color:var(--muted)}.contact{background:#bcc6a4;color:#172016}.contact .section-label{color:#47513e}.contact .cross{color:#172016}.contact-body{padding-left:24%;max-width:1150px}.contact h2{font-size:clamp(48px,5.7vw,88px);margin:28px 0}.contact em{color:#526045}.contact-body>p:not(.eyebrow){max-width:440px;color:#394633}.contact-link{font-size:23px;display:inline-flex;gap:75px;border-bottom:1px solid #526045;padding:20px 0 12px;margin-bottom:20px}.contact-link span{font-size:30px}.email{display:block;font-size:14px;width:fit-content;overflow-wrap:anywhere}footer{padding:64px 4.5% 20px;background:#0b100e}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:70px}.footer-top>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px;font-size:14px}.footer-top .eyebrow{color:var(--muted);font-size:10px;margin-bottom:14px}.footer-top>.brand{align-self:start}.footer-top button{padding:0;font-size:14px}.footer-location{color:var(--muted);font-size:12px;margin-top:8px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:20px;letter-spacing:0;font-size:10px;color:var(--muted)}.footer-bottom button{font-family:var(--font);font-size:11px;padding:0 0 0 22px}.footer-top a:hover,footer button:hover{color:var(--olive)}dialog{color:var(--ink);background:#172019;border:1px solid #637055;padding:55px;max-width:660px;width:calc(100% - 32px);max-height:85vh;line-height:1.7}dialog::backdrop{background:#050a08dc;backdrop-filter:blur(6px)}dialog .close{display:block;margin:0 0 35px auto;padding:0;color:var(--olive);font-size:14px}dialog h2{font-size:40px;margin-top:25px}dialog h3{font-size:18px;margin:25px 0 8px}dialog p{color:#bcc5ba}dialog p a{text-decoration:underline;overflow-wrap:anywhere}dialog .small{font-size:12px;margin-top:35px;color:var(--muted)}
@media(min-width:1600px){.header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}
@media(max-width:900px){.header nav{gap:20px}.brand{font-size:23px}.brand small{font-size:7px}.hero-content{min-height:520px;gap:0}.hero-copy{padding:40px 0}h1{font-size:53px;letter-spacing:-2.5px}.visual{height:410px}.location{font-size:10px}.hero-top>.eyebrow{font-size:10px}.mission-body,.contact-body{padding-left:15%}.company{grid-template-columns:.12fr 1fr .7fr;gap:20px}.company h3{font-size:36px}.leader-grid{gap:7%}.section{padding-top:60px;padding-bottom:60px}.leader-copy h2{font-size:43px}}
@media(max-width:680px){html{scroll-padding-top:20px}.header{height:82px;padding:0 6%}.brand{font-size:23px}.mark{width:42px;height:44px}.mark img{width:84px;left:-21px;top:-11px}.menu{display:flex;font-size:13px;gap:18px;padding:12px 0}.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#101510;padding:30px 6%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.nav-contact{border:0;padding:0}.hero{padding:23px 6% 0}.hero-top .eyebrow{font-size:9px;max-width:180px}.location{font-size:9px;max-width:100px;text-align:right}.hero-content{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:45px 0 15px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:22px}h1{font-size:clamp(42px,9.3vw,62px);letter-spacing:-2px;margin-bottom:24px}.intro{font-size:15px;max-width:340px}.visual{height:320px;margin:20px 0 30px}.visual-top{font-size:9px}.visual-bottom{font-size:9px}.stage{padding:17px 12px 20px 0}.stage+.stage{padding-left:12px}.stage>span{font-size:8px;letter-spacing:.3px}.stage strong{font-size:22px;letter-spacing:-.8px}.stage strong span{display:none}.stage p{font-size:11px;line-height:1.55}.hero-foot{font-size:8px;letter-spacing:.5px}.hero-foot a span{margin-left:8px}.section{padding:48px 6%}.section-label{font-size:10px;margin-bottom:40px}.mission-body,.contact-body{padding-left:0}h2{font-size:40px;letter-spacing:-1.5px}.mission-columns{grid-template-columns:1fr;gap:15px;margin-top:30px}.large-copy{font-size:23px;max-width:300px}.mission-columns>div{font-size:15px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin:25px 0 0}.company{grid-template-columns:25px 1fr;padding:35px 0;gap:13px}.company-main>.eyebrow{font-size:9px}.company h3{font-size:35px}.company-graphic{grid-column:2;aspect-ratio:1.8;margin-top:15px}.company-graphic svg{max-height:160px}.company-graphic>span{margin-top:5px;font-size:9px}.leader-grid{grid-template-columns:1fr;gap:38px}.portrait{max-width:420px}.leader-copy>.eyebrow{font-size:9px}.leader-copy h2{font-size:43px}.leader-copy>p{font-size:15px}.contact h2{font-size:51px}.contact-body>.eyebrow{font-size:10px}.contact-link{font-size:21px;gap:35px}footer{padding:48px 6% 25px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 20px;padding-bottom:40px}.footer-top>.brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>div{width:100%;display:flex;gap:20px}.footer-bottom button{padding:0}dialog{padding:28px}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Editorial light direction: open surfaces, charcoal emphasis, olive restraint. */
:root{--bg:#f6f6f3;--panel:#eceee8;--ink:#272925;--muted:#62685e;--olive:#5b6849;--line:#28302226;--navy:#e7ebe9}
.header{background:#f6f6f3;height:100px}.header .mark img{filter:grayscale(1);mix-blend-mode:multiply}.header .brand{perspective:300px}.header .mark{animation:emblem-arrive 1.7s cubic-bezier(.16,1,.3,1) both}.header .mark:after{content:"";position:absolute;inset:-10%;background:linear-gradient(110deg,transparent 30%,#ffffffb0 48%,transparent 66%);transform:translateX(-150%);animation:emblem-light 8s ease-in-out infinite;pointer-events:none}.header .brand:hover .mark{transform:rotateY(15deg);transition:transform .6s}
@keyframes emblem-arrive{from{opacity:0;transform:rotateY(-65deg) scale(.88)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes emblem-light{0%,65%{transform:translateX(-150%)}90%,100%{transform:translateX(150%)}}
.hero{background:#f6f6f3;position:relative}.hero-top{position:relative;z-index:2}.hero-content{position:relative;display:flex;align-items:center;justify-content:center;min-height:620px;margin:0 -4.95%;isolation:isolate}.hero-copy{padding:95px 5% 100px;text-align:center;max-width:1080px;z-index:2;pointer-events:none;animation:message-arrive 1.8s .25s both;position:relative}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-20% -15%;background:radial-gradient(ellipse,#f6f6f3 12%,#f6f6f3e8 38%,#f6f6f366 63%,transparent 76%);pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(50px,6.4vw,96px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:0 0 28px}.hero .intro{color:#525b4d;max-width:490px;margin:0 auto 28px;font-size:17px}.hero .text-link{font-size:14px;gap:45px}.visual{position:absolute;inset:0;height:100%;width:100%;z-index:0;pointer-events:none}.visual canvas{filter:invert(1) grayscale(.7);opacity:.7}.visual-bottom{left:4.5%;right:4.5%;bottom:18px;z-index:3;border:0;font-size:11px}.visual-bottom button{pointer-events:auto;color:#505b48;font-size:12px}.visual-bottom>span{color:#505b48}.philosophy{position:relative;z-index:3;background:#f6f6f3}.stage{padding-top:28px;padding-bottom:28px}.stage>span{font-size:12px}.stage p{font-size:15px}.stage.active{background:#e8ece24d}.hero-foot{font-size:11px}.hero-foot>span{letter-spacing:1px}@keyframes message-arrive{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.mission{background:#fff}.mission-columns>div{color:#555e51}.mission .muted{font-size:15px;color:#646d5f;border-top:1px solid var(--line);padding-top:22px}.companies{background:#f0f1ec}.company-graphic{color:#596a4d;background:#e7ebe1;border-color:#27332126}.company:hover .company-graphic{background:#dfe6d8}.company-graphic.network{background:#e2e8e7;color:#4d6462}.company-main>.eyebrow{font-size:11px}.company p{font-size:16px}.coverage{display:block;margin-top:16px;color:#565f50;font-size:14px}.company-graphic>span{font-size:11px}.section-label{font-size:12px}.section-heading>p{font-size:15px}
.leadership{background:#252622;color:#eeeee8;--line:#ffffff29;--olive:#bdc5a5;--muted:#b4b8ac}.leadership .portrait{background:#252622}.portrait>span{font-size:11px}.leader-copy>.eyebrow{font-size:11px}.signature span{font-size:14px}.contact{background:#fff;color:#292d25}.contact .section-label{color:#62695a}.contact em{color:#626f50}.contact-body>p:not(.eyebrow){color:#59634f}.contact-link{border-color:#929c85}.contact .cross{color:#69765a}.contact-body>.eyebrow{font-size:11px}
footer{background:#20221e;color:#eeeeea;--line:#ffffff26;--muted:#b1b8a7;--olive:#bcc7a6}footer .mark img{filter:grayscale(1) invert(1);mix-blend-mode:screen}.footer-top .eyebrow{font-size:11px}.footer-bottom{font-size:11px}.footer-bottom button{font-size:12px}dialog{background:#f6f6f3;color:#292d25;border-color:#929e82}dialog p{color:#56604e}dialog .close{color:#586a45}dialog::backdrop{background:#151912c9}
@media(max-width:900px){.hero-content{min-height:580px}.hero h1{font-size:67px;letter-spacing:-3px}}
@media(max-width:680px){.header{height:82px}.header nav{background:#f6f6f3}.hero{padding-top:24px}.hero-top>.eyebrow,.hero-top .location{font-size:10px;letter-spacing:.7px}.hero-content{min-height:530px;margin:0 -6.8%;display:flex}.hero-copy{padding:65px 7% 110px;max-width:100%}.hero h1{font-size:clamp(43px,10.8vw,66px);letter-spacing:-2.1px;line-height:1.08}.hero .intro{font-size:16px;max-width:325px;line-height:1.65}.hero .text-link{font-size:14px}.visual{height:100%;margin:0}.visual canvas{opacity:.55}.visual-bottom{left:6%;right:6%;bottom:24px;font-size:10px}.hero-copy:before{inset:-10% -5%;background:radial-gradient(ellipse,#f6f6f3f5 15%,#f6f6f3dd 40%,#f6f6f380 65%,transparent 85%)}.stage{padding:22px 9px 24px 0}.stage+.stage{padding-left:12px}.stage p{font-size:13px;line-height:1.5}.stage>span{font-size:9px;letter-spacing:0}.stage strong{font-size:22px}.hero-foot{font-size:9px}.section-label{font-size:11px}.company-main>.eyebrow{font-size:10px}.company p{font-size:16px}.company-graphic>span{font-size:10px}.footer-bottom{font-size:10px}.leader-copy>.eyebrow{font-size:10px}.contact h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.header .mark,.header .mark:after,.hero-copy{animation:none!important;opacity:1;transform:none;filter:none}}
.header .mark{mix-blend-mode:multiply;border-radius:50%}
/* Give the operating diagram its own stage, unobstructed by the headline. */
.hero-content{display:block;min-height:760px}.hero-copy{max-width:none;padding:55px 5% 32px}.hero-copy:before{display:none}.hero h1{font-size:clamp(50px,5.7vw,82px);margin-bottom:22px}.hero .intro{max-width:530px;margin-bottom:16px}.visual{top:auto;bottom:0;height:360px}.visual canvas{opacity:.95;filter:invert(1) grayscale(.45)}.visual-bottom{bottom:18px}.hero .text-link{padding-bottom:5px}.hero-content .visual{border:0}.mission{background:#252622;color:#f2f2e9;--line:#ffffff29;--olive:#c0caa8;--muted:#b8bfaf}.mission .section-label{color:#bac1b2}.mission-columns>div{color:#d0d4c9}.mission .muted{color:#bac3ac}.mission .large-copy{color:#f2f2e9}.company-graphic,.company-graphic.network{background:#242722;color:#c0caaa;--panel:#242722;border-color:#323a2b}.company:hover .company-graphic{background:#292f25}.company-graphic>span{color:#b3bea7}.company-graphic svg{overflow:visible}.blueprint svg>g{transform-origin:50% 50%;animation:structure-float 7s ease-in-out infinite}.blueprint svg path:first-child{stroke-dasharray:850;stroke-dashoffset:0;animation:structure-trace 9s ease-in-out infinite}.network svg>path{stroke-dasharray:7 5;animation:network-flow 9s linear infinite}.network svg circle{transform-box:fill-box;transform-origin:center;animation:node-signal 4s ease-in-out infinite}.network svg circle:nth-child(2n){animation-delay:-2s}.company-graphic.network{background:#17232a;--panel:#17232a;color:#bdcfd1}.company:hover .network{background:#1c2b32}.network>span{color:#a6bfc5}.contact-body>p:not(.eyebrow){max-width:590px}.contact-link{font-size:22px;gap:45px}.motion-paused .company-graphic svg *,.motion-paused .header .mark,.motion-paused .header .mark:after{animation-play-state:paused}
@keyframes structure-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
@keyframes structure-trace{0%,15%{stroke-dashoffset:850;opacity:.35}60%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.35}}
@keyframes network-flow{to{stroke-dashoffset:-144}}
@keyframes node-signal{0%,100%{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:900px){.hero-content{min-height:760px}.hero h1{font-size:62px}}
@media(max-width:680px){.hero-content{min-height:775px}.hero-copy{padding:47px 7% 30px}.hero h1{font-size:clamp(41px,10.7vw,62px);margin-bottom:24px}.hero .intro{max-width:325px;font-size:16px;margin-bottom:20px}.visual{height:335px;bottom:0;margin:0}.visual canvas{opacity:.9}.visual-bottom{font-size:10px;bottom:24px}.visual-bottom button{font-size:11px}.contact-link{font-size:19px;gap:20px}.contact-body>p:not(.eyebrow){font-size:16px}}
@media(prefers-reduced-motion:reduce){.company-graphic svg *{animation:none!important;stroke-dashoffset:0!important}}
.hero-content{min-height:700px}
@media(max-width:900px){.hero-content{min-height:720px}}
@media(max-width:680px){.hero-content{min-height:700px}}

/* Unified brand motion and a concrete foundation. */
.header .brand{position:relative;isolation:isolate;overflow:hidden}
.header .mark:after{display:none}
.header .brand:after{content:"";position:absolute;inset:-15% -10%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffffffa6 49%,transparent 61%);transform:translateX(-130%);animation:brand-sheen 10s ease-in-out infinite}
.header .brand-name{display:block;animation:wordmark-arrive 1.4s .2s both}
.brand-tagline{white-space:nowrap}
.header .brand-tagline span{display:inline-block;animation:brand-sequence 10s ease-in-out infinite}
.header .brand-tagline span:nth-child(2){animation-delay:.4s}
.header .brand-tagline span:nth-child(3){animation-delay:.8s}
@keyframes brand-sheen{0%,66%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}
@keyframes wordmark-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-sequence{0%{opacity:.3;transform:translateY(2px)}8%,88%{opacity:1;transform:translateY(0)}100%{opacity:.3;transform:translateY(2px)}}
.motion-paused .header .brand:after,.motion-paused .header .brand-name,.motion-paused .header .brand-tagline span{animation-play-state:paused}
.header,footer{position:relative;isolation:isolate;background:#c6c8c6;color:#242c30;--line:#29343b30;--muted:#485258;--olive:#183447;background-image:radial-gradient(ellipse at 15% 10%,#e0e1de99,transparent 60%),radial-gradient(ellipse at 85% 90%,#8e949438,transparent 65%)}
.header:before,footer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
footer .mark img{filter:grayscale(1);mix-blend-mode:multiply}
footer .mark{mix-blend-mode:multiply;border-radius:50%}
@media(prefers-reduced-motion:reduce){.header .brand-name,.header .brand-tagline span{opacity:1;transform:none}.header .brand:after{display:none}}

/* Mineral grain and pores give the footer a concrete-wall surface. */
.header,footer{background-color:#c5c6c3}
.header:before,footer:before{opacity:.52;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22600%22%3E%3Cfilter%20id%3D%22concrete%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.018%20.024%22%20numOctaves%3D%225%22%20seed%3D%2217%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%221.5%22%20intercept%3D%22-.22%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%221.5%22%20intercept%3D%22-.22%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%221.5%22%20intercept%3D%22-.22%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22pores%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.48%22%20numOctaves%3D%223%22%20seed%3D%228%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22discrete%22%20tableValues%3D%22.1%20.45%20.78%20.9%201%201%201%201%22%2F%3E%3CfeFuncG%20type%3D%22discrete%22%20tableValues%3D%22.1%20.45%20.78%20.9%201%201%201%201%22%2F%3E%3CfeFuncB%20type%3D%22discrete%22%20tableValues%3D%22.1%20.45%20.78%20.9%201%201%201%201%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Cpath%20d%3D%22M0%200h600v600H0z%22%20filter%3D%22url%28%23concrete%29%22%20opacity%3D%22.72%22%2F%3E%3Cpath%20d%3D%22M0%200h600v600H0z%22%20filter%3D%22url%28%23pores%29%22%20opacity%3D%22.38%22%2F%3E%3C%2Fsvg%3E");background-size:600px 600px}

/* Vector UI symbols stay monochrome across desktop and mobile platforms. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;overflow:visible}

/* The bone highlight follows the active operating stage. */
.stage.active{background:#eae6dd}