:root{--hand:var(--font-hand), "Bradley Hand", "Segoe Print", cursive}.cl-hero{padding-bottom:clamp(2rem,1rem + 3vw,3.5rem)}.cl-hero__inner{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;display:grid}.cl-hero__copy{justify-items:start;gap:1.25rem;display:grid}.cl-hero__title{max-width:12ch}.cl-hero__mark{white-space:nowrap;color:var(--ink);position:relative}.cl-hero__mark .cl-doodle{width:108%;height:.28em;color:var(--accent);position:absolute;top:88%;left:-4%}.cl-hero__mark .cl-doodle path{animation:cl-draw .9s var(--ease) calc(.7s + var(--stroke) * .26s) backwards}.cl-hero__lead{max-width:44ch}.cl-hero__cast{width:clamp(9rem,6rem + 12vw,15rem);position:relative}.cl-hero__cast img{width:100%;animation:luma-rise .9s var(--ease) .2s backwards}.cl-note.cl-hero__hi{text-wrap:nowrap;max-width:none;animation:luma-fade .7s var(--ease) .9s backwards;flex-direction:column;align-items:center;gap:.15em;margin:0;position:absolute;bottom:50%;right:86%}.cl-note.cl-hero__hi .cl-doodle{width:2.1em;margin:0 0 0 1.6em;rotate:16deg;scale:none}.cl-hero__hi .cl-doodle path{animation:cl-draw .8s var(--ease) calc(1.3s + var(--stroke) * .26s) backwards}.cl-log{padding-bottom:clamp(4.5rem,2rem + 10vw,9rem)}.cl-entry{border-top:1px solid var(--line);grid-template-columns:10rem minmax(0,44rem);justify-content:center;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(3rem,2rem + 4vw,5.5rem);scroll-margin-top:4.5rem;display:grid}.cl-entry__rail{align-self:start;justify-items:start;gap:.6rem;display:grid;position:sticky;top:6.5rem}.cl-entry__version{border-radius:var(--r-pill);background:var(--charcoal);color:var(--page);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;letter-spacing:-.01em;padding:.3rem .75rem;font-weight:700}.cl-entry__date{font-size:var(--fs-sm);color:var(--muted);font-weight:500}.cl-entry__body{min-width:0}.cl-entry__body>*+*{margin-top:1.25rem}.cl-entry__title{letter-spacing:-.03em}.cl-entry__title a{text-decoration:none}.cl-entry__summary{max-width:46ch}.cl-h{margin-top:clamp(3rem,2rem + 3vw,4.5rem)!important}.cl-p,.cl-list{max-width:38rem;color:var(--prose);text-wrap:pretty;font-size:1.125rem;font-weight:400;line-height:1.7}.cl-p strong,.cl-list strong{color:var(--ink);font-weight:600}.cl-p a,.cl-list a{color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:2px}.cl-p code,.cl-list code{background:var(--surface);color:var(--ink);border-radius:6px;padding:.1em .4em;font:500 .9em/1 ui-monospace,SFMono-Regular,Menlo,monospace}.cl-list{gap:.5rem;margin-block:1.25rem 0;padding:0;list-style:none;display:grid}.cl-list li{padding-left:1.5rem;position:relative}.cl-list li:before{content:"";background:var(--accent);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.72em;left:.15rem}.cl-tone-0{--tone:var(--cast-blue-ink)}.cl-tone-1{--tone:var(--cast-pink-ink)}.cl-tone-2{--tone:var(--cast-green-ink)}.cl-tone-3{--tone:var(--cast-yellow-ink)}.cl-note{width:fit-content;max-width:100%;font-family:var(--hand);letter-spacing:0;color:var(--tone,var(--cast-blue-ink));text-wrap:balance;margin:2rem 0 0;font-size:1.75rem;font-weight:600;line-height:1.08;position:relative;rotate:-2deg}.cl-note:nth-of-type(2n){rotate:1.5deg}.cl-note__text{position:relative}.cl-note strong{font-weight:700}.cl-doodle{flex:none;display:block;overflow:visible}.cl-doodle path{--stroke:0;stroke-dasharray:1}.is-in .cl-doodle path,.cl-note.is-in .cl-doodle path{animation:cl-draw .8s var(--ease) calc(.36s + var(--stroke) * .24s) backwards}@keyframes cl-draw{0%{stroke-dashoffset:1px}}.cl-note--underline,.cl-note--squiggle{padding-bottom:.45em}.cl-note--underline .cl-doodle{width:104%;height:.4em;position:absolute;bottom:0;left:-2%}.cl-note--squiggle .cl-doodle{width:3.4em;position:absolute;bottom:-.1em;left:0}.cl-note--circle{margin-inline:.8em;padding:.35em 0}.cl-note--circle .cl-doodle{width:calc(100% + 1.6em);height:100%;position:absolute;top:0;left:-.8em}.cl-note--star,.cl-note--heart,.cl-note--sparkle{align-items:center;gap:.35em;display:flex}.cl-note--star .cl-doodle,.cl-note--heart .cl-doodle,.cl-note--sparkle .cl-doodle{order:-1;width:1.05em}.cl-note--arrow{align-items:flex-end;gap:.3em;display:flex}.cl-note--arrow .cl-doodle{width:1.9em;margin:0 0 -.35em -.5em;rotate:90deg;scale:1 -1}.cl-media{--cl-scale:.7;--phone-w:calc(450px * var(--cl-scale));display:grid;position:relative;margin:clamp(2.5rem,2rem + 2vw,3.5rem) 0 0!important}.cl-media--n2{--cl-scale:.6}.cl-media--n3{--cl-scale:.47}.cl-media .device{--phone-scale:var(--cl-scale)}.cl-media__row{justify-content:center;gap:clamp(.75rem,2vw,1.5rem);display:flex;position:relative}.cl-media--phone .cl-media__row:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 20%, transparent), transparent);pointer-events:none;position:absolute;inset:6% 4%}.cl-media .device__screen video,.cl-media .device__screen img{object-fit:cover;width:100%;height:100%;display:block}.cl-shot{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);flex:1;min-width:0;overflow:hidden}.cl-shot img,.cl-shot video{width:100%;height:auto;display:block}.cl-media__caption{text-align:center;max-width:34rem;font-size:var(--fs-sm);color:var(--muted);text-wrap:balance;margin:1rem auto 0;font-weight:500}.cl-media__note{justify-self:start;max-width:15rem;margin:0 0 1.75rem 4%}.cl-media--flip .cl-media__note{flex-direction:row-reverse;justify-self:end;margin:0 4% 1.75rem 0;rotate:2deg}.cl-media--flip .cl-media__note .cl-doodle--arrow{margin:0 -.5em -.35em 0;rotate:90deg;scale:none}@media (width>=62.01rem){.cl-media--n1.cl-media--phone .cl-media__note{top:20%;right:calc(50% + var(--phone-w) / 2 + 1rem);text-align:right;flex-direction:column;align-items:flex-end;gap:.2em;width:11rem;margin:0;position:absolute}.cl-media--n1.cl-media--phone .cl-media__note .cl-doodle{width:2.2em;margin:0;rotate:none;scale:none}.cl-media--n1.cl-media--phone.cl-media--flip .cl-media__note{right:auto;left:calc(50% + var(--phone-w) / 2 + 1rem);text-align:left;align-items:flex-start}.cl-media--n1.cl-media--phone.cl-media--flip .cl-media__note .cl-doodle{margin:0;scale:-1 1}}.cl-bento{--cl-tile-bg:color-mix(in srgb, var(--line) 38%, var(--paper));display:grid;margin:clamp(2.5rem,2rem + 2vw,3.5rem) 0 0!important}.cl-bento__note{justify-self:start;max-width:16rem;margin:0 0 1.25rem 2%}.cl-bento__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;gap:clamp(.75rem,1.6vw,1.1rem);display:flex;overflow-x:auto}.cl-bento__track::-webkit-scrollbar{display:none}.cl-bento{--cl-tile-h:clamp(16rem, 26vw, 20rem)}.cl-tile{--cl-tile-ratio:4 / 3;scroll-snap-align:start;flex:none;min-width:0}.cl-tile--tall{--cl-tile-ratio:3 / 5}.cl-tile--wide{--cl-tile-ratio:16 / 10}.cl-tile--big{--cl-tile-ratio:1 / 1}.cl-tile__media{height:var(--cl-tile-h);aspect-ratio:var(--cl-tile-ratio);border-radius:var(--r-panel);background:var(--cl-tile-bg);position:relative;overflow:hidden}.cl-tile__media img,.cl-tile__media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cl-tile--text{width:calc(var(--cl-tile-h) * .8)}.cl-tile__caption{width:0;min-width:100%;font-size:var(--fs-sm);color:var(--muted);text-wrap:pretty;margin-top:.9rem;padding:0 .25rem;line-height:1.45}.cl-tile__caption strong{color:var(--ink);font-weight:600}.cl-bento__nav{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.cl-bento__step{border-radius:var(--r-pill);background:var(--cl-tile-bg);width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;border:0;place-items:center;font:600 1.25rem/1 inherit;display:grid}.cl-bento__step:disabled{opacity:.35;cursor:default}.cl-empty{text-align:center;border-top:1px solid var(--line);justify-items:center;gap:1rem;padding-block:4rem;display:grid}.cl-empty img{width:8rem}.cl-empty p{color:var(--muted);font-weight:500}@media (width<=62rem){.cl-hero__inner{grid-template-columns:1fr}.cl-hero__cast{justify-self:end;width:8.5rem;margin-top:-1rem}.cl-note.cl-hero__hi{right:74%}.cl-entry{grid-template-columns:minmax(0,1fr);gap:1.25rem}.cl-entry__rail{align-items:center;gap:.75rem;display:flex;position:static}.cl-media{--cl-scale:.62}.cl-media--n2,.cl-media--n3{--cl-scale:.56}.cl-media--n2 .cl-media__row,.cl-media--n3 .cl-media__row{margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 2.5rem;scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;margin-bottom:-2.5rem;overflow-x:auto}.cl-media--n2 .cl-media__row::-webkit-scrollbar,.cl-media--n3 .cl-media__row::-webkit-scrollbar{display:none}.cl-media--n2 .cl-media__row:before,.cl-media--n3 .cl-media__row:before{display:none}.cl-media--n2 .device,.cl-media--n3 .device{scroll-snap-align:center}.cl-media--plain .cl-media__row{flex-direction:column}.cl-bento__track{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.cl-bento{--cl-tile-h:17rem}.cl-bento__nav{display:none}}
