@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-content:"";--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-font-family:var(--font-story-body), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-story-label), ui-monospace, monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-10{z-index:10}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.\!min-h-\[60px\]{min-height:60px!important}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-14{min-height:calc(var(--spacing) * 14)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-5\/6{width:83.3333%}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-\[34rem\]{min-width:34rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-l-\[6px\]{border-left-style:var(--tw-border-style);border-left-width:6px}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-control{border-color:var(--control)}.border-coral{border-color:var(--coral)}.border-destructive\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/40{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.border-t-coral{border-top-color:var(--coral)}.border-l-destructive{border-left-color:var(--destructive)}.bg-accent{background-color:var(--accent)}.bg-card{background-color:var(--card)}.bg-control{background-color:var(--control)}.bg-coral{background-color:var(--coral)}.bg-destructive{background-color:var(--destructive)}.bg-destructive-soft{background-color:var(--destructive-soft)}.bg-primary{background-color:var(--primary)}.\!p-5{padding:calc(var(--spacing) * 5)!important}.\!p-6{padding:calc(var(--spacing) * 6)!important}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.\!py-6{padding-block:calc(var(--spacing) * 6)!important}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-left{text-align:left}.text-right{text-align:right}.font-serif{font-family:var(--font-story-heading), Georgia, serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.normal-case{text-transform:none}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-10:after{content:var(--tw-content);top:calc(var(--spacing) * 10)}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-\[15px\]:after{content:var(--tw-content);left:15px}.after\:w-0\.5:after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.after\:bg-border:after{content:var(--tw-content);background-color:var(--border)}@media (hover:hover){.hover\:border-coral:hover{border-color:var(--coral)}.hover\:bg-peach\/40:hover{background-color:var(--peach)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-peach\/40:hover{background-color:color-mix(in oklab, var(--peach) 40%, transparent)}}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (min-width:40rem){.sm\:-mx-8{margin-inline:calc(var(--spacing) * -8)}.sm\:w-auto{width:auto}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:\!p-7{padding:calc(var(--spacing) * 7)!important}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (min-width:48rem){.md\:relative{position:relative}.md\:left-1\/2{left:50%}.md\:w-\[min\(960px\,calc\(100vw-3rem\)\)\]{width:min(960px,100vw - 3rem)}.md\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fbf6ee;--foreground:#1f3b2d;--card:#fffefa;--card-foreground:#1f3b2d;--primary:#1f3b2d;--primary-foreground:#fff;--secondary:#f2ebdf;--muted:#f2ebdf;--muted-foreground:#3d5a4a;--accent:#cfe6d6;--accent-foreground:#1f3b2d;--peach:#ffd0b5;--coral:#e8673f;--coral-shadow:#b9482a;--coral-ink:#13261b;--note:#ad4024;--sticker:#ffd94f;--marker:#ffd0b5;--marker-ink:#1f3b2d;--border:#e6dccb;--control:#8a826f;--ring:#e8673f;--destructive:#a32a1f;--destructive-soft:#fbeceb;--button-forest:#1f3b2d;--button-forest-ink:#fbf6ee;--button-forest-shadow:#10251a;--how-bg:#1f3b2d;--how-card:#2b4d3b;--how-ink:#fbf6ee;--how-muted:#e1eddf;--how-note:#ffb38a;--radius:1rem}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#18211c;--foreground:#e9ede3;--card:#202b24;--card-foreground:#e9ede3;--primary:#b3ceb6;--primary-foreground:#182b20;--secondary:#2c392f;--muted:#2b372f;--muted-foreground:#abb6ab;--accent:#2d3c32;--accent-foreground:#d3e3cc;--peach:#5a3b2e;--coral:#e8673f;--coral-shadow:#8f3519;--coral-ink:#13261b;--note:#ffb38a;--sticker:#ffd94f;--marker:#5a3b2e;--marker-ink:#ffd0b5;--border:#364339;--control:#7a8f7f;--ring:#b3ceb6;--destructive:#ff8f85;--destructive-soft:#3a2523;--button-forest:#b3ceb6;--button-forest-ink:#182b20;--button-forest-shadow:#0b120e;--how-bg:#1c271f;--how-card:#263329;--how-ink:#e9ede3;--how-muted:#c4d1c4;--how-note:#ffb38a}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--background);color:var(--foreground);font-family:var(--font-story-body), ui-sans-serif, system-ui, sans-serif;line-height:1.6}h1,h2,h3{font-family:var(--font-story-heading), Georgia, serif;text-wrap:balance;color:var(--foreground);font-weight:400}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--ring);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
.story-site{background:var(--background);color:var(--foreground);flex-direction:column;min-height:100vh;display:flex;overflow:clip}.story-site main{flex:1}.story-site a,.story-site button,.story-site summary{-webkit-tap-highlight-color:transparent}.story-site a,.story-site button,.how-card{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}.story-site main:focus{outline:none}.story-wrap{width:100%;max-width:1256px;margin-inline:auto;padding-inline:28px}.story-column{width:100%;max-width:760px;margin-inline:auto;padding-inline:20px}.story-label{font-family:var(--font-story-label), ui-monospace, monospace;letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:500}.story-skip{z-index:100;background:var(--foreground);color:var(--background);clip-path:inset(50%);border-radius:99px;padding:12px 20px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.story-skip:focus{clip-path:none;transform:none}.story-nav{justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex}.story-logo{font-family:var(--font-story-heading), Georgia, serif;letter-spacing:-.8px;color:var(--foreground);align-items:center;gap:11px;font-size:28px;display:inline-flex}.story-logo>span{background:var(--coral);border-radius:50%;width:14px;height:14px}.story-nav nav{align-items:center;gap:26px;font-size:15px;font-weight:500;display:flex}.story-nav nav>a:not(.story-button):hover,.story-footer a:hover{color:var(--note);text-underline-offset:4px;text-decoration:underline}.theme-toggle{border:1px solid var(--control);width:44px;height:44px;color:var(--foreground);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--accent)}.story-button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:15px 25px;font-size:15px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.story-button-coral{background:var(--coral);color:var(--coral-ink);box-shadow:0 6px 0 var(--coral-shadow)}.story-button-coral:hover{box-shadow:0 8px 0 var(--coral-shadow);background:#f27951;transform:translateY(-2px)}.story-button-coral:active{box-shadow:0 2px 0 var(--coral-shadow);transform:translateY(4px)}.story-button-forest{background:var(--button-forest);color:var(--button-forest-ink);box-shadow:0 5px 0 var(--button-forest-shadow)}.story-button-forest:hover{box-shadow:0 7px 0 var(--button-forest-shadow);transform:translateY(-2px)}.story-button-forest:active{box-shadow:0 2px 0 var(--button-forest-shadow);transform:translateY(3px)}.story-button-outline{border-color:var(--foreground);color:var(--foreground);background:0 0}.story-button-outline:hover{background:var(--accent);transform:translateY(-2px)}.story-button-outline:active{transform:translateY(2px)}.story-button[disabled],.story-button[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.story-button-small{min-height:44px;padding:11px 19px;font-size:14px}.story-link{color:var(--primary);text-underline-offset:4px;font-weight:600;text-decoration:underline}.story-link:hover{color:var(--note)}.handwritten{font-family:var(--font-story-note), cursive;color:var(--note);width:fit-content;margin-bottom:18px;font-size:26px;line-height:1.2;transform:rotate(-3deg)}.marker{background:var(--marker);color:var(--marker-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:12px 18px 14px 20px;margin-left:-.09em;padding:0 .09em .06em;position:relative}.story-sticker{font-family:var(--font-story-label), ui-monospace, monospace;background:var(--sticker);color:#1f3b2d;border-radius:99px;padding:10px 16px;font-size:12px;line-height:1.4;display:inline-block;transform:rotate(6deg);box-shadow:0 3px #1f3b2d26}.story-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:52px;padding-top:32px;padding-bottom:64px;display:grid}.story-hero-copy h1{letter-spacing:-2.2px;max-width:620px;font-size:clamp(44px,5.6vw,76px);line-height:1.07}.story-lede{color:var(--muted-foreground);max-width:480px;margin-top:24px;font-size:19px;line-height:1.65}.hero-note{color:var(--muted-foreground);max-width:470px;margin-top:20px;font-size:14px;line-height:1.6}.story-hero-art{min-width:0;position:relative}.hero-sticker{z-index:3;position:absolute;top:-20px;right:-8px}.story-panel{background:var(--card);border:1px solid var(--border);box-shadow:0 10px 0 color-mix(in oklab, var(--foreground) 8%, transparent);border-radius:32px;padding:28px;position:relative}.dropzone{cursor:pointer;border:2px dashed var(--control);text-align:center;background:var(--background);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:28px 16px;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--coral);background:var(--accent)}.dropzone:focus-within{outline:3px solid var(--ring);outline-offset:4px}.dropzone.busy{cursor:wait;opacity:.7}.dropzone-icon{border:1px solid var(--border);background:var(--card);width:52px;height:52px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.story-values{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 56px;padding-bottom:54px;font-size:15px;display:flex}.story-values span{align-items:center;gap:9px;display:flex}.story-values svg{color:var(--coral);flex-shrink:0}.story-how{background:var(--how-bg);color:var(--how-ink);border-radius:48px 48px 0 0;padding-block:72px 48px;scroll-margin-top:28px}.story-how h2,.story-how h3{color:var(--how-ink)}.how-heading{text-align:center;max-width:690px;margin-inline:auto}.how-heading .handwritten{color:var(--how-note);margin-inline:auto}.story-how h2{letter-spacing:-1px;font-size:clamp(34px,4vw,48px);line-height:1.13}.how-heading>p:last-child{color:var(--how-muted);margin-top:20px;font-size:16px}.how-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.how-card{background:var(--how-card);border-radius:30px;flex-direction:column;padding:28px 30px 32px;display:flex}.how-card:hover{transform:translateY(-3px)}.step-number{font-family:var(--font-story-heading), serif;color:#ffd0b5;margin-bottom:24px;font-size:68px;line-height:1}.how-card:nth-child(2) .step-number{color:#ffd94f}.how-card:nth-child(3) .step-number{color:#cfe6d6}.how-card .story-label{color:var(--how-muted)}.how-card h3{margin-block:12px;font-size:26px}.how-card p{color:var(--how-muted);font-size:15px;line-height:1.7}.story-footer{border-top:1px solid var(--border);min-height:108px;color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:24px;font-size:14px;display:flex}.story-footer .story-logo{font-size:24px}.story-footer .story-logo>span{width:10px;height:10px}@media (max-width:1100px){.story-hero{gap:36px}}@media (max-width:900px){.story-hero{grid-template-columns:1fr;gap:44px;padding-top:24px;padding-bottom:48px}.hero-sticker{right:4px}.how-grid{grid-template-columns:1fr}.story-how{border-radius:32px 32px 0 0;padding-block:56px 32px}}@media (max-width:640px){.story-wrap{padding-inline:20px}.story-nav{gap:12px;min-height:0;padding-block:20px}.story-nav nav{gap:14px;font-size:14px}.story-nav nav>a.nav-link{display:none}.story-logo{font-size:24px}.story-hero-copy h1{letter-spacing:-1.6px;font-size:44px}.story-lede{font-size:17px}.story-panel{border-radius:26px;padding:18px}.story-values{justify-content:flex-start;gap:12px 28px;padding-bottom:40px}}@media (prefers-reduced-motion:reduce){.story-site *,.story-site :before,.story-site :after{transition:none!important}}@media (max-width:560px){.story-nav,.story-nav nav{gap:12px}.story-nav .story-logo{font-size:24px}.nav-how{display:none}}
@font-face{font-family:headlineFont;src:url(../media/gloock_400-s.p.28m4lcbukmth0.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:headlineFont Fallback;src:local(Arial);ascent-override:93.4%;descent-override:21.55%;line-gap-override:0.0%;size-adjust:104.39%}._8qMpGa_className{font-family:headlineFont,headlineFont Fallback;font-weight:400}._8qMpGa_variable{--font-story-heading:"headlineFont", "headlineFont Fallback"}
@font-face{font-family:bodyFont;src:url(../media/instrument_sans_400-s.p.2u0tekeihgkzd.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:bodyFont;src:url(../media/instrument_sans_500-s.p.23qcypu_7b6w-.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:bodyFont;src:url(../media/instrument_sans_600-s.p.0bwzijsk8-js3.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:bodyFont;src:url(../media/instrument_sans_700-s.p.2tif4aifros3h.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:bodyFont Fallback;src:local(Arial);ascent-override:93.97%;descent-override:24.22%;line-gap-override:0.0%;size-adjust:103.22%}._27V4ra_className{font-family:bodyFont,bodyFont Fallback}._27V4ra_variable{--font-story-body:"bodyFont", "bodyFont Fallback"}
@font-face{font-family:noteFont;src:url(../media/caveat_600-s.1td63zzoej3nf.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:noteFont Fallback;src:local(Arial);ascent-override:127.1%;descent-override:39.72%;line-gap-override:0.0%;size-adjust:75.53%}.zRVcgG_className{font-family:noteFont,noteFont Fallback;font-weight:600}.zRVcgG_variable{--font-story-note:"noteFont", "noteFont Fallback"}
@font-face{font-family:labelFont;src:url(../media/dm_mono_500-s.2-6cq1wcicn9n.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:labelFont Fallback;src:local(Arial);ascent-override:75.44%;descent-override:23.58%;line-gap-override:0.0%;size-adjust:131.49%}.ILdvka_className{font-family:labelFont,labelFont Fallback;font-weight:500}.ILdvka_variable{--font-story-label:"labelFont", "labelFont Fallback"}