/* Generated: 2026-09-24 by Codex. Spotter public landing page. */
@font-face{font-family:Geist;src:url('assets/geist-bold%20(C).woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-regular%20(C).woff2') format('woff2');font-weight:400 600;font-display:swap}
:root{color-scheme:light;--paper:#FAFAFA;--ink:#1A1A1A;--muted:#595959;--line:#D8D8D8;--space:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{color:var(--paper);background:var(--ink)}.wrap{max-width:1480px;margin-inline:auto;padding-inline:var(--space)}.site-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;flex-shrink:0}.brand img{display:block;width:158px;height:auto}nav{display:flex;align-items:center;gap:36px}nav a{text-decoration:none;font-size:14px;padding-block:12px}.nav-contact{font-weight:600}.nav-contact span{padding-left:14px}.skip-link{position:absolute;z-index:10;left:24px;top:16px;transform:translateY(-160%);padding:10px 18px;background:var(--ink);color:var(--paper)}.skip-link:focus{transform:none}
h1,h2,h3{font-family:Geist,Arial,sans-serif;font-weight:700;margin:0;line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(52px,5.55vw,82px);max-width:9em;text-wrap:balance}h2{font-size:clamp(36px,3.65vw,54px);text-wrap:balance}h3{font-size:23px;letter-spacing:-.025em;line-height:1.25}p{margin:0}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:4vw;align-items:center;padding-top:28px;padding-bottom:54px}.status{font-size:13px;line-height:1.5;margin-bottom:26px;color:var(--muted)}.status span{display:inline-block;margin-inline:10px;color:#777}.hero-description{font-size:18px;line-height:1.65;max-width:30em;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;background:var(--ink);color:var(--paper);padding:13px 22px;text-decoration:none;font-size:15px;font-weight:600;transition:background-color .18s ease}.button:hover{background:#3D3D3D}.hero .button{margin-top:28px}.hero-audience{font-size:13px;color:var(--muted);margin-top:22px;line-height:1.7}.product{margin:0;display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;min-width:0}.garment{display:block;width:100%;max-width:470px;height:auto;max-height:625px;object-fit:contain}.product figcaption{width:100%;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:14px;margin-top:12px;font-size:12px;line-height:1.5;color:var(--muted)}
.section{display:grid;grid-template-columns:1fr 3.15fr;column-gap:4vw;padding-top:76px;padding-bottom:84px;position:relative}.section::before{content:"";position:absolute;top:0;left:var(--space);right:var(--space);height:1px;background:var(--line)}.section-label{font-size:14px;padding-top:7px}.section-label>span{display:block;font-size:13px;color:var(--muted);margin-top:6px}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:32px}.story-columns p{max-width:40em}.attribution{font-size:13px;margin-top:23px}.attribution span{color:var(--muted)}.section-intro{max-width:39em;margin-top:25px;color:var(--muted)}.workflow{padding:0;margin:32px 0 0;list-style:none}.workflow li{display:grid;grid-template-columns:64px 1fr;gap:16px;border-top:1px solid var(--line);padding-block:25px}.workflow li:last-child{padding-bottom:0}.step{font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted);padding-top:4px}.workflow p{margin-top:7px;max-width:37em;color:var(--muted)}.progress-detail{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:32px}.progress-detail p{margin-top:12px;color:var(--muted)}.people{display:grid;grid-template-columns:1fr 1fr;gap:42px;border-top:1px solid var(--line);padding-top:26px;margin-top:32px}.people strong{font-weight:600}.people span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.contact{padding-bottom:92px}.contact .section-body>p{max-width:37em;margin-top:25px;color:var(--muted)}.contact-actions{display:flex;gap:30px;align-items:center;margin-top:28px;flex-wrap:wrap}.email{font-size:15px}footer{min-height:88px;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}footer a{padding-block:12px}footer>span:first-child{font-family:Geist,Arial,sans-serif;font-size:21px;color:var(--ink)}
@media(min-width:1480px){.hero{gap:60px}.section{column-gap:60px}}
@media(max-width:1050px){nav{gap:24px}.hero{grid-template-columns:1.1fr .9fr;gap:20px}.hero-description{font-size:16px}h1{font-size:clamp(44px,5.55vw,60px)}.section{grid-template-columns:1fr 3fr;column-gap:30px}.story-columns,.progress-detail,.people{gap:28px}.product figcaption{flex-direction:column;gap:2px}}
@media(max-width:700px){.site-header{min-height:82px;gap:16px}.brand img{width:122px}nav>a:not(.nav-contact){display:none}nav{gap:0}nav a{font-size:13px}.nav-contact span{padding-left:7px}.hero{grid-template-columns:1fr;padding-top:20px;padding-bottom:35px;gap:26px}.status{font-size:12px;margin-bottom:19px}.status span{margin-inline:5px}h1{font-size:clamp(38px,9.9vw,59px);max-width:10em;line-height:1.06}.hero-description{margin-top:19px;line-height:1.65;max-width:35em}.hero .button{margin-top:22px}.hero-audience{margin-top:15px;font-size:12px}.product{width:100%;margin-top:0}.garment{width:260px;max-width:100%;max-height:357px}.product figcaption{flex-direction:row;margin-top:10px;padding-top:12px;font-size:11px}.section{grid-template-columns:1fr;padding-top:35px;padding-bottom:43px;gap:22px}.section-label{padding-top:0;font-size:13px}.section-label>span{display:inline;margin-left:12px;font-size:12px}.story-columns{grid-template-columns:1fr;gap:18px;margin-top:24px}h2{font-size:clamp(32px,8.5vw,46px);line-height:1.12}h3{font-size:21px}.section-intro{margin-top:20px}.workflow{margin-top:25px}.workflow li{grid-template-columns:35px 1fr;gap:13px;padding-block:21px}.progress-detail,.people{grid-template-columns:1fr;gap:26px;margin-top:25px}.contact-actions{align-items:flex-start;flex-direction:column;gap:22px}.contact{padding-bottom:52px}footer{flex-wrap:wrap;gap:6px 24px;align-items:baseline;padding-bottom:24px}footer>span:nth-child(2){order:3;flex-basis:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}