:root{font-family:ludiple sans,Noto Sans KR,Malgun Gothic,ui-sans-serif,system-ui,sans-serif;color:#fff9ff;background:#1a062e;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#1a062e}::selection{color:#240034;background:#f3ceff}:focus-visible{outline:2px solid #fff8ff;outline-offset:5px}.studio-home{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 68% 3%,#cf73ff 0 8%,transparent 31%),radial-gradient(circle at 0 88%,#7422d4 0 12%,transparent 43%),linear-gradient(132deg,#25013d,#6920bb 49%,#b143ee)}.studio-light{position:absolute;z-index:-1;border-radius:50%;filter:blur(28px);opacity:.72;pointer-events:none}.studio-light-top{top:-16rem;right:11vw;width:min(54vw,780px);aspect-ratio:1;background:#ecacff}.studio-light-bottom{bottom:-24rem;left:-12rem;width:min(54vw,780px);aspect-ratio:1;background:#411176}.studio-orbit{position:absolute;z-index:-1;right:-14vw;top:19vh;width:min(64vw,930px);aspect-ratio:1;border:1px solid #ffeaff75;border-radius:50%;transform:rotate(-17deg)}.orbit-line,.orbit-dot{position:absolute;display:block}.orbit-line{top:10%;right:10%;bottom:10%;left:10%;border:1px solid #ffeaff4a;border-radius:50%}.orbit-line-two{top:29%;right:29%;bottom:29%;left:29%;border-color:#fff6ffae}.orbit-dot{width:18px;aspect-ratio:1;border-radius:50%;background:#fff8ff;box-shadow:0 10px 32px #4a006f}.orbit-dot-one{left:21%;top:7%}.orbit-dot-two{right:17%;bottom:16%;width:11px;background:#ffdd65}.studio-header,.studio-hero,.studio-note,.studio-footer{width:min(1320px,calc(100% - clamp(36px,9vw,132px)));margin-inline:auto}.studio-header{display:flex;align-items:center;justify-content:space-between;padding-top:clamp(25px,4vw,54px);color:#fff8ff}.studio-mark,.studio-nav-link,.studio-action{color:inherit;text-decoration:none}.studio-mark{display:inline-flex;align-items:baseline;gap:5px;color:#fff;font-size:clamp(16px,1.3vw,21px);font-weight:900;letter-spacing:-.04em;line-height:1;transition:opacity .18s ease-out}.studio-mark span:last-child{font-size:.72em;font-weight:700;letter-spacing:-.02em}.studio-mark:hover{opacity:.74}.studio-nav-link,.studio-footer{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.studio-nav-link{border-bottom:1px solid #fff8ff;padding-bottom:4px}.studio-hero{position:relative;min-height:770px;padding:clamp(88px,15vh,166px) 0 82px}.studio-hero h1{position:relative;z-index:1;max-width:6.1ch;margin:0;color:#fff9ff;font-size:clamp(72px,11.1vw,160px);font-weight:900;line-height:.8;letter-spacing:-.04em;text-wrap:balance}.studio-hero h1 em{color:#2a013f;font-style:normal;text-shadow:0 3px 0 #ffdcff50}.studio-action{position:absolute;bottom:86px;left:0;display:inline-flex;align-items:center;gap:15px;padding:13px 0 8px;border-bottom:2px solid #fff8ff;color:#fff8ff;font-size:14px;font-weight:800}.studio-action svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .18s ease-out}.studio-action:hover svg{transform:translate(5px)}.studio-note{padding:clamp(55px,8vw,116px) 0;border-top:1px solid #ffeaff80}.studio-note h2{max-width:15ch;margin:0;color:#fff9ff;font-size:clamp(31px,4.2vw,64px);font-weight:900;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}.studio-note div p{max-width:41ch;margin:27px 0 0;color:#f7d7ff;font-size:clamp(15px,1.3vw,19px);line-height:1.7}.studio-footer{display:flex;justify-content:space-between;padding:23px 0 31px;border-top:1px solid #ffeaff47;color:#e9b4ff}@media (prefers-reduced-motion: no-preference){.studio-orbit{animation:studio-orbit-drift 18s ease-in-out infinite alternate}}@keyframes studio-orbit-drift{0%{transform:rotate(-17deg) scale(1)}to{transform:rotate(-7deg) scale(1.035)}}@media (max-width: 780px){.studio-header,.studio-hero,.studio-note,.studio-footer{width:min(100% - 40px,620px)}.studio-orbit{right:-56vw;top:22vh;width:138vw}.studio-hero{display:flex;min-height:690px;flex-direction:column;padding:97px 0 60px}.studio-hero h1{font-size:clamp(64px,18vw,115px)}.studio-action{position:relative;bottom:auto;align-self:flex-start;margin-top:45px}.studio-note{padding:55px 0}.studio-footer{gap:15px;font-size:10px}}:root{--page: #1a062e;--ink: #fff9ff;--muted: #f7d7ff;--accent: #c451f2;--accent-soft: #f5b7ff;--shadow: #26003b66}@font-face{font-family:ludiple sans;src:url(/fonts/ludiple-sans-kr.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:ludiple sans,Noto Sans KR,Yu Gothic,Meiryo,Malgun Gothic,ui-sans-serif,system-ui,sans-serif}html,body,button,input,select,textarea{font-family:ludiple sans,Noto Sans KR,Yu Gothic,Meiryo,Malgun Gothic,ui-sans-serif,system-ui,sans-serif}:root:lang(ja){font-family:Yu Gothic,YuGothic,Meiryo,ludiple sans,sans-serif}:root:lang(ja) body,:root:lang(ja) button,:root:lang(ja) input,:root:lang(ja) select,:root:lang(ja) textarea{font-family:Yu Gothic,YuGothic,Meiryo,ludiple sans,sans-serif}
