@font-face { font-family:'Instrument Serif'; src:url('/assets/fonts/instrument-serif.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
    @font-face { font-family:'Inter'; src:url('/assets/fonts/inter-latin.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }
    :root { color-scheme: light; --paper:#f3f1eb; --ink:#242520; --muted:#62645b; --ease-out:cubic-bezier(0.23,1,0.32,1); }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:'Inter',Arial,Helvetica,sans-serif; font-size:14px; line-height:20px; font-weight:460; letter-spacing:-.006434em; font-kerning:auto; -webkit-font-smoothing:antialiased; }
    a { color:inherit; text-underline-offset:5px; }
    a:focus-visible { outline:2px solid var(--ink); outline-offset:6px; }
    .wrap { width:min(1120px,100% - 96px); margin:auto; }
    header { display:flex; align-items:center; justify-content:space-between; padding:40px 0; }
    .wordmark { display:block; line-height:0; }
    .wordmark img { display:block; width:112px; height:auto; }
    .contact-link, .product-link { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border-radius:999px; font-size:14px; font-weight:500; line-height:20px; letter-spacing:0; white-space:nowrap; text-decoration:none; }
    .contact-link::before, .product-link::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; background:#dedad1; opacity:0; transition:opacity 160ms ease; }
    .product-link::before { inset:-1px; }
    .contact-link { background:#fff; }
    @media (hover:hover) and (pointer:fine) {
      .contact-link:hover::before, .product-link:hover::before { opacity:.55; }
    }
    .contact-link:active::before, .product-link:active::before { opacity:.9; transition-duration:120ms; transition-timing-function:var(--ease-out); }
    .hero { padding:128px 0; container-type:inline-size; }
    h1 { font-family:'Instrument Serif',Georgia,serif; font-size:clamp(24px,calc(11vw - 4.4px),124px); font-size:clamp(24px,11cqi,124px); font-weight:400; line-height:1.08; letter-spacing:-.025em; margin:0 0 48px; }
    /* Align the headline's visible ink with the logo's visible ink. */
    .word-bar { display:inline-flex; vertical-align:top; flex-wrap:nowrap; isolation:isolate; margin-left:calc(.21875px - .03em); }
    .word-tile { flex:0 0 auto; align-self:start; display:block; white-space:nowrap; animation:tile-reveal 760ms var(--ease-out) both; }
    .word-tile svg { display:block; overflow:visible; }
    .word-tile rect { fill:var(--tile-bg); transition:fill 520ms ease; }
    .word-tile text { fill:var(--tile-fg); transition:fill 520ms ease; }
    .word-tile:not(.has-glyphs) { padding:.15em .03em; background:var(--tile-bg); color:var(--tile-fg); }
    .word-tile:nth-child(2) { animation-delay:130ms; }
    .word-tile:nth-child(3) { animation-delay:260ms; }
    @keyframes tile-reveal {
      from { clip-path:inset(0 100% 0 0); transform:translate3d(0,14px,0); opacity:0; }
      to { clip-path:inset(0); transform:translate3d(0,0,0); opacity:1; }
    }
    .intro { max-width:430px; font-size:14px; line-height:20px; color:var(--muted); margin:0; text-wrap:pretty; }
    .product { display:grid; grid-template-columns:1fr 1fr; padding:80px 0 96px; gap:64px; }
    .product h2 { font-family:'Instrument Serif',Georgia,serif; font-size:clamp(40px,5.2vw,64px); line-height:.95; margin:0; letter-spacing:-.045em; font-weight:400; }
    .product-copy { align-self:center; }
    .product-copy p { font-size:14px; line-height:20px; color:var(--muted); margin:0 0 32px; max-width:430px; }
    .product-link { border:1px solid transparent; background:#e7e4dd; }
    .company { padding:96px 0 104px; }
    .company p { margin:0; font-style:normal; font-size:14px; line-height:20px; letter-spacing:inherit; color:var(--muted); }
    footer { padding:40px 0; display:flex; justify-content:space-between; gap:24px; font-size:12px; line-height:1.7; letter-spacing:0; color:var(--muted); }
    footer p { margin:0; }
    .trail-layer { display:none; position:fixed; inset:0; pointer-events:none; z-index:3; overflow:hidden; }
    .trail-badge { display:inline-block; font-family:'Inter',Arial,Helvetica,sans-serif; font-size:11px; line-height:1.2; font-weight:400; letter-spacing:-.04em; padding:1px 4px; border-radius:3px; color:#000; white-space:nowrap; }
    .trail-layer .trail-badge { position:absolute; opacity:0; }
    .trail-layer .trail-badge.is-live { animation:badge-life 1020ms linear both; }
    @keyframes badge-life {
      0% { opacity:0; transform:scale(.94); animation-timing-function:var(--ease-out); }
      13.73%,74.5% { opacity:1; transform:scale(1); }
      74.5% { animation-timing-function:var(--ease-out); }
      100% { opacity:0; transform:scale(.97); }
    }
    @media (min-width:641px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) { .trail-layer { display:block; } }
    @media (max-width:640px) {
      .wrap { width:calc(100% - 40px); }
      header { padding:28px 0; }
      .hero { padding:80px 0 88px; }
      h1 { font-size:clamp(56px,calc(22vw - 8.8px),96px); font-size:clamp(56px,22cqi,96px); margin-bottom:36px; }
      .word-bar { display:inline-grid; grid-template-columns:max-content max-content; grid-template-rows:.98em auto; row-gap:0; }
      .word-tile:nth-child(3) { grid-column:1 / -1; }
      .product { grid-template-columns:1fr; gap:32px; padding:48px 0 72px; }
      .product h2 { font-size:44px; }
      .company { padding:56px 0 72px; }
        footer { flex-direction:column; gap:8px; }
    }
    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
      .word-tile, .trail-layer .trail-badge { animation:none; }
      .word-tile rect, .word-tile text { transition:none; }
    }
    .service { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:72px 0; }
    .service h2 { font-family:'Instrument Serif',Georgia,serif; font-weight:400; font-size:clamp(36px,4vw,48px); line-height:1.05; letter-spacing:-.025em; margin:0; max-width:400px; }
    .service p { margin:0 0 28px; max-width:430px; color:var(--muted); }
    .skip-link { position:absolute; top:8px; left:8px; transform:translateY(-200%); background:var(--paper); padding:12px; z-index:10; }
    .skip-link:focus { transform:none; }
    @media(max-width:640px) {
      .service { grid-template-columns:1fr; gap:32px; padding:48px 0 64px; }
    }