@font-face{font-family:Archivo;src:url(../../../fonts/archivo.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--paper:oklch(20% .006 30);--paper-2:oklch(24% .006 30);--ink:oklch(96% .006 60);--ink-2:oklch(72% .008 50);--line:oklch(34% .008 40);--accent:oklch(49.2% .201 28.8);--accent-ink:oklch(97% .008 60);--brand-ink:oklch(66% .19 28);--font-body:Archivo,system-ui,sans-serif;--gutter:clamp(20px,4.4vw,80px);font-family:var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.6}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.wrap{padding-inline:var(--gutter)}.skip-link{z-index:100;background:var(--paper);color:var(--ink);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex}.brand{letter-spacing:-2px;font-size:34px;font-weight:900;line-height:.9;text-decoration:none}.brand span{letter-spacing:3px;margin-top:8px;font-size:9px;display:block}.site-nav nav{align-items:center;gap:32px;font-size:14px;font-weight:600;display:flex}.site-nav nav a{text-decoration:none}.admin-link{border:1px solid var(--line);padding:12px 16px}.admin-link span{margin-left:12px}.breadcrumbs{color:var(--ink-2);align-items:baseline;gap:12px;padding-block:24px;font-size:12px;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs span:last-child{color:var(--ink)}.hero{padding-left:var(--gutter);grid-template-columns:1fr 1.05fr;gap:48px;padding-block:24px 48px;display:grid}.hero-copy{padding-block:32px 24px}.eyebrow{color:var(--ink-2);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;font-size:12px;font-weight:600}.hero h1{letter-spacing:-2px;text-transform:uppercase;font-size:clamp(32px,4.4vw,64px);font-weight:800;line-height:1.03}.intro{color:var(--ink-2);max-width:55ch;margin-block:24px 32px;font-size:clamp(16px,1.15vw,18px)}.button{background:var(--accent);color:var(--accent-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);justify-content:space-between;align-items:center;gap:32px;padding:16px 24px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(1.12)}.button:focus-visible{clip-path:none}.hero-photo{align-self:start}.hazard{background:repeating-linear-gradient(125deg,var(--accent) 0 12px,var(--paper) 12px 24px);height:8px}.hero-photo img{object-fit:cover;width:100%;height:clamp(320px,34vw,520px)}.hero-photo figcaption{color:var(--ink-2);min-height:32px;padding:12px 24px 0 0;font-size:12px;line-height:1.5}.empty-photo{background:var(--paper-2);height:360px;color:var(--ink-2);place-items:center;display:grid}.work{padding-block:32px 64px}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px;display:flex}.section-heading h2{text-transform:uppercase;letter-spacing:-1px;font-size:clamp(28px,2.8vw,40px);font-weight:800}.section-heading p{color:var(--ink-2);font-size:14px}.service-entry{border-top:1px solid var(--line);grid-template-columns:1fr;gap:32px;padding-block:40px 48px;display:grid}.service-entry.with-photo{grid-template-columns:1fr 1fr;gap:64px}.entry-number{color:var(--ink-2);margin-bottom:16px;font-size:12px;display:block}.service-entry h3{margin-bottom:16px;font-size:clamp(22px,1.8vw,26px);font-weight:750;line-height:1.15}.service-entry p{color:var(--ink-2);max-width:60ch;font-size:16px}.service-entry figure img{aspect-ratio:1.5;object-fit:cover;width:100%}.scope-list{grid-template-columns:1fr 1fr;gap:12px 24px;margin:24px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.scope-list li{border-top:1px solid var(--line);padding-top:12px;line-height:1.5}.edit-link{color:var(--ink-2);margin-top:24px;font-size:12px;display:inline-block}.preview-status{padding:8px var(--gutter);background:var(--paper-2);border-bottom:1px solid var(--line);color:var(--ink-2);font-size:12px;line-height:1.5}.demo-footnote{color:var(--ink-2);max-width:100ch;padding-block:24px 40px;font-size:12px;line-height:1.6}.service-page{padding-bottom:64px}.support-heading{margin-block:24px 32px;font-size:32px}footer{border-top:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:24px;padding-block:32px;font-size:12px;display:flex}.brand-name{color:var(--ink);font-size:16px;font-weight:800}footer p span{margin-inline:8px}.demo-guide{padding-block:72px}.demo-guide h1{letter-spacing:-3px;text-transform:uppercase;max-width:12ch;font-size:clamp(48px,7vw,96px);line-height:.95}.guide-intro{max-width:54ch;color:var(--ink-2);margin-block:32px;font-size:20px}.actions{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.text-link{font-size:14px}.try-list{max-width:960px;margin:72px 0 0;padding:0;list-style:none}.try-list li{border-top:1px solid var(--line);grid-template-columns:64px 1fr;gap:24px;padding-block:32px;display:grid}.step-number{color:var(--ink-2);font-size:14px}.try-list h2{margin-bottom:12px;font-size:24px}.try-list p{color:var(--ink-2);max-width:65ch}.try-list a{margin-top:12px;font-size:14px;display:inline-block}@media (width<=900px){.hero{padding-right:var(--gutter);grid-template-columns:1fr;gap:24px}.hero-copy{max-width:680px;padding-top:16px}.hero-photo{margin-right:calc(-1 * var(--gutter))}.hero-photo img{aspect-ratio:1.6;height:auto}.section-heading{display:block}.section-heading p{margin-top:12px}.service-entry.with-photo{gap:32px}.site-nav{min-height:80px}}@media (width<=600px){.site-nav{gap:12px}.site-nav nav{gap:16px;font-size:12px}.admin-link{padding:12px}.admin-link span{display:none}.brand{font-size:28px}.brand span{letter-spacing:2px;font-size:8px}.hero h1{letter-spacing:-1px}.hero{padding-top:8px;padding-bottom:32px}.hero-copy{padding-bottom:8px}.service-entry.with-photo{grid-template-columns:1fr;gap:24px}.scope-list{grid-template-columns:1fr}.service-entry{padding-block:24px 32px}.service-entry figure{order:2}.demo-guide{padding-top:48px}.demo-guide h1{letter-spacing:-2px}.guide-intro{font-size:18px}.actions{gap:24px}.try-list{margin-top:48px}.try-list li{grid-template-columns:32px 1fr;gap:16px}.try-list h2{font-size:21px}footer{flex-direction:column;align-items:flex-start;gap:12px}.work{padding-bottom:24px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
