@font-face{font-family:Pretendard SATINODE;src:url(/assets/pretendard-satinode-Bt-PYANy.woff2)format("woff2");font-style:normal;font-weight:45 920;font-display:swap}@font-face{font-family:IBM Plex Mono SATINODE;src:url(/fonts/ibm-plex-mono-600.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{--paper:#fff;--ink:#111;--muted:#777;--sans:"Pretendard SATINODE", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"IBM Plex Mono SATINODE", "SFMono-Regular", Consolas, monospace;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{background:var(--paper);min-height:100%}body{background:var(--paper);width:100%;min-height:100%;margin:0}@supports (height:100dvh){body{min-height:100dvh}}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0}a{color:inherit;text-decoration:none}::selection{color:var(--paper);background:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:Syne SATINODE;src:url(/assets/syne-satinode-BgUn295k.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--paper:#f7f9ff;--ink:#2548d2}.studio-page{isolation:isolate;background:var(--paper);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:100svh;padding:2.5rem clamp(1.5rem,5vw,5rem) 2rem;display:grid;position:relative;overflow:clip}.studio-defs{width:0;height:0;position:absolute}.studio-skip{z-index:5;color:#fff;background:var(--ink);border-radius:.4rem;padding:.8rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.studio-skip:focus{transform:none}.identity{align-self:center;place-items:center;width:min(100%,68rem);min-height:35rem;margin:0 auto 2rem;padding-block:7rem;display:grid;position:relative}.identity__type{z-index:2;width:min(100%,24rem);position:relative}.identity h1{font-family:"Syne SATINODE", var(--sans);letter-spacing:-.075em;color:#2342ba;overflow-wrap:anywhere;text-transform:lowercase;transform-origin:0 100%;margin:0;font-size:clamp(2.25rem,4.8vw,4rem);font-weight:600;line-height:1.05;transform:skew(-7deg)}.identity__state{letter-spacing:-.025em;margin:1rem 0 0 .1rem;font-size:1rem;font-weight:420;line-height:1.4}.studio-links{gap:.4rem;margin-top:2rem;display:grid}.studio-links a{outline-offset:.5rem;grid-template-columns:4.3rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.5rem;padding-block:.5rem;display:grid}.studio-links__label,.studio-copyright{font-family:var(--mono);font-size:.7rem;font-weight:600;line-height:1.5}.studio-links__address{overflow-wrap:anywhere;letter-spacing:-.02em;text-underline-offset:.28em;justify-content:space-between;align-items:center;gap:1.25rem;min-width:0;font-size:1rem;font-weight:480;line-height:1.4;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s;display:flex}.studio-links__address svg{stroke:currentColor;stroke-width:1.6px;flex:none;width:.95rem;height:.95rem;transition:transform .2s}.studio-links a:is(:hover,:focus-visible) .studio-links__address{text-decoration-color:currentColor}.studio-links a:is(:hover,:focus-visible) svg{transform:translate(2px,-2px)}.motifs{z-index:1;pointer-events:none;position:absolute;inset:0}.motif{--turn:0deg;transform:rotate(var(--turn));transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s;display:block;position:absolute}.motif--jelly{--turn:14deg;width:8rem;top:2%;right:13%}.charm-star{aspect-ratio:.88;clip-path:inset(0 0 0 4%);width:100%;display:block;position:relative;overflow:hidden}.charm-star img{width:200%;max-width:none;height:auto;position:absolute;top:50%;left:-100%;transform:translateY(-50%)}.motif--pink-heart{--turn:-18deg;fill:url(#heart-tint);stroke:#e694c4;stroke-width:.8px;width:3.3rem;top:14%;left:11%}.motif--outline-heart{--turn:18deg;fill:none;stroke:#8198df;stroke-width:1.8px;width:3.8rem;bottom:5%;right:15%}.motif--blue-spark{--turn:-8deg;fill:#4567cf;width:1.9rem;bottom:17%;left:8%}.motif--pink-spark{--turn:8deg;fill:#e787c2;width:2.3rem;top:40%;right:3%}.motif--tiny-spark{--turn:16deg;fill:#99b0e8;width:1rem;top:2%;left:42%}.motif--orbit{--turn:-5deg;fill:none;stroke:#92a8e4;stroke-width:1.2px;width:5.5rem;bottom:3%;left:28%}.motif--orbit path{fill:#b7c9f6;stroke:none}.identity:has(a[href^=mailto\:]:is(:hover,:focus-visible)) .motif--pink-heart{transform:translateY(-5px)rotate(-8deg)scale(1.12)}.identity:has(a[href^=https\:]:is(:hover,:focus-visible)) .motif--jelly{transform:translateY(-5px)rotate(5deg)}.identity:has(a:is(:hover,:focus-visible)) .motif--tiny-spark{transform:rotate(70deg)scale(1.35)}.studio-footer{width:min(100%,68rem);margin-inline:auto}.studio-copyright{white-space:nowrap;margin:0}@media (width<=48rem){.studio-page{padding:1.5rem 1.5rem 1.25rem}.identity{width:min(100%,32rem);margin-bottom:1.5rem;padding-block:8rem}.identity__type{width:100%}.identity h1{font-size:clamp(2.25rem,7.3vw,3rem)}.studio-links{margin-top:1.8rem}.motif--jelly{width:5.6rem;top:0;right:8%}.motif--pink-heart{width:2.35rem;top:6%;left:1%}.motif--tiny-spark{width:.8rem;top:7%;left:44%}.motif--blue-spark{width:1.25rem;bottom:5%;left:5%}.motif--pink-spark{width:1.25rem;top:auto;bottom:9%;right:2%}.motif--outline-heart{width:2.75rem;bottom:0;right:24%}.motif--orbit{width:3.8rem;bottom:12%;left:32%}.studio-copyright{font-size:.65rem}}@media (width<=22rem){.studio-links a{grid-template-columns:minmax(0,1fr);gap:.35rem}.studio-links__address svg{display:none}}@media (prefers-reduced-motion:reduce){.identity:has(a:is(:hover,:focus-visible)) .motifs .motif{transform:rotate(var(--turn))}.studio-links a:is(:hover,:focus-visible) svg{transform:none}}
