:root { --font-geist-sans: Arial; --font-geist-mono: Consolas; --background:#edf3ff; --foreground:#171716; --primary:#171716; --primary-foreground:#fffdfa; --border:#c7ceda; --ring:#b92f16; --blue-soft:#dce7ff; --blue-line:#7a9ee8; --blue-text:#365faa; --violet-light:#f0ebfa; --violet-soft:#d8c8f3; --violet-line:#9164cc; color-scheme:light; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-geist-sans),Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid #b92f16; outline-offset:7px; }
::selection { background:#ffd5ca; color:#171716; }
.wrap { width:min(1180px,calc(100% - 112px)); margin-inline:auto; }
.site-header { height:114px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); }
.wordmark { display:inline-flex; align-items:center; gap:10px; font-size:32px; font-weight:650; letter-spacing:-1.9px; }
.brand-line { width:24px; height:4px; background:#ff512f; margin-top:17px; }
nav { display:flex; gap:38px; font-size:13px; font-weight:500; }
nav a { display:flex; align-items:center; gap:9px; padding-block:12px; }
nav a:hover { color:#b92f16; }
.hero { padding-top:86px; padding-bottom:78px; }
.eyebrow { display:flex; align-items:center; gap:12px; font-family:var(--font-geist-mono),monospace; font-size:10px; letter-spacing:1.3px; font-weight:500; }
.small-line { width:26px; height:2px; background:#ff512f; }
h1 { font-size:clamp(55px,6.9vw,96px); font-weight:450; letter-spacing:-5.5px; line-height:1.075; margin:30px 0; }
h1 span { color:#171716; }
.hero-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.hero-bottom p { font-size:16px; line-height:1.8; color:#605b56; margin:0; }
.explore-link { display:flex; align-items:center; gap:25px; font-size:13px; font-weight:500; }
.explore-link span { width:43px; height:43px; border:1px solid #d4d0cb; border-radius:50%; display:grid; place-items:center; transition:background .2s; }
.explore-link:hover span { background:#fff0e9; }
.work-section { background:#fffdfa; border-block:1px solid var(--border); padding:40px 0 30px; }
.section-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; gap:20px; }
.section-heading h2 { font-size:16px; font-weight:500; margin:0; letter-spacing:-.3px; }
.section-heading>span { font-family:var(--font-geist-mono),monospace; font-size:10px; letter-spacing:1px; color:#605b56; }
.product-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.product-card { padding:29px 30px 0; display:flex; flex-direction:column; min-height:319px; border:1px solid #aaa39b; border-radius:5px; transition:transform .2s,border-color .2s; }
.product-card:hover { transform:translateY(-4px); border-color:#b92f16; }
.current { background:#fffdfa; color:#171716; border-color:#fffdfa; }
.research { background:#fffdfa; }
.card-top { display:flex; align-items:center; justify-content:space-between; }
.status { display:flex; align-items:center; gap:8px; font-family:var(--font-geist-mono),monospace; font-size:9px; letter-spacing:.9px; }
.status>span { width:6px; height:6px; border-radius:50%; background:#ff512f; }
.research .status>span { background:#ff512f; }
.product-identity { display:flex; align-items:center; gap:17px; margin-top:37px; }
.product-identity h3 { margin:0; font-size:37px; font-weight:450; letter-spacing:-1.8px; line-height:1.2; }
.product-identity h3>span { color:#ff512f; }
.research h3>span { color:#ff512f; }
.product-symbol,.build-symbol { font-size:25px; letter-spacing:-2px; font-weight:500; border:1px solid #d4d0cb; border-radius:9px; width:47px; height:47px; display:flex; align-items:center; justify-content:center; }
.product-symbol>span { color:#ff512f; }
.build-symbol { font-family:var(--font-geist-mono),monospace; font-size:19px; border-color:#d4d0cb; color:#171716; }
.product-card>p { max-width:350px; font-size:13px; line-height:1.8; color:#605b56; margin:19px 0 30px; }
.research>p { color:#605b56; }
.card-bottom { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #d4d0cb; min-height:59px; font-size:11px; }
.card-bottom>span:first-child { font-family:var(--font-geist-mono),monospace; }
.card-bottom>span:last-child { display:flex; align-items:center; gap:8px; }
.research .card-bottom { border-color:#d4d0cb; }
.research-note { margin:17px 0 0; font-size:10px; color:#605b56; }
.about { display:grid; grid-template-columns:1fr 1.85fr auto; gap:38px; padding-block:68px; align-items:start; }
.about .eyebrow { padding-top:10px; color:#605b56; }
.about h2 { font-weight:450; font-size:32px; line-height:1.25; letter-spacing:-1px; margin:0 0 19px; }
.about p { color:#605b56; font-size:13px; line-height:1.85; margin:0; max-width:430px; }
.about-arrow { color:#ff512f; }
.site-footer { min-height:99px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; gap:24px; }
.site-footer .wordmark { font-size:23px; }
.site-footer .brand-line { width:18px; height:3px; margin-top:12px; }
.site-footer p,.site-footer>span { font-size:10px; color:#605b56; }
.skip-link { position:absolute; left:20px; top:-100px; background:#fff; padding:15px; z-index:10; }
.skip-link:focus { top:15px; }
@media(min-width:1600px) { .hero { padding-top:108px; padding-bottom:100px; } }
@media(max-width:800px) { .wrap { width:calc(100% - 48px); } .site-header { height:90px; } .hero { padding-top:58px; padding-bottom:50px; } h1 { letter-spacing:-3px; } .product-card { padding:24px 23px 0; } .product-identity h3 { font-size:30px; } .card-bottom>span:last-child { font-size:0; } .about { grid-template-columns:1fr 2fr; gap:24px; } .about-arrow { display:none; } }
@media(max-width:580px) { .wrap { width:calc(100% - 40px); } .wordmark { font-size:29px; } nav { gap:23px; font-size:12px; } .eyebrow { font-size:8px; letter-spacing:.9px; } h1 { font-size:clamp(44px,10.7vw,62px); letter-spacing:-2.7px; margin-top:29px; } .hero-bottom { align-items:flex-start; flex-direction:column; gap:24px; } .hero-bottom p { font-size:14px; } .desktop-break { display:none; } .explore-link { gap:18px; } .product-grid { grid-template-columns:1fr; gap:16px; } .section-heading>span { display:none; } .work-section { padding-top:29px; } .product-card { min-height:312px; } .product-identity h3 { font-size:36px; } .card-bottom>span:last-child { font-size:11px; } .about { grid-template-columns:1fr; padding-block:43px; gap:25px; } .about h2 { font-size:30px; } .site-footer { flex-wrap:wrap; padding-block:25px; gap:14px; } .site-footer>span { width:100%; } .site-footer p { margin:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }
/* Vermilion editorial identity: neutral surfaces, punctuation accents. */
.wordmark { font-weight:800; gap:4px; }
.brand-line { height:5px; }
h1 { font-weight:800; line-height:1.02; }
h1::after { content:''; display:inline-block; width:.38em; height:.07em; background:#ff512f; margin-left:.12em; }
.explore-link,.card-bottom { color:#b92f16; font-weight:700; }
.explore-link span { border:0; border-radius:0; }
.section-heading h2 { font-size:20px; font-weight:700; }
.product-card { border-radius:0; border-color:#aaa39b; min-height:360px; }
.product-card:hover { transform:none; background:#fff7f2; }
.status { font-family:Arial,sans-serif; font-weight:700; }
.status>span { display:none; }
.product-identity { flex-direction:column; align-items:flex-start; gap:12px; margin-top:30px; }
.product-identity h3 { font-weight:800; font-size:32px; }
.product-symbol,.build-symbol { border:0; border-radius:0; width:auto; height:54px; font-size:54px; font-weight:700; }
.build-symbol { font-size:47px; }
.build-symbol>span { color:#ff512f; }
.about h2 { font-weight:700; }
.research-note,.site-footer p,.site-footer>span { font-size:11px; }
@media(max-width:580px) { h1 { font-size:clamp(40px,10vw,58px); letter-spacing:-2.2px; } }
/* One continuous blue canvas and slash; no horizontal section bands. */
.site-shell { position:relative; isolation:isolate; min-height:100vh; }
.site-shell::before,.site-shell::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; }
.site-shell::before { background:var(--blue-line); clip-path:polygon(94.8% 0,100% 0,100% 20%,49% 100%,34.8% 100%); }
.site-shell::after { background:var(--blue-soft); clip-path:polygon(95% 0,100% 0,100% 20%,49% 100%,35% 100%); }
.site-header,.site-footer { border:0; }
.work-section { background:transparent; border:0; padding-top:48px; }
.eyebrow,.about .eyebrow,.status,.section-heading>span { color:var(--blue-text); }
.eyebrow { font-family:Arial,Helvetica,sans-serif; font-weight:700; }
.small-line { display:none; }
.hero-bottom { flex-direction:column; align-items:flex-start; gap:25px; }
.hero-bottom p,.about p,.research-note { color:#343c4a; }
.product-card { background:#fff; border-color:var(--border); padding-top:34px; }
.product-card:hover { background:#fff; border-color:var(--blue-text); }
.product-identity { margin-top:28px; gap:18px; }
.product-symbol { height:76px; font-size:76px; }
.build-symbol { height:76px; font-size:66px; }
.card-bottom { border:0; }
.about { padding-block:80px; }
@media(max-width:580px) { .hero { padding-bottom:40px; } .work-section { padding-top:25px; } .about { padding-block:50px; } .site-shell::before { clip-path:polygon(90% 0,100% 0,100% 15%,45% 100%,14.6% 100%); } .site-shell::after { clip-path:polygon(90.4% 0,100% 0,100% 15%,45% 100%,15% 100%); } }