.stat-card{--stat-doodle:72px}.stat-card--lead{--stat-doodle:144px}@media (min-width:400px){.stat-card{--stat-doodle:112px}.stat-card--lead{--stat-doodle:144px}}.stat-doodle{width:var(--stat-doodle);inset:.25rem .25rem auto auto}@media (max-width:767.98px){.stat-card .stat-doodle{opacity:var(--dd-opacity,.13);top:-.375rem}}@media (min-width:768px){.stat-doodle{width:132px}.stat-doodle--br,.stat-doodle--bl{top:auto;bottom:.25rem}.stat-doodle--tl,.stat-doodle--bl{left:.25rem;right:auto}}
.grad-sand{background-color:var(--sand-tint)}.grad-teal{background-color:var(--accent-tint)}.grad-dark{background-color:var(--dark)}.grad-primary{background-color:var(--color-primary)}@supports (color:oklch(from red l c h)){.grad-sand{background-image:linear-gradient(150deg, oklch(from var(--sand-tint) calc(l + .025) calc(c * 1.1) h) 0%, var(--sand-tint) 75%)}.grad-teal{background-image:linear-gradient(150deg, oklch(from var(--accent-tint) calc(l + .02) calc(c * 1.15) h) 0%, var(--accent-tint) 75%)}.grad-dark{background-image:linear-gradient(150deg, oklch(from var(--dark) calc(l + .07) c h) 0%, var(--dark) 75%)}.grad-primary{background-image:linear-gradient(240deg, oklch(from var(--color-primary) calc(l + .05) c h) 0%, var(--color-primary) 65%)}}html[data-contrast=high] :is(.grad-sand,.grad-teal,.grad-dark,.grad-primary){background-image:none}
.paper-sticker,.paper-grain{isolation:isolate}.paper-sticker{--sticker-edge:color-mix(in srgb, var(--color-surface,#fff) 92%, var(--sand,#f3ecdf));--sticker-shadow:0 0 0 3px var(--sticker-edge), 0 1px 2px #101c200f, 0 6px 14px -10px #101c2038;box-shadow:var(--sticker-shadow)}.paper-sticker:hover{box-shadow:0 0 0 3px var(--sticker-edge), var(--shadow-lift,0 14px 30px #101c201a)}.paper-sticker:before,.paper-sticker:after,.paper-grain:before,.paper-grain:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.paper-sticker:before,.paper-grain:before{mix-blend-mode:multiply;opacity:calc(.24 * var(--paper-grain-strength,1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.06 .3' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .26 0 0 0 0 .2 0 0 0 .9 -.38'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E"),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='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px,160px}.paper-sticker:after,.paper-grain:after{background:linear-gradient(150deg,#ffffff59,#0000 40%)}html[data-contrast=high] :is(.paper-sticker,.paper-grain):before,html[data-contrast=high] :is(.paper-sticker,.paper-grain):after{display:none}.paper-grain--soft{--paper-grain-strength:.72}
.da-home,.da-band,.da-sheet{position:relative}.da-polaroid{background:var(--color-surface,#fff);margin:0;padding:12px 12px 14px;position:relative;rotate:-3deg;box-shadow:0 1px 2px #101c2014,0 14px 30px -14px #101c2059}.da-photo{aspect-ratio:4/5;background:var(--accent-tint);position:relative;overflow:hidden}.da-photo img{object-fit:cover;object-position:57% 40%}.da-polaroid figcaption{text-align:center;font:400 1.15rem/1.2 var(--font-display);color:var(--color-muted);margin-top:10px}.da-sign{font:400 clamp(2rem, 3vw, 2.6rem)/1 var(--font-display);color:var(--accent-deep);display:inline-block}.da-sign svg{width:100%;height:14px;margin-top:2px;display:block;overflow:visible}.da-home{text-align:center;background:var(--accent-tint);border-radius:var(--radius-band,17px);justify-items:center;gap:2rem;padding:2.5rem 1.25rem 2rem;display:grid}.da-home .da-polaroid{width:190px}.da-home-text{font:400 1.3rem/1.35 var(--font-display);margin:.75rem 0 0}.da-excerpt{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.7em),#0000004d);mask-image:linear-gradient(#000 calc(100% - 1.7em),#0000004d)}.da-hello{color:var(--accent-deep);margin-bottom:.25rem;display:block}.da-p{margin-top:.5rem;display:block}.da-wide{display:none}.da-home .da-sign{margin-top:1.5rem}.da-role{color:var(--color-muted);margin:.25rem 0 0}.da-home .btn{margin-top:1.5rem}@media (min-width:48rem){.da-home{text-align:left;grid-template-columns:250px minmax(0,1fr);place-items:center start;gap:4rem;padding:3.5rem 4rem}.da-home .da-polaroid{width:250px}.da-home-text{max-width:44ch;font-size:clamp(1.45rem,1.9vw,1.7rem)}.da-wide{display:inline}}.da-band{background:var(--sand-tint);border-radius:var(--radius-band,17px);padding:2rem .875rem}.da-band .section-title{margin-bottom:0}@media not (min-width:37.5rem){.da-band .section-title{font-size:min(15.1515vw - .643939rem,3.375rem)}}.da-letter{gap:2rem;display:grid}.da-letter .da-polaroid{justify-self:center;width:210px;rotate:-2deg}.da-sheet{background:var(--color-surface,#fff);box-shadow:0 0 0 1.5px var(--color-line,#e6e2da), 0 18px 40px -26px #101c2066;--paper-grain-strength:.65;border-radius:6px;padding:2rem 1.375rem}.da-sheet-hello{font:400 1.7rem/1.2 var(--font-display);color:var(--accent-deep);margin:0 0 1.5rem}.da-letter-text{font-size:1.04rem;line-height:1.72}.da-sign-block{margin-top:2rem}.da-regards{font:400 1.5rem/1.2 var(--font-display);color:var(--accent-deep);margin:0 0 .35rem}.da-sign-block .da-sign{font-size:clamp(2.3rem,3.4vw,3rem)}.da-sign-block .da-role{margin-top:.75rem;font-size:15px}@media (min-width:56.25rem){.da-band{padding:3.5rem}.da-letter{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:3.5rem}.da-letter .da-polaroid{width:260px;margin-top:2rem;position:sticky;top:110px}.da-sheet{padding:3.5rem 4.5rem 3rem}.da-sheet-hello{font-size:2.1rem}.da-regards{font-size:1.8rem}.da-letter-text{max-width:64ch;font-size:1.1rem}}@media (prefers-reduced-motion:no-preference){.da-home .btn .material-symbols-outlined{transition:transform .2s}.da-home .btn:hover .material-symbols-outlined{transform:translate(3px)}}
.profile-doodle{width:152px;bottom:.25rem;right:.25rem}.profile-card-text{display:flow-root}.profile-card-text>:not(.profile-doodle-float)+*{margin-top:.625rem}.profile-doodle-float{display:none}@media (max-width:767.98px){.profile-doodle{top:-.75rem;bottom:auto}.profile-doodle-float{float:right;width:8rem;height:6rem;display:block}}
.thumbs-scroll.thumbs-scroll--spaced{padding-top:.25rem;padding-bottom:.875rem}
.feature-carousel-slides{grid-template-columns:minmax(0,1fr);display:grid}.feature-carousel-slide{border-radius:var(--radius-band);opacity:0;visibility:hidden;min-width:0;transition:opacity .6s var(--ease-site), visibility 0s linear .6s;flex-direction:column;grid-area:1/1;display:flex;position:relative;overflow:hidden}.feature-carousel-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s var(--ease-site), visibility 0s}.feature-carousel-photo{aspect-ratio:4/3;position:relative;overflow:hidden}.feature-carousel-body{flex-direction:column;flex:1;align-items:flex-start;gap:.75rem;min-width:0;padding:1.5rem;display:flex}.feature-carousel-title{font-size:1.75rem;font-weight:600;line-height:1.2}.feature-carousel-text{white-space:pre-line;font-size:1.1rem;line-height:1.55}.feature-carousel-body>.btn{margin-top:auto}.feature-carousel-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.feature-carousel-dots{flex-wrap:wrap;align-items:center;display:flex}.feature-carousel-buttons{gap:.5rem;display:flex}.feature-carousel-dot{border-radius:.75rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.feature-carousel-dot-mark{background:color-mix(in srgb, var(--color-muted) 35%, var(--color-line));width:.625rem;height:.625rem;transition:width .3s var(--ease-site), background-color .15s var(--ease-site);border-radius:999px;display:block;position:relative;overflow:hidden}.feature-carousel-dot:hover .feature-carousel-dot-mark{background:var(--color-muted)}.feature-carousel-dot.is-active .feature-carousel-dot-mark{width:2rem}.feature-carousel-dot-fill{background:var(--color-primary);transform-origin:0;animation:feature-carousel-progress var(--feature-carousel-ms) linear forwards;position:absolute;inset:0}@keyframes feature-carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.feature-carousel[data-paused=true] .feature-carousel-dot-fill{animation-play-state:paused}.feature-carousel[data-static=true] .feature-carousel-dot-fill{animation:none}.feature-carousel-button{border:1.5px solid color-mix(in srgb, var(--color-muted) 30%, var(--color-line));background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-text);transition:border-color .2s var(--ease-site), color .2s var(--ease-site), scale .2s var(--ease-site);border-radius:999px;place-items:center;display:inline-grid}.feature-carousel-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.feature-carousel-button:active{transition-duration:75ms;scale:.9}@media (prefers-reduced-motion:reduce){.feature-carousel-button{transition:none}.feature-carousel-button:active{scale:1}}.feature-carousel-button svg{fill:currentColor;width:1.125rem;height:1.125rem}.feature-carousel-dot:focus-visible,.feature-carousel-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media not (min-width:30rem){.feature-carousel-dots{justify-content:space-between;width:100%}.feature-carousel-buttons{justify-content:flex-end;width:100%}}@media (min-width:48rem){.feature-carousel-slide{flex-direction:row-reverse;min-height:27rem}.feature-carousel-photo{aspect-ratio:auto;flex:0 0 58%}.feature-carousel-body{gap:1rem;padding:2rem}.feature-carousel-title{font-size:2.1rem}.feature-carousel-text{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.feature-carousel-slide,.feature-carousel-slide.is-active,.feature-carousel-dot-mark{transition:none}}
.compact-doodle-slot{z-index:10;flex:1;justify-content:center;align-items:center;min-height:0;padding:5% 8%;display:flex;position:relative}.compact-doodle-slot>.compact-doodle{width:auto;max-width:100%;height:100%;max-height:12rem;position:relative}.compact-doodle-slot.compact-doodle-slot--photo{justify-content:flex-end;align-items:flex-end;padding:.5rem .5rem .375rem}.compact-doodle-slot--photo>.compact-photo-doodle{--dd-opacity:.3;height:min(100%,3.25rem)}.compact-doodle-slot--photo>.compact-photo-doodle--tinted{--dd-opacity:.42}@media (min-width:640px){.compact-doodle-slot--photo>.compact-photo-doodle{height:min(100%,5rem)}}.photo-doodle-shade{background:radial-gradient(circle at var(--shade-at,100% 100%), #00000057, #0000 55%);transition:opacity .5s}.photo-doodle-shade[data-corner=tr]{--shade-at:100% 0%}.photo-doodle-shade[data-corner=bl]{--shade-at:0% 100%}.photo-doodle-shade[data-corner=tl]{--shade-at:0% 0%}.group:hover .photo-doodle-shade{opacity:.6}
@media (max-width:767.98px){.photo-card-body{display:flow-root}.photo-card-body>:not(.photo-card-float)+*{margin-top:.75rem}.photo-card-float{float:right;width:5.2rem;height:calc(var(--bubble-bottom) - 1.5rem);margin-left:.5rem}.photo-card-body .card-photo-title{padding-right:0}}@media (min-width:768px){.photo-card-float{display:none}.photo-card-text{max-width:21ch}}.photo-card-sized{container-type:inline-size}@container (min-width:480px){.photo-card-text{max-width:46ch}}
.hq-grid{align-items:center;gap:28px;display:grid}.hq{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,auto) auto;justify-self:end;column-gap:26px;width:fit-content;max-width:100%;margin:0;display:grid}.hq-text,.hq-mark,.hq-caption{grid-column:1}.hq-text,.hq-mark{grid-row:2}.hq-caption{grid-row:3}.hq-text{font:700 clamp(1.5rem, 2.3vw, 2.1rem) / 1.12 var(--font-amatic), var(--font-neucha), cursive;letter-spacing:.02em;color:#fff;margin:0}.hq-mark{width:0;height:0;color:var(--accent);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;align-self:start;font:400 80px/1 Georgia,serif;position:relative;top:-16px;left:-50px;overflow:visible}.hq-cite{color:var(--accent-soft);margin-top:10px;font-size:14px;font-style:normal;font-weight:700;display:block}.hq-source{color:var(--dark-fg-muted);font-weight:400;display:block}.hq-portrait{background:var(--dark);border:4px solid var(--accent-soft);width:clamp(88px,11.2vw,144px);height:clamp(88px,11.2vw,144px);box-shadow:0 0 0 8px color-mix(in srgb, var(--accent-soft) 15%, transparent);border-radius:50%;grid-area:1/2/-1;align-self:center;overflow:hidden}.hq-noportrait{column-gap:0}.hq-decor-off,.hq-below{display:none}@media (min-width:700px){.hq-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 48px}.hq-grid>.hq{grid-area:1/2/span 2}.hq-cta{grid-area:2/1}}@media (max-width:699px){.hq{grid-template-columns:minmax(0,auto) 70px;justify-self:start;column-gap:16px}.hq-portrait{width:70px;height:70px}.hq-noportrait{grid-template-columns:minmax(0,auto)}.hq-noportrait .hq-text,.hq-noportrait .hq-caption{grid-column:1}.hq-mark,.hq-grid>.hq{display:none}.hq-below{padding-top:2.75rem;display:block}.hq-below .hq-text{color:var(--color-text)}.hq-below .hq-cite{color:var(--color-primary)}.hq-below .hq-source{color:var(--color-muted)}.hq-cta>.btn{margin-top:0}}
.floating-cta{z-index:35;left:1rem;bottom:calc(4.75rem + env(safe-area-inset-bottom));background:var(--accent-deep);color:#fff;white-space:nowrap;height:3.5rem;box-shadow:0 10px 24px color-mix(in srgb, var(--dark) 28%, transparent);transition:transform .2s var(--ease-site);border-radius:9999px;align-items:center;padding-inline:1.75rem;font-size:1.02rem;font-weight:700;display:inline-flex;position:fixed}.floating-cta:hover{transform:scale(1.04)}@media (min-width:640px){.floating-cta{bottom:1.5rem;left:1.5rem}}@media (prefers-reduced-motion:no-preference){.floating-cta{animation:floating-cta-in .4s var(--ease-site) .3s both}}@keyframes floating-cta-in{0%{opacity:0;translate:0 1.5rem}}body:has(.floating-cta) .edit-page-button{bottom:calc(9.25rem + env(safe-area-inset-bottom))}@media (min-width:640px){body:has(.floating-cta) .edit-page-button{bottom:6rem}}body:has(.floating-cta) .mobile-cta-bar{display:none}
