:root{--umber:#2b1e15;--umber-rgb:43, 30, 21;--cream:#f7ecd9;--cream-dim:#f7ecd9c7;--amber:#e7b46a}*{box-sizing:border-box}html,body,#root{background:var(--umber);height:100%;margin:0}body{color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif}.page{flex-direction:column;justify-content:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero{object-fit:cover;object-position:50% 35%;width:100%;height:100%;animation:2.4s ease-out both settle;position:absolute;inset:0}.shade{background:radial-gradient(120% 90% at 50% 30%, rgba(var(--umber-rgb), 0) 45%, rgba(var(--umber-rgb), .55) 100%), linear-gradient(180deg, rgba(var(--umber-rgb), 0) 38%, rgba(var(--umber-rgb), .55) 62%, rgba(var(--umber-rgb), .92) 84%, var(--umber) 100%);position:absolute;inset:0}.copy{text-align:center;padding:0 24px clamp(56px,9vh,96px);animation:1.2s ease-out .4s both rise;position:relative}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--amber);margin:0 0 14px;font-size:12px}.title{letter-spacing:-.01em;text-shadow:0 2px 24px rgba(var(--umber-rgb), .6);margin:0;font-family:Gowun Batang,serif;font-size:clamp(40px,7vw,76px);font-weight:700;line-height:1.05}.title span{color:var(--amber)}.lead{color:var(--cream);margin:18px 0 0;font-family:Gowun Batang,serif;font-size:clamp(20px,2.6vw,26px)}.sub{max-width:34em;color:var(--cream-dim);word-break:keep-all;margin:14px auto 0;font-size:clamp(14px,1.5vw,16px);line-height:1.75}.foot{text-align:center;letter-spacing:.04em;color:#f7ecd973;padding:0 16px 20px;font-size:12px;position:relative}@keyframes settle{0%{filter:brightness(.85);transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=640px){.hero{object-position:50% 30%;height:68%}.shade{background:linear-gradient(180deg, rgba(var(--umber-rgb), 0) 34%, rgba(var(--umber-rgb), .7) 56%, var(--umber) 68%, var(--umber) 100%)}.sub br{display:none}}@media (prefers-reduced-motion:reduce){.hero,.copy{animation:none}}
