@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (min-width:1441px){html{font-size:clamp(16px,min(1.11111vw,1.7762svh),28.44px)}}body{-webkit-font-smoothing:antialiased;min-height:100dvh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer tokens{:root{--todo-color-bg:Canvas;--todo-color-fg:CanvasText;--todo-color-muted:color-mix(in oklab, CanvasText 60%, Canvas);--todo-color-focus:Highlight;--todo-text-base:1rem;--todo-leading-body:1.5;--todo-space-2:.5rem;--todo-gutter:clamp(1rem, 4vw, 2.5rem);--flam-flame:#ff655a;--flam-flame-srgb:#ff655a;--flam-ink:#131a2b;--flam-hot:#f63e85;--flam-hot-shade:color-mix(in oklab, var(--flam-hot) 70%, var(--flam-ink));--flam-voltage:#3d52d9;--flam-porcelain:#fcf4f6;--flam-mist:#ffdcd5;--flam-ink-soft:#595b68;--flam-porcelain-soft:#b6b3b9;--flam-ink-raised:#232939;--flam-peach:#ffc09b;--flam-coral-light:#ff8d73;--flam-blush:#fec6bd;--flam-lilac:#e8b1d4;--flam-ice:#cdd1fd;--flam-heat:linear-gradient(160deg, var(--flam-peach) 0%, var(--flam-coral-light) 35%, var(--flam-flame) 60%, var(--flam-hot) 100%);--flam-mist-glint:linear-gradient(110deg, var(--flam-mist) 0%, var(--flam-mist) 40%, var(--flam-porcelain) 48%, var(--flam-porcelain) 52%, var(--flam-mist) 60%, var(--flam-mist) 100%);--flam-haze:linear-gradient(120deg, var(--flam-porcelain) 0%, var(--flam-blush) 34%, var(--flam-lilac) 68%, var(--flam-ice) 100%);--flam-afterglow:radial-gradient(60% 85% at 6% 0%, #f63e858c, transparent 70%), radial-gradient(42% 60% at 74% 8%, #ff655a59, transparent 70%), radial-gradient(58% 80% at 100% 100%, var(--flam-ice), transparent 72%), var(--flam-mist);--font-sans:var(--font-epilogue,"Epilogue"), system-ui, sans-serif;--step-small:.875rem;--step-body:clamp(1.0625rem, .9464rem + .476vw, 1.375rem);--step-quote:clamp(1.0625rem, .993rem + .286vw, 1.25rem);--step-lead:clamp(1.375rem, 1.143rem + .952vw, 2rem);--step-head:clamp(2rem, 1.071rem + 3.81vw, 4.5rem);--step-display:clamp(2.3375rem, .364rem + 8.095vw, 7.65rem);--weight-text:400;--weight-medium:500;--weight-strong:600;--weight-bold:700;--weight-display:800;--track-display:-.04em;--track-head:-.03em;--track-lead:-.01em;--leading-display:.92;--leading-head:.98;--leading-lead:1.2;--leading-body:1.55;--leading-small:1.45;--margin:clamp(1.25rem, .964rem + 1.17vw, 2rem);--gutter:clamp(.75rem, .471rem + 1.143vw, 1.5rem);--columns:4;--frame-max:120rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-11:10rem;--space-12:12.5rem;--space-13:15rem;--section-pad:clamp(6rem, 5.443rem + 2.286vw, 7.5rem);--section-end:var(--section-pad);--stage-pad:min(var(--section-pad), 13svh);--section-head:clamp(2.5rem, 1.893rem + 2.5vw, 4rem);--block-gap:clamp(1.5rem, .943rem + 2.286vw, 3rem);--radius-pill:999px;--radius-card:clamp(.75rem, .657rem + .381vw, 1rem);--radius-small:.625rem;--radius-none:0;--radius-dot:50%;--shadow-float:0 18px 48px -12px #131a2b4d;--scrim:#131a2ba3;--case-shade:#1c1513;--case-shade-strength:1;--z-header:100;--z-menu:200;--z-dialog:300;--z-toast:400;--focus-width:3px;--focus-offset:3px;--focus-offset-inset:-6px;--target-min:2.75rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-flood:cubic-bezier(.16, 1, .3, 1);--ease-drop:cubic-bezier(.55, 0, .9, .4);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--ease-deal:cubic-bezier(.3, .7, .2, 1);--ease-turn:cubic-bezier(.6, 0, .4, 1);--t-tap:.2s;--t-press:.14s;--t-hover:.18s;--t-drop:.24s;--t-roll:.36s;--t-flood:.42s;--t-disc:.56s;--t-flood-band:.52s;--t-rise:.64s;--t-reveal:.8s;--t-escape:.9s;--t-flood-out:calc(var(--t-flood) / 1.4);--t-flood-band-out:calc(var(--t-flood-band) / 1.4);--t-reduced:.12s;--t-stagger:80ms;--link-wave-peak:900;--link-wave-half:2.5;--link-line-weight:max(2px, .06em);--link-line-offset:.16em;--link-line-in:.48s;--link-line-out:.36s;--link-line-ease:var(--ease-out);--scan-line-weight:.1rem;--scan-plate:color-mix(in oklab, var(--flam-voltage), var(--flam-ink) 35%);--scan-grain-deep:color-mix(in oklab, var(--flam-voltage), var(--flam-ink) 20%);--scan-grain-ice:color-mix(in oklab, var(--flam-voltage), var(--flam-ice) 6%);--scan-grain-lilac:color-mix(in oklab, var(--flam-voltage), var(--flam-lilac) 6%);--dot:.625rem}@media (min-width:600px){:root{--columns:8}}@media (min-width:1100px){:root{--columns:12}}@media (color-gamut:p3){:root{--flam-flame:#ff5f55}@supports (color:lab(0% 0 0)){:root{--flam-flame:lab(63.0933% 67.3168 44.4615)}}}:root,[data-field=porcelain],[data-on=porcelain],[data-field=lilac],[data-on=lilac],[data-field=ice],[data-on=ice]{--color-ground:var(--flam-porcelain);--color-ink:var(--flam-ink);--color-ink-soft:var(--flam-ink-soft);--color-surface:var(--flam-mist);--color-on-surface:var(--flam-ink);--color-surface-dot:var(--flam-ink);--color-action:var(--flam-ink);--color-on-action:var(--flam-porcelain);--color-dot:var(--flam-hot);--color-flood:var(--flam-hot);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--color-flood);--color-secondary:var(--color-surface);--color-secondary-mark:var(--color-surface-dot);--color-focus:var(--flam-ink);--color-flat:var(--flam-porcelain)}[data-field=lilac],[data-on=lilac]{--color-ground:var(--flam-lilac);--color-ink-soft:var(--flam-ink);--color-flat:var(--flam-lilac)}[data-field=ice],[data-on=ice]{--color-ground:var(--flam-ice);--color-ink-soft:var(--flam-ink);--color-flat:var(--flam-ice)}[data-field=mist],[data-on=mist]{--color-ground:var(--flam-mist);--color-ink:var(--flam-ink);--color-ink-soft:var(--flam-ink-soft);--color-surface:var(--flam-porcelain);--color-on-surface:var(--flam-ink);--color-surface-dot:var(--flam-hot);--color-action:var(--flam-ink);--color-on-action:var(--flam-porcelain);--color-dot:var(--flam-hot);--color-flood:var(--flam-hot);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--color-flood);--color-secondary:var(--color-surface);--color-secondary-mark:var(--color-surface-dot);--color-focus:var(--flam-ink);--color-flat:var(--flam-mist)}[data-field=flame],[data-on=flame]{--color-ground:var(--flam-flame);--color-ink:var(--flam-ink);--color-ink-soft:var(--flam-ink);--color-ink-muted:color-mix(in srgb, var(--flam-ink) 82%, var(--flam-flame));--color-surface:var(--flam-porcelain);--color-on-surface:var(--flam-ink);--color-surface-dot:var(--flam-hot);--color-action:var(--flam-ink);--color-on-action:var(--flam-porcelain);--color-dot:var(--flam-porcelain);--color-flood:var(--flam-porcelain);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--color-flood);--color-secondary:var(--flam-mist);--color-secondary-mark:var(--flam-ink);--color-focus:var(--flam-ink);--color-flat:var(--flam-flame)}[data-field=hot],[data-on=hot]{--color-ground:var(--flam-hot);--color-ink:var(--flam-ink);--color-ink-soft:var(--flam-ink);--color-surface:var(--flam-porcelain);--color-on-surface:var(--flam-ink);--color-surface-dot:var(--flam-hot);--color-action:var(--flam-ink);--color-on-action:var(--flam-porcelain);--color-dot:var(--flam-porcelain);--color-flood:var(--flam-porcelain);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--color-flood);--color-secondary:var(--flam-mist);--color-secondary-mark:var(--flam-ink);--color-focus:var(--flam-ink);--color-flat:var(--flam-hot)}[data-field=voltage],[data-on=voltage]{--color-ground:var(--flam-voltage);--color-ink:var(--flam-porcelain);--color-ink-soft:var(--flam-porcelain);--color-surface:var(--flam-porcelain);--color-on-surface:var(--flam-ink);--color-surface-dot:var(--flam-hot);--color-action:var(--flam-porcelain);--color-on-action:var(--flam-ink);--color-dot:var(--flam-porcelain);--color-flood:var(--flam-porcelain);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--flam-mist);--color-secondary:var(--color-surface);--color-secondary-mark:var(--color-surface-dot);--color-focus:var(--flam-porcelain);--color-flat:var(--flam-voltage)}[data-field=ink],[data-on=ink]{--color-ground:var(--flam-ink);--color-ink:var(--flam-porcelain);--color-ink-soft:var(--flam-porcelain-soft);--color-surface:var(--flam-ink-raised);--color-on-surface:var(--flam-porcelain);--color-surface-dot:var(--flam-flame);--color-action:var(--flam-flame);--color-on-action:var(--flam-ink);--color-dot:var(--flam-flame);--color-flood:var(--flam-flame);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--flam-porcelain);--color-secondary:var(--color-surface);--color-secondary-mark:var(--color-surface-dot);--color-focus:var(--flam-porcelain);--color-flat:var(--flam-ink)}[data-field=heat],[data-field=haze]{--color-ink:var(--flam-ink);--color-ink-soft:var(--flam-ink);--color-surface:var(--flam-porcelain);--color-on-surface:var(--flam-ink);--color-surface-dot:var(--flam-hot);--color-action:var(--flam-ink);--color-on-action:var(--flam-porcelain);--color-dot:var(--flam-ink);--color-flood:var(--flam-porcelain);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--color-flood);--color-secondary:var(--flam-mist);--color-secondary-mark:var(--flam-ink);--color-focus:var(--flam-ink)}[data-field=heat]{--color-ground:var(--flam-heat);--color-flat:var(--flam-flame)}[data-field=haze]{--color-ground:var(--flam-haze);--color-flat:var(--flam-porcelain)}[data-field=afterglow]{--color-ground:var(--flam-afterglow);--color-ink:var(--flam-ink);--color-ink-soft:var(--flam-ink);--color-surface:var(--flam-porcelain);--color-on-surface:var(--flam-ink);--color-surface-dot:var(--flam-hot);--color-action:var(--flam-ink);--color-on-action:var(--flam-porcelain);--color-dot:var(--flam-hot);--color-flood:var(--flam-hot);--color-on-flood:var(--flam-ink);--color-btn-flood:var(--flam-hot);--color-secondary:var(--flam-porcelain);--color-secondary-mark:var(--flam-hot);--color-focus:var(--flam-ink);--color-flat:var(--flam-mist)}[data-field]{background:var(--color-ground);color:var(--color-ink);--flam-mark-dot:var(--color-dot)}[data-on]{color:var(--color-ink);--flam-mark-dot:var(--color-dot)}[data-field],[data-on]{--flam-mark-eye:var(--flam-ink)}[data-field=heat],[data-field=haze],[data-on=heat],[data-on=haze]{--flam-mark-eye:var(--flam-porcelain)}}@layer base{[data-mark-box]{container:mark/inline-size}[data-mark$=-auto] [data-mark-variant=flamingo]{display:none}@container mark (min-width:348px){[data-mark=studio-auto] [data-mark-variant=flamingo]{display:inline}[data-mark=studio-auto] [data-mark-variant=dot]{display:none}}@container mark (min-width:228px){[data-mark=compact-auto] [data-mark-variant=flamingo]{display:inline}[data-mark=compact-auto] [data-mark-variant=dot]{display:none}}[data-section][data-field=porcelain]:has(+[data-section][data-field=porcelain]){--section-end:0px}[data-section][data-field=ice]:has(+[data-section][data-field=ice]){--section-end:0px}[data-section][data-field=mist]:has(+[data-section][data-field=mist]){--section-end:0px}[data-section][data-field=flame]:has(+[data-section][data-field=flame]){--section-end:0px}[data-section][data-field=hot]:has(+[data-section][data-field=hot]){--section-end:0px}[data-section][data-field=voltage]:has(+[data-section][data-field=voltage]){--section-end:0px}::view-transition-group(.morph){animation-duration:.7s;animation-timing-function:var(--ease-in-out)}::view-transition-image-pair(.morph){overflow:clip}::view-transition-old(.morph){object-fit:cover;height:100%;animation:none}::view-transition-new(.morph){object-fit:cover;height:100%;animation:none}::view-transition-old(.landing){display:none}::view-transition-group(.landing){z-index:1}:root:active-view-transition-type(work-open)::view-transition-group(root){opacity:1!important}:root:active-view-transition-type(work-open)::view-transition-old(root){mix-blend-mode:normal;animation:none}:root:active-view-transition-type(work-open)::view-transition-new(root){mix-blend-mode:normal;animation:.7s linear both work-open-page}@keyframes work-open-page{0%,78%{opacity:0}to{opacity:1}}[data-site-bar]{view-transition-name:site-bar}::view-transition-group(site-bar){z-index:2}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root[data-motion=reduce]::view-transition-group(*){animation:none!important}:root[data-motion=reduce]::view-transition-old(*){animation:none!important}:root[data-motion=reduce]::view-transition-new(*){animation:none!important}body{background:var(--todo-color-bg);color:var(--todo-color-fg);font-family:var(--font-sans);font-size:var(--todo-text-base);line-height:var(--todo-leading-body)}:focus-visible{outline:2px solid var(--todo-color-focus);outline-offset:3px}a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}}@layer components,utilities;
