:root{--maxw: 1120px;--pad: clamp(20px, 5vw, 64px);--r: 22px;--accent: oklch(.55 .13 255);--accent-soft: oklch(.55 .13 255 / .12);--on-accent: #fff;--ease: cubic-bezier(.22, 1, .36, 1);--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-accent=ink]{--accent: oklch(.55 .13 255);--accent-soft: oklch(.55 .13 255 / .12);--on-accent:#fff}[data-accent=terracotta]{--accent: oklch(.6 .13 45);--accent-soft: oklch(.6 .13 45 / .14);--on-accent:#fff}[data-accent=green]{--accent: oklch(.55 .11 155);--accent-soft: oklch(.55 .11 155 / .14);--on-accent:#fff}[data-accent=violet]{--accent: oklch(.55 .14 295);--accent-soft: oklch(.55 .14 295 / .14);--on-accent:#fff}[data-dir=quiet]{--bg: oklch(.992 .004 95);--surface: oklch(1 0 0);--fg: oklch(.23 .012 70);--muted: oklch(.52 .012 70);--faint: oklch(.7 .01 70);--line: oklch(.9 .006 85);--card-bg: transparent;--card-border: 0 solid transparent;--card-shadow: none;--card-radius: 0px;--nav-blur: oklch(.992 .004 95 / .72);--frame-bezel: oklch(.18 .01 70);--hero-moon: oklch(.93 .02 90)}[data-dir=soft]{--bg: oklch(.972 .013 80);--surface: oklch(.996 .007 85);--fg: oklch(.26 .02 60);--muted: oklch(.5 .02 60);--faint: oklch(.66 .02 60);--line: oklch(.9 .014 75);--card-bg: var(--surface);--card-border: 1px solid oklch(.91 .012 75);--card-shadow: 0 2px 4px oklch(.4 .03 60 / .04), 0 18px 50px oklch(.4 .03 60 / .07);--card-radius: var(--r);--nav-blur: oklch(.972 .013 80 / .72);--frame-bezel: oklch(.2 .015 60);--hero-moon: oklch(.95 .03 75)}[data-dir=dark]{--bg: oklch(.165 .013 265);--surface: oklch(.215 .016 265);--fg: oklch(.95 .006 250);--muted: oklch(.7 .012 255);--faint: oklch(.55 .012 255);--line: oklch(.3 .016 265);--card-bg: var(--surface);--card-border: 1px solid oklch(.32 .018 265);--card-shadow: 0 1px 0 oklch(1 0 0 / .04) inset, 0 24px 60px oklch(0 0 0 / .45);--card-radius: var(--r);--nav-blur: oklch(.165 .013 265 / .7);--frame-bezel: oklch(.08 .01 265);--hero-moon: oklch(.3 .02 265)}[data-heading=serif] .display{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.01em}[data-heading=sans] .display{font-family:inherit;font-weight:680;letter-spacing:-.03em}[data-heading=mono] .display{font-family:var(--mono);font-weight:600;letter-spacing:-.045em}[data-heading=mono] .hero h1{line-height:1}.eyebrow,.sec-kicker,.p-cat,.p-tag,.count,.nav-links,.foot-col h4,.foot-bottom,.p-web,.trust,.nav-cta,.p-app{font-family:var(--mono);font-feature-settings:"ss01"}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);transition:padding .3s var(--ease);border-bottom:1px solid transparent}.nav.scrolled{background:var(--nav-blur);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);padding-block:13px}.brand{display:flex;align-items:center;gap:11px;font-weight:640;letter-spacing:-.02em;font-size:18px;white-space:nowrap}.brand .moon{width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--fg) 0 46%,transparent 47%),var(--fg);box-shadow:inset -5px -2px 0 0 var(--bg)}.brand .brand-icon{width:22px;height:22px;border-radius:50%;object-fit:cover;display:block}.nav-links{display:flex;align-items:center;gap:30px;font-size:15px;color:var(--muted)}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-cta{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:560;background:var(--fg);color:var(--bg);transition:opacity .2s,transform .2s}.nav-cta:hover{opacity:.88}@media(max-width:680px){.nav-links .hide-sm{display:none}}.hero{position:relative;padding-top:clamp(116px,18vh,184px);padding-bottom:clamp(80px,13vh,148px);overflow:hidden}.hero-moon{position:absolute;top:-42%;left:50%;transform:translate(-50%);width:min(56vw,540px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--hero-moon),transparent 62%);pointer-events:none;z-index:0;opacity:.8}.hero-inner{position:relative;z-index:1;max-width:900px;margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;letter-spacing:.02em;color:var(--muted);padding:6px 13px 6px 11px;border:1px solid var(--line);border-radius:999px;margin-bottom:30px;white-space:nowrap}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero h1{margin:0;font-size:clamp(34px,5.4vw,62px);line-height:1.18}.hero h1 .accent{color:var(--accent)}.hero .sub{font-size:clamp(18px,2.3vw,22px);color:var(--muted);max-width:600px;margin:0 0 38px;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;font-size:16px;font-weight:560;transition:transform .2s var(--ease),opacity .2s,background .3s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{color:var(--fg);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--fg)}.trust{margin-top:34px;display:flex;align-items:center;gap:10px;color:var(--faint);font-size:14.5px;flex-wrap:wrap}.stars{color:var(--accent);letter-spacing:2px}.section{padding-block:clamp(48px,8vh,96px)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:clamp(34px,5vh,60px)}.sec-head h2{margin:0;font-size:clamp(22px,2.6vw,32px);line-height:1.05}.sec-head .count{color:var(--faint);font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.sec-kicker{display:block;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-weight:560}.products{display:flex;flex-direction:column;gap:clamp(32px,5vh,56px)}.product{--shot-gap: 24px;display:grid;grid-template-columns:1fr minmax(260px,calc(380px + var(--shot-gap) * 2));gap:clamp(28px,5vw,64px);align-items:center;background:var(--card-bg);border:var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--card-radius);padding:clamp(26px,4vw,48px);transition:transform .3s var(--ease)}[data-dir=quiet] .product{border-bottom:1px solid var(--line);border-radius:0;padding-inline:0}[data-dir=quiet] .product:last-child{border-bottom:0}[data-dir=soft] .product:hover,[data-dir=dark] .product:hover{transform:translateY(-4px)}[data-dir=dark] .product:hover{box-shadow:0 1px #ffffff0d inset,0 30px 70px #00000080,0 0 0 1px var(--accent-soft)}.p-body{min-width:0}.p-top{display:flex;align-items:center;gap:16px;margin-bottom:28px}.p-icon{width:56px;height:56px;flex:none;border-radius:14px;box-shadow:0 4px 16px #0000001f,0 0 0 1px #0000000a;overflow:hidden}.p-icon img{width:100%;height:100%;display:block;object-fit:cover}.p-name{font-size:clamp(24px,3vw,32px);font-weight:680;letter-spacing:-.02em;line-height:1.05}.p-cat{font-size:13.5px;color:var(--faint);margin-top:4px;letter-spacing:.01em}.p-desc{font-size:clamp(16px,1.7vw,18.5px);line-height:1.7;color:var(--muted);margin:0 0 34px;text-wrap:pretty;max-width:48ch}.p-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.p-tag{font-size:13px;color:var(--muted);padding:5px 12px;border:1px solid var(--line);border-radius:999px}.p-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.p-app{display:inline-flex;align-items:center;gap:9px;font-weight:560;font-size:15.5px;padding:11px 18px 11px 16px;border-radius:12px;background:var(--fg);color:var(--bg);transition:transform .2s var(--ease),opacity .2s;white-space:nowrap}.p-app:hover{transform:translateY(-2px)}.p-web{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:15px;transition:color .2s}.p-web:hover{color:var(--accent)}.p-web .arrow{transition:transform .2s var(--ease)}.p-web:hover .arrow{transform:translate(2px,-2px)}.p-media{display:flex;justify-content:flex-end}.p-shots{width:100%;max-width:calc(380px + var(--shot-gap) * 2);overflow:hidden;padding-block:16px 52px;margin-block:-16px -52px}.shot-track{display:flex;gap:var(--shot-gap);justify-content:flex-end}[data-carousel] .shot-track{justify-content:flex-start;transition:transform .7s var(--ease);will-change:transform}[data-carousel].p-shots{--shot-edge: calc(var(--shot-gap) / 2);box-sizing:content-box;max-width:calc(380px + var(--shot-gap) * 2);padding-inline:var(--shot-edge);margin-inline:calc(var(--shot-edge) * -1)}.shot{flex:0 0 calc((100% - var(--shot-gap) * 2) / 3);min-width:0}.shot-screen{width:100%;aspect-ratio:9 / 19.5;border-radius:15px;overflow:hidden;background:#6b727e;box-shadow:0 7px 15px -6px #00000029,0 0 0 1px #0000000d}.shot-screen img{width:100%;height:100%;display:block;object-fit:cover}.shot-screen .ph,.p-icon .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);color:#ffffffa6;font-size:14px}.p-shots.framed .shot{padding:4px;border-radius:26px;background:linear-gradient(135deg,#dbdee2,#83868a 18%,#46484a,#787b7e 82%,#e2e5e8);box-shadow:inset 0 0 0 .5px #ffffff8c,0 1.5px 1px #ffffff80,0 14px 26px -14px #00000057,0 5px 11px -6px #0003}.p-shots.framed .shot-screen{border-radius:20px;box-shadow:0 0 0 3px #010102}.foot{border-top:1px solid var(--line);padding-block:clamp(48px,7vh,80px);margin-top:clamp(30px,5vh,60px)}.foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.foot .brand{font-size:21px;margin-bottom:14px}.foot .brand .brand-icon{width:24px;height:24px}.foot .blurb{color:var(--muted);max-width:340px;font-size:15.5px;text-wrap:pretty}.foot-cols{display:flex;gap:clamp(40px,8vw,90px);flex-wrap:wrap}.foot-col h4{margin:0 0 16px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600}.foot-col a,.foot-col span{display:block;color:var(--muted);font-size:15px;margin-bottom:11px;transition:color .2s}.foot-col a:hover{color:var(--fg)}.foot-bottom{margin-top:clamp(40px,6vh,64px);padding-top:26px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;color:var(--faint);font-size:13.5px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}@media(max-width:760px){.product,.product:nth-child(2n){grid-template-columns:1fr;gap:32px}.product:nth-child(2n) .p-media{order:0}.p-media,.shot-track{justify-content:flex-start}[data-carousel].p-shots{--shot-edge: min(calc(var(--shot-gap) / 2), 16px)}.sec-head{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}html{scroll-behavior:auto}}