@font-face{font-family:"MB Corpo A";src:url("fonts/mb-corpo-a-cond-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"MB Corpo S";src:url("fonts/mb-corpo-s-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"MB Corpo S";src:url("fonts/mb-corpo-s-bold.woff2") format("woff2");font-weight:700;font-display:swap}

/* The three original MB faces and the complete original palette are retained.
   Size, weight and composition form the hierarchy; no extra typeface is loaded. */
:root{color-scheme:dark;--bg:#050608;--bg2:#0d1014;--surface:rgba(13,16,20,.88);--surface2:rgba(23,27,32,.92);--line:rgba(95,108,122,.30);--line-soft:rgba(95,108,122,.17);--text:var(--infiltratr-text,#f2f5f7);--muted:var(--infiltratr-muted,#b4bec7);--quiet:var(--infiltratr-subtle,#87929c);--accent:#00adef;--green:var(--infiltratr-success,#8be6a5);--wood:rgba(181,143,88,.20);--wood-strong:rgba(205,170,115,.34);--content:1120px;--radius:3px;--sans:"MB Corpo S",var(--infiltratr-font-ui,system-ui,sans-serif);--display:"MB Corpo A",var(--infiltratr-font-brand,system-ui,sans-serif)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 11% 0%,rgba(33,50,61,.55),transparent 32%),radial-gradient(circle at 90% 18%,rgba(23,40,49,.38),transparent 30%),linear-gradient(180deg,#050608 0%,#0d1014 48%,#050608 100%);color:var(--text);font:400 18px/1.65 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,code,pre{font:inherit;font-synthesis:none}
button,summary,a,input{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.shell{width:min(var(--content),calc(100% - 80px));margin:0 auto}
.skip-link{position:fixed;left:12px;top:12px;z-index:20;padding:10px 16px;transform:translateY(-160%);background:var(--text);color:var(--bg)}
.skip-link:focus{transform:none}
nav[aria-label="Primary"]{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:29px 0 27px;border-bottom:1px solid var(--line)}
.brand{font:400 25px var(--display);letter-spacing:.045em;white-space:nowrap}
.brand span{color:var(--accent)}
.navlinks{display:flex;align-items:center;flex-wrap:wrap;gap:32px;color:var(--muted);font:400 16px/1.5 var(--sans)}
.navlinks a{padding:8px 0}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--text)}
.navlinks a[aria-current="page"]{box-shadow:0 1px var(--accent)}
.navlinks .nav-software{padding-left:28px;border-left:1px solid var(--line)}
main{scroll-margin-top:28px}
section[id],article[id]{scroll-margin-top:30px}
main>section{padding:60px 0}
h1,h2,h3,p,blockquote{margin-top:0}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.012em}
p{color:var(--muted);margin-bottom:20px}
h1{font-size:68px;line-height:1.08;margin:16px 0 24px}
h2{font-size:46px;line-height:1.15;margin:0 0 20px}
h3{font-size:30px;line-height:1.25;margin:0 0 12px}
.eyebrow,.kicker{color:var(--accent);font:700 14px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase;margin:0 0 16px}
.tag{font:400 14px/1.5 var(--sans);color:var(--quiet);margin-bottom:6px}
.lead{font:400 22px/1.5 var(--sans);max-width:760px;margin:0}
.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:8px 0;font-size:16px;font-weight:700;border-bottom:1px solid var(--wood-strong);line-height:1.5}
.text-link:hover{border-color:var(--accent);color:var(--text)}
.inline-link{border-bottom:1px solid var(--wood-strong)}
.inline-link:hover{border-color:var(--accent)}
.page-intro{padding:64px 0 48px}
.page-intro h1{max-width:850px}
.page-intro .lead{max-width:790px}
.section-nav{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px;font-size:16px}
.section-nav a{padding:6px 0;border-bottom:1px solid var(--line)}
.section-nav a:hover{border-color:var(--accent);color:var(--text)}
.section-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 64px;align-items:start;margin-bottom:30px}
.section-heading>.eyebrow{grid-column:1/-1;margin-bottom:12px}
.section-heading h2{margin:0}
.section-deck{font:400 25px/1.45 var(--display);margin:0;color:var(--text);max-width:600px}
.inline-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}
dt{font:400 14px/1.5 var(--sans);color:var(--quiet)}
dd{font:400 18px/1.5 var(--sans);margin:5px 0 0;overflow-wrap:anywhere}
.resource-links{display:flex;gap:24px;flex-wrap:wrap;font-size:16px}
.resource-links a{padding:7px 0;border-bottom:1px solid var(--line)}
.resource-links a:hover{border-color:var(--accent)}
.destination-strip{display:flex;align-items:center;justify-content:space-between;gap:60px;border-top:1px solid var(--wood-strong)}
.destination-strip h2{font-size:36px;margin-bottom:12px}
.destination-strip p{max-width:660px;margin-bottom:0}
.destination-strip .eyebrow{margin-bottom:10px}
.destination-strip>a{flex-shrink:0}
footer{padding:20px 0 30px;color:var(--quiet);font-size:14px}
.footerline{display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:24px}

