@charset "UTF-8";
:root{color-scheme:dark;--bg:#08191e;--panel:#10272d;--ink:#e3ece6;--muted:#9fb6b5;--gold:#f3d994;--line:rgba(182,209,202,.16);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.8;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button:disabled{cursor:default}::selection{background:#f3d994;color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:10px}.nav{height:110px;max-width:1280px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand,.footer-brand{font-family:Georgia,"Times New Roman",serif;font-size:39px;line-height:1;letter-spacing:-2.2px;font-weight:400}.brand{display:inline-flex;gap:8px;align-items:center}.brand-star{color:var(--gold);font-size:24px;align-self:flex-start;margin-top:0}.nav nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#b6c7c1}.nav nav a:hover,.footer-links a:hover{color:var(--gold)}.nav .studio{margin-left:30px;font-size:12px;letter-spacing:.5px}.sky{position:absolute;inset:0 0 auto;height:1000px;overflow:hidden;pointer-events:none;z-index:0;mask-image:linear-gradient(black 70%,transparent)}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 8% 22%,#e3dbb7 80%,transparent),radial-gradient(1px 1px at 24% 48%,#aacac4 80%,transparent),radial-gradient(1px 1px at 42% 11%,#e3dbb7 80%,transparent),radial-gradient(1px 1px at 57% 37%,#aacac4 80%,transparent),radial-gradient(1px 1px at 79% 12%,#e3dbb7 80%,transparent),radial-gradient(1.5px 1.5px at 92% 40%,#cfceab 80%,transparent),radial-gradient(1px 1px at 71% 73%,#aacac4 80%,transparent),radial-gradient(1px 1px at 12% 85%,#e3dbb7 80%,transparent);background-size:700px 680px;opacity:.42;animation:drift 50s linear infinite}.shooting{position:absolute;width:100px;height:1px;background:linear-gradient(90deg,transparent,#c9dbcc);transform:rotate(-32deg);opacity:0;animation:shoot 13s ease-in infinite;top:22%;left:69%}.shooting.two{animation-delay:6s;animation-duration:17s;top:55%;left:22%;width:60px}@keyframes drift{to{transform:translateY(30px)}}@keyframes shoot{0%,76%,100%{opacity:0;transform:translate(0,0) rotate(-32deg)}80%{opacity:.55}89%{opacity:0;transform:translate(230px,-145px) rotate(-32deg)}}main{position:relative;z-index:1}.hero{max-width:1280px;margin:auto;padding:100px 64px 110px;min-height:760px;display:grid;grid-template-columns:1.07fr 1fr;align-items:center;position:relative;gap:48px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--muted);font-weight:500;margin:0 0 30px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #f3d99455}h1{font-size:clamp(42px,4.55vw,64px);font-weight:350;letter-spacing:-3.5px;line-height:1.36;margin:0 0 30px}.period{color:var(--gold)}.hero-desc{font-size:16px;color:var(--muted);line-height:2.05;margin:0}.hero-actions{margin-top:38px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:53px;padding:12px 24px;font-size:13px;line-height:1.5;border-radius:100px;border:1px solid #e4ce9255;transition:background .25s,border-color .25s}.primary{background:#ddc78e0b;color:#f3dfa8}.primary:hover{background:#ddc78e1c;border-color:#e4ce9299}.button span{font-size:18px}.availability{font-size:10px;color:var(--muted);letter-spacing:.6px}.night-object{position:relative;padding:40px 0 20px;display:flex;flex-direction:column;align-items:center}.night-object:before{content:"";position:absolute;inset:-40px -40px;background:radial-gradient(ellipse,#53685014,transparent 66%);pointer-events:none}.orbit{position:absolute;inset:0;pointer-events:none;opacity:.65}.orbit span{position:absolute;width:4px;height:4px;background:#d5d9ad;border-radius:50%;box-shadow:0 0 15px #f6d68f44}.orbit span:nth-child(1){top:4%;left:25%}.orbit span:nth-child(2){top:19%;right:6%;width:2px;height:2px}.orbit span:nth-child(3){bottom:20%;left:1%;width:2px;height:2px}.demo{width:min(100%,334px);position:relative}.demo-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted);margin:0 4px 19px}.demo-count{font-variant-numeric:tabular-nums;font-size:9px;letter-spacing:1.8px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{border:1px dashed #69898b80;background:#132b3038;border-radius:21%;aspect-ratio:1;display:grid;place-items:center;position:relative;padding:24%;transition:background .5s,border-color .5s,box-shadow .6s;min-width:44px;min-height:44px}.tile svg{width:100%;fill:none;stroke:#91aaa7;stroke-width:1.2;opacity:.5;transition:filter .6s,fill .5s,stroke .5s,opacity .5s;transform:scale(.55)}.tile.lit{border:1px solid #e5c47555;background:radial-gradient(ellipse,#d9b55e16,#a88c4410 55%,#13292c 100%);box-shadow:inset 0 0 18px #d8ba6510,0 0 20px #d8ba6505}.tile.lit svg{fill:#f7df8f;stroke:#fff1b9;stroke-width:.4;opacity:1;transform:scale(.78);filter:drop-shadow(0 0 7px #f7d47499)}.tile:hover{background-color:#b4cfbe0e}.tile:active{transform:scale(.97)}.demo-message{text-align:center;font-size:11px;color:#a9bfba;margin:22px -10px 0;min-height:24px;transition:color .4s}.demo.solved .demo-message{color:var(--gold)}.demo.solved .tile{box-shadow:0 0 30px #edcf6c13}.reset{background:none;border:0;display:block;margin:6px auto 0;color:#9bb1b0;font-size:10px;letter-spacing:.3px;min-height:44px;padding:0 15px}.reset:hover{color:var(--gold)}.reset span{padding-left:8px;font-size:16px}.object-note{font-family:Georgia,"Apple SD Gothic Neo",serif;font-size:10px;color:#7f9a99;margin:25px 0 0;letter-spacing:1px}.scroll-cue{position:absolute;bottom:29px;left:64px;display:flex;gap:22px;font-size:10px;color:#9bb1ad;min-height:44px;align-items:center}.scroll-cue span:last-child{color:var(--gold)}.story{max-width:1152px;margin:auto;border-top:1px solid var(--line);padding:95px 0 105px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.story h2,.journey h2{font-size:34px;line-height:1.65;font-weight:350;letter-spacing:-1.7px;margin:0}.story .eyebrow,.journey .eyebrow{margin-bottom:23px}.story-text{padding-top:40px;color:var(--muted);font-size:14px}.story-text p{margin:0 0 20px}.journey{max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:30px 0 110px}.screen-wrap{position:relative;display:flex;align-items:center;flex-direction:column}.screen-wrap img{position:relative;width:216px;height:auto;border-radius:28px;border:1px solid #b9cabe29;box-shadow:0 30px 80px #0003;z-index:1}.screen-halo{position:absolute;inset:0;background:radial-gradient(ellipse,#e7d18b0d,transparent 65%)}.screen-caption{font-size:8px;letter-spacing:2px;color:#8aa3a0;margin-top:20px}.journey-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2;margin-top:24px}.numbers{display:flex;gap:36px;align-items:center;margin:36px 0 28px}.numbers>div{display:flex;flex-direction:column}.numbers strong{font-family:Georgia,serif;color:var(--gold);font-size:42px;font-weight:400;line-height:1.3}.numbers span{font-size:11px;color:var(--muted);margin-top:7px}.numbers i{height:47px;width:1px;background:var(--line)}.journey-copy>p.quiet-detail{font-size:10px;letter-spacing:.3px}.closing{border-top:1px solid var(--line);padding:95px 24px 115px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#5067460c,transparent 70%)}.closing-star{width:30px;margin:0 auto 30px;filter:drop-shadow(0 0 15px #f3d99466);fill:var(--gold)}.closing>p{font-size:12px;color:var(--muted)}.closing h2{font-size:38px;letter-spacing:-1.8px;font-weight:350;line-height:1.65;margin:20px 0 32px}.closing>.availability{display:block;margin-top:18px}footer{max-width:1280px;margin:auto;padding:48px 64px 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:36px}footer p{font-size:11px;color:var(--muted);margin:14px 0 0}.footer-brand{font-size:32px}.footer-links{display:flex;align-items:center;gap:26px;font-size:11px;color:var(--muted)}.colophon{grid-column:1/-1;display:flex;justify-content:space-between;color:#819b98;font-size:9px;letter-spacing:.5px;padding-top:20px}.motion-toggle{position:fixed;bottom:18px;right:22px;z-index:5;font-size:9px;letter-spacing:.3px;border:1px solid #b9cabe24;border-radius:30px;background:#08191ee8;color:#a9bcb6;padding:9px 15px;min-height:40px;backdrop-filter:blur(8px)}.motion-toggle span{margin-left:8px}.motion-paused .stars,.motion-paused .shooting{animation-play-state:paused}.document{max-width:740px;margin:65px auto 110px;padding:0 24px}.document h1{font-size:42px;letter-spacing:-2px}.document .lead{color:var(--muted);font-size:16px;line-height:2}.document h2{font-size:21px;font-weight:500;margin:42px 0 12px}.document p,.document li{color:#b6c9c3;font-size:14px}.document a:not(.button){text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c5d7c366}.document .eyebrow{color:var(--muted);font-size:10px}.document details{border-bottom:1px solid var(--line);padding:20px 0}.document summary{cursor:pointer;font-size:15px}.document details p{margin-bottom:4px}.document .contact{padding:28px;border:1px solid var(--line);border-radius:20px;margin:35px 0;background:#d0e4c803}.document .contact p{margin:0 0 20px}.document .updated{font-size:11px;margin-bottom:36px}.doc-back{display:inline-flex;font-size:12px!important;margin-bottom:35px;color:var(--muted)}
@media(min-width:1440px){.hero{padding-top:140px;padding-bottom:160px;min-height:850px}.night-object{transform:scale(1.08)}}
@media(max-width:1250px){.story,.journey{margin-left:64px;margin-right:64px}.hero{gap:25px}.nav .studio{margin-left:5px}}
@media(max-width:760px){.nav{height:86px;padding:0 26px}.nav nav{gap:20px;font-size:12px}.nav .studio{display:none}.brand{font-size:34px}.hero{padding:47px 28px 90px;min-height:auto;display:flex;flex-direction:column;gap:48px;align-items:stretch}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:8px;letter-spacing:2px;margin-bottom:25px}h1{font-size:43px;letter-spacing:-2.5px;line-height:1.4;margin-bottom:24px}.hero-desc{font-size:14px}.hero-actions{align-items:center;margin-top:28px;gap:12px}.button{min-height:52px;font-size:12px;padding:12px 23px}.night-object{padding:10px 22px 0}.demo{width:min(100%,290px)}.board{gap:11px}.object-note{margin-top:19px;font-size:9px}.scroll-cue{position:static;align-self:center;margin-top:-25px;gap:16px}.story{margin:0 28px;display:block;padding:65px 0 45px;text-align:center}.story h2,.journey h2{font-size:28px;line-height:1.65;letter-spacing:-1.4px}.story-text{padding-top:25px;font-size:13px;line-height:1.95}.desktop{display:none}.journey{margin:0 28px;display:flex;flex-direction:column-reverse;gap:40px;padding:15px 0 65px;text-align:center}.journey-copy>p:not(.eyebrow){font-size:13px}.numbers{justify-content:center;margin:27px 0}.numbers strong{font-size:36px}.screen-wrap img{width:204px;border-radius:25px}.closing{padding:65px 24px 80px}.closing h2{font-size:30px}.closing>p{font-size:11px}footer{padding:38px 28px 75px;display:flex;flex-direction:column;gap:22px}.footer-links{flex-wrap:wrap;gap:22px}.colophon{font-size:8px;gap:15px;padding-top:5px}.motion-toggle{bottom:12px;right:12px}.document{margin:40px auto 75px;padding:0 28px}.document h1{font-size:34px}.document .eyebrow{justify-content:flex-start}.document .contact{padding:22px}.sky{height:1200px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}
@media(max-width:760px){.night-object:before{inset:-40px -10px}}