:root{--tang: #ff7a2f;--navy: #1c1a4f;--sky: #a9d8ff;--pine: #1f4d3a;--peach: #ffcdb0;--butter: #ffd76a;--paper: #fbf6f1;--dark: #14122e;--disp: "Archivo", "Archivo Black", "Arial Black", sans-serif;--body: "DM Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--out: cubic-bezier(.16, 1, .3, 1);--color-paper: var(--paper);--color-paper-2: #efe6dc;--color-ink: var(--dark);--color-rule: var(--dark);--color-accent: var(--tang);--radius-card: 6px;--shadow-card: 5px 5px 0 var(--dark)}*,*:before,*:after{box-sizing:border-box}.guide,.guide :where(h1,h2,h3,p,dl,dd,dt,ol,ul,figure){margin:0}.guide :where(ol,ul){padding:0;list-style:none}html{scroll-behavior:smooth;scroll-padding-top:12px}.guide{font-family:var(--body);font-weight:500;font-size:18px;line-height:1.4;color:var(--navy);background:var(--dark);-webkit-font-smoothing:antialiased;overflow-x:clip}.guide a{color:inherit}.guide :focus-visible{outline:3px solid currentColor;outline-offset:3px}.disp{font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;line-height:.82;letter-spacing:0}.disp>span{display:block}.open .eyebrow i{font-style:normal}.eyebrow{font-family:var(--disp);font-stretch:110%;font-weight:500;font-size:15px;letter-spacing:.05em;text-transform:uppercase;text-wrap:balance}.adstrip{background:var(--dark);color:var(--paper);font-family:var(--mono);font-size:13px;line-height:1.45;padding:10px 20px;text-align:center;text-wrap:balance}.adstrip b{font-weight:500;background:var(--tang);color:var(--dark);padding:1px 7px;margin-right:8px;text-transform:uppercase}.open{position:relative;background:var(--tang);padding:20px 20px 96px;text-align:center;overflow-x:clip}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 84px;font-family:var(--mono);font-size:14px;text-transform:uppercase}.top a{text-decoration:none;padding:8px 0;display:inline-block}.top .home{display:flex;align-items:center;gap:9px;white-space:nowrap}.top .home span{background:var(--navy);color:var(--paper);font-weight:500;padding:3px 6px}.top ul{display:flex;gap:clamp(14px,3vw,30px)}.open h1{font-size:clamp(34px,10.4vw,166px);margin-top:22px;line-height:.8}.sticker{position:absolute;right:max(5vw,16px);top:60%;background:var(--peach);color:var(--dark);font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:clamp(17px,1.9vw,26px);line-height:.9;text-transform:uppercase;padding:1.5em 1.3em 1.6em;border-radius:50%;box-shadow:4px 4px #000;rotate:9deg}.support{font-weight:600;font-size:clamp(22px,2.8vw,40px);line-height:1;max-width:660px;margin:72px auto 0;text-wrap:balance}.facts{display:flex;justify-content:center;gap:clamp(18px,4vw,60px);margin-top:44px}.facts div{display:flex;flex-direction:column-reverse;text-align:left}.facts dd{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:clamp(22px,3.4vw,46px);line-height:.9;text-transform:uppercase;white-space:nowrap}.facts dt{font-family:var(--mono);font-size:clamp(11px,1.1vw,14px);text-transform:uppercase;margin-top:8px}.clinicline{font-family:var(--mono);font-size:13px;margin-top:52px;text-wrap:balance}.f-sky{--bg: var(--sky);--fg: var(--navy);--hot: var(--navy)}.f-navy{--bg: var(--navy);--fg: var(--paper);--hot: var(--tang)}.f-butter{--bg: var(--butter);--fg: var(--navy);--hot: var(--navy)}.f-peach{--bg: var(--peach);--fg: var(--navy);--hot: var(--navy)}.f-pine{--bg: var(--pine);--fg: var(--paper);--hot: var(--peach)}.f-tang{--bg: var(--tang);--fg: var(--navy);--hot: var(--navy)}.chap{background:var(--bg);color:var(--fg);padding:clamp(84px,11vw,150px) clamp(20px,3.4vw,40px) clamp(96px,12vw,170px);overflow-x:clip}.chap .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}.num{position:sticky;top:9vh;color:var(--hot)}.day{font-size:clamp(150px,20vw,290px);line-height:.78;margin-left:-.04em;white-space:nowrap}.day .unit{font-family:var(--mono);font-weight:500;font-stretch:100%;font-size:14px;line-height:1.2;letter-spacing:.02em;margin:0 0 14px .3em;color:var(--fg)}.day .n{font-variant-numeric:tabular-nums}.chap h2{font-size:clamp(38px,6vw,88px);margin-top:18px;color:var(--hot)}.lead{font-weight:600;font-size:clamp(22px,2.5vw,34px);line-height:1.04;margin-top:36px;max-width:560px;text-wrap:pretty}.notes{margin-top:52px;max-width:560px}.notes div{border-top:2px solid var(--fg);padding:14px 0 22px;display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:4px 18px}.notes dt{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.02em;padding-top:3px}.notes dd{text-wrap:pretty}.shots{background:var(--paper);color:var(--navy);padding:clamp(84px,11vw,140px) clamp(20px,3.4vw,40px)}.shots h2{font-size:clamp(38px,8vw,120px);max-width:1180px;margin:0 auto}.frames{max-width:1180px;margin:56px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.frames img{display:block;width:100%;height:auto}.frames figcaption{font-family:var(--mono);font-size:13px;text-transform:uppercase;margin-top:10px}.kit{background:var(--navy);color:var(--paper);padding:clamp(90px,11vw,130px) clamp(20px,3.4vw,40px) clamp(96px,12vw,150px)}.kit .in{max-width:1180px;margin:0 auto}.kit .eyebrow{color:var(--sky)}.kit h2{font-size:clamp(56px,15vw,230px);color:var(--tang);margin-top:18px}.kitnote{font-weight:600;font-size:clamp(19px,2vw,26px);line-height:1.1;margin-top:34px;max-width:520px;text-wrap:balance}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:96px clamp(40px,9vw,120px);margin-top:84px}.swatch{container-type:inline-size;aspect-ratio:16 / 9;display:grid;place-items:center;position:relative;color:var(--dark);margin-bottom:26px}.s-sky{background:var(--sky)}.s-peach{background:var(--peach)}.s-butter{background:var(--butter)}.s-tang{background:var(--tang)}.swatch .disp{font-size:min(calc(86cqw / var(--n)),22cqw);rotate:var(--r);line-height:1}.swatch img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;right:-14px;bottom:-18px;background:var(--paper);color:var(--dark);font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:20px;line-height:.88;text-transform:uppercase;text-align:center;padding:16px 18px 18px;border-radius:50%;box-shadow:3px 3px #000;rotate:-8deg}.cat{font-weight:700;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--sky)}.item h3{font-family:var(--mono);font-weight:500;text-transform:uppercase;font-size:clamp(17px,1.7vw,23px);line-height:1.2;margin-top:8px}.why{font-size:18px;line-height:1.3;margin-top:12px;color:#d9d8f2;max-width:440px;text-wrap:pretty}.buy{display:flex;align-items:center;gap:18px;margin-top:24px}.btn{display:inline-block;position:relative}.btn:before{content:"";position:absolute;inset:0;background:#000;border-radius:6px;translate:5px 5px}.btn a{position:relative;display:flex;align-items:center;min-height:46px;padding:6px 19px;background:var(--tang);color:var(--dark);border-radius:6px;font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:transform .14s var(--out)}.btn a:active{transform:translate(5px,5px)}.adtag{font-family:var(--mono);font-size:12px;text-transform:uppercase;border:1px solid var(--sky);color:var(--sky);padding:2px 7px}.skip{margin-top:120px;border-top:2px solid var(--paper);padding-top:34px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px clamp(40px,9vw,120px)}.skip h3{font-size:clamp(30px,4vw,56px);color:var(--peach)}.skip dl div{padding:0 0 20px;display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:4px 18px}.skip dl div+div{border-top:1px solid #4a4890;padding-top:16px}.skip dt{font-family:var(--mono);font-size:13px;text-transform:uppercase;padding-top:3px}.skip dd{color:#d9d8f2}.bye{background:var(--pine);color:var(--paper);padding:clamp(70px,9vw,110px) clamp(20px,3.4vw,40px) 130px}.bye .disp{font-size:clamp(36px,7.4vw,104px);color:var(--peach);max-width:1200px}.bye .small{font-family:var(--mono);font-size:13px;line-height:1.55;max-width:720px;margin-top:16px}.bye .disp+.small{margin-top:48px}.bye .links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:40px;font-family:var(--mono);font-size:13px;text-transform:uppercase}.bye .links a{padding:6px 0}.rail{position:fixed;z-index:20;left:0;right:0;bottom:14px;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(140%);transition:transform .5s var(--out),opacity .2s linear}.rail[hidden]{display:none}.rail.on{opacity:1;transform:none}.rail ol{pointer-events:auto;display:flex;gap:4px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;background:var(--dark);padding:5px;box-shadow:4px 4px #000;position:relative}.rail ol::-webkit-scrollbar{display:none}.rail a{display:block;font-family:var(--mono);font-size:13px;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:9px 12px;color:var(--paper);background:var(--navy)}.rail a[aria-current]{background:var(--tang);color:var(--dark)}@media(hover:hover){.btn a:hover{transform:translate(2px,2px)}.top a:hover,.bye .links a:hover{text-decoration:underline;text-underline-offset:4px}.rail a:not([aria-current]):hover{background:#2c2a72}}@media(prefers-reduced-motion:no-preference){.open h1 span{animation:rise .95s var(--out) both;animation-delay:calc(var(--i) * .11s + 80ms)}.sticker{animation:stick .5s var(--out) .62s both}@keyframes rise{0%{transform:translateY(.5em);clip-path:inset(0 0 100% 0)}to{transform:none;clip-path:inset(-.2em 0 -.2em 0)}}@keyframes stick{0%{scale:1.5;opacity:0}to{scale:1;opacity:1}}@supports (animation-timeline: view()){.chap h2 span{animation:slide linear both;animation-timeline:view();animation-range:entry 0% cover 32%}.chap h2 span:nth-child(1){--x: -14%}.chap h2 span:nth-child(2){--x: 12%}.chap h2 span:nth-child(3){--x: -7%}@keyframes slide{0%{transform:translate(var(--x))}to{transform:none}}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail{transition:none}}@media(max-width:820px){.top{margin-bottom:56px;font-size:12px}.open .eyebrow i{display:none}.open .eyebrow span{display:block}.sticker{position:relative;right:auto;top:auto;display:inline-block;margin-top:30px;rotate:6deg}.support{margin-top:30px}.facts{gap:16px}.chap .in{grid-template-columns:minmax(0,1fr);gap:34px}.num{position:static}.day{font-size:clamp(120px,40vw,240px)}.notes div,.skip dl div{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:minmax(0,1fr);gap:72px}.skip{grid-template-columns:minmax(0,1fr);margin-top:90px}.frames{grid-template-columns:minmax(0,1fr)}.badge{right:6px}.rail{bottom:0}.rail ol{max-width:100vw;width:100%;box-shadow:none}}.open{padding-bottom:clamp(44px,5vw,64px)}.top{margin-bottom:clamp(36px,5vw,60px)}.open h1{font-size:clamp(32px,6.2vw,92px);margin-top:16px}.open{padding-top:14px}.top{margin-bottom:clamp(24px,3vw,36px)}.support{margin-top:20px}.open{padding-bottom:clamp(32px,3.4vw,44px)}.support{margin-top:30px;font-size:clamp(19px,2vw,28px)}.kit{padding-top:clamp(48px,6vw,80px)}.kithead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}.kit h2{font-size:clamp(48px,9vw,132px);margin-top:0}.kitnote{margin-top:0;font-size:17px;line-height:1.25;max-width:300px;font-weight:500;color:#d9d8f2}.grid{gap:44px clamp(32px,5vw,72px);margin-top:clamp(36px,5vw,60px)}.item{display:grid;grid-template-columns:clamp(120px,15vw,190px) minmax(0,1fr);gap:22px;align-items:start}.guide .swatch{color:var(--dark)}.swatch{aspect-ratio:1 / 1;margin-bottom:0;text-decoration:none;overflow:visible}.swatch img{position:absolute;inset:0;object-fit:contain;background:#fff;padding:8%}.badge{font-size:14px;padding:11px 12px 12px;right:-10px;bottom:-12px}.item h3{margin-top:6px;font-size:clamp(16px,1.45vw,19px)}.why{font-size:16px;margin-top:8px}.buy{margin-top:16px;gap:14px}.btn a{min-height:42px;font-size:14px;padding:6px 15px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:820px){.item{grid-template-columns:104px minmax(0,1fr);gap:16px}.grid{gap:36px}.badge{right:-6px;font-size:12px;padding:9px 10px 10px}}.kit{padding-top:clamp(36px,4vw,52px)}.kit h2{font-size:clamp(44px,6.4vw,96px)}.grid{margin-top:clamp(28px,3vw,40px)}.ast{margin-left:2px}.more{margin-top:10px}.more summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.02em;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.more summary::-webkit-details-marker{display:none}.more summary:after{content:"+";font-size:16px;line-height:1;text-decoration:none;display:inline-block}.more[open] summary:after{content:"−"}.more p{margin-top:6px;font-size:16px;line-height:1.4;max-width:46ch;text-wrap:pretty}.kit .more summary{color:var(--sky)}.kit .more p{color:#d9d8f2}.notelink{margin-top:8px;font-weight:700}.notelink a{text-underline-offset:4px}.kithead{display:block}.shots{background:var(--butter);padding:clamp(48px,6vw,84px) clamp(20px,3.4vw,40px)}.frames{max-width:860px;margin:0 auto;gap:clamp(12px,3vw,32px);grid-template-columns:repeat(2,minmax(0,1fr))}.frames img{height:auto}.frames figcaption{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:clamp(20px,3.4vw,44px);line-height:.9;margin-top:14px;color:var(--navy)}.frames figcaption small{display:block;font-family:var(--mono);font-stretch:100%;font-weight:500;font-size:14px;line-height:1.3;text-transform:uppercase;margin-top:8px}.shotnote{max-width:860px;margin:clamp(24px,3vw,36px) auto 0;font-weight:600;font-size:clamp(18px,1.8vw,22px);line-height:1.25;color:var(--navy);text-wrap:balance}
