:root{--porcelain:#fbf7f6;--ink-base:#2d2d2d;--raspberry:#c01e58;--lilac:#cac3d3;--silver:#b2b4ba;--wine:#36111f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--porcelain);--surface:color-mix(in srgb, var(--lilac) 32%, var(--porcelain));--ink:var(--ink-base);--muted:#625d66;--line:var(--silver);--accent:var(--raspberry);--glow:#c01e588c;--error:#b42318;--sans:"Pretendard Variable", Pretendard, system-ui, -apple-system, sans-serif;--gutter:clamp(16px, 4vw, 48px);--max:1080px;--radius:14px;--grain:.06;--mottle:.035}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151314;--surface:color-mix(in srgb, var(--wine) 28%, #151314);--ink:var(--porcelain);--muted:var(--lilac);--line:color-mix(in srgb, var(--silver) 20%, #151314);--accent:#e0457f;--glow:#e0457fbf;--error:#f3a59a;--grain:.16;--mottle:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151314;--surface:color-mix(in srgb, var(--wine) 28%, #151314);--ink:var(--porcelain);--muted:var(--lilac);--line:color-mix(in srgb, var(--silver) 20%, #151314);--accent:#e0457f;--glow:#e0457fbf;--error:#f3a59a;--grain:.16;--mottle:0}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s;display:flex}body:before,body:after{content:"";z-index:100;pointer-events:none;position:fixed;inset:-50%}body:before{opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(4,end) infinite grain}body:after{opacity:var(--mottle);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");background-size:900px 900px;inset:0}:root[data-theme=dark] body:before{filter:invert()}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{filter:invert()}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar,main,.foot{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.bar{justify-content:space-between;align-items:center;padding-block:20px;display:flex}.bar-ko{color:var(--muted);letter-spacing:.02em;font-size:13px}.theme-toggle{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:border-color .2s,transform .4s;display:grid}.theme-toggle:hover{border-color:var(--ink)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.theme-toggle svg path{fill:currentColor;stroke:none}:root[data-theme=dark] .theme-toggle{transform:rotate(180deg)}.hero{text-align:center;padding-block:clamp(40px,10vh,120px) clamp(48px,10vh,112px)}.logo-stack{aspect-ratio:1511/627;width:min(100%,860px);margin:0 auto;position:relative}.logo-defs{position:absolute}.logo-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.logo-ink{fill:var(--ink);transition:fill .3s}.logo-swoosh,.logo-drops circle,.logo-drops ellipse{fill:var(--raspberry)}.logo-slice,.logo-ghost{opacity:0;pointer-events:none}.logo-ghost--a{fill:var(--raspberry);mix-blend-mode:multiply}.logo-ghost--b{fill:var(--lilac);mix-blend-mode:multiply}:root[data-theme=dark] .logo-ghost{mix-blend-mode:screen}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-ghost{mix-blend-mode:screen}}.is-intro .logo-main .logo-ink{animation:.42s step-end both ink-cut}.is-intro .logo-main .logo-swoosh{transform-box:fill-box;transform-origin:0 80%;animation:.5s cubic-bezier(.2,1.4,.4,1) .38s both swoosh-hit}.js-motion body:not(.is-intro) .logo-main{opacity:0;animation:0s 2s forwards logo-fallback}@keyframes logo-fallback{to{opacity:1}}@keyframes ink-cut{0%{opacity:0}20%{opacity:1;transform:translate(-10px)}40%{opacity:.2;transform:translate(6px)}60%{opacity:1;transform:translate(-3px)}80%,to{opacity:1;transform:none}}@keyframes swoosh-hit{0%{opacity:0;transform:scale(.15,.6)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes ink-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lead{text-wrap:balance;max-width:40ch;color:var(--muted);margin:clamp(28px,5vh,48px) auto 0;font-size:clamp(17px,2.2vw,20px);animation:1s 1.2s both ink-in}main>section:not(.hero){border-top:1px solid var(--line);padding-block:40px}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 20px;font-size:12px;font-weight:600}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}.card h3{margin:0 0 14px;font-size:18px;font-weight:600}.items{margin:0;padding:0;list-style:none}.items li{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.items em{color:var(--muted);white-space:nowrap;font-size:13px;font-style:normal}.items small{color:var(--muted);white-space:nowrap;margin-left:6px;font-size:13px}.items .item-stack{flex-direction:column;align-items:flex-start;gap:2px}.item-desc{color:var(--muted);font-size:13px}.items a{border-bottom:1px solid var(--line);transition:border-color .2s}.items a:hover{border-color:var(--accent)}.newsletter{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;column-gap:48px;display:grid}.newsletter .label{grid-column:1/-1}.newsletter-text{color:var(--muted);margin:0;padding-top:12px}.subscribe{gap:10px;display:grid}.field{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px;transition:border-color .2s,box-shadow .2s;display:flex}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:10px 16px}.field input::placeholder{color:var(--muted)}.field button{border:1px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.field button:hover:not(:disabled){background:var(--ink);color:var(--bg)}.field button:disabled{opacity:.5;cursor:progress}.consent{white-space:nowrap;color:var(--muted);cursor:pointer;align-items:center;gap:8px;padding-left:20px;font-size:13px;display:flex}.consent input{accent-color:var(--accent);flex:none;margin:0}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.turnstile:empty{display:none}.turnstile iframe{margin-top:4px}.form-status{margin:0;padding-left:20px;font-size:14px}.form-status:empty{display:none}.form-status[data-state=ok]{color:var(--ink)}.form-status[data-state=error]{color:var(--error)}.contact dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 48px;margin:0;display:grid}.contact small{color:var(--muted);white-space:nowrap;margin-left:6px;font-size:13px}.contact dt{color:var(--muted);font-size:13px}.contact dd{overflow-wrap:anywhere;margin:4px 0 0}.contact a{border-bottom:1px solid var(--line);transition:border-color .2s}.contact a:hover{border-color:var(--accent)}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:auto;padding-block:24px 32px;font-size:12px;display:flex}@media (width<=1100px){.work-grid{grid-template-columns:1fr}}@media (width<=760px){.newsletter,.contact dl{grid-template-columns:1fr}.newsletter{row-gap:16px}.newsletter-text{padding-top:0}.consent,.form-status{padding-left:4px}.field{border-radius:var(--radius);flex-direction:column;gap:4px}.field button{width:100%}}@media (prefers-reduced-motion:reduce){.lead,body:before{animation:none}.logo-drops,.logo-ghost,.logo-slice{display:none}body,.theme-toggle{transition:none}}