/* The home page introduces Shannon, then two specific pieces of the collection. */
.home-intro{padding:70px 0 52px}
.home-intro h1{font-size:88px;line-height:1.05;margin:0 0 26px}
.home-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:80px}
.home-intro .lead{max-width:620px}
.home-intro .text-link{white-space:nowrap}
.home-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;border-top:1px solid var(--line)}
.feature-heading h2{font-size:56px;margin:0 0 12px}
.feature-heading h2 a:hover{color:var(--accent)}
.feature-subtitle{font:400 25px/1.4 var(--display);margin:0;max-width:400px}
.feature-content>p{margin:0}
.feature-notes{padding:0;margin:24px 0;list-style:none;font-size:16px;color:var(--muted)}
.feature-notes li{border-top:1px solid var(--line-soft);padding:8px 0}
.feature-content .inline-facts{margin:24px 0}
.home-closing{display:flex;justify-content:space-between;align-items:start;gap:64px;border-top:1px solid var(--line);padding:42px 0 48px}
.home-closing p{max-width:660px;margin:0;font-size:17px}
.home-closing .text-link{flex-shrink:0}

/* Project information stays visible; implementation detail is progressively disclosed. */
.project-section{border-top:1px solid var(--line)}
.project-content>p{max-width:900px}
.project-content>.inline-facts{max-width:850px}
.technical-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 0}
.technical-detail>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0;font:400 18px/1.5 var(--sans)}
.technical-detail>summary::-webkit-details-marker{display:none}
.technical-detail>summary>span{font:400 24px/1 var(--sans);color:var(--accent);transition:transform .15s}
.technical-detail[open]>summary>span{transform:rotate(45deg)}
.technical-detail>p{max-width:900px}
.technical-detail>h3{margin-top:28px}
.technical-detail[open]{padding-bottom:24px}
.engineering-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:22px 0 32px}
.engineering-notes h3{font-size:28px}
.engineering-notes p{font-size:17px;margin:0}
.fact-list{margin:20px 0}
.fact-list>div{display:grid;grid-template-columns:200px 1fr;gap:36px;padding:12px 0;border-top:1px solid var(--line-soft)}
.fact-list dd{margin:0}
.family-register{margin:28px 0 0;border-top:1px solid var(--line)}
.family-register a{display:grid;grid-template-columns:230px 1fr 20px;gap:32px;padding:22px 0;border-bottom:1px solid var(--line-soft);align-items:baseline}
.family-register strong{font:400 30px/1.2 var(--display)}
.family-register span{font-size:17px;color:var(--muted)}
.family-register b{font-size:18px;font-weight:400;color:var(--quiet)}
.family-register a:hover strong,.family-register a:hover b{color:var(--accent)}
.closing-note{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;border-top:1px solid var(--line);padding:42px 0}
.closing-note h2{font-size:34px;margin:0}
.closing-note p{font-size:17px;margin:0}

