@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Michroma&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090909;--paper:#f5f5f5;--muted:#b5b5b5;--accent:#f5f5f5;--line:#333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--paper);font:1rem/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;padding:10px;background:black;z-index:9}.skip:focus{top:10px}header{max-width:1440px;margin:auto;min-height:110px;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:7px;align-items:flex-start;font-size:.75rem;line-height:1.05;letter-spacing:.07em}.brand strong{font-size:1.2rem;font-weight:600;letter-spacing:-.04em}nav{display:flex;align-items:center;gap:38px;font-size:.875rem}.nav-cta{border-bottom:1px solid #a3a69e;padding:8px 0}.nav-cta span{margin-left:24px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:780px}.hero-copy{padding:78px 9% 65px 10%}.eyebrow{font-size:.8125rem;letter-spacing:.15em;font-weight:600;margin:0 0 30px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(4.5rem,7.3vw,7.3rem)/.97 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.025em;margin-bottom:30px}h1 span{color:var(--accent)}.intro{font-size:1.125rem;max-width:390px;color:#c3c6be;line-height:1.65;margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;background:var(--accent);color:#17200c;font-weight:600;padding:17px 23px;font-size:.9375rem;transition:background .2s}.button:hover{background:#ddffa0}.small-note{font-size:.8125rem;color:var(--muted);margin:18px 0 0}.hero-image{margin:0;position:relative;min-width:0;overflow:hidden}.hero-image img{height:100%;width:100%;object-fit:cover;display:block}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 28px;background:linear-gradient(transparent,#080908);font-size:.75rem;letter-spacing:.13em;display:flex;justify-content:space-between;gap:20px}.statement{padding:105px 7%;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font:500 clamp(2.6rem,4.8vw,4.5rem)/1.05 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.015em;margin-bottom:25px}.statement h2 em{font-style:normal;color:var(--accent)}.statement>p:last-child{max-width:615px;margin:0 auto;color:var(--muted);font-size:1.125rem}.inside{padding:100px 5%;max-width:1440px;margin:auto}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;gap:40px}.features article{border-top:1px solid #6b725f;padding-top:25px}.number{font-size:.8125rem;letter-spacing:.1em;color:var(--accent)}h3{font-size:1.375rem;font-weight:500;line-height:1.3;margin:23px 0 16px}.features p{color:var(--muted);max-width:360px}.in-use{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#1a1d17}.in-use figure{margin:0}.in-use img{width:100%;max-height:710px;object-fit:cover;display:block}.in-use figcaption{padding:16px 25px;font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.in-use>div{padding:75px 12%}.in-use p:not(.eyebrow){color:var(--muted)}.pullquote{border-top:1px solid #454c3d;padding-top:26px;margin-top:35px;font:500 2.5rem/1.15 'Barlow Condensed','Arial Narrow',sans-serif}.pullquote span{color:var(--accent)}.launch{text-align:center;padding:100px 6%;background:var(--accent);color:#182012}.launch .eyebrow{color:#38472c}.launch h2{font-size:clamp(3.5rem,6vw,5.8rem)}.launch p{color:#3c4834}.button-light{background:#17200f;color:#fff}.button-light:hover{background:#344128}footer{max-width:1440px;margin:auto;padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:.8125rem;color:var(--muted)}footer p{margin:0}@media(min-width:1441px){.hero{min-height:820px}}@media(max-width:800px){header{min-height:90px;padding:22px 6%}nav{gap:20px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7%}h1{font-size:clamp(4.5rem,15vw,7rem)}.hero-image{height:600px}.statement,.inside{padding:70px 7%}.features{grid-template-columns:1fr;gap:20px;margin-top:35px}.features p{max-width:none}.in-use{grid-template-columns:1fr}.in-use>div{padding:55px 7%}.in-use img{max-height:640px}.launch{padding:70px 7%}footer{flex-wrap:wrap;padding:35px 7%}footer>span{width:100%}.hero-image figcaption{font-size:.75rem}.hero-image figcaption span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* TST brand: monochrome, strong type, restrained green in the supplied logo. */
header{background:#000;padding-top:12px;padding-bottom:12px;min-height:120px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:105px;height:105px;object-fit:contain}h1,h2{text-transform:uppercase;font-weight:700}h1{font-size:clamp(4rem,6.4vw,6.4rem);line-height:1.02;letter-spacing:.005em}.eyebrow,.number{color:#c7c7c7}.button{background:#f5f5f5;color:#111}.button:hover{background:#d8d8d8}.intro{color:#c3c3c3}.nav-cta{border-color:#999}.features article{border-color:#666}.in-use{background:#171717}.pullquote{border-color:#444}.launch{background:#101010;color:#f5f5f5;border-top:1px solid #444;border-bottom:1px solid #333}.launch p,.launch .eyebrow{color:#bbb}.button-light{background:#f5f5f5;color:#111}.button-light:hover{background:#d8d8d8}footer{background:#000;max-width:none}footer .brand img{width:95px;height:95px}.hero-image figcaption{background:linear-gradient(transparent,#080808)}@media(max-width:800px){header{min-height:110px}.brand img{width:86px;height:86px}h1{font-size:clamp(3.7rem,12.5vw,6rem)}}

header{gap:28px}.header-title{font-family:'Michroma',Arial,sans-serif;font-weight:400;font-size:clamp(1rem,1.75vw,1.6rem);line-height:1.5;letter-spacing:.035em;text-transform:uppercase;flex:1;text-align:center;white-space:nowrap}.header-title span{font-size:.62em;letter-spacing:.12em;display:block;line-height:1.7}header nav{flex-shrink:0}@media(max-width:1050px) and (min-width:801px){header{gap:18px}header nav{gap:20px}.header-title{font-size:1rem}}@media(max-width:800px){header{gap:15px;flex-wrap:wrap}.header-title{font-size:clamp(.85rem,3vw,1.25rem);text-align:left}header nav{width:100%;justify-content:flex-end;border-top:1px solid #262626;padding-top:5px}.nav-cta{padding:6px 0}}

.hero-image{background:#000}.hero-image img{object-fit:contain}.hero-image figcaption{display:none}

.header-title{font-size:clamp(1.1rem,2.1vw,1.9rem)}.header-title span{display:inline;font-size:.72em;letter-spacing:.035em;line-height:inherit}.hero-image img{object-fit:cover;object-position:52% center}@media(max-width:1100px) and (min-width:801px){header nav{gap:16px;font-size:.8125rem}.header-title{font-size:1.25rem}header{gap:18px}}@media(max-width:800px){.header-title{font-size:clamp(.85rem,3.5vw,1.4rem);white-space:normal}.hero-image{height:auto;aspect-ratio:4/3}.hero-image img{height:100%;object-fit:contain}}

@media(min-width:1101px){.header-title{font-size:clamp(1.6rem,2.65vw,2.4rem);letter-spacing:.045em}.header-title span{font-size:clamp(.792rem,1.512vw,1.368rem);letter-spacing:.035em}}@media(min-width:801px) and (max-width:1100px){.header-title{font-size:1.45rem}.header-title span{font-size:.9rem}}

/* Mobile header: brand above a complete, visible navigation row. */
@media (max-width: 800px) {
  header { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 15px; }
  header .header-title { min-width: 0; }
  header nav { grid-column: 1 / -1; justify-content: space-between; gap: 12px; }
  header nav > a:not(.nav-cta) { display: block; }
  header nav > a { white-space: nowrap; padding-top: 10px; padding-bottom: 10px; }
  header .nav-cta span { margin-left: 6px; }
}

/* Keep the illustration disclosure beneath the hero photo. */
.hero-image{display:flex;flex-direction:column}
.hero-image img{flex:1;min-height:0}
.hero-image figcaption{display:block;position:static;flex-shrink:0;padding:10px 16px;background:#000;color:#aaa;font-size:.75rem;letter-spacing:0;text-align:center}
@media(max-width:800px){.hero-image{aspect-ratio:auto}.hero-image img{flex:none;height:auto;aspect-ratio:4/3}}

.hero-copy .hero-button-arrow{display:block;flex:0 0 15px;width:15px;height:15px;color:#111;background:transparent;border:0}
.in-use .illustration-note{display:block;margin-top:8px;color:#aaa;font-size:.75rem;letter-spacing:0}
.nav-cta{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #999;padding:8px 0}
.nav-cta .nav-arrow{display:block;flex:0 0 15px;width:15px;height:15px;color:currentColor;background:transparent;border:0;margin:0}
@media(max-width:800px){.nav-cta{gap:6px;padding:10px 0;border-bottom:1px solid #999}.nav-cta .nav-arrow{flex-basis:15px;width:15px;height:15px}}