:root{--black:#090a0a;--ink:#111313;--panel:#151717;--line:#303334;--steel:#9babb2;--bone:#edece7;--muted:#909595;--white:#f7f7f4;--pad:clamp(20px,4vw,64px);--condensed:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;--sans:Inter,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:var(--sans);font-size:16px;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--steel)}
.masthead{height:92px;padding:0 var(--pad);display:grid;grid-template-columns:minmax(190px,300px) 1fr auto;gap:40px;align-items:center;position:absolute;z-index:20;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.15)}.brand{display:block;width:min(260px,32vw);height:66px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1)}.desktop-nav{display:flex;justify-content:center;gap:36px;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}.desktop-nav a,.bag-trigger{transition:color .2s}.desktop-nav a:hover,.bag-trigger:hover{color:var(--steel)}.bag-trigger,.menu-trigger{border:0;background:none;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;cursor:pointer}.bag-trigger span{display:inline-grid;place-items:center;border:1px solid #73797b;border-radius:50%;width:25px;height:25px;margin-left:8px}.menu-trigger{display:none}
.hero{height:min(960px,100vh);min-height:700px;position:relative;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,6,6,.98) 0%,rgba(5,6,6,.84) 31%,rgba(5,6,6,.25) 62%,rgba(5,6,6,.12) 100%),linear-gradient(0deg,rgba(5,6,6,.6),transparent 45%)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#dfe5e5 25%);pointer-events:none}.hero-copy{position:absolute;inset:clamp(160px,22vh,230px) auto auto var(--pad);width:min(760px,76vw)}.hero h1,.section h2,.newsletter h2{font-family:var(--condensed);font-weight:500;text-transform:uppercase;letter-spacing:-.055em;line-height:.78;margin:30px 0 0;font-size:clamp(5rem,11.6vw,11rem)}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(237,236,231,.8)}.hero-foot{margin-top:clamp(48px,8vh,90px);display:flex;align-items:flex-end;gap:clamp(40px,8vw,120px)}.hero-foot p{margin:0;color:#b2b7b7;line-height:1.6;font-size:.9rem}.arrow-link{border-bottom:1px solid #848a8b;padding:0 0 10px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;min-width:220px;display:flex;justify-content:space-between}.vertical-mark{position:absolute;right:var(--pad);bottom:65px;writing-mode:vertical-rl;margin:0;font-size:.62rem;letter-spacing:.25em;color:#a4aaab}
.ticker{height:52px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--line);color:var(--steel);font-family:var(--condensed);font-size:.9rem;letter-spacing:.14em}.ticker div{min-width:max-content;animation:ticker 24s linear infinite}.ticker span{font-size:.45rem;margin:0 30px;color:#4d5659}@keyframes ticker{to{transform:translateX(-25%)}}
.section{padding:clamp(100px,12vw,180px) var(--pad)}.section-heading{display:grid;grid-template-columns:1fr 2.15fr 1fr;gap:40px;align-items:end;margin-bottom:80px}.section h2{font-size:clamp(4.5rem,9vw,9rem);margin:0}.section-note{margin:0;color:var(--muted);line-height:1.65;max-width:350px;font-size:.9rem}
.product-list{border-top:1px solid var(--line)}.product{display:grid;grid-template-columns:70px minmax(250px,1.6fr) 1fr 80px 150px;gap:30px;align-items:center;padding:42px 0;border-bottom:1px solid var(--line);position:relative;transition:background .25s,padding .25s}.product:hover{background:#111313;padding-left:18px;padding-right:18px}.product-index,.product-spec,.price{color:var(--muted);font-size:.75rem;line-height:1.6}.product-meta{margin:0 0 12px;color:var(--steel);letter-spacing:.15em;text-transform:uppercase;font-size:.65rem}.product h3{font-family:var(--condensed);font-weight:500;text-transform:uppercase;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.86;letter-spacing:-.03em;margin:0}.price{font-size:.9rem;color:var(--bone)}.add{height:48px;border:1px solid #555b5d;background:transparent;text-transform:uppercase;letter-spacing:.11em;font-size:.67rem;cursor:pointer;display:flex;justify-content:space-around;align-items:center;transition:.2s}.add:hover{background:var(--bone);color:var(--black)}
.machine{min-height:82vh;display:grid;grid-template-columns:2.15fr 1fr;border-block:1px solid var(--line);background:#0d0e0e}.machine-image{min-height:720px;background-image:linear-gradient(90deg,transparent 60%,rgba(9,10,10,.55)),url("cnvction-engine-hero.webp");background-size:cover;background-position:70% center;filter:contrast(1.08) grayscale(1)}.machine-caption{padding:60px var(--pad);display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid var(--line)}.machine-caption>p:nth-child(2){font-family:var(--condensed);text-transform:uppercase;font-size:clamp(3rem,5vw,6rem);line-height:.86;margin:auto 0 30px}.machine-caption span{font-size:.64rem;letter-spacing:.19em;color:var(--muted)}
.ethos{display:grid;grid-template-columns:1fr 1.3fr;gap:12vw}.ethos h2{margin-top:28px}.ethos-copy{padding-top:8vh}.lead{font-size:clamp(1.4rem,2.3vw,2.4rem);line-height:1.35;margin:0 0 80px;max-width:790px}.principles{border-top:1px solid var(--line)}.principles div{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line);padding:22px 0}.principles span{font-size:.7rem;color:var(--steel)}.principles p{margin:0;text-transform:uppercase;letter-spacing:.08em}
.field{min-height:760px;background:linear-gradient(100deg,rgba(8,9,9,.98) 0%,rgba(8,9,9,.77) 48%,rgba(8,9,9,.2)),url("cnvction-engine-hero.webp") center/cover;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;border-block:1px solid var(--line)}.field h2{margin-top:30px}.field blockquote{align-self:center;font-family:Georgia,serif;font-style:italic;font-size:clamp(2rem,4vw,4.6rem);line-height:1.05;margin:0}.field-meta{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);padding-top:22px;text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;color:#adb2b2}
.newsletter{display:grid;grid-template-columns:.7fr 1fr 1.25fr;gap:60px;align-items:start;background:var(--bone);color:var(--ink)}.newsletter .eyebrow{color:#68767a}.newsletter h2{font-size:clamp(3.4rem,6vw,6.5rem)}.newsletter form{padding-top:10px}.newsletter label{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;margin-bottom:35px}.email-line{border-bottom:1px solid #373b3c;display:flex}.email-line input{flex:1;border:0;background:transparent;padding:14px 0;outline:0;color:var(--ink);min-width:0}.email-line button{border:0;background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;cursor:pointer}.form-status{min-height:22px;font-size:.78rem;color:#536064}
footer{padding:70px var(--pad) 32px;border-top:1px solid var(--line)}footer>img{width:min(420px,80vw);height:150px;object-fit:cover;display:block;margin-left:-14px}footer>p{color:var(--steel);letter-spacing:.22em;font-size:.68rem;margin:0 0 70px 40px}footer>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em;color:var(--muted)}
.bag{position:fixed;z-index:50;right:0;top:0;height:100dvh;width:min(460px,100%);background:#121414;border-left:1px solid var(--line);transform:translateX(102%);transition:transform .35s cubic-bezier(.65,0,.2,1);padding:32px;display:flex;flex-direction:column}.bag.open{transform:none}.bag-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.bag-head h2{font-family:var(--condensed);font-size:2.4rem;text-transform:uppercase;margin:0}.bag-head button{border:0;background:none;font-size:2rem;cursor:pointer}.bag-items{flex:1;overflow:auto;padding:20px 0}.empty{color:var(--muted)}.bag-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.bag-row p{margin:0;text-transform:uppercase;font-size:.82rem}.bag-row span{color:var(--muted);font-size:.8rem}.bag-row button{grid-column:1/-1;width:max-content;background:transparent;border:0;padding:0;color:var(--muted);font-size:.68rem;text-decoration:underline;cursor:pointer}.bag-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0}.checkout{border:0;background:var(--bone);color:var(--black);height:56px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;cursor:pointer}.backdrop{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.68);opacity:0;pointer-events:none;transition:.3s}.backdrop.open{opacity:1;pointer-events:auto}
@media(max-width:900px){.masthead{grid-template-columns:1fr auto auto;height:80px;gap:15px}.brand{width:190px;height:54px}.desktop-nav{display:none}.menu-trigger{display:block}.hero{min-height:720px}.hero-copy{inset:160px var(--pad) auto}.hero-foot{flex-direction:column;align-items:flex-start;gap:28px}.section-heading{grid-template-columns:1fr}.section-heading h2{order:2}.section-note{order:3}.product{grid-template-columns:40px 1fr auto}.product-spec{display:none}.price{grid-column:3}.add{grid-column:2/4;width:100%;margin-top:10px}.machine{grid-template-columns:1fr}.machine-image{min-height:560px}.machine-caption{min-height:360px;border-left:0;border-top:1px solid var(--line)}.ethos{grid-template-columns:1fr}.ethos-copy{padding-top:0}.field{grid-template-columns:1fr;gap:80px}.field blockquote{max-width:700px}.newsletter{grid-template-columns:1fr;gap:35px}}
@media(max-width:560px){.masthead{padding:0 16px}.brand{width:148px}.bag-trigger{padding:0}.menu-trigger{display:none}.hero{height:820px}.hero-copy{inset:140px 18px auto}.hero h1{font-size:clamp(4.25rem,22vw,7rem)}.vertical-mark{right:16px}.section{padding:90px 18px}.product{grid-template-columns:28px 1fr auto;gap:10px}.product h3{font-size:2.55rem}.machine-image{min-height:430px;background-position:73% center}.machine-caption{padding:40px 18px}.ethos{gap:70px}.field{min-height:760px}.field-meta{flex-direction:column;gap:12px}.newsletter h2{margin-top:0}footer{padding-left:18px;padding-right:18px}footer>img{height:110px}.bag{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.bag,.backdrop{transition:none}}