/* The current car is the sole hero. Historical cars all share one row grammar. */
.garage-current{padding:25px 0 55px}
.garage-nav{margin:0 0 48px;font-size:15px}
.vehicle-card--hero h1{font-size:104px;line-height:1;margin:14px 0 12px}
.vehicle-subtitle{font:400 38px/1.2 var(--display);margin:0 0 22px;color:var(--text)}
.vehicle-card--hero .vehicle-description{font-size:22px;line-height:1.5;max-width:740px;margin:0}
.vehicle-overview{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;margin-top:40px;padding-top:28px;border-top:1px solid var(--wood-strong)}
.hero-key-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0}
.hero-key-facts dd{font-size:32px;line-height:1.2;white-space:nowrap;margin-top:10px}
.hero-key-facts dd span{display:block;font:400 15px/1.5 var(--sans);color:var(--muted);margin-top:6px}
.vehicle-story p{margin:0 0 18px}
.vehicle-story .equipment-preview{font-size:16px;color:var(--quiet);margin-bottom:0}
.garage-chapter{padding:44px 0 24px;border-top:1px solid var(--line)}
.chapter-heading{margin-bottom:28px}
.chapter-heading h2{font-size:44px;margin:0 0 12px}
.chapter-heading p:last-child{margin:0;font-size:18px;max-width:780px}
.garage-register{border-top:1px solid var(--line)}
.garage-entry{padding:32px 0;border-bottom:1px solid var(--line-soft)}
.garage-entry .vehicle-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 64px}
.garage-entry .tag{grid-column:1;grid-row:1}
.garage-entry h3{grid-column:1;grid-row:2/4;font-size:36px;margin:0}
.garage-entry .vehicle-description{grid-column:2;grid-row:1/3;font-size:17px;margin:0;max-width:620px}
.garage-entry .vehicle-origin{grid-column:2;grid-row:3;font-size:15px;color:var(--quiet);margin:12px 0 0}
.car-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:26px 0 0}
.car-facts dd{font-size:17px}
.vehicle-fact-detail{display:block;color:var(--quiet);font:400 14px/1.5 var(--sans);margin-top:5px}

/* About gives the personal material and the former Archive one maintained home. */
.about-interests,.about-history{border-top:1px solid var(--line)}
.about-interests .project-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.interest-entry{padding:24px 0;border-top:1px solid var(--line-soft)}
.interest-entry h3{font-size:30px;margin-bottom:10px}
.interest-entry p{font-size:18px;margin:0}
.timeline{border-top:1px solid var(--line);margin-top:32px}
.event{display:grid;grid-template-columns:140px 1fr;gap:40px;padding:26px 0;border-bottom:1px solid var(--line-soft)}
.era{font:700 14px/1.5 var(--sans);color:var(--accent);padding-top:5px}
.event h3{font-size:30px;margin:0 0 12px}
.event p{font-size:18px;margin:0;max-width:850px}
.quote-section{border-top:1px solid var(--line);padding:48px 0}
.quote{font:400 30px/1.5 var(--display);max-width:900px;margin:0;padding-left:28px;border-left:1px solid var(--wood-strong);color:var(--text)}
.quote cite{display:block;font:400 16px/1.5 var(--sans);color:var(--quiet);font-style:normal;margin-top:20px}

/* Catalogue controls use the same type, colour and focus language. */
.panel,.card{min-width:0;border:1px solid var(--line);border-radius:3px;background:linear-gradient(145deg,rgba(23,27,32,.96),rgba(13,16,20,.94));padding:24px;box-shadow:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--infiltratr-control-radius,3px);background:var(--infiltratr-operation);color:var(--text);font-weight:700;cursor:pointer}
.btn:hover{border-color:var(--accent);background:var(--infiltratr-operation-hover)}
.btn.primary{background:var(--infiltratr-button-background);color:var(--infiltratr-button-foreground)}
.btn:disabled{cursor:default;opacity:.65}
input[type="search"]{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:3px;padding:12px 14px;font-size:18px}
.command{font:400 16px/1.6 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere}

