@font-face{font-family:Barlow;src:url(/assets/barlow-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(/assets/barlow-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#111718;--paper:#f3f4ed;--sub:#bec8c6;--accent:#85e6da;--rule:#394344;--mono:ui-monospace,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{scroll-padding-top:1rem}
body{margin:0;background:var(--bg);color:var(--paper);font:400 1.125rem/1.58 Barlow,Arial,sans-serif}
.wrap{width:min(100% - clamp(2.5rem,10vw,12rem),84rem);margin-inline:auto}
a{color:inherit;text-underline-offset:.26em}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip{position:absolute;z-index:5;background:var(--paper);color:var(--bg);padding:.6rem 1rem;left:1rem;top:-6rem}
.skip:focus{top:.4rem}
header{border-bottom:1px solid var(--rule);background:#101617}
.bar,nav,.wordmark,.button,.link,.caption{display:flex;align-items:center}
.bar{justify-content:space-between;gap:1rem;min-height:5.2rem}
.wordmark{gap:.19em;font-size:2.1rem;letter-spacing:-.05em;font-weight:600;line-height:1;text-decoration:none}
.wordmark b{font-weight:600;color:var(--accent)}
.mark{width:1.12em;height:1em;margin-right:.17em;background:var(--accent);clip-path:polygon(0 87%,41% 15%,59% 15%,19% 87%,30% 87%,70% 15%,100% 15%,59% 87%,41% 87%,71% 34%,62% 34%,32% 87%)}
nav{gap:clamp(.8rem,3vw,3rem);font-size:1rem}
nav a,footer a{text-decoration:none}
nav a:hover,footer a:hover{color:var(--accent);text-decoration:underline}
.hero{isolation:isolate;position:relative;background:#111a1a;border-bottom:1px solid #526463}
.hero picture,.hero img,.hero:after{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:60% 50%}
.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,rgba(8,16,17,.9),rgba(8,16,17,.69) 36%,rgba(8,16,17,.17) 70%,transparent),linear-gradient(0deg,rgba(9,18,18,.80),transparent 24%)}
.hero-inner{min-height:clamp(35rem,44vw,43rem);display:flex;flex-flow:column;align-items:start;justify-content:center;position:relative;padding-block:5rem 6rem}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(3.3rem,6.3vw,6.6rem);line-height:.98;letter-spacing:-.056em;font-weight:600}
h1 span,.caption span,.caption i,.link{color:var(--accent)}
.button,button{gap:1.7rem;background:var(--accent);color:#112422;padding:.73rem 1.1rem;text-decoration:none;font:600 1rem/1.5 Barlow,Arial,sans-serif;border:0;cursor:pointer}
.button{margin-top:2.2rem}
.button:hover,button:hover{background:#b1f7ee}
.caption{position:absolute;bottom:1.35rem;right:0;gap:.6rem;font:400 .73rem/1.5 var(--mono);color:#e6efec;background:#10201fde;padding:.22rem .6rem}
.caption span{font-size:1.15rem}.caption i{font-style:normal}
.section{padding-block:clamp(3.4rem,6vw,6.3rem);border-bottom:1px solid var(--rule)}
.split{display:grid;grid-template-columns:1fr 2.15fr;gap:clamp(2rem,5vw,6rem)}
.section-label{font:400 .78rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);display:flex;align-items:baseline;gap:.8rem}
.section-label:before{content:"";width:1.45rem;height:2px;background:var(--accent);align-self:start;margin-top:.64em}
.lead{font-size:clamp(1.55rem,2.15vw,2.3rem);line-height:1.32;letter-spacing:-.025em;max-width:40ch}
.bodycopy,.cap-grid p,.brands p{color:var(--sub)}
.bodycopy{margin-top:1.4rem;max-width:64ch}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.6rem;gap:clamp(1.5rem,4vw,4.5rem)}
.cap-grid article{border-top:1px solid #52615f;padding-top:1.3rem}
h3{font-size:clamp(1.7rem,2.5vw,2.8rem);line-height:1.08;letter-spacing:-.035em;font-weight:600}
.cap-grid p,.brands p{margin-top:1.1rem}
.brands article+article{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--rule)}
.brands p{max-width:60ch}
.link{gap:.65rem;width:fit-content;margin-top:1rem;font-weight:600}
.link:hover{color:#c5fff6}
footer{color:var(--sub);font-size:.95rem}
form{display:grid;gap:1.15rem;max-width:37rem}label{display:grid;gap:.3rem}input,textarea{border:1px solid #657270;background:#171f20;color:var(--paper);font:inherit;padding:.55rem .8rem}textarea{resize:vertical}button{justify-self:start}.status{color:var(--accent)}
@media(max-width:700px){
  .bar{min-height:4.3rem}.wordmark{font-size:1.6rem}nav{font-size:.93rem;gap:.9rem}
  .hero-inner{min-height:34rem}.hero:after{background:linear-gradient(90deg,#081011cc,#08101180 72%,#0810113b),linear-gradient(0deg,#081011a8,transparent 30%)}
  .caption{bottom:1rem;left:0;right:auto}.split,.cap-grid{grid-template-columns:1fr;gap:1.8rem}
  .cap-grid{margin-top:1.65rem}.cap-grid h3 br{display:none}.cap-grid h3 br:after{content:" "}
  .cap-grid p{margin-top:.65rem}.bodycopy{margin-top:1rem}
}
@media(max-width:440px){nav{flex-wrap:wrap;justify-content:end;column-gap:.75rem;row-gap:.2rem;font-size:.86rem}.wordmark{flex-shrink:0}.hero-inner{min-height:31rem}h1{font-size:clamp(2.8rem,10.8vw,3.3rem)}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}