:root{--sheet:oklch(97.3% .003 106);--slip:oklch(100% 0 0);--carbon:oklch(90.6% .029 26);--rule:oklch(86.5% .005 68);--lead:oklch(47% .007 60);--ink:oklch(24.5% .004 49);--vermilion:oklch(61.4% .204 31);--vermilion-deep:oklch(55% .189 31);--vermilion-dark:oklch(48% .17 31);--font:"Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--type:"Courier Prime", "Courier New", monospace;--text-h1:clamp(2.25rem, 1.5rem + 2vw, 3rem);--text-h2:clamp(1.75rem, 1.35rem + 1.3vw, 2.5rem);--text-lede:clamp(1.125rem, 1.05rem + .3vw, 1.3125rem);--text-goal:clamp(1.1875rem, 1.1rem + .4vw, 1.4375rem);--text-md:1.0625rem;--text-sm:.875rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--section:clamp(80px, 4rem + 5vw, 160px);--pad:clamp(20px, 4vw, 72px);--rail-w:38%;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{color:var(--ink);background:var(--sheet);-webkit-text-size-adjust:100%}body{background:var(--sheet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");font-family:var(--font);font-size:var(--text-md);font-kerning:normal;margin:0;line-height:1.55}h1,h2,p{margin:0}h1,h2{letter-spacing:-.02em;text-wrap:balance;font-weight:700}p{text-wrap:pretty}a{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[id]{scroll-margin-top:var(--s-6)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.skip{z-index:2;top:var(--s-2);left:var(--s-2);padding:var(--s-3) var(--s-4);color:var(--sheet);background:var(--ink);font-weight:700;position:absolute;translate:0 -200%}.skip:focus{translate:0}.btn{justify-content:center;align-items:center;gap:var(--s-3);min-height:52px;padding:0 var(--s-6);color:var(--slip);background:var(--vermilion-deep);font:inherit;cursor:pointer;transition:background-color .15s var(--ease-out);border:0;border-radius:0;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--vermilion-dark)}.btn:active{translate:0 1px}.link{text-underline-offset:.3em;min-height:44px;transition:color .15s var(--ease-out);align-items:center;font-weight:500;text-decoration:underline 1px;display:inline-flex}.link:hover{color:var(--vermilion-deep)}.page{grid-template-columns:var(--rail-w) minmax(0, 1fr);max-width:1440px;margin-inline:auto;display:grid}.rail{gap:var(--s-7);padding:var(--s-6) var(--pad) var(--s-7);border-right:1px solid var(--rule);flex-direction:column;display:flex}.wordmark{letter-spacing:-.01em;align-self:flex-start;align-items:center;min-height:44px;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.hero{margin-block:auto}.hello{font-size:var(--text-lede)}.hero h1{margin-top:var(--s-4);font-size:var(--text-h1);line-height:1.04}.lede{max-width:34ch;margin-top:var(--s-5);color:var(--lead);font-size:var(--text-lede);line-height:1.5}.actions{align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.letter{padding:var(--section) var(--pad) var(--s-8)}.letter>section{max-width:640px}.letter>section+section{margin-top:var(--section)}h2{font-size:var(--text-h2);line-height:1.08}.pairs{margin:var(--s-7) 0 0;padding:0;list-style:none}.pair+.pair{margin-top:var(--s-7)}.when{font-size:var(--text-sm);font-weight:700}.slips{margin-top:var(--s-3);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;display:grid}.slip{padding:var(--s-4) var(--s-5) var(--s-5);position:relative}.slip-label{margin-bottom:var(--s-2);font-family:var(--type);font-size:var(--text-sm);display:block}.today{color:var(--ink);background:var(--carbon);font-family:var(--type);line-height:1.5;rotate:.8deg}.struck{text-decoration:line-through 1.5px}.goal{z-index:1;margin-left:calc(-1 * var(--s-4));background:var(--slip);box-shadow:0 0 0 1px var(--rule), 0 2px 6px oklch(24.5% .004 49/.08);font-size:var(--text-goal);font-weight:700;line-height:1.3;rotate:-.8deg}.goal .slip-label{font-weight:400}.check{width:30px;height:24px;margin-bottom:var(--s-2);fill:none;stroke:var(--vermilion);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;display:block}.why p:not(.byline){margin-top:var(--s-5);font-size:var(--text-lede);line-height:1.6}.why h2+p{margin-top:var(--s-6)}.signature{width:168px;margin-top:var(--s-6)}.byline{margin-top:var(--s-2);color:var(--lead);font-size:var(--text-sm)}.close{padding-top:var(--s-8);border-top:1px solid var(--rule)}.talk-sub{margin-top:var(--s-3);font-size:var(--text-lede)}.close>.btn{margin-top:var(--s-6)}.talk-mail{margin-top:var(--s-6);font-size:var(--text-lede)}.talk-mail a{text-underline-offset:.25em;overflow-wrap:anywhere;align-items:center;min-height:44px;font-weight:700;text-decoration-thickness:1px;display:inline-flex}.talk-mail a:hover{color:var(--vermilion-deep)}.talk-note{max-width:52ch;margin-top:var(--s-3);color:var(--lead)}.site-foot{max-width:1440px;padding:var(--s-6) var(--pad);padding-left:calc(var(--rail-w) + var(--pad));border-top:1px solid var(--rule);color:var(--lead);font-size:var(--text-sm);margin-inline:auto}.site-foot a{text-underline-offset:.25em}.site-foot a:hover{color:var(--ink)}@keyframes rise{0%{opacity:0;filter:blur(4px);translate:0 .5em}}@keyframes settle{0%{translate:14px 22px;rotate:3deg}}@keyframes draw{0%{stroke-dashoffset:1px}}.hero>*{animation:rise .7s var(--ease-out) calc(60ms + var(--i) * 80ms) backwards}@supports (animation-timeline:view()){.goal{animation:linear both settle view();animation-range:entry 10% cover 35%}.check path{stroke-dasharray:1;animation:linear both draw view();animation-range:entry 30% cover 40%}}@media (width>=961px) and (height>=720px){.rail{height:100dvh;position:sticky;top:0}}@media (width<=960px){.page{grid-template-columns:1fr}.rail{gap:var(--s-8);padding-bottom:var(--s-8);border-right:0;border-bottom:1px solid var(--rule)}.letter{padding-top:var(--s-8)}.site-foot{padding-left:var(--pad)}}@media (width<=600px){.slips{grid-template-columns:1fr}.today,.goal{rotate:none}.goal{margin:calc(-1 * var(--s-2)) 0 0 var(--s-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}