@font-face{font-family:Pretendard SATINODE;src:url(/assets/pretendard-satinode-DtnweOS_.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:#f7f9ff;--ink:#2548d2;--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}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}}a{-webkit-tap-highlight-color:transparent;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}.studio-page{isolation:isolate;min-height:100svh;padding:max(2.5rem, env(safe-area-inset-top,0px)) max(clamp(1.5rem, 5vw, 5rem), env(safe-area-inset-right,0px)) max(2rem, env(safe-area-inset-bottom,0px)) max(clamp(1.5rem, 5vw, 5rem), env(safe-area-inset-left,0px));background:var(--paper);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:clip}.studio-defs{width:0;height:0;position:absolute}.studio-skip{z-index:5;top:calc(.75rem + env(safe-area-inset-top,0px));left:calc(.75rem + env(safe-area-inset-left,0px));color:#fff;background:var(--ink);transform:translateY(calc(-100% - 1rem - env(safe-area-inset-top,0px)));border-radius:.4rem;padding:.8rem 1rem;position:fixed}.studio-skip:focus{transform:none}.identity{--interaction-ease:cubic-bezier(.22, 1, .36, 1);align-self:center;place-items:center;width:min(100%,68rem);min-height:clamp(28rem,65svh,40rem);margin:0 auto 2rem;padding-block:7rem;display:grid;position:relative}.identity__type{z-index:2;width:min(100%,30rem);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(3.5rem,2.8rem + 2.8vw,6rem);font-weight:600;line-height:1.05;transform:skew(-7deg)}.identity__state{letter-spacing:-.025em;margin:1.1rem 0 0 .1rem;font-size:clamp(1rem,.9rem + .25vw,1.125rem);font-weight:420;line-height:1.4}.studio-links{gap:.2rem;margin-top:1.75rem;display:grid}.studio-links a{--link-underline:0;outline-offset:.5rem;-webkit-tap-highlight-color:#2548d21f;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.25rem;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;align-items:center;gap:.65rem;min-width:0;font-size:1rem;font-weight:480;line-height:1.4;display:flex}.studio-links__address>span{min-width:0;position:relative}.studio-links__address>span:after{content:"";height:1px;transform:scaleX(var(--link-underline));transform-origin:0;transition:transform .22s var(--interaction-ease);background:currentColor;position:absolute;bottom:.08em;left:0;right:0}.studio-links__address svg{stroke:currentColor;stroke-width:1.6px;width:.95rem;height:.95rem;transition:transform .22s var(--interaction-ease);flex:none}.studio-links a:is(:focus-visible,:active){--link-underline:1}.studio-links a: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 .32s var(--interaction-ease);display:block;position:absolute}.motif--jelly{--turn:14deg;width:clamp(6rem,10vw,9rem);top:2%;right:8%}.charm-star{width:100%;height:auto;display:block}.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(:focus-visible,:active)) .motif--pink-heart{transform:translateY(-3px)rotate(-12deg)scale(1.06)}.identity:has(a[href^=https\:]:is(:focus-visible,:active)) .motif--jelly{transform:translateY(-4px)rotate(8deg)}.identity:has(a:is(:focus-visible,:active)) .motif--tiny-spark{transform:rotate(40deg)scale(1.15)}@media (hover:hover) and (pointer:fine){.studio-links a:hover{--link-underline:1}.studio-links a:hover svg{transform:translate(2px,-2px)}.identity:has(a[href^=mailto\:]:hover) .motif--pink-heart{transform:translateY(-3px)rotate(-12deg)scale(1.06)}.identity:has(a[href^=https\:]:hover) .motif--jelly{transform:translateY(-4px)rotate(8deg)}.identity:has(a:hover) .motif--tiny-spark{transform:rotate(40deg)scale(1.15)}}.studio-links a:active .studio-links__address>span:after{transition-duration:90ms}.studio-links a:active svg{transition-duration:90ms;transform:translate(1px,-1px)scale(.9)}.studio-footer{width:min(100%,68rem);margin-inline:auto}.studio-copyright{white-space:nowrap;margin:0}@media (width<=48rem),(height<=30rem){.studio-page{padding:max(1.5rem, env(safe-area-inset-top,0px)) max(min(1.5rem, 6.25vw), env(safe-area-inset-right,0px)) max(1.25rem, env(safe-area-inset-bottom,0px)) max(min(1.5rem, 6.25vw), env(safe-area-inset-left,0px))}.identity{width:min(100%,32rem);min-height:0;margin-bottom:1.5rem;padding-block:min(8.25rem,34vw) min(6rem,25vw)}.motif--jelly{width:min(5.5rem,23vw);top:0;right:8%}.motif--pink-heart{width:min(2.35rem,10vw);top:1.5rem;left:1%}.motif--tiny-spark{width:min(.8rem,3.5vw);top:2rem;left:44%}.motif--blue-spark{width:min(1.25rem,5vw);bottom:1.5rem;left:5%}.motif--pink-spark{width:min(1.25rem,5vw);top:auto;bottom:min(2.5rem,10vw);right:2%}.motif--outline-heart{width:min(2.75rem,11vw);bottom:0;right:24%}.motif--orbit{width:min(3.8rem,16vw);bottom:min(2.5rem,10vw);left:32%}.studio-copyright{font-size:.65rem}}@media (width<=22rem){.studio-links a{grid-template-columns:minmax(0,1fr);gap:.35rem}}@media (prefers-reduced-motion:reduce){.identity:has(a:is(:hover,:focus-visible,:active)) .motifs .motif{transform:rotate(var(--turn))}.studio-links a:is(:hover,:focus-visible,:active) svg{transform:none}.studio-links__address>span:after{opacity:var(--link-underline);transform:none}}
