:root{--cream:#f7f1e8;--cream-deep:#efe6d8;--ivory:#fbf7f0;--beige:#e8d9c8;--beige-warm:#d8c4ae;--blush:#f3ddd8;--blush-deep:#e4c4be;--rose:#c9a29a;--ink:#4a3f35;--ink-soft:#6d6156;--ink-faint:#9a8d82;--paper:#fffaf3;--shadow:0 18px 50px #5a44341a;--radius:22px;--header-h:72px;--font-display:"Cormorant Garamond", "Noto Serif KR", serif;--font-serif:"Noto Serif KR", "Cormorant Garamond", serif;--font-sans:"Noto Sans KR", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-sans);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.75}body:before{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle at 18% 12%,#f3ddd8b3,#0000 36%),radial-gradient(circle at 82% 8%,#e8d9c8a6,#0000 32%),radial-gradient(circle at 70% 88%,#f3ddd866,#0000 40%);position:fixed;inset:0}#root{z-index:1;position:relative}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3,p{margin:0}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.section{padding:88px 22px}.section-inner{width:min(1080px,100%);margin:0 auto}.section-label{color:var(--rose);font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:500;display:block}.section-title{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:500;line-height:1.35}.section-lead{max-width:34rem;color:var(--ink-soft);font-size:.98rem;font-weight:300}@media (width>=768px){.section{padding:120px 40px}}.header{z-index:40;transition:background .4s,box-shadow .4s;position:fixed;top:0;left:0;right:0}.header.is-scrolled,.header.is-open{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f1e8e6;box-shadow:0 1px #4a3f350f}.header-inner{width:min(1120px,100% - 36px);height:var(--header-h);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{font-family:var(--font-display);letter-spacing:.04em;font-size:1.35rem;font-weight:500}.header-nav{gap:28px;display:none}.header-nav a,.header-menu a{color:var(--ink-soft);letter-spacing:.04em;font-size:.86rem;transition:color .25s}.header-nav a:hover,.header-menu a:hover{color:var(--ink)}.header-toggle{flex-direction:column;justify-content:center;gap:7px;width:40px;height:40px;display:flex}.header-toggle span{background:var(--ink);width:20px;height:1.5px;margin-left:auto;transition:transform .3s,opacity .3s;display:block}.header.is-open .header-toggle span:first-child{transform:translateY(4.25px)rotate(35deg)}.header.is-open .header-toggle span:last-child{transform:translateY(-4.25px)rotate(-35deg)}.header-menu{opacity:0;flex-direction:column;gap:22px;max-height:0;padding:0 22px;transition:max-height .4s,padding .4s,opacity .35s;display:flex;overflow:hidden}.header-menu.is-open{opacity:1;max-height:280px;padding:8px 22px 28px}.header-menu a{font-family:var(--font-serif);font-size:1.2rem}@media (width>=768px){.header-nav{display:flex}.header-toggle,.header-menu{display:none}}.hero{padding:calc(var(--header-h) + 18px) 16px 28px;position:relative}.hero-frame{min-height:min(78vh,720px);box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 42%;width:100%;height:min(78vh,720px);animation:1.6s both hero-fade}.hero-veil{background:linear-gradient(#3a2e260a 0%,#3a2e261f 42%,#30241e8c 78%,#281e18b8 100%);position:absolute;inset:0}.hero-copy{color:#fffaf3;text-align:center;text-shadow:0 8px 28px #281e1859;padding:36px 24px 40px;animation:1.3s .25s both hero-rise;position:absolute;bottom:0;left:0;right:0}.hero-kicker{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;opacity:.86;margin-bottom:10px;font-size:.78rem}.hero-copy h1{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(3rem,11vw,6.2rem);font-weight:500;line-height:.95}.hero-tagline{font-family:var(--font-serif);letter-spacing:-.01em;opacity:.92;margin-top:16px;font-size:clamp(.98rem,2.6vw,1.2rem);font-weight:400}.hero-scroll{color:var(--ink-faint);font-family:var(--font-display);letter-spacing:.22em;text-align:center;text-transform:uppercase;margin-top:18px;font-size:.78rem;display:block}@keyframes hero-fade{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.hero{padding:calc(var(--header-h) + 24px) 28px 36px}.hero-frame,.hero-image{border-radius:32px;height:min(82vh,780px);min-height:min(82vh,780px)}.hero-copy{padding:56px 48px 60px}}.work-card-button{text-align:left;width:100%;padding:0;display:block}.work-card-media{border-radius:var(--radius);background:var(--beige);box-shadow:var(--shadow);position:relative;overflow:hidden}.work-card-media img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .8s}.work-card-button:hover .work-card-media img{transform:scale(1.03)}.work-card-play{width:46px;height:46px;color:var(--ink);background:#fbf7f0e0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 20px #4a3f351f}.work-card-play svg{width:18px;height:18px;margin-left:2px}.work-card-body{padding:20px 6px 0}.work-card-meta{color:var(--rose);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem}.work-card-body h3{font-family:var(--font-serif);margin-bottom:10px;font-size:1.28rem;font-weight:500;line-height:1.45}.work-card-desc{color:var(--ink-soft);white-space:pre-line;font-size:.92rem;font-weight:300;line-height:1.75}.animation-grid{gap:36px;margin-top:40px;display:grid}@media (width>=768px){.animation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;margin-top:52px}}.illustration-section{background:linear-gradient(#0000 0%,#f3ddd847 18%,#f3ddd82e 100%)}.illustration-soon{text-align:center;background:#fffaf3b3;border:1px solid #c9a29a38;border-radius:28px;margin-top:40px;padding:42px 22px 36px}.illustration-frames{justify-content:center;gap:12px;margin-bottom:22px;display:flex}.illustration-frames span{background:linear-gradient(#e8d9c88c,#f3ddd8b3);border-radius:12px;width:58px;height:72px;display:block}.illustration-frames span:nth-child(2){background:linear-gradient(#f3ddd8bf,#e8d9c880);width:68px;height:86px;margin-top:-8px}.illustration-soon p{font-family:var(--font-display);letter-spacing:.08em;font-size:1.35rem;font-style:italic}.illustration-grid{gap:22px;margin-top:40px;display:grid}.illustration-card{margin:0}.illustration-card img{aspect-ratio:4/5;object-fit:cover;background:var(--beige);border-radius:var(--radius);width:100%;box-shadow:var(--shadow)}.illustration-card figcaption{font-family:var(--font-serif);padding:14px 6px 0;font-size:1.02rem}@media (width>=768px){.illustration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.illustration-soon{padding:56px 40px 48px}.illustration-frames span{width:72px;height:90px}.illustration-frames span:nth-child(2){width:84px;height:108px}}.about-inner{max-width:640px}.about-copy{gap:10px;margin-top:8px;display:grid}.about-copy p{color:var(--ink-soft);font-family:var(--font-serif);font-size:clamp(1.05rem,2.6vw,1.25rem);font-weight:400;line-height:1.85}.links-list{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.links-list a{color:var(--ink);font-family:var(--font-serif);background:#fffaf3b8;border:1px solid #c9a29a33;border-radius:18px;padding:18px 20px;font-size:1.15rem;transition:background .3s,transform .3s;display:block}.links-list a:hover{background:var(--blush);transform:translateY(-2px)}@media (width>=768px){.links-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.links-list a{text-align:center;padding:22px 24px}}.footer{color:var(--ink-faint);font-family:var(--font-display);letter-spacing:.06em;text-align:center;padding:28px 22px 40px;font-size:.9rem}.work-modal{z-index:60;place-items:end center;padding:12px;animation:.35s modal-fade;display:grid;position:fixed;inset:0}.work-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3a2e266b;position:absolute;inset:0}.work-modal-panel{background:var(--ivory);width:min(920px,100%);max-height:calc(100vh - 24px);box-shadow:var(--shadow);border-radius:26px 26px 22px 22px;padding:18px 16px 28px;animation:.45s modal-rise;position:relative;overflow:auto}.work-modal-close{color:var(--ink-soft);font-family:var(--font-display);letter-spacing:.12em;margin:0 0 14px auto;font-size:.86rem;display:block}.work-modal-player{background:#2d241e;border-radius:18px;overflow:hidden}.work-modal-player video,.work-modal-fallback img{aspect-ratio:16/9;object-fit:cover;width:100%}.work-modal-fallback{position:relative}.work-modal-fallback p{color:var(--ink);text-align:center;background:#fbf7f0e6;border-radius:14px;padding:14px 16px;font-size:.82rem;line-height:1.6;position:absolute;bottom:16px;left:16px;right:16px}.work-modal-fallback code{word-break:break-all;font-size:.74rem}.work-modal-copy{padding:22px 6px 0}.work-modal-meta{color:var(--rose);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem}.work-modal-copy h2{font-family:var(--font-serif);margin-bottom:12px;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:500;line-height:1.4}.work-modal-copy p:last-child{color:var(--ink-soft);white-space:pre-line;font-weight:300}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.work-modal{place-items:center;padding:28px}.work-modal-panel{border-radius:28px;padding:22px 22px 32px}}.app{min-height:100vh}