:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201f1d;--color-accent: #b68235;--color-accent-2: #ac803e;--color-divider: color-mix(in srgb, #201f1d 16%, transparent);--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #fff3e4;--color-accent-200: #ffe3bf;--color-accent-300: #facb8d;--color-accent-400: #e1ad66;--color-accent-500: #c28d41;--color-accent-600: #a06f24;--color-accent-700: #7d5411;--color-accent-800: #5a3b0a;--color-accent-900: #3a270d;--color-accent-2-100: #fff3e4;--color-accent-2-200: #ffe3be;--color-accent-2-300: #f5cd96;--color-accent-2-400: #dbaf70;--color-accent-2-500: #bc8f4e;--color-accent-2-600: #9b7232;--color-accent-2-700: #79561f;--color-accent-2-800: #573d14;--color-accent-2-900: #382810;--font-heading: "Cormorant Garamond", system-ui, sans-serif;--font-heading-weight: 600;--font-body: "Lora", system-ui, sans-serif;--space-1: 4.6px;--space-2: 9.2px;--space-3: 13.8px;--space-4: 18.4px;--space-6: 27.6px;--space-8: 36.8px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 7px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.plate{filter:sepia(.22) saturate(.82) contrast(1.05);box-sizing:border-box;border:6px solid var(--color-surface);outline:1px solid var(--color-divider)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-size:13px;letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}.text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-block{width:100%;margin-top:var(--space-2)}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-divider)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}html,body,#root{height:100%}body{background:var(--color-bg);overflow:hidden;overscroll-behavior:none}.kr{font-family:"Noto Serif KR",var(--font-body)}.num{font-family:var(--font-heading);font-variant-numeric:tabular-nums}a.link{color:var(--color-accent-700);text-decoration:none}a.link:hover{color:var(--color-accent);text-decoration:underline}.scroll::-webkit-scrollbar{width:0;height:0}.scroll{scrollbar-width:none}.phone{width:100%;height:100dvh;background:var(--color-bg);overflow:hidden;display:flex;flex-direction:column;color:var(--color-text);padding-top:env(safe-area-inset-top)}@media (min-width: 480px){.phone{width:390px;height:844px;max-height:calc(100dvh - 32px);border:1px solid var(--color-divider);border-radius:14px;box-shadow:var(--shadow-md);padding-top:0}}.tabbar{flex:none;border-top:1px solid var(--color-divider);background:var(--color-neutral-100);display:flex;padding:8px 8px calc(10px + env(safe-area-inset-bottom))}@media (min-width: 480px){.tabbar{padding-bottom:22px}}.tabbar__item{flex:1;text-align:center;padding:6px 0 4px;border:0;background:transparent;cursor:pointer;color:var(--color-neutral-600)}.tabbar__item[aria-current=page]{color:var(--color-accent-700);border-bottom:1px solid var(--color-accent)}.tabbar__glyph{font-size:15px;line-height:1.2}.tabbar__label{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:9.5px;letter-spacing:.1em;margin-top:3px}.imageslot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-family:"Noto Serif KR",var(--font-body);font-size:11px;color:var(--color-neutral-600);background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--color-neutral-500) 12%,transparent) 0 8px,transparent 8px 16px),var(--color-neutral-200)}.showcase{font-family:"Noto Serif KR",var(--font-body);padding:56px 64px 96px;display:flex;flex-direction:column;gap:56px;color:var(--color-text)}.showcase__section{display:flex;flex-direction:column;gap:28px}.showcase__intro{display:flex;flex-direction:column;gap:10px;max-width:720px}.showcase__eyebrow{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-700)}.showcase__title{font-family:var(--font-heading);font-size:34px;font-weight:400;margin:0}.showcase__lede{margin:0;font-size:13.5px;line-height:1.85;color:var(--color-neutral-700);text-wrap:pretty}.showcase__row{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.showcase__frame{display:flex;flex-direction:column;gap:12px}.showcase__framehead{display:flex;align-items:baseline;gap:10px}.showcase__badge{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.14em;border:1px solid var(--color-accent);color:var(--color-accent-700);padding:3px 7px;border-radius:var(--radius-sm)}.showcase__caption{font-size:12.5px;color:var(--color-neutral-700)}.viewnav{position:fixed;bottom:8px;left:8px;z-index:20;font-family:var(--font-heading);font-size:11px;color:var(--color-neutral-500);pointer-events:none}.appstage{min-height:100dvh;display:flex;align-items:stretch;justify-content:center}@media (min-width: 480px){.appstage{align-items:center;padding:16px}}