:root{--night:#0f1530;--night-deep:#0a0f24;--dawn:#e9824a;--butter:#f7e7c4;--cream:#fbf5ea;--crust:#8a4a1f;--ink:#2a1a10;--berry:#d9463b;--berry-strong:#bf3a30;--berry-text:#b3352b;--paper:#fffaf1;--dawn-soft:color-mix(in oklab,var(--dawn)30%,var(--cream));--kraft:#e6cfa9;--text-ink:var(--ink);--text-ink-muted:#6b4a35;--text-cream:var(--cream);--text-cream-muted:#c9c3d0;--text-on-crust-muted:#f6dcc0;--font-display:var(--font-bagel),"Bagel Fat One",var(--font-sans);--font-hand:var(--font-pen),"Nanum Pen Script",cursive;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--type-display:clamp(3.2rem,1rem + 5.4vw,7.5rem);--type-h1:clamp(2.5rem,1.3rem + 4vw,5rem);--type-h2:clamp(1.875rem,1.3rem + 1.9vw,3rem);--type-h3:clamp(1.25rem,1.1rem + .5vw,1.5rem);--type-lead:clamp(1.0625rem,1rem + .3vw,1.25rem);--type-body:clamp(1rem,.95rem + .25vw,1.125rem);--type-small:.875rem;--type-micro:.75rem;--type-eyebrow:.8125rem;--type-hand:clamp(1.625rem,1.3rem + 1vw,2.25rem);--leading-display:1.05;--leading-title:1.2;--leading-reading:1.7;--tracking-display:-.01em;--tracking-body:-.006em;--tracking-caps:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:6rem;--container-page:80rem;--container-text:40rem;--page-gutter:clamp(1rem,4vw,3rem);--section-space:clamp(5rem,9vw,8.5rem);--header-h:4.25rem;--control-height:3rem;--control-height-small:2.75rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-section:clamp(1.5rem,3vw,3rem);--radius-pill:9999px;--shadow-card:0 1px 2px rgba(42,26,16,.08),0 14px 32px -12px rgba(42,26,16,.28);--shadow-paper:0 2px 3px rgba(42,26,16,.12),0 18px 30px -14px rgba(42,26,16,.4);--ease-out:cubic-bezier(.19,1,.22,1);--ease-inout:cubic-bezier(.77,0,.175,1);--ease-pop:cubic-bezier(.34,1.56,.64,1);--duration-pop:.35s;--duration-reveal:.9s;--loop-duration:24s;--layer-raised:10;--layer-sticky:100;--layer-overlay:200;--focus-ring:var(--berry-strong)}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--space-4));background:var(--night)}body{min-height:100dvh;color:var(--text-ink);background:var(--cream);font-family:var(--font-sans);font-size:var(--type-body);font-weight:450;line-height:var(--leading-reading);letter-spacing:var(--tracking-body);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}h1,h2,h3,p,figure,blockquote,ul,ol,dl,dd{margin:0}h1,h2,h3{text-wrap:balance}p,li,dd,blockquote,figcaption{text-wrap:pretty;word-break:keep-all}ul,ol{padding:0;list-style:none}main{display:block;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{color:var(--cream);background:var(--berry-strong)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}[data-tone=night] :focus-visible{outline-color:var(--butter)}.display{font-family:var(--font-display);font-weight:400;line-height:var(--leading-title);letter-spacing:var(--tracking-display);text-wrap:balance}.h2{font-size:var(--type-h2)}.h3{font-size:var(--type-h3)}.hand{font-family:var(--font-hand);font-size:var(--type-hand);letter-spacing:0;font-weight:400;line-height:1.1}.caps{font-size:var(--type-eyebrow);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:700;line-height:1.4}.lead{font-size:var(--type-lead);line-height:var(--leading-reading);text-wrap:pretty}.example{border-radius:var(--radius-pill);font-family:var(--font-sans);letter-spacing:0;vertical-align:.15em;white-space:nowrap;opacity:.85;border:1px solid;padding:0 .45em;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-block}.container{width:min(100% - 2*var(--page-gutter),var(--container-page));margin-left:auto;margin-right:auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--layer-overlay);padding:var(--space-2)var(--space-4);color:var(--cream);background:var(--berry-strong);border-radius:var(--radius-md);position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.btn{--btn-shadow:var(--ink);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);border-radius:var(--radius-pill);font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 var(--btn-shadow);transition:transform var(--duration-pop)var(--ease-pop),box-shadow var(--duration-pop)var(--ease-pop),background-color .15s ease-out;border:2px solid transparent;padding:0 1.4rem;font-size:1rem;font-weight:700;display:inline-flex}.btn:hover{box-shadow:-4px 4px 0 var(--btn-shadow);transform:translate(4px,-4px)}.btn:active{box-shadow:-1px 1px 0 var(--btn-shadow);transform:translate(1px,-1px)}.btn-primary{color:var(--cream);background:var(--berry-strong);border-color:var(--berry-strong)}.btn-ghost{color:inherit;background:0 0;border-color:currentColor}.btn-cream{color:var(--ink);background:var(--cream);border-color:var(--cream)}[data-tone=night] .btn{--btn-shadow:var(--butter)}.btn-large{min-height:3.25rem;padding:0 1.75rem;font-size:1.0625rem}.btn-small{min-height:var(--control-height-small);padding:0 1.1rem;font-size:.9375rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover{transform:none}}