:root{--white:#fff;--ink:#070a0d;--body:#384252;--muted:#6b7280;--faint:#9ca3b0;--line:#e5e7eb;--paper:#f7f6f3;--card:#fff;--blue:#266df0;--blue-soft:#e2f1fd;--blue-deep:#1c62e3;--font:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--hand:var(--font-caveat), cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:56px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--body);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:50;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.wordmark{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.topnav{gap:22px;font-size:13px;font-weight:500;display:flex}.topnav a{color:var(--muted);text-decoration:none}.topnav a:hover,.topnav a:focus-visible{color:var(--blue)}@media (max-width:720px){.topbar{flex-wrap:wrap;row-gap:6px;padding:12px 16px}.topbar .wordmark{flex:0 0 100%;font-size:13px}.topnav{gap:14px;font-size:12px}}a.skip-link{background:var(--ink);color:var(--white);z-index:100;padding:10px 16px;font-size:13px;position:absolute;top:0;left:-999px}a.skip-link:focus{top:12px;left:12px}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.letter{max-width:1180px;margin:0 auto;padding:64px 28px 56px}.letter h1{letter-spacing:-.03em;color:var(--ink);margin:0 0 12px;font-size:clamp(28px,4.5vw,40px);font-weight:600;line-height:1.15}.letter .letter__dek{color:var(--muted);max-width:34em;margin:0 0 40px;font-size:18px;line-height:1.5}.pair{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:center;gap:36px;scroll-margin-top:72px;display:grid}.pair+.pair{margin-top:72px}.pair--flip{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.pair__notes{flex-direction:column;gap:48px;display:flex}.letter-print{background:var(--white);border:1px solid #d9d4c8;padding:28px 28px 12px;position:relative;box-shadow:2px 4px #070a0d14}.letter-print__tape{z-index:2;pointer-events:none;--tape-a:#f4d58d;--tape-b:#e8b84a;background:repeating-linear-gradient(-45deg, var(--tape-a), var(--tape-a) 5px, var(--tape-b) 5px, var(--tape-b) 10px);opacity:.92;width:78px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:0 1px 2px #070a0d1f}.letter-print[data-tape=pink] .letter-print__tape{--tape-a:#ffb3c6;--tape-b:#ff8fab;left:42%;transform:translate(-50%)rotate(3deg)}.letter-print[data-tape=mint] .letter-print__tape{--tape-a:#b8e8d4;--tape-b:#8fd4b8;width:70px;transform:translate(-50%)rotate(2.2deg)}.letter-print[data-tape=blue] .letter-print__tape{--tape-a:#a8d4f0;--tape-b:#7ec8e8;left:58%;transform:translate(-50%)rotate(-4deg)}.pair__notes .letter-print:first-child{transform:rotate(-2.1deg)}.pair__notes .letter-print:nth-child(2){transform:rotate(1.7deg)}.pair--flip .pair__notes .letter-print:first-child{transform:rotate(1.8deg)}.pair--flip .pair__notes .letter-print:nth-child(2){transform:rotate(-1.5deg)}.letter h2{color:var(--ink);margin:0 0 12px;font-size:18px;font-weight:600}.letter p{color:var(--body);margin:0;font-size:18px;line-height:1.65}.letter p a{color:var(--blue);text-underline-offset:3px}.letter p a:hover,.letter p a:focus-visible{color:var(--blue-deep)}.letter-print__cap{font-family:var(--hand);text-align:center;color:var(--ink);padding:14px 10px 8px;font-size:22px;font-weight:700;line-height:1.2;text-decoration:none;display:block}.letter-print__cap:hover,.letter-print__cap:focus-visible{color:var(--blue)}.insert-shot{background:var(--white);border:1px solid #d9d4c8;width:100%;margin:0;padding:12px 12px 8px;position:relative;box-shadow:2px 4px #070a0d14}.insert-shot--gif{transform:rotate(-2deg)}.insert-shot--agent{padding:0 0 12px;scroll-margin-top:72px;transform:rotate(1.6deg)}.insert-shot__tape{opacity:.9;background:#e8c96a;width:28%;height:18px;position:absolute;top:-10px;left:36%}.insert-shot--agent .insert-shot__tape{background:#e7a3b0;left:42%}.insert-shot img{background:#ebe8e1;width:100%;height:auto;display:block}.insert-shot--gif img{aspect-ratio:1280/1100;object-fit:cover}.insert-shot--agent img{object-fit:cover;object-position:top center;width:100%;height:100%}.insert-agent{aspect-ratio:1432/660;cursor:pointer;background:#ebe8e1;border:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.insert-agent:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.insert-shot figcaption{font-family:var(--hand);color:var(--ink);text-align:center;margin:8px 2px 4px;font-size:20px;font-weight:700;line-height:1.2}@media (max-width:860px){.pair,.pair--flip{grid-template-columns:1fr;gap:36px}.pair--flip .insert-shot{order:-1}.pair__notes .letter-print:first-child,.pair--flip .pair__notes .letter-print:first-child{transform:rotate(-1deg)}.pair__notes .letter-print:nth-child(2),.pair--flip .pair__notes .letter-print:nth-child(2){transform:rotate(1.2deg)}}.section-lead{max-width:1080px;margin:36px auto 0;padding:0 28px 8px 80px;scroll-margin-top:56px}.section-lead h2{letter-spacing:-.03em;color:var(--ink);margin:0 0 10px;font-size:clamp(24px,4vw,32px);font-weight:600;line-height:1.15}.section-lead p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.section-lead p+p{margin-top:16px}.timeline{max-width:1080px;margin:0 auto;padding:10px 28px 40px;position:relative}.route-track{border-left:2px dashed var(--line);z-index:1;width:0;position:absolute;top:0;bottom:0;left:42px}.stage{z-index:2;grid-template-columns:28px minmax(0,1fr) minmax(300px,400px);align-items:start;gap:8px 20px;min-height:0;padding:22px 0;display:grid;position:relative}.stage .gutter{grid-area:1/1;height:100%;min-height:40px;position:relative}.stage .node{background:var(--paper);border:2px solid var(--faint);border-radius:50%;width:11px;height:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.stage.active .node{background:var(--blue);border-color:var(--blue)}.text-slot,.visual-slot{min-width:0;display:flex}.stage .text-slot{grid-area:1/2;justify-content:flex-start}.stage .visual-slot{grid-area:1/3;justify-content:flex-start}.entry{opacity:0;width:100%;max-width:none;transition:opacity .45s,transform .45s;transform:translateY(12px)}.entry.in-view{opacity:1;transform:translateY(0)}.year{font-family:var(--hand);color:var(--blue);margin:0 0 6px;font-size:22px}.entry h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.3}.quote{color:var(--body);margin:0 0 10px;font-size:15px;line-height:1.55}.who{font-family:var(--hand);color:var(--ink);margin:0 0 14px;font-size:17px;line-height:1.25}.who span{color:var(--muted)}.note-toggle{all:unset;cursor:pointer;font-family:var(--hand);color:var(--blue);border-bottom:1px dashed var(--blue-soft);font-size:18px}.note-toggle:hover,.note-toggle:focus-visible{color:var(--blue-deep);border-color:var(--blue)}.note-wrap{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.entry.expanded .note-wrap{grid-template-rows:1fr}.note-inner{overflow:hidden}.note{color:var(--muted);border-top:1px solid var(--line);margin:12px 0 0;padding-top:12px;font-size:13px;line-height:1.55}.note p{margin:0}.note p+p{margin-top:10px}.scraps{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:16px;display:flex}.scrap{background:#fdf9d8;padding:10px 12px 12px;display:inline-block;transform:rotate(-2.2deg);box-shadow:2px 3px #070a0d14}.scrap--blue{background:var(--blue-soft);transform:rotate(1.6deg)}.scrap--peach{background:#ffeed6;transform:rotate(-1.4deg)}.scrap__label{font-family:var(--hand);color:var(--muted);font-size:14px;line-height:1.1}.scrap__value{font-family:var(--hand);color:var(--ink);font-size:20px;font-weight:700;line-height:1.15}.visual-stack{width:100%;height:318px;position:relative}.visual-row{display:contents}.print{z-index:1;background:var(--white);opacity:0;width:300px;max-width:100%;transform:translateY(18px) rotate(var(--tilt,-2deg));color:inherit;cursor:pointer;border:1px solid #d9d4c8;padding:8px 8px 32px;text-decoration:none;transition:opacity .45s,transform .45s;display:block;position:absolute;top:4px;left:0;box-shadow:2px 4px #070a0d14}.print.in-view{opacity:1;transform:translateY(0) rotate(var(--tilt,-2deg))}.print:hover,.print:focus-visible{z-index:4}.print--r{--tilt:2.2deg}.print--l{--tilt:-2.4deg}.print--sm{z-index:2;width:200px;padding:6px 6px 28px;top:auto;bottom:8px;left:128px}.preview-shot{background:#ebe8e1;display:block;position:relative;overflow:hidden}.print img{aspect-ratio:16/10;object-fit:contain;object-position:center center;background:#ebe8e1;width:100%;display:block}.print--sm img{aspect-ratio:16/10}.print figcaption,.print .print-cap{font-family:var(--hand);color:var(--ink);text-align:center;font-size:18px;line-height:1.15;position:absolute;bottom:8px;left:8px;right:8px}.print--sm figcaption,.print--sm .print-cap{font-size:16px}.polaroid{z-index:3;background:var(--white);opacity:0;width:124px;transform:translateY(18px) rotate(var(--tilt,3.2deg));color:inherit;cursor:pointer;border:1px solid #d9d4c8;margin:0;padding:6px 6px 28px;text-decoration:none;transition:opacity .45s,transform .45s;display:block;position:absolute;top:148px;left:4px;box-shadow:2px 4px #070a0d14}.polaroid.in-view{opacity:1;transform:translateY(0) rotate(var(--tilt,3.2deg))}.polaroid:hover,.polaroid:focus-visible{z-index:5}.polaroid--l{--tilt:-3.4deg;top:156px;left:8px}.polaroid--r{--tilt:4deg;top:146px;left:14px}.polaroid--lift{top:142px;left:16px}.visual-stack--pair{--print-w:300px}.visual-stack--pair .print{width:min(var(--print-w), 100%)}.visual-stack--pair .polaroid,.visual-stack--pair .polaroid--lift{top:168px}.visual-stack--portrait-l .polaroid,.visual-stack--portrait-l .polaroid--l,.visual-stack--portrait-l .polaroid--lift{left:0;right:auto}.visual-stack--portrait-r .polaroid,.visual-stack--portrait-r .polaroid--r,.visual-stack--portrait-r .polaroid--lift{left:auto;right:max(0px, calc(100% - min(var(--print-w), 100%)))}.polaroid img{aspect-ratio:1;object-fit:cover;background:#ebe8e1;width:100%;display:block}.polaroid--logo img{object-fit:contain;background:#f3f1ec;padding:18px 10px}.polaroid figcaption,.polaroid .polaroid-cap{font-family:var(--hand);color:var(--ink);text-align:center;font-size:17px;line-height:1.1;position:absolute;bottom:8px;left:6px;right:6px}@media (max-width:760px){.section-lead{padding:0 16px 8px 56px}.timeline{padding:10px 16px 32px}.stage{grid-template-columns:22px minmax(0,1fr) minmax(150px,42%);gap:8px 12px;min-height:0;padding:18px 0}.stage .gutter{grid-area:1/1}.stage .text-slot{grid-area:1/2;justify-content:flex-start}.stage .visual-slot{grid-area:1/3;justify-content:flex-start}.route-track{left:27px}.visual-stack{width:100%;height:230px}.print{width:min(210px,100%);left:0;right:auto}.visual-stack--pair{--print-w:210px}.print--sm{width:136px;left:78px;right:auto}.polaroid,.polaroid--l,.polaroid--r,.polaroid--lift{width:96px;top:112px}.visual-stack--portrait-l .polaroid,.visual-stack--portrait-l .polaroid--l,.visual-stack--portrait-l .polaroid--lift{left:4px;right:auto}.visual-stack--portrait-r .polaroid,.visual-stack--portrait-r .polaroid--r,.visual-stack--portrait-r .polaroid--lift{left:auto;right:max(0px, calc(100% - min(var(--print-w), 100%)))}.entry{max-width:none}.letter{padding-top:48px}.closing{padding:40px 16px 20px 56px}}@media (max-width:560px){.section-lead{padding:0 16px 8px}.stage{grid-template-columns:22px 1fr;gap:10px 12px;padding:22px 0}.stage .gutter{grid-area:1/1/span 2}.stage .text-slot{grid-area:1/2}.stage .visual-slot{grid-area:2/2}.visual-stack{height:250px}.print{width:min(260px,92%)}.visual-stack--pair{--print-w:260px}.print--sm{width:160px;left:104px}.polaroid,.polaroid--l,.polaroid--r,.polaroid--lift{width:104px;top:128px}.visual-stack--portrait-l .polaroid,.visual-stack--portrait-l .polaroid--l,.visual-stack--portrait-l .polaroid--lift{left:8px;right:auto}.visual-stack--portrait-r .polaroid,.visual-stack--portrait-r .polaroid--r,.visual-stack--portrait-r .polaroid--lift{left:auto;right:max(0px, calc(100% - min(var(--print-w), 100%)))}.closing{padding:36px 16px 16px}}.closing{max-width:1080px;margin:24px auto 0;padding:48px 28px 20px 80px}.closing h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;font-size:24px;font-weight:600}.closing p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.closing p+p{margin-top:16px}.closing a{color:var(--blue)}.closing a:hover,.closing a:focus-visible{color:var(--blue-deep)}.sticker-banner{--cork:#e8d5b5;--insert-ink:#2d2a26;--insert-muted:#5c544c;--insert-hand:var(--font-caveat), cursive;--insert-print:var(--font-kalam), system-ui, sans-serif;--insert-tape:#e8c96a;--insert-tape-pink:#e7a3b0;background-color:var(--cork);color:var(--insert-ink);font-family:var(--insert-print);background-image:radial-gradient(circle,#5c3a1c38 .7px,#0000 1px),radial-gradient(circle,#a8764047 1.1px,#0000 1.5px),radial-gradient(circle,#fff8e673 1.4px,#0000 1.8px),radial-gradient(18px 12px,#c4945c38,#0000 70%);background-position:0 0,7px 9px,3px 14px,20px 10px;background-size:14px 16px,22px 18px,32px 28px,90px 70px;padding:40px 28px 44px;scroll-margin-top:56px;position:relative}.sticker-banner__tape{background:var(--insert-tape);opacity:.9;width:88px;height:22px;position:absolute;top:-11px}.sticker-banner__tape--l{left:16%;transform:rotate(-5deg)}.sticker-banner__tape--r{background:var(--insert-tape-pink);width:72px;right:20%;transform:rotate(7deg)}.sticker-banner__inner{max-width:1080px;margin:0 auto;position:relative}.sticker-banner h2{font-family:var(--insert-hand);color:var(--insert-ink);letter-spacing:0;margin:0 0 6px;font-size:clamp(28px,4vw,36px);font-weight:700}.sticker-banner p{color:var(--insert-muted);margin:0 0 22px;font-size:16px}.insert-skus{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:22px;padding-top:28px;scroll-margin-top:72px;display:flex}.insert-sku{color:inherit;--tilt:0deg;filter:drop-shadow(2px 4px 6px #2d2a2638);background:0 0;border:0;width:96px;padding:0;text-decoration:none;display:block;position:relative}.insert-sku:first-child{--tilt:-8deg;width:120px}.insert-sku:nth-child(2){--tilt:10deg;width:88px}.insert-sku:nth-child(3){--tilt:-4deg;width:100px}.insert-sku:nth-child(4){--tilt:7deg;width:108px}.insert-sku:nth-child(5){--tilt:-11deg;width:84px}.insert-sku:nth-child(6){--tilt:5deg;width:92px}.insert-sku:nth-child(7){--tilt:-6deg;width:86px}.insert-sku:nth-child(8){--tilt:8deg;width:94px}.insert-sku__art{transform:rotate(var(--tilt));transition:transform .18s;display:block}.insert-sku img{pointer-events:none;width:100%;height:auto;display:block}.insert-sku__cta{z-index:3;width:max-content;font-family:var(--insert-hand);text-align:center;opacity:0;pointer-events:none;background:#fffef8;padding:6px 10px 5px;font-size:18px;font-weight:700;line-height:1.1;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:2px 3px #2d2a261f}.insert-sku:hover,.insert-sku:focus-visible{z-index:4;filter:drop-shadow(3px 8px 10px #2d2a2652)}.insert-sku:hover .insert-sku__art,.insert-sku:focus-visible .insert-sku__art{transform:rotate(var(--tilt)) scale(1.12) translateY(-8px)}.insert-sku:hover .insert-sku__cta,.insert-sku:focus-visible .insert-sku__cta{opacity:1}.insert-sku:focus-visible{outline:2px solid var(--insert-ink);outline-offset:6px}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:980px;margin-top:48px;margin-left:auto;margin-right:auto;padding:22px 28px 36px;display:flex}footer>span{color:var(--faint);font-size:12px}footer nav{gap:16px;display:flex}footer nav a{color:var(--muted);font-size:12px;font-weight:500;text-decoration:none}footer nav a:hover{color:var(--blue)}
