:root{--near:#171918;--graphite:#303331;--grey:#a7aca8;--paper:#f0f0ea;--coral:#e56b5d;--line:#c9ccc8;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--graphite);font-family:Inter,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(240,240,234,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(48,51,49,.14)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:22px;font-weight:800;letter-spacing:-.08em}.site-nav{display:flex;gap:28px;font-size:13px;font-weight:700}.site-nav a{opacity:.7}.site-nav a:hover{opacity:1;color:var(--coral)}.menu-button{display:none;background:transparent;border:0;font:inherit;font-weight:700}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-block:96px}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--coral);margin:0 0 24px}.hero h1{font-size:clamp(60px,8vw,114px);line-height:.9;letter-spacing:-.08em;margin:0 0 30px}.hero h1 em{font-style:normal;color:var(--coral)}.lede{font-size:clamp(20px,2.1vw,28px);line-height:1.12;letter-spacing:-.03em;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;gap:10px;padding:14px 18px;border:1px solid var(--graphite);font-size:13px;font-weight:700;transition:transform .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--graphite);color:var(--paper)}.hero-art{min-height:520px;background:var(--near);position:relative;overflow:hidden;padding:32px}.art-frame{height:100%;min-height:456px;border:1px solid #3c403d;display:grid;place-items:center}.hero-art img{width:72%;max-width:420px}.art-caption{position:absolute;left:68px;bottom:32px;color:var(--paper);font-size:13px;max-width:230px}.section{padding-block:120px}.section-dark{background:var(--near);color:var(--paper)}.section-coral{background:var(--coral);color:var(--near)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:56px}.section-intro .kicker{grid-column:1/-1;margin-bottom:-30px}.section-intro h2{font-size:clamp(44px,5vw,76px);line-height:.92;letter-spacing:-.08em;margin:0}.section-intro>p:last-child{font-size:20px;line-height:1.16;max-width:520px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{border:1px solid #454946;padding:28px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.product-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-38px;top:-38px;background:var(--coral)}.product-number{color:var(--coral);font-weight:800;font-size:12px;margin:0}.product-card h3{font-size:clamp(32px,3vw,48px);line-height:.9;letter-spacing:-.08em;margin:25px 0 16px}.product-card p{color:var(--grey);max-width:290px}.product-status{color:var(--coral)!important;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;margin:24px 0 0}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles>div{padding:24px 18px 30px;border-right:1px solid var(--line)}.principles>div:last-child{border-right:0}.principles b{color:var(--coral);font-size:12px}.principles h3{font-size:24px;letter-spacing:-.05em;margin:28px 0 8px}.principles p{font-size:14px;color:var(--grey)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.about-grid h2,.contact-block h2{font-size:clamp(48px,6vw,90px);line-height:.9;letter-spacing:-.08em;margin:0}.about-copy{font-size:21px;line-height:1.15;margin:0}.contact-block{max-width:880px}.contact-block>p:not(.kicker){font-size:21px;max-width:560px}.contact-block .button{margin-top:18px}footer{background:var(--near);color:var(--grey);font-size:12px;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}@media(max-width:820px){.shell{width:min(calc(100% - 32px),var(--max))}.header-inner{height:66px}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:20px 16px;flex-direction:column;gap:16px;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-block:72px 64px;gap:44px}.hero-art{min-height:390px;padding:20px}.art-frame{min-height:350px}.section{padding-block:82px}.section-intro,.about-grid{grid-template-columns:1fr;gap:24px}.section-intro .kicker{margin-bottom:-4px}.product-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr 1fr}.principles>div:nth-child(2){border-right:0}.principles>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-inner{flex-direction:column}}
:root{--near:#171918;--graphite:#303331;--grey:#a7aca8;--paper:#f0f0ea;--coral:#e56b5d;--line:#c9ccc8;--max:1240px}

/* Editorial pass: visible structure, product-specific fields and logo as interruption. */
.hero{position:relative}.hero-rail{position:absolute;left:-28px;top:108px;bottom:100px;width:18px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--grey);font-size:10px;letter-spacing:.12em;writing-mode:vertical-rl}.hero-rail span:first-child{color:var(--coral);font-weight:800}.hero-art{isolation:isolate}.hero-art:after{content:"";position:absolute;width:110px;height:110px;right:18px;top:18px;background:var(--coral);mix-blend-mode:screen;opacity:.95;z-index:0}.hero-art img{position:relative;z-index:1;transform:translate(8%,2%) rotate(-3deg);transition:transform .4s ease}.hero-art:hover img{transform:translate(4%,-1%) rotate(1deg)}.hero-art-index{position:absolute;right:34px;bottom:28px;color:var(--grey);font-size:11px;letter-spacing:.1em}.product-grid{align-items:stretch}.product-card{min-height:410px}.product-card--bike{background:#242725}.product-card--artery{background:#252629}.product-card--drive{background:#2a2924}.product-visual{height:142px;margin:-28px -28px 26px;padding:24px;display:flex;align-items:flex-end;border-bottom:1px solid #454946}.product-visual span{font-size:76px;line-height:.72;font-weight:800;letter-spacing:-.1em;color:var(--coral)}.product-card--artery .product-visual span{color:var(--paper);font-size:112px}.product-card--drive .product-visual span{color:var(--gold)}.product-card:after{width:72px;height:72px;right:-20px;top:96px;opacity:.85}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.approach-grid h2{font-size:clamp(48px,6vw,88px);line-height:.9;letter-spacing:-.08em;margin:0}.approach-copy>p{font-size:23px;line-height:1.12;letter-spacing:-.03em;max-width:520px;margin:0 0 44px}.principle-list{border-top:1px solid var(--line)}.principle-list p{display:grid;grid-template-columns:40px 1fr 1.4fr;gap:14px;align-items:baseline;border-bottom:1px solid var(--line);padding:18px 0;margin:0}.principle-list b{color:var(--coral);font-size:12px}.principle-list strong{font-size:20px;letter-spacing:-.05em}.principle-list span{font-size:13px;color:var(--grey)}.contact-block{position:relative}.contact-index{position:absolute;right:0;top:-26px;font-size:clamp(110px,18vw,260px);font-weight:800;line-height:.7;letter-spacing:-.12em;opacity:.15}.contact-block h2{max-width:830px}
@media(max-width:820px){.hero-rail{display:none}.approach-grid{grid-template-columns:1fr;gap:24px}.product-visual{height:120px}.contact-index{font-size:130px;top:0}}

/* Production details: interaction and accessibility are part of the system. */
:root{--gold:#EFCB4E}
.skip-link{position:fixed;left:16px;top:16px;z-index:30;transform:translateY(-180%);background:var(--graphite);color:var(--paper);padding:10px 14px;font-size:13px;font-weight:700}.skip-link:focus{transform:translateY(0)}
.site-nav a:focus-visible,.wordmark:focus-visible,.menu-button:focus-visible,.button:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
.product-card:after{display:none}.product-card{transition:transform .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-4px);border-color:var(--coral)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.hero-art img,.product-card{transition:none}.button:hover,.product-card:hover{transform:none}.hero-art:hover img{transform:translate(8%,2%) rotate(-3deg)}}

/* Product spreads: each live product keeps its own identity inside one SPRK42 frame. */
.product-spreads{display:grid;gap:16px}.product-spread{display:grid;grid-template-columns:1.35fr .65fr;min-height:330px;border:1px solid #454946;background:#242725;overflow:hidden}.product-spread:nth-child(even){grid-template-columns:.65fr 1.35fr}.product-spread:nth-child(even) .product-detail{order:-1}.product-spread--artery{background:#dedbd1;color:var(--graphite);border-color:#dedbd1}.product-spread--drive{background:#2a2924}.product-screen{min-height:330px;background:#171918;display:grid;place-items:center;overflow:hidden}.product-screen img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-spread:hover .product-screen img{transform:scale(1.025)}.product-screen--artery{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#e56b5d}.artery-wordmark{font-size:clamp(54px,8vw,112px);line-height:.82;letter-spacing:-.11em;font-weight:800}.product-screen--artery p{font-size:24px;letter-spacing:-.04em}.product-detail{padding:36px;display:flex;flex-direction:column;justify-content:center}.product-detail h3{font-size:clamp(38px,5vw,70px);line-height:.9;letter-spacing:-.09em;margin:18px 0 20px}.product-detail p:not(.product-number){color:var(--grey);font-size:18px;line-height:1.16;max-width:360px}.product-spread--artery .product-detail p:not(.product-number){color:#575b57}.product-link{margin-top:26px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--coral)}.product-spread--artery .product-link{color:var(--graphite)}
@media(max-width:820px){.product-spread,.product-spread:nth-child(even){grid-template-columns:1fr}.product-spread:nth-child(even) .product-detail{order:0}.product-screen{min-height:240px}.product-detail{padding:28px}.product-detail h3{font-size:52px}}
.product-feature{object-fit:contain!important;transform:none!important;padding:28px;width:100%;height:100%}.product-spread--bike .product-screen{background:#171918}.product-spread--drive .product-screen{background:#101315}.product-identity{display:flex;align-items:center;gap:12px;margin-bottom:18px}.product-identity img{width:34px;height:34px;object-fit:contain;border-radius:8px}.product-identity span{font-size:16px;font-weight:700;letter-spacing:-.04em}.about-side{display:flex;flex-direction:column;justify-content:flex-end}.cofounder-strip{display:grid;grid-template-columns:56px 56px 1fr;gap:12px;align-items:center;margin-top:42px;padding-top:16px;border-top:1px solid #454946}.cofounder-strip img{width:56px;height:56px;object-fit:contain;background:#262927}.cofounder-strip p{font-size:12px;color:var(--grey);margin:0;max-width:180px}


@media (min-width:821px){
  .hero{grid-template-columns:1fr .72fr;gap:clamp(48px,8vw,128px)}
  .hero-art{min-height:560px}
  .product-explosion{grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;margin-inline:-7vw}
  .product-tile--bike{transform:translateY(34px) rotate(-1.2deg)}
  .product-tile--artery{transform:translateY(-22px) rotate(.8deg)}
  .product-tile--drive{transform:translateY(58px) rotate(1.3deg)}
  .product-tile:hover{transform:translateY(0) rotate(0)}
}
.wordmark{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.08em}
.wordmark img{width:28px;height:31px;object-fit:contain;display:block}
.hero-rail{display:none}
.hero-art:after{display:none}
.hero-art{background:var(--near);padding:18px}
.art-frame{min-height:520px;border:1px solid #535753;background:#171918}
.hero-art img{width:min(68%,360px);transform:none;transition:transform .35s ease}
.hero-art:hover img{transform:rotate(-4deg) scale(1.04)}
.art-caption{left:48px;bottom:26px}
.hero-art-index{right:26px;bottom:24px}
.product-explosion{display:grid;gap:28px;align-items:start}
.product-tile{min-width:0}
.product-logo-box{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(240,240,234,.4);padding:28px;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}
.product-logo-box:hover{transform:translateY(-8px);box-shadow:0 18px 0 rgba(229,107,93,.9)}
.product-logo-box img{width:72%;height:72%;object-fit:contain;display:block}
.product-logo-box>span{align-self:stretch;display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:11px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.product-tile--bike .product-logo-box{background:#f0f0ea;color:#303331;border-color:#f0f0ea}
.product-tile--artery .product-logo-box{background:var(--coral);color:#171918;border-color:var(--coral)}
.product-tile--drive .product-logo-box{background:#efcb4e;color:#171918;border-color:#efcb4e}
.product-tile--artery .artery-wordmark{font-size:clamp(54px,8vw,124px);line-height:.78;letter-spacing:-.12em;font-weight:800}
.product-copy{padding:26px 5px 0}
.product-copy h3{font-size:clamp(38px,4vw,64px);line-height:.88;letter-spacing:-.09em;margin:12px 0 18px;color:var(--paper)}
.product-copy p:not(.product-number){font-size:16px;line-height:1.2;color:var(--grey);max-width:300px;margin:0}
.product-copy .product-number{margin:0;color:var(--coral)}
@media(max-width:820px){
  .wordmark img{width:24px;height:28px}
  .hero-art{min-height:420px}
  .art-frame{min-height:380px}
  .product-explosion{grid-template-columns:1fr;gap:50px}
  .product-tile--bike,.product-tile--artery,.product-tile--drive{transform:none}
  .product-logo-box{max-width:420px}
  .product-copy{padding-top:18px}
}


/* Focused visual correction: keep the mark legible and make the founders feel intentional. */
.hero-art .art-frame{background:#171918}
.hero-art img{width:min(72%,390px)}
.product-tile--artery .product-logo-box img{width:64%;height:64%;object-fit:contain}
.product-tile--artery .product-logo-box{background:#f0f0ea;color:#303331;border-color:#f0f0ea}
.cofounder-strip{grid-template-columns:74px 74px 1fr;gap:14px;align-items:start}
.cofounder-card{display:flex;flex-direction:column;gap:8px}
.cofounder-card img{width:74px;height:74px;object-fit:contain;background:#f0f0ea;border:1px solid #535753;padding:7px}
.cofounder-card span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--paper);font-weight:800}
.cofounder-strip>p{align-self:center;margin-top:28px}
@media(max-width:820px){
 .cofounder-strip{grid-template-columns:64px 64px 1fr;gap:10px}
 .cofounder-card img{width:64px;height:64px}
 .cofounder-strip>p{margin-top:20px}
}


/* Hero rethink: an open field, not a logo container. */
.hero-art.hero-art--open{background:transparent;min-height:560px;padding:0;overflow:visible;display:flex;align-items:center;justify-content:center}
.hero-art--open .art-frame{display:contents;border:0;background:transparent;min-height:0}
.hero-art--open .hero-mark-open{position:relative;width:min(78%,430px);aspect-ratio:1/1;display:grid;place-items:center}
.hero-art--open .hero-mark-open:before{content:"";position:absolute;width:46%;height:46%;background:var(--coral);right:-7%;bottom:2%;z-index:-1;transform:rotate(7deg)}
.hero-art--open .hero-mark-open img{width:100%;max-width:none;transform:rotate(-6deg);transition:transform .35s ease}
.hero-art--open:hover .hero-mark-open img{transform:rotate(-2deg) scale(1.03)}
.hero-art--open .art-caption{left:0;bottom:20px;color:var(--graphite);max-width:240px}
.hero-art--open .hero-art-index{right:0;bottom:20px;color:var(--grey)}
@media(max-width:820px){
 .hero-art.hero-art--open{min-height:360px}
 .hero-art--open .hero-mark-open{width:min(72%,300px)}
 .hero-art--open .art-caption{left:0;bottom:0}
 .hero-art--open .hero-art-index{right:0;bottom:0}
}


/* Hero composition: the mark is cropped into the grid, not presented as a separate object. */
.hero{position:relative;overflow:hidden}
.hero-copy{position:relative;z-index:2}
.hero-art.hero-art--open{position:relative;min-height:calc(100vh - 76px);height:100%;margin-block:-96px;align-self:stretch;justify-content:flex-start;overflow:visible}
.hero-art--open .hero-mark-open{position:absolute;width:min(54vw,700px);height:min(70vw,780px);left:-23%;top:50%;transform:translateY(-50%);display:block}
.hero-art--open .hero-mark-open:before{width:41%;height:41%;right:2%;bottom:7%;transform:rotate(8deg)}
.hero-art--open .hero-mark-open img{width:100%;height:100%;object-fit:contain;transform:rotate(-7deg);filter:none}
.hero-art--open:hover .hero-mark-open img{transform:rotate(-3deg) scale(1.02)}
.hero-art--open .art-caption,.hero-art--open .hero-art-index{display:none}
@media(min-width:821px){
  .hero{grid-template-columns:.82fr 1.18fr;gap:0;min-height:calc(100vh - 76px)}
  .hero-copy{grid-column:2;padding-left:clamp(36px,6vw,100px)}
  .hero-art--open{grid-column:1;grid-row:1}
}
@media(max-width:820px){
  .hero-art.hero-art--open{min-height:330px;height:330px;margin:0;order:-1}
  .hero-art--open .hero-mark-open{width:390px;height:390px;left:-18%;top:46%}
  .hero-copy{z-index:2}
}


/* Approved mark lock: use the exact composition, with no added geometry or motion. */
.hero-art--open .hero-mark-open:before{display:none}
.hero-art--open .hero-mark-open img{transform:none!important;filter:none;transition:none}
.hero-art--open:hover .hero-mark-open img{transform:none!important}

/* Launch footer and legal links */
.footer-inner{align-items:flex-start;line-height:1.55}.footer-inner strong{color:var(--paper)}.footer-inner a{text-decoration:underline;text-underline-offset:3px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--coral)}
@media(max-width:820px){.footer-links{gap:12px}}


/* Legal page system */

body.legal-page{background:var(--paper);color:var(--graphite)}
.legal-header{background:var(--near);color:var(--paper);border-bottom:1px solid #454946}
.legal-header .site-nav a{color:var(--paper)}
.legal-header .site-nav a:hover{color:var(--coral)}
.legal-main{padding:clamp(64px,10vw,132px) 0 120px}
.legal-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;padding-bottom:56px;border-bottom:1px solid var(--line)}
.legal-kicker{margin:0 0 22px;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.legal-intro h1{margin:0;font-size:clamp(64px,9vw,126px);line-height:.82;letter-spacing:-.09em}
.legal-meta{margin:0;color:var(--grey);font-size:14px;max-width:320px}
.legal-index{color:var(--coral);font-size:clamp(120px,20vw,280px);font-weight:800;line-height:.7;letter-spacing:-.13em;text-align:right}
.legal-body{display:grid;grid-template-columns:1fr 2fr;gap:72px;padding-top:64px}
.legal-aside{font-size:14px;line-height:1.25;color:#6d736e}
.legal-aside strong{display:block;color:var(--graphite);font-size:20px;letter-spacing:-.05em;margin-bottom:12px}
.legal-copy{border-top:1px solid var(--line)}
.legal-copy h2{margin:0;padding:28px 0 10px;border-bottom:1px solid var(--line);font-size:26px;letter-spacing:-.05em}
.legal-copy p{max-width:720px;margin:18px 0;font-size:16px;line-height:1.55}
.legal-copy a{color:var(--coral);font-weight:700}
.legal-note{border-left:5px solid var(--coral);background:#e5e6df;padding:16px 18px;margin:0 0 32px}
.legal-footer{background:var(--near);color:var(--grey);padding:30px 0;font-size:12px}
.legal-footer strong{color:var(--paper)}
.legal-footer a{text-decoration:underline;text-underline-offset:3px}
.legal-footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.legal-footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:820px){.legal-intro,.legal-body{grid-template-columns:1fr;gap:28px}.legal-index{text-align:left;font-size:140px}.legal-body{padding-top:42px}.legal-footer-inner{flex-direction:column}.legal-footer-links{gap:12px}}

/* Legal layout correction */
.legal-body{display:block;max-width:860px;padding-top:52px}
.legal-copy{border-top:1px solid var(--line)}
.legal-copy h2{margin:0;padding:28px 0 10px;border-bottom:1px solid var(--line);font-size:26px;letter-spacing:-.05em}
.legal-copy p{max-width:760px;margin:18px 0;font-size:16px;line-height:1.55}
.legal-footer-inner{line-height:1.55}


/* 404 page system */
body{margin:0;background:#f0f0ea;color:#303331;font:16px/1.55 Inter,Arial,sans-serif}.wrap{width:min(calc(100% - 48px),860px);margin:auto;padding:72px 0 96px}a{color:inherit}.back{color:#e56b5d;font-weight:800;text-decoration:none}.kicker{color:#e56b5d;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin:42px 0 20px}h1{font-size:clamp(48px,8vw,92px);line-height:.9;letter-spacing:-.08em;margin:0 0 28px}h2{font-size:28px;letter-spacing:-.04em;margin:38px 0 10px}p,li{max-width:720px}.note{border-left:6px solid #e56b5d;padding:14px 18px;background:#e5e6df}.meta{color:#6d736e;font-size:14px}footer{margin-top:60px;padding-top:20px;border-top:1px solid #c9ccc8;font-size:13px}

/* Homepage refinement: make the purpose clearer and give the mobile hero more room for the message. */
@media(max-width:820px){
  .hero-art.hero-art--open{min-height:300px;height:300px}
  .hero-art--open .hero-mark-open{width:min(78vw,320px);height:min(78vw,320px);left:50%;top:50%;transform:translate(-50%,-50%)}
}