@media(max-width:1000px){
 .shell{width:calc(100% - 56px)}
 .navlinks{gap:24px}.navlinks .nav-software{padding-left:20px}
 .home-feature,.section-heading,.vehicle-overview,.closing-note{column-gap:40px}
 .garage-entry .vehicle-heading{column-gap:40px}
 .home-intro-bottom{gap:40px}.home-intro .lead{max-width:550px}
 .destination-strip,.home-closing{gap:40px}
 .hero-key-facts{gap:14px}.hero-key-facts dd{font-size:28px}
 .family-register a{grid-template-columns:200px 1fr 20px;gap:24px}
}
@media(max-width:720px){
 .shell{width:calc(100% - 40px)}
 nav[aria-label="Primary"]{flex-direction:column;align-items:flex-start;gap:19px;padding:24px 0 18px}
 .navlinks{width:100%;justify-content:space-between;gap:12px;font-size:15px}
 .navlinks .nav-software{border-left:0;padding-left:0}
 .brand{font-size:25px}
 body{font-size:18px}
 main>section{padding:38px 0}
 h1{font-size:49px;line-height:1.12;margin:14px 0 24px}
 h2{font-size:36px}.lead{font-size:20px}
 .eyebrow,.kicker{font-size:13px;letter-spacing:.07em}
 .page-intro{padding:42px 0 34px}
 .page-intro h1 br{display:none}
 .section-nav{gap:12px 22px;margin-top:24px;font-size:15px}
 .home-intro{padding:40px 0 36px}.home-intro h1{font-size:62px;margin-bottom:22px}
 .home-intro-bottom{display:block}.home-intro .text-link{margin-top:20px}
 .home-feature,.section-heading,.vehicle-overview,.closing-note{grid-template-columns:1fr;gap:22px}
 .home-feature{gap:22px}.feature-heading h2{font-size:44px}
 .feature-subtitle{font-size:25px;max-width:none}
 .feature-content>p{font-size:18px}
 .home-closing,.destination-strip{display:block;padding:34px 0}.home-closing .text-link,.destination-strip .text-link{margin-top:18px}
 .section-heading{gap:12px;margin-bottom:24px}.section-heading>.eyebrow{margin-bottom:0}
 .section-deck{font-size:25px}
 .inline-facts{gap:14px;margin:24px 0}.inline-facts dd{font-size:16px}
 .engineering-notes{grid-template-columns:1fr;gap:26px}
 .technical-detail>summary{font-size:17px;padding:18px 0}
 .fact-list>div{grid-template-columns:1fr;gap:5px}
 .family-register a{grid-template-columns:1fr 20px;gap:9px 16px;padding:21px 0}
 .family-register strong{font-size:30px}.family-register span{grid-column:1;grid-row:2;font-size:17px}.family-register b{grid-column:2;grid-row:1}
 .closing-note{gap:20px}.closing-note h2{font-size:32px}
 .garage-current{padding-top:22px}.garage-nav{margin:0 0 34px}
 .vehicle-card--hero h1{font-size:68px;margin-top:17px}.vehicle-subtitle{font-size:32px;margin-bottom:22px}
 .vehicle-card--hero .vehicle-description{font-size:20px}
 .vehicle-overview{margin-top:30px;padding-top:24px;gap:28px}
 .hero-key-facts{gap:20px}.hero-key-facts dd{font-size:28px}.hero-key-facts dd span{font-size:14px}
 .chapter-heading h2{font-size:36px}.chapter-heading p:last-child{font-size:17px}
 .garage-entry{padding:27px 0}.garage-entry .vehicle-heading{display:block}
 .garage-entry h3{font-size:34px;margin:7px 0 15px}.garage-entry .vehicle-description{font-size:17px}
 .car-facts{grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:22px}.car-facts dd{font-size:17px}
 .about-interests .project-content{grid-template-columns:1fr;gap:0}.interest-entry{padding:24px 0}
 .event{grid-template-columns:1fr;gap:10px;padding:25px 0}.event h3{font-size:29px}.event p{font-size:17px}
 .quote{font-size:26px;padding-left:20px}
 .footerline{flex-direction:column;gap:9px;padding-top:20px}footer{font-size:14px;padding:14px 0 28px}
}
@media(max-width:380px){.shell{width:calc(100% - 32px)}.navlinks{font-size:14px;gap:10px}.home-intro h1{font-size:56px}.vehicle-card--hero h1{font-size:62px}.hero-key-facts{gap:12px}.hero-key-facts dd{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
