@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-latin-wght-italic.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/hanken-grotesk-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/hanken-grotesk-latin-wght-italic.woff2)format("woff2")}:root{--serif:"EB Garamond", "Iowan Old Style", Georgia, serif;--sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--ground:#eef2ee;--paper:#f8faf7;--paper-2:#e4e9e4;--ink:#132019;--ink-2:#48574f;--ink-3:#5c6a63;--rule:#13201924;--rule-2:#13201942;--moss:#2e6b4e;--moss-2:#245a40;--amber:#c98a2b;--on-plate:#f5f7f3;--btn:var(--ink);--btn-fg:var(--paper);--shadow:0 1px 2px #1320190f, 0 12px 32px -12px #13201938;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease:cubic-bezier(.4, 0, .2, 1);--r:6px;color-scheme:light}[data-theme=dark]{--ground:#0f1512;--paper:#151d18;--paper-2:#1b251f;--ink:#e9efe9;--ink-2:#a8b3ac;--ink-3:#6f7b74;--rule:#e9efe91f;--rule-2:#e9efe93d;--moss:#7cc39e;--moss-2:#93d1b1;--amber:#e0a24a;--btn:#e9efe9;--btn-fg:#0f1512;--shadow:0 1px 2px #0000004d, 0 16px 40px -12px #0009;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;caret-color:var(--moss);margin:0;font-size:17px;line-height:1.55}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}p a,li a,dd a{text-underline-offset:.18em;text-decoration:underline 1px;text-decoration-color:var(--rule-2);transition:text-decoration-color .16s var(--ease)}p a:hover,li a:hover,dd a:hover{text-decoration-color:var(--moss)}button{font:inherit;color:inherit}::selection{background:#2e6b4e38}:focus-visible{outline:2px solid var(--moss);outline-offset:3px;border-radius:4px}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3{scroll-margin-top:96px}h1,h2,h3,.display{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:500;line-height:1.05}h1{font-size:clamp(2.8rem,6.4vw,5.2rem)}h2{font-size:clamp(2rem,3.8vw,3rem)}h3{font-size:1.55rem;line-height:1.15}h1 em,h2 em,h3 em{font-style:italic;font-weight:400}p{margin:0}.lead{color:var(--ink-2);text-wrap:pretty;max-width:46ch;font-size:1.15rem;line-height:1.5}.note{color:var(--ink-2);text-wrap:pretty;max-width:58ch}.small{font-size:.92rem}.muted{color:var(--ink-2)}.cap{font-family:var(--serif);letter-spacing:.06em;color:var(--ink-3);font-size:.95rem;font-variant-caps:small-caps}.num{font-variant-numeric:tabular-nums}.center{text-align:center}.wrap{width:min(1180px,100% - 48px);margin:0 auto}.narrow{width:min(680px,100% - 48px);margin:0 auto}.section{padding:clamp(80px,10vw,144px) 0}.skip{z-index:100;background:var(--btn);color:var(--btn-fg);border-radius:var(--r);padding:8px 12px;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.btn{border-radius:var(--r);background:var(--btn);height:44px;color:var(--btn-fg);white-space:nowrap;transition:transform .16s var(--ease-out), background .16s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.98rem;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--ink);border-color:var(--rule-2);background:0 0}.btn.on-plate{color:var(--on-plate);backdrop-filter:blur(6px);background:#f5f7f324;border-color:#f5f7f366}@media (hover:hover) and (pointer:fine){.btn.ghost:hover{border-color:var(--ink)}.btn.on-plate:hover{background:#f5f7f338}}.badge{transition:transform .16s var(--ease-out);display:inline-flex}.badge:active{transform:scale(.97)}.badge img{width:auto;height:46px}.ctas{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-header{z-index:50;height:68px;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.on-plate{color:var(--on-plate)}.site-header.solid{background:color-mix(in srgb, var(--ground) 86%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--rule);color:var(--ink)}.site-header .wrap{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.25rem;font-weight:500;display:inline-flex}.brand img{border-radius:7px;width:26px;height:26px}.nav{align-items:center;gap:2px;display:flex}.nav a:not(.badge){border-radius:var(--r);opacity:.82;min-height:36px;transition:opacity .16s var(--ease), background .16s var(--ease);align-items:center;padding:8px 12px;font-size:.95rem;display:inline-flex}.nav a[aria-current=page]{opacity:1;text-underline-offset:.3em;text-decoration:underline}@media (hover:hover) and (pointer:fine){.nav a:not(.badge):hover{opacity:1}}.nav .badge{margin-left:12px}.nav .badge img{height:34px}.theme-toggle{border-radius:var(--r);cursor:pointer;opacity:.82;background:0 0;border:0;place-items:center;width:36px;height:36px;display:inline-grid}.menu-btn{display:none}.plate-hero{min-height:100svh;color:var(--on-plate);isolation:isolate;align-items:end;display:grid;position:relative;overflow:hidden}.plate-hero .plate{z-index:-2;animation:settle 1.6s var(--ease-out) forwards;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.plate-hero:after{content:"";z-index:-1;background:linear-gradient(#0a120e6b 0%,#0a120e2e 40%,#0a120ea8 100%);position:absolute;inset:0}.plate-hero .wrap{grid-template-columns:1.15fr .85fr;align-items:end;gap:48px;padding:140px 0 72px;display:grid}.plate-hero h1{max-width:12ch;animation:rise .9s var(--ease-out) both}.plate-hero .lead{color:#f5f7f3db;animation:rise .9s 80ms var(--ease-out) both;margin:22px 0 30px}.plate-hero .ctas{animation:rise .9s .16s var(--ease-out) both}@keyframes settle{to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.figure{background:var(--paper);color:var(--ink);box-shadow:var(--shadow);animation:rise .9s .24s var(--ease-out) both;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:28px;display:grid}.figure .ring{width:150px;height:150px}.ring .track{fill:none;stroke:var(--paper-2);stroke-width:11px}.ring .fill{fill:none;stroke:var(--amber);stroke-width:11px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1.8s var(--ease-out);transform:rotate(-90deg)}.ring text{fill:var(--ink);font-family:var(--serif);font-weight:500}.ring .sub{fill:var(--ink-3);font-family:var(--sans);font-weight:500}.ledger{margin:0;display:grid}.ledger>div{border-top:1px solid var(--rule);justify-content:space-between;gap:16px;padding:9px 0;font-size:.95rem;display:flex}.ledger>div:first-child{border-top:0;padding-top:0}.ledger dt{color:var(--ink-2)}.ledger dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:500}.ledger dd.out{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--rule-2);font-weight:400}.ledger .total{border-top:1px solid var(--rule-2);font-weight:500}.ledger .total dd{color:var(--moss)}figcaption,.caption{font-family:var(--serif);color:var(--ink-3);margin-top:12px;font-size:1rem;font-style:italic}.plate-hero figcaption{color:#f5f7f3b8}.spread{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.spread .note-col h2{margin-bottom:20px}.spread .note-col p+p{margin-top:14px}.plates{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;grid-auto-columns:minmax(300px,1fr);grid-auto-flow:column;gap:20px;padding-bottom:8px;display:grid;overflow-x:auto}.plates figure{scroll-snap-align:start;margin:0}.plates img{aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:10px}.plates figcaption{justify-content:space-between;gap:12px;font-style:normal;display:flex}.plates figcaption b{color:var(--ink);font-size:1.15rem;font-style:italic;font-weight:500}.figures{grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.figures figure{margin:0}.screen{box-shadow:var(--shadow);aspect-ratio:585/1266;background:#000;border-radius:22px;overflow:hidden}.screen img{object-fit:cover;width:100%;height:100%}.figures figcaption{color:var(--ink-2);font-style:normal;font-family:var(--sans);font-size:.95rem}.figures figcaption b{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:1.3rem;font-weight:500;display:block}.rules{border-top:1px solid var(--rule-2);margin:0}.rules>div{border-bottom:1px solid var(--rule);grid-template-columns:260px 1fr;gap:24px;padding:26px 0;display:grid}.rules dt{font-family:var(--serif);font-size:1.45rem;font-weight:500;line-height:1.15}.rules dd{color:var(--ink-2);max-width:60ch;margin:0}.plans{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);display:grid}.plan h3{border-bottom:1px solid var(--rule-2);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.plan h3 span{font-family:var(--sans);color:var(--ink-2);white-space:nowrap;font-size:1rem;font-weight:500}.plan ul{margin:0 0 22px;padding:0;list-style:none}.plan li{border-bottom:1px solid var(--rule);color:var(--ink-2);gap:10px;padding:8px 0;display:flex}.plan li svg{color:var(--moss);flex:none;margin-top:5px}.plan .alts{color:var(--ink-2);margin:-8px 0 18px;font-size:.95rem}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;font-family:var(--serif);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:1.3rem;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--sans);color:var(--ink-3);transition:transform .2s var(--ease-out);font-size:1.4rem;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);max-width:62ch;padding:0 0 20px}.plate-band{min-height:72svh;color:var(--on-plate);text-align:center;isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.plate-band .plate{z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:0}.plate-band:after{content:"";z-index:-1;background:#0a120e73;position:absolute;inset:0}.plate-band .wrap{padding:96px 0}.plate-band h2{max-width:14ch;margin:0 auto 16px}.plate-band .lead{color:#f5f7f3d9;margin:0 auto 28px}.plate-band .ctas{justify-content:center}.page-head{padding:148px 0 48px}.page-head .cap{margin-bottom:18px;display:block}.page-head .lead{margin-top:20px}.page-head.center .lead{margin-left:auto;margin-right:auto}.page-head.plate{min-height:56svh;color:var(--on-plate);isolation:isolate;align-items:end;padding-bottom:64px;display:grid;position:relative;overflow:hidden}.page-head.plate .bg{z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:0}.page-head.plate:after{content:"";z-index:-1;background:linear-gradient(#0a120e4d,#0a120e9e);position:absolute;inset:0}.page-head.plate .cap,.page-head.plate .lead{color:#f5f7f3cc}.prose{font-size:1.08rem;line-height:1.65}.prose h1{margin-bottom:10px;font-size:clamp(2.4rem,4.8vw,3.4rem)}.prose h2{margin:44px 0 12px;font-size:1.8rem}.prose h3{margin:28px 0 8px;font-size:1.3rem}.prose p,.prose ul,.prose ol{color:var(--ink-2);margin:0 0 16px}.prose li{margin:4px 0}.prose strong{color:var(--ink);font-weight:500}.prose .byline{font-family:var(--serif);color:var(--ink-3);margin-bottom:28px;font-style:italic}.prose table{border-collapse:collapse;width:100%;font-size:.98rem}.prose th{text-align:left;font-family:var(--serif);letter-spacing:.05em;color:var(--ink-3);border-bottom:1px solid var(--rule-2);padding:10px 12px 10px 0;font-variant-caps:small-caps;font-weight:500}.prose td{border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink-2);padding:12px 12px 12px 0}.prose td strong,.prose td:first-child{color:var(--ink)}.prose blockquote{border-left:1px solid var(--rule-2);color:var(--ink-2);font-family:var(--serif);margin:20px 0;padding:4px 0 4px 18px;font-size:1.2rem;font-style:italic}.prose hr{border:0;border-top:1px solid var(--rule);margin:40px 0 24px}.prose .caption{font-size:.95rem}.prose .cmp th:first-child{width:22%}.phone-fig{width:min(280px,100%);margin:36px auto 0}.posts{border-top:1px solid var(--rule-2)}.posts a{border-bottom:1px solid var(--rule);grid-template-columns:150px 1fr;gap:20px;padding:26px 0;display:grid}.posts h3{transition:color .16s var(--ease);font-size:1.6rem}@media (hover:hover) and (pointer:fine){.posts a:hover h3{color:var(--moss)}}.posts p{color:var(--ink-2);margin-top:6px}.posts .date{font-family:var(--serif);color:var(--ink-3);padding-top:6px;font-style:italic}.demo{background:var(--paper);box-shadow:var(--shadow);border-radius:10px;padding:28px}.demo .time{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:4rem;font-weight:500;line-height:1}.demo .state{font-family:var(--serif);color:var(--ink-3);margin:8px 0 18px;font-style:italic}.demo .bars{background:var(--paper-2);border-radius:3px;height:6px;display:flex;overflow:hidden}.demo .bars span{transition:flex-basis .3s var(--ease)}.demo .legend{color:var(--ink-2);flex-wrap:wrap;gap:18px;margin:12px 0 20px;font-size:.92rem;display:flex}.demo .legend i{border-radius:2px;width:8px;height:8px;margin-right:7px;display:inline-block}.demo .legend b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:500}.demo .actions{flex-wrap:wrap;gap:8px;display:flex}.demo button{border-radius:var(--r);border:1px solid var(--rule-2);cursor:pointer;height:40px;transition:transform .16s var(--ease-out);background:0 0;padding:0 14px;font-size:.95rem}.demo button:active{transform:scale(.97)}.demo button.primary{background:var(--btn);color:var(--btn-fg);border-color:#0000}.demo button:disabled{opacity:.4;cursor:default}.site-footer{border-top:1px solid var(--rule-2);background:var(--paper);padding:64px 0 40px}.site-footer .cols{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.site-footer .fh{font-family:var(--serif);letter-spacing:.06em;color:var(--ink-3);margin:0 0 12px;font-size:1rem;font-variant-caps:small-caps;font-weight:500}.site-footer .cols a:not(.brand){color:var(--ink-2);padding:5px 0;font-size:.98rem;display:block}@media (hover:hover) and (pointer:fine){.site-footer .cols a:not(.brand):hover{color:var(--ink)}}.site-footer .legal{border-top:1px solid var(--rule);color:var(--ink-3);margin-top:44px;padding-top:20px;font-size:.88rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plate-hero .plate,.plate-hero h1,.plate-hero .lead,.plate-hero .ctas,.figure{opacity:1;animation:none;transform:none}.ring .fill{transition:none}}@media (width<=1000px){.figures{grid-template-columns:1fr 1fr}.figures figure:last-child{grid-column:1/-1;max-width:50%}.rules>div{grid-template-columns:200px 1fr}}@media (width<=760px){body{font-size:16px}.wrap,.narrow{width:calc(100% - 32px)}.nav{background:var(--ground);color:var(--ink);border-bottom:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 16px;display:none;position:fixed;top:68px;left:0;right:0}.nav.open{display:flex}.nav a:not(.badge){opacity:1;padding:12px;font-size:1.05rem}.nav .badge{margin:10px 0 0}.theme-toggle{opacity:1;justify-content:flex-start;width:100%;margin-top:4px;padding-left:12px}.menu-btn{border-radius:var(--r);width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid;place-items:center;display:inline-grid}.plate-hero .wrap{grid-template-columns:1fr;gap:28px;padding:120px 0 40px}.plate-hero .plate{background-position:bottom}.plate-hero:after{background:linear-gradient(#0a120e99 0%,#0a120e6b 45%,#0a120ea8 100%)}.figure{grid-template-columns:1fr;padding:22px}.figure .ring{margin:0 auto}.spread,.plans,.figures{grid-template-columns:1fr}.figures figure:last-child{max-width:none}.figures .screen{max-width:280px;margin:0 auto}.plates{grid-auto-columns:78%}.rules>div{grid-template-columns:1fr;gap:8px;padding:22px 0}.posts a{grid-template-columns:1fr;gap:4px}.site-footer .cols{grid-template-columns:1fr 1fr}.site-footer .cols>div:first-child{grid-column:1/-1}.page-head{padding-top:116px}.demo .time{font-size:3rem}}.phone{box-shadow:var(--shadow);background:#000;border-radius:22px;overflow:hidden}.phone .screen{aspect-ratio:585/1266}.phone .island{display:none}.phone img{object-fit:cover;width:100%;height:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.plate-hero .plate{animation:linear both drift-up scroll(root);animation-range:0 100vh}.plate-hero .wrap{animation:linear both sink scroll(root);animation-range:0 100vh}.unveil{animation:linear both unveil view();animation-range:entry entry 70%;animation-delay:calc(var(--i,0) * 0s)}.unveil img{animation:linear both zoom-in view();animation-range:entry cover 60%}.rise{animation:linear both rise-in view();animation-range:entry entry 60%}.plate-band .plate{animation:linear both zoom-out view();animation-range:entry exit}.site-footer{view-timeline-name:none}}}@keyframes drift-up{0%{transform:scale(1.04)}to{transform:translateY(18vh)scale(1.04)}}@keyframes sink{to{opacity:.2;transform:translateY(8vh)}}@keyframes unveil{0%{clip-path:inset(0 0 100% round 10px)}to{clip-path:inset(0 round 10px)}}@keyframes zoom-in{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes zoom-out{0%{transform:scale(1.15)}to{transform:scale(1)}}.plates figure{border-radius:10px;overflow:hidden}.plates img{box-shadow:none;border-radius:0}.plates figcaption{padding:12px 2px 0}.themes{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.themes figure{margin:0}.themes figcaption{color:var(--ink-2);font-style:normal;font-family:var(--sans);font-size:.92rem}.themes figcaption b{font-family:var(--serif);color:var(--ink);margin-bottom:2px;font-size:1.25rem;font-weight:500;display:block}@media (width<=960px){.themes{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:46%;grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.themes figure{scroll-snap-align:start}}@media (width<=600px){.themes{grid-auto-columns:62%}}.screen video{object-fit:cover;width:100%;height:100%;display:block}.badge .b-white,[data-theme=dark] .badge.tone-auto .b-black,.badge.tone-white .b-black{display:none}[data-theme=dark] .badge.tone-auto .b-white,.badge.tone-white .b-white{display:block}
