:root{--bg:#1C1917;--panel:#292524;--orange:#F97316;--gold:#FBBF24;--text:#F5F5F4;--muted:#c6bfba;--line:#514841;--heading:Archivo,Arial,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 var(--body)}
a{color:inherit;text-underline-offset:4px}
@media (hover: hover){a:hover{color:var(--gold)}
}
button,input,textarea{font:inherit}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}
header{border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}
.header{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:105px}
.brand{display:inline-flex;flex-direction:column;text-decoration:none;font:900 29px/1.15 var(--heading);letter-spacing:.13em}
.brand span{font:11px/2.5 var(--body);letter-spacing:.22em;color:var(--muted)}
.nav-list{display:flex;align-items:center;list-style:none;gap:24px;margin:0;padding:0}
.nav-list>li>a,.nav-list summary{font-size:13px;font-weight:600;text-decoration:none;min-height:44px;display:flex;align-items:center;cursor:pointer}
.nav-list summary{list-style:none;gap:7px}
.nav-list summary:after{content:'+';color:var(--orange);font-size:17px}
.nav-item{position:relative}
.submenu{display:none;position:absolute;top:100%;left:0;background:var(--panel);border:1px solid var(--line);padding:12px;list-style:none;width:320px;max-height:70vh;overflow:auto;box-shadow:0 20px 60px #0005}
.nav-item:focus-within .submenu,.nav-item details[open]>.submenu{display:block}
@media (hover: hover){.nav-item:hover .submenu{display:block}
}
.submenu a{display:block;padding:9px 10px;font-size:13px;line-height:1.5;text-decoration:none}
@media (hover: hover){.submenu a:hover{background:var(--bg)}
}
.mobile{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 22px;background:var(--orange);color:var(--bg);border:1px solid var(--orange);border-radius:2px;font-size:13px;font-weight:750;line-height:1.5;text-decoration:none;cursor:pointer;transition:background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}
@media (hover: hover){.button:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}
}
.button:active{transform:scale(.97)}
.button.small{padding:10px 15px}
.button.secondary{background:transparent;color:var(--text);border-color:var(--line);margin:24px 0}
.skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:var(--gold);color:#000;padding:12px;z-index:100}
.skip:focus{transform:none}
.hero{padding-top:55px;padding-bottom:58px;border-bottom:1px solid var(--line)}
.hero>div{max-width:1000px}
.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:32px}
.breadcrumb a{text-decoration:none}
.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--orange);text-transform:uppercase}
.hero h1{font:600 clamp(38px,5.5vw,74px)/1.06 var(--heading);letter-spacing:-.045em;max-width:1050px;margin:20px 0 28px}
.intro{font-size:19px;line-height:1.7;color:var(--muted);max-width:800px;margin-bottom:30px}
.home-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding-top:45px;padding-bottom:45px}
.home-hero h1{font-size:clamp(46px,5.2vw,72px)}
.hero-diagram{position:relative;min-width:0}
.field{display:block;width:100%;height:auto;color:var(--line)}
.composition{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;font-size:11px;letter-spacing:.08em}
.composition span{border-left:2px solid var(--orange);padding-left:9px}
.mounting{text-align:center;color:var(--muted);font-size:12px}
.route-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.route{display:block;position:relative;text-decoration:none;padding:30px 22px 30px 0;min-height:190px}
.route+.route{border-left:1px solid var(--line);padding-left:22px}
.route h2{font:500 23px/1.25 var(--heading);letter-spacing:-.03em;margin:22px 0}
.route>span:last-child{color:var(--orange)}
.facts{padding:40px 0}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}
caption{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding-bottom:15px}
th,td{padding:14px 20px;border-bottom:1px solid var(--line);vertical-align:top}
th{width:30%;background:var(--panel);font-weight:500}
td{font-variant-numeric:tabular-nums}
.article-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(230px,1fr);gap:80px;padding-top:50px;padding-bottom:90px}
.article-layout article{min-width:0;max-width:76ch}
.article-section{position:relative;border-bottom:1px solid var(--line);padding:25px 0 32px}
.section-number{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.15em;color:var(--orange)}
h2,.chrome-heading,.aside-heading{font:550 clamp(24px,2.4vw,33px)/1.2 var(--heading);letter-spacing:-.025em;margin:12px 0 24px}
h3{font:600 20px/1.3 var(--heading)}
p{margin:0 0 22px}
.article-section p{color:var(--muted)}
.article-section a{color:var(--text)}
.article-aside{border-left:1px solid var(--line);padding-left:32px;min-width:0}
.aside-inner{position:sticky;top:25px}
.article-aside .aside-heading{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-top:25px}
.article-aside ol{padding-left:18px;font-size:12px;color:var(--muted)}
.article-aside li{padding:8px 0}
.article-aside li a{text-decoration:none}
.aside-link{display:block;position:relative;border-top:1px solid var(--line);padding:13px 15px 13px 0;font-size:13px;line-height:1.45;text-decoration:none}
.aside-link:after{content:'+';position:absolute;right:0;color:var(--orange)}
.quote-band{background:var(--panel);border-block:1px solid var(--line);padding:55px 0}
.quote-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.quote-inner .chrome-heading{max-width:650px;font-size:36px;margin:15px 0}
.quote-inner p{color:var(--muted);margin:0}
.quote-inner .button{flex-shrink:0}
footer{padding:55px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.1fr;gap:40px}
.footer-grid p{font-size:11px;color:var(--muted);max-width:250px;margin:15px 0}
.footer-grid .chrome-heading{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 23px}
.footer-grid>div>a:not(.brand){display:block;font-size:11px;text-decoration:none;padding:8px 0}
.legal{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:11px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:90px;padding-block:60px 100px}
.contact-layout aside{border-left:1px solid var(--line);padding-left:35px}
.contact-layout aside>a{display:block;padding:8px 0;overflow-wrap:anywhere}
.contact-layout aside h2{font-size:21px;margin-top:30px}
.contact-layout aside p,.contact-layout aside li{font-size:14px;color:var(--muted)}
form{display:grid;gap:24px;margin-top:35px;position:relative}
form label{display:grid;gap:8px;font-size:13px}
input,textarea{background:var(--panel);color:var(--text);border:1px solid #73645b;border-radius:2px;padding:13px;width:100%;min-width:0}
textarea{resize:vertical}
textarea::placeholder{color:var(--muted);font-size:13px}
form .button{justify-self:start}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.utility{min-height:55vh;padding-block:90px}
.utility h1{font:600 clamp(40px,5vw,68px)/1.1 var(--heading);letter-spacing:-.04em}
.utility p{max-width:700px;color:var(--muted)}
.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;padding-bottom:100px}
.journal-card{border-bottom:1px solid var(--line);padding-block:40px}
.journal-card h2{font-size:30px}
.journal-card h2 a{text-decoration:none}
.journal-card p{font-size:15px;color:var(--muted)}
@media(hover:none){.nav-item:hover .submenu{display:none}
.nav-item details[open]>.submenu,.nav-item:focus-within .submenu{display:block}
}
@media(min-width:961px){.nav-list>li:nth-last-child(2) .submenu{left:auto;right:0}
}
@media(max-width:1100px){.nav-list{gap:16px}
.nav-list>li>a,.nav-list summary{font-size:12px}
.header{gap:15px}
.article-layout{gap:45px}
.footer-grid{gap:25px}
}
@media(max-width:960px){.shell{width:calc(100% - 48px)}
.desktop{display:none}
.mobile{display:block;position:relative}
.mobile>summary{cursor:pointer;min-height:44px;padding:9px;font-size:13px}
.mobile[open]{position:static}
.mobile nav{position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:20px 24px;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}
.mobile .nav-list{display:block}
.mobile .nav-list>li{margin:8px 0}
.mobile .nav-list>li>a,.mobile .nav-list summary{font-size:14px}
.mobile .submenu{position:static;width:auto;max-height:none;margin:0 0 20px 12px}
.mobile .nav-item:hover .submenu{display:none}
.mobile .nav-item details[open]>.submenu{display:block}
.header{min-height:85px}
.home-hero{grid-template-columns:1fr}
.hero-diagram{max-width:580px}
.route-grid{grid-template-columns:1fr 1fr}
.route:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}
.route:nth-child(4){border-top:1px solid var(--line)}
.article-layout{grid-template-columns:minmax(0,1fr) minmax(200px,.6fr);gap:35px}
.article-aside{padding-left:20px}
.footer-grid{grid-template-columns:1fr 1fr}
.quote-inner{display:block}
.quote-inner .button{margin-top:24px}
.contact-layout{gap:35px}
}
@media(max-width:640px){body{font-size:16px}
.shell{width:calc(100% - 36px)}
.hero{padding-block:30px 40px}
.hero h1{font-size:40px}
.home-hero h1{font-size:47px}
.intro{font-size:17px}
.breadcrumb{margin-bottom:25px}
.home-hero{gap:10px}
.hero-diagram{margin-top:0}
.composition{font-size:11px;gap:8px}
.route{padding:25px 12px 25px 0;min-height:170px}
.route+.route{padding-left:14px}
.route:nth-child(3){padding-left:0}
.route .eyebrow{font-size:11px}
.route h2{font-size:21px}
.article-layout{display:flex;flex-direction:column;gap:30px;padding-top:30px;padding-bottom:60px}
.article-aside{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:0 0 20px}
.aside-inner{position:static}
.article-aside ol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.article-aside .aside-link,.article-aside .secondary,.article-aside .aside-heading:last-of-type{display:none}
.article-section{padding-top:25px}
.facts{padding-block:28px}
th,td{padding:12px;font-size:12px}
th{min-width:120px}
td{overflow-wrap:anywhere}
.quote-band{padding-block:38px}
.quote-inner .chrome-heading{font-size:30px}
.quote-inner p{font-size:15px}
.footer-grid{grid-template-columns:1fr;gap:25px}
.footer-grid>div>a:not(.brand){font-size:12px;min-height:44px;padding:8px 0}
.contact-layout{grid-template-columns:1fr;padding-block:35px 60px}
.contact-layout aside{padding-left:0;border-left:0;border-top:1px solid var(--line)}
.journal-grid{grid-template-columns:1fr;padding-bottom:50px}
.journal-card{padding-block:30px}
.utility{padding-block:60px}
.button{font-size:12px}
.brand{font-size:26px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.button{transition:none}
}


.verified-figure{margin:28px 0 0;max-width:768px;width:100%;align-self:center}
.verified-figure img{display:block;width:100%;height:auto}
.verified-figure figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
.fig-light{background:#f5f5f4;padding:24px}
.fig-light figcaption{color:#44403c}
.fig-small{max-width:340px}
.home-hero .verified-figure{grid-column:1/-1;max-width:100%}
.contact-guidance{padding-block:36px;max-width:900px}
.journal-intro{padding-block:32px;max-width:900px}