@charset "UTF-8";
:root{color-scheme:light;--paper:#faf8f5;--ink:#302f2c;--body:#4a4843;--muted:#6f6a63;--line:#e6e1d9;--serif:'Newsreader',Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #726a5b;outline-offset:5px}::selection{background:#e6dfd4}
.skip{position:absolute;top:-80px;left:16px;background:var(--ink);color:#fff;padding:12px 18px;z-index:10}.skip:focus{top:16px}
.frame{overflow-x:clip}
.page{max-width:760px;margin:0 auto;padding:40px 24px 32px;display:flex;flex-direction:column}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:block;line-height:0}.brand img{height:32px;width:auto;display:block}
nav{display:flex;gap:28px;font-size:18px;line-height:1.4}nav a:hover{color:var(--muted)}
.eyebrow{margin:0;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--muted)}
.hero{position:relative;padding-top:56px;min-height:380px}
.ink{position:absolute;z-index:0;mix-blend-mode:multiply;top:-8px;right:-90px;width:540px;margin:0;line-height:0;pointer-events:none;-webkit-mask-image:linear-gradient(to left,#000 30%,rgba(0,0,0,.35) 62%,transparent 92%);mask-image:linear-gradient(to left,#000 30%,rgba(0,0,0,.35) 62%,transparent 92%)}
.ink img{width:100%;height:auto;display:block;opacity:.6;filter:url(#ink)}
.hero-copy{position:relative;z-index:1;max-width:600px;display:flex;flex-direction:column;gap:28px}
.hero h1{margin:0;font-size:58px;line-height:1.04;letter-spacing:-1.6px;font-weight:400;text-wrap:balance}.hero h1 em{font-style:italic}
.lede{margin:0;font-size:22px;line-height:1.55;letter-spacing:-.2px;color:var(--body);text-wrap:pretty}
.lede a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.work{padding-top:72px;display:flex;flex-direction:column;gap:22px}
.product{display:flex;flex-direction:column;gap:24px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 32px 0;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.product:hover{border-color:#cfc6b8;box-shadow:0 10px 30px rgba(48,47,44,.06);transform:translateY(-2px)}
.product-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.product h3{margin:0 0 10px;font-size:44px;line-height:1.05;letter-spacing:-1.4px;font-weight:400}
.product-tagline{margin:0;font-size:20px;line-height:1.45;color:#5c5953}
.cta{display:flex;align-items:center;gap:6px;font-size:16px;white-space:nowrap;padding-top:10px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d6cfc3}
.product:hover .cta{text-decoration-color:var(--ink)}
.product-body{margin:0;font-size:18px;line-height:1.6;color:var(--body);max-width:560px;text-wrap:pretty}
.preview{aspect-ratio:1.9;overflow:hidden;border-radius:12px 12px 0 0;border:1px solid #ece8e1;border-bottom:0;background:#f7f8f9;margin-top:8px}
.preview img{display:block;width:100%;height:auto;margin-top:-10.5%}
.hello{padding:112px 0 96px;text-align:center}
.hello h2{margin:0;font-size:22px;line-height:1.4;font-weight:400;color:var(--muted)}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--muted)}
@media(max-width:600px){.header{flex-direction:column;gap:20px}.hero h1{font-size:40px;letter-spacing:-1px}.lede{font-size:19px}.product{padding:24px 20px 0}.product-top{flex-direction:column;gap:8px}.product h3{font-size:36px}.ink{width:340px;right:-140px;top:0;opacity:.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product{transition:none}}