@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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{.invisible{visibility:hidden}.fixed{position:fixed}.block{display:block}.hidden{display:none}}:root{--cream:#fff6ee;--orange:#ff8f5a;--coral:#f4607c;--pink:#ff7fa3;--green:#1f8a57;--leaf:#2fae6f;--teal:#38c7c0;--yellow:#ffd35c;--lilac:#b89cff;--night:#12101f;--font-display:"Jua", "Noto Sans KR Variable", system-ui, sans-serif;--font-body:"Noto Sans KR Variable", system-ui, -apple-system, "Segoe UI", sans-serif}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-padding-top:1rem}body{background:var(--cream);color:#2b1a12;font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.75;overflow-x:clip}html[lang=ko] body{word-break:keep-all;overflow-wrap:break-word}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400;line-height:1.1}a{color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:6px}.lang-fab{z-index:40;-webkit-backdrop-filter:blur(10px);width:2.5rem;height:2.5rem;color:var(--coral);cursor:pointer;background:#fff6eee0;border:0;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .15s;display:grid;position:fixed;top:.75rem;right:.75rem;box-shadow:0 4px 18px #78321438}.lang-fab:hover{transform:scale(1.1)}.hero{text-align:center;background:radial-gradient(120% 90% at 50% 0%, #fff9f2 0%, var(--cream) 60%, #ffe9d6 100%);place-items:center;min-height:100svh;padding:5rem 1.5rem;display:grid;position:relative;overflow:hidden}.blob{filter:blur(42px);opacity:.78;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.blob:nth-child(2n){animation-duration:23s;animation-direction:alternate-reverse}@keyframes drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(4%,5%)scale(1.12)}}.hero-inner{max-width:44rem;position:relative}.hero-eyebrow{letter-spacing:.04em;background:#ffffffb3;border-radius:999px;padding:.3rem 1rem;font-size:.9rem;font-weight:700;display:inline-block}.hero h1{background:linear-gradient(100deg, var(--coral) 5%, var(--orange) 40%, var(--green) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:1.2rem;font-size:clamp(3.4rem,13vw,8rem)}.hero p{max-width:30rem;margin:1.4rem auto 0;font-size:1.2rem}.hero-cue{letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;font-weight:700;animation:2.2s ease-in-out infinite bob;position:absolute;bottom:1.6rem;left:50%;translate:-50%}@keyframes bob{50%{transform:translateY(8px)}}.project{padding:clamp(4.5rem,10vw,8rem) 1.5rem;position:relative;overflow:hidden}.project-inner{z-index:1;align-items:center;gap:clamp(2rem,5vw,4.5rem);max-width:86rem;margin:0 auto;display:grid;position:relative}@media (min-width:900px){.project-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.project:nth-of-type(2n) .project-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.project:nth-of-type(2n) .project-text{order:2}}.kicker{letter-spacing:.04em;background:var(--chip-bg);color:var(--chip-ink);border-radius:999px;padding:.25rem .95rem;font-size:.9rem;font-weight:700;display:inline-block}.project h2{color:var(--head);margin-top:1rem;font-size:clamp(2.4rem,6vw,4.4rem)}.project-text p{max-width:34rem;margin:1.1rem 0 0}.project-text.quote p{border-left:4px solid var(--accent);padding-left:1.1rem}.project-text.quote p+p{margin-top:.9rem}.theme-sunset{--head:#3a1208;--accent:#1f8a57;--chip-bg:#ffffffb8;--chip-ink:#3a1208;color:#2f1208;background:radial-gradient(60% 50% at 85% 15%,#ffdc78d9,#0000 70%),linear-gradient(160deg,#ffb77d 0%,#ff8f6b 45%,#f4607c 100%)}.theme-peach{--head:#151515;--accent:#ff5a1f;--chip-bg:#151515;--chip-ink:#ffe9dc;color:#1c1411;background:radial-gradient(40% 35% at 10% 90%,#ff5a1f47,#0000 70%),radial-gradient(35% 30% at 92% 12%,#2fae6f4d,#0000 70%),linear-gradient(170deg,#ffeee3 0%,#ffd9c6 100%)}.theme-night{--head:#fff3e4;--accent:#ff5b5b;--chip-bg:#ffffff24;--chip-ink:#fff3e4;color:#f1e9de;background:radial-gradient(45% 40% at 15% 20%,#5b7cff66,#0000 70%),radial-gradient(40% 40% at 90% 85%,#ff4d4d4d,#0000 70%),radial-gradient(40% 30% at 70% 10%,#b89cff47,#0000 70%),linear-gradient(#0f0e1c 0%,#1b1430 100%)}.theme-garden{--head:#fff6df;--accent:#ffd35c;--chip-bg:#fff3;--chip-ink:#fff6df;color:#f1f7ea;background:radial-gradient(50% 40% at 85% 10%,#ffd35c4d,#0000 70%),radial-gradient(45% 40% at 8% 90%,#ff7fa34d,#0000 70%),linear-gradient(165deg,#1c6b4a 0%,#14543a 55%,#0f3d2c 100%)}.theme-crimson{--head:#fff0ea;--accent:#ff9a8a;--chip-bg:#ffffff29;--chip-ink:#fff0ea;color:#fbe9e4;background:radial-gradient(45% 40% at 88% 14%,#5b7cff59,#0000 70%),radial-gradient(45% 40% at 6% 88%,#ff9a8a40,#0000 70%),linear-gradient(170deg,#8c1230 0%,#5e0f28 55%,#2c0a1f 100%)}.theme-candy{--head:#3a1d4f;--accent:#f4607c;--chip-bg:#3a1d4f;--chip-ink:#fff2e3;color:#2f1a3f;background:radial-gradient(40% 35% at 10% 10%,#ffd35c8c,#0000 70%),radial-gradient(40% 35% at 92% 80%,#38c7c073,#0000 70%),linear-gradient(170deg,#ffe4f0 0%,#e9deff 55%,#d8f5ee 100%)}.source{letter-spacing:.04em;opacity:.75;margin-top:1rem;padding-left:1.1rem;font-size:.85rem;font-style:normal;display:block}.deco{z-index:0;pointer-events:none;position:absolute;inset:0}.deco svg{position:absolute}.dot{border-radius:50%;animation:5s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.25;transform:scale(1.5)}}.gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));align-items:start;gap:clamp(1.4rem,3vw,2.4rem);display:grid}.work{width:100%;max-width:34rem;margin:0}.work-btn{cursor:zoom-in;width:100%;rotate:var(--tilt,0deg);background:0 0;border:0;padding:0;transition:rotate .35s,translate .35s;display:block}.work-btn:hover{translate:0 -8px;rotate:none}.work-btn img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:inset 0 2px #ffffff59,0 28px 50px -18px #0000008c,0 8px 18px -8px #00000059}.work figcaption{opacity:.92;margin-top:.9rem;font-size:.92rem;line-height:1.5}.work figcaption strong{font-family:var(--font-display);font-size:1.35rem;font-weight:400;display:block}.lightbox{z-index:60;background:#120c14eb;place-items:center;padding:1rem;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.lightbox figure{text-align:center;color:#fff;max-width:min(92vw,56rem);margin:0}.lightbox img{border-radius:4px;max-width:none;margin:0 auto;display:block}.lightbox figcaption{margin-top:.8rem;font-size:.95rem}.lightbox figcaption strong{font-family:var(--font-display);margin-right:.5rem;font-size:1.4rem;font-weight:400}.lb-btn{cursor:pointer;color:#fff;background:#ffffff29;border:0;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;line-height:1;transition:background .15s;position:absolute}.lb-btn:hover{background:#ffffff4d}.lb-close{top:1rem;right:1rem}.lb-prev{top:50%;left:.75rem}.lb-next{top:50%;right:.75rem}.footer{text-align:center;color:#f6e9df;background:linear-gradient(#1b1430 0%,#2a1236 100%);padding:4rem 1.5rem 3rem}.footer a.cta{background:linear-gradient(135deg, var(--coral), var(--orange));color:#fff;border-radius:999px;margin-top:1rem;padding:.7rem 1.6rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-block}.footer a.cta:hover{transform:scale(1.05)}.footer small{opacity:.7;margin-top:2rem;display:block}.reveal{opacity:0;transition:opacity .8s,translate .8s;translate:0 28px}.reveal.in{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blob,.dot,.hero-cue{animation:none}.reveal{opacity:1;transition:none;translate:none}.work-btn{transition:none}}
