@font-face{font-family:Space;src:url('/assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--bg:#111214;--panel:#191a1d;--line:#343536;--text:#f3f0e8;--muted:#b0afa9;--orange:#f58a58;--ink:#111214;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:Space,'Noto Sans KR','Malgun Gothic',sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:var(--ink)}img,svg{max-width:100%}img{display:block}button{color:inherit}[hidden]{display:none!important}.wrap{max-width:var(--max);width:calc(100% - 112px);margin-inline:auto}.skip{position:fixed;top:12px;left:20px;transform:translateY(-180%);background:var(--orange);color:var(--ink);padding:12px 22px;z-index:99}.skip:focus{transform:none}.mono,.eyebrow,.label,.section-number{font-family:Consolas,'SFMono-Regular',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);margin:0 0 28px}.dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 16px #f58a5844}.arrow{display:inline-block;font-size:22px;font-weight:400;line-height:1;transition:transform .25s}.btn:hover .arrow,.text-link:hover .arrow{transform:translate(3px,-3px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 24px;border-radius:4px;font-size:14px;font-weight:600;min-height:52px;border:1px solid transparent;transition:background .2s,transform .2s}.btn-primary{background:var(--orange);color:var(--ink)}.btn-primary:hover{background:#ffa679}.btn-outline{border-color:#555653}.btn-outline:hover{background:#252629}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;padding:10px 0;border-bottom:1px solid #7c7a74}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:50px}.section-head h2{font-size:clamp(34px,4.1vw,58px);font-weight:500;line-height:1.15;letter-spacing:-.055em;margin:0}.section-head p{color:var(--muted);font-size:14px;max-width:340px;margin:0}.section-number{color:var(--orange);display:block;margin-bottom:20px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{word-break:keep-all}p{word-break:keep-all}main{min-height:65vh}
.site-header{height:96px;border-bottom:1px solid #ffffff14;position:relative;z-index:20;background:var(--bg)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:700;letter-spacing:-.9px}.brand-icon{width:31px;height:31px;color:var(--orange)}.navigation{display:flex;align-items:center;gap:36px;font-size:13px}.navigation a{padding:10px 0;color:#cfcec7;transition:color .2s}.navigation a:hover,.navigation a[aria-current]{color:var(--orange)}.navigation .nav-contact{border:1px solid #575754;border-radius:4px;padding:9px 17px;color:var(--text);margin-left:12px}.menu-toggle{display:none;background:none;border:1px solid #4b4c4a;border-radius:4px;padding:8px 12px;font-size:13px}.nav-contact .arrow{font-size:16px;margin-left:12px}
.hero{position:relative;isolation:isolate;overflow:clip;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:708px;align-items:center;position:relative}.hero-copy{padding:70px 0 88px;position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(62px,6.6vw,98px);line-height:1.02;font-weight:500;letter-spacing:-.067em;margin:0 0 31px}.hero h1 span{display:block;white-space:nowrap}.hero h1 em{color:var(--orange);font-weight:500;font-style:normal}.hero .intro{font-size:16px;color:#c2c0b9;max-width:410px;line-height:1.9;margin:0 0 33px}.hero-actions{display:flex;gap:24px;align-items:center}.hero-actions .sub-link{font-size:13px;color:#b9b8b2;padding:12px 0}.hero-visual{height:620px;position:relative;min-width:0;align-self:center;margin-right:-25px}.hero-visual::before{content:'';position:absolute;inset:2% -20% 0 -20%;background:radial-gradient(ellipse at 50% 45%,#b86d2916,transparent 63%);z-index:-1}.scene{height:100%;width:100%;position:relative;touch-action:pan-y}.scene canvas{position:absolute;inset:0;display:block;z-index:2}.scene-fallback{position:absolute;width:78%;height:85%;left:11%;top:4%;object-fit:contain;opacity:1;transition:opacity .35s}.scene[data-scene=ready] .scene-fallback{opacity:0}.scene[data-scene=fallback] canvas{visibility:hidden}.scene[data-scene=fallback] .scene-fallback{opacity:1}.scene-label{position:absolute;top:43px;right:23px;color:#858680;font-size:10px;letter-spacing:.14em}.scene-cross{position:absolute;width:14px;height:14px;color:#666862;font:16px monospace}.cross-a{top:44px;left:14px}.cross-b{bottom:67px;right:23px}.visual-bottom{position:absolute;bottom:29px;left:25px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:4}.visual-bottom .mono{font-size:9px;letter-spacing:.1em;color:#96978f}.motion-toggle{border:0;background:transparent;padding:9px 0 9px 10px;color:#b2b1aa;font-size:11px;min-height:44px;white-space:nowrap}.motion-toggle span{margin-right:5px}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid #ffffff14;color:#95958e;font-size:10px;letter-spacing:.08em}.hero-bottom a{color:#c6c4bc;font-size:11px}.hero-bottom a span{margin-left:10px}.hero-grid:after{content:'';position:absolute;width:380px;height:80px;right:4%;bottom:84px;border-radius:50%;background:#050505;filter:blur(35px);opacity:.56;z-index:-1}
.apps-section{padding:110px 0}.app-empty{display:grid;grid-template-columns:.9fr 1.2fr;min-height:390px;background:#1b1c1e;border:1px solid #343536;border-radius:7px;overflow:hidden}.empty-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px;background-color:#202124;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:38px 38px;overflow:hidden}.empty-orbit{width:232px;height:232px;border:1px solid #494b49;border-radius:50%;position:absolute}.empty-orbit:before{content:'';position:absolute;inset:-28px;border:1px solid #383a39;border-radius:50%}.empty-orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);top:21px;right:30px;box-shadow:0 0 20px #f58a5855}.app-tile{width:133px;height:133px;border-radius:29px;background:linear-gradient(135deg,#303331,#191b1c);box-shadow:inset 0 1px 1px #ffffff2d,0 22px 60px #0006;border:1px solid #52544f;transform:rotate(-10deg);display:grid;place-items:center}.app-tile svg{width:62px;color:var(--orange);transform:rotate(10deg)}.art-corner{position:absolute;bottom:21px;left:25px;color:#8d9085;font-size:9px}.empty-copy{padding:61px 64px;display:flex;flex-direction:column;justify-content:center;align-items:start}.pill{font-size:10px;letter-spacing:.09em;display:inline-flex;align-items:center;gap:9px;border:1px solid #66503f;border-radius:30px;padding:5px 10px;color:#f3b994}.empty-copy h3{font-size:32px;letter-spacing:-.06em;font-weight:500;line-height:1.5;margin:23px 0 16px}.empty-copy p{font-size:14px;color:var(--muted);max-width:430px;margin:0}.empty-copy .text-link{margin-top:25px}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.app-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.app-card a{display:block}.app-card .app-cover{aspect-ratio:1.45;background:#202326;display:grid;place-items:center;overflow:hidden}.app-card .app-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.app-card:hover .app-cover img{transform:scale(1.025)}.app-card-info{padding:27px 29px}.app-card-info h3{font-size:27px;font-weight:500;margin:8px 0}.app-card-info p{font-size:14px;color:var(--muted);margin:0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.filter{background:none;border:1px solid var(--line);border-radius:25px;padding:9px 19px;color:var(--muted);font-size:12px}.filter[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.manifesto{background:#eae7df;color:#191b1b;padding:100px 0 95px}.manifesto .section-number{color:#a34c29}.manifesto-head{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px;align-items:start;margin-bottom:64px}.manifesto-head h2{font-size:clamp(37px,4.5vw,64px);font-weight:500;line-height:1.23;letter-spacing:-.065em;margin:0}.manifesto-head h2 span{color:#74766e}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:43px}.principle{padding-top:24px;border-top:1px solid #191b1b44}.principle .number{font:11px Consolas,monospace;color:#77796f}.principle h3{font-size:19px;font-weight:600;margin:27px 0 13px;letter-spacing:-.05em}.principle p{font-size:13px;line-height:1.9;color:#5e615a;margin:0;max-width:330px}.studio-section{padding:110px 0}.studio-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:100px;align-items:center}.studio-copy h2{font-size:43px;font-weight:500;line-height:1.4;letter-spacing:-.07em;margin:0 0 26px}.studio-copy p{color:var(--muted);font-size:14px;line-height:1.9}.studio-copy .text-link{margin-top:24px}.code-art{min-height:345px;background:#191a1c;border:1px solid #393a37;border-radius:6px;position:relative;overflow:hidden}.code-top{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid #30312f}.window-dots{display:flex;gap:6px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#62635c}.code-top .mono{font-size:10px;color:#a5a69d}.code-content{padding:39px 30px 40px;line-height:2.1;font:15px/2.1 Consolas,monospace;color:#b5b8aa;white-space:pre;overflow:hidden}.code-content .orange{color:#f99c71}.code-content .cream{color:#edeadd}.code-content .dim{color:#666d69}.code-foot{padding:15px 25px;border-top:1px solid #30312f;color:#b1b3a4;font-size:10px;display:flex;align-items:center;gap:8px}.code-foot .dot{width:5px;height:5px}
.contact-band{padding:72px 0 80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-inner{display:flex;align-items:end;justify-content:space-between;gap:45px}.contact-band h2{font-size:clamp(38px,5.5vw,76px);font-weight:500;line-height:1.12;letter-spacing:-.07em;margin:0}.contact-band h2 span{color:var(--orange)}.contact-band .btn{flex-shrink:0;margin-bottom:7px}.contact-band p{font-size:14px;color:var(--muted);margin:20px 0 0}.site-footer{padding:40px 0 27px}.footer-top{display:flex;justify-content:space-between;gap:40px;margin-bottom:44px}.footer-tagline{font-size:12px;color:#92958b;margin-top:12px}.footer-links{display:flex;gap:24px;align-items:start;padding-top:8px;font-size:11px;color:#a7aaa0}.footer-bottom{padding-top:24px;border-top:1px solid #343536;display:flex;justify-content:space-between;gap:20px;font:9px Consolas,monospace;letter-spacing:.06em;color:#92958b}.footer-wordmark{font-size:clamp(64px,16vw,230px);letter-spacing:-.074em;line-height:1.12;font-weight:600;color:#282a28;margin:0 -6px 26px;user-select:none;overflow:hidden}
.page-hero{padding:80px 0 64px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:11px;margin-bottom:48px}.breadcrumb a:hover{color:var(--orange)}.page-hero h1{font-size:clamp(44px,6.5vw,88px);letter-spacing:-.065em;font-weight:500;line-height:1.12;margin:0 0 27px}.page-hero .page-intro{font-size:16px;line-height:1.9;color:var(--muted);max-width:660px;margin:0}.page-content{padding:65px 0 100px}.text-layout{display:grid;grid-template-columns:260px minmax(0,750px);gap:75px}.side-note{color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:17px}.prose h2{font-size:25px;letter-spacing:-.045em;font-weight:500;line-height:1.5;margin:0 0 17px}.prose h2:not(:first-child){margin-top:48px}.prose p,.prose li{color:var(--muted);font-size:14px;line-height:1.95}.prose ul{padding-left:19px}.prose a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}.support-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.support-card{border:1px solid var(--line);padding:34px;border-radius:5px;background:var(--panel)}.support-card h2{font-size:22px;letter-spacing:-.04em;font-weight:500;margin:16px 0}.support-card p{color:var(--muted);font-size:14px;line-height:1.9}.support-card .text-link{margin-top:18px}.faq{margin-top:68px;max-width:860px}.faq h2{font-size:29px;font-weight:500;letter-spacing:-.04em;margin-bottom:25px}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;position:relative;padding-right:35px;font-size:14px;font-weight:500}.faq summary:after{content:'+';position:absolute;right:5px;color:var(--orange);font-size:20px;top:-4px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);max-width:730px;margin:14px 0 0}.preview-banner{background:#353025;color:#f6d4a3;font-size:12px;padding:12px 24px;text-align:center}.app-detail-head{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.app-detail-head h1{font-size:68px;margin-top:25px}.detail-visual{background:#212527;border:1px solid #484b44;border-radius:8px;min-height:400px;display:flex;justify-content:center;align-items:center}.detail-visual img{max-height:460px;object-fit:contain}.detail-visual .app-tile{width:160px;height:160px}.app-meta{display:flex;flex-wrap:wrap;gap:25px;color:var(--muted);font-size:12px;margin:28px 0}.app-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:40px}.app-feature{border-top:1px solid var(--line);padding-top:20px}.app-feature h3{font-size:20px;font-weight:500;letter-spacing:-.04em}.app-feature p{font-size:14px;color:var(--muted)}.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.detail-gallery figure{margin:0}.detail-gallery img{border-radius:9px;width:100%;background:var(--panel)}.detail-gallery figcaption{font-size:12px;color:var(--muted);margin-top:12px}.detail-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:48px;padding-top:25px;border-top:1px solid var(--line)}.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.will-reveal.in-view{opacity:1;transform:none}
@media(min-width:1600px){.hero-grid{min-height:760px}.hero-visual{height:680px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero h1{font-size:70px}.hero-grid{min-height:650px;grid-template-columns:1.1fr 1fr}.hero-visual{height:530px;margin-right:-30px}.hero .intro{font-size:14px;max-width:355px}.hero-actions{gap:17px}.hero-actions .btn{gap:16px}.scene-label{right:0;top:24px}.empty-copy{padding:40px}.manifesto-head{gap:30px}.studio-grid{gap:45px}.code-content{font-size:13px}.text-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}.app-detail-head{gap:35px}.app-detail-head h1{font-size:55px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 44px)}.site-header{height:76px}.brand{font-size:20px}.brand-icon{width:27px;height:27px}.menu-toggle{display:block;min-height:42px;min-width:61px}.navigation{display:none;position:absolute;left:0;right:0;top:76px;background:#191a1d;border-bottom:1px solid #454640;padding:20px 24px;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 30px 40px #0004}.navigation.is-open{display:flex}.navigation a{padding:12px}.navigation .nav-contact{margin:10px 0 0;padding:12px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:auto}.hero-copy{padding:53px 0 0}.hero h1{font-size:clamp(52px,10.8vw,80px);margin-bottom:25px;letter-spacing:-.065em}.hero .eyebrow{font-size:9px;letter-spacing:.1em;gap:9px;margin-bottom:23px}.hero .intro{font-size:14px;line-height:1.9;max-width:390px;margin-bottom:25px}.hero-actions{gap:21px}.hero-actions .btn{padding:12px 19px;min-height:49px;font-size:13px;gap:24px}.hero-actions .sub-link{font-size:12px}.hero-visual{height:345px;width:100%;margin:5px 0 0;align-self:auto}.hero-visual::before{inset:-10% -10%}.scene-label{right:4px;top:25px;font-size:8px}.cross-a{left:8px;top:30px}.cross-b{right:7px;bottom:30px}.visual-bottom{left:8px;right:0;bottom:5px}.visual-bottom .mono{font-size:8px}.scene-fallback{height:92%;top:0;width:65%;left:17.5%}.hero-grid:after{right:15%;width:70%;bottom:22px;height:30px;filter:blur(20px);opacity:.5}.hero-bottom{padding:18px 0;gap:15px;font-size:8px}.hero-bottom a{font-size:9px;white-space:nowrap}.hero-bottom a span{margin-left:6px}.apps-section{padding:66px 0}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:37px}.section-head p{font-size:13px;margin-top:20px}.section-head .text-link{margin-top:20px}.section-number{font-size:10px;margin-bottom:16px}.app-empty{grid-template-columns:1fr}.empty-art{min-height:275px}.empty-orbit{width:185px;height:185px}.app-tile{width:110px;height:110px;border-radius:25px}.app-tile svg{width:49px}.empty-copy{padding:31px 29px 35px}.empty-copy h3{font-size:27px;margin-top:20px}.empty-copy p{font-size:13px}.empty-copy .text-link{font-size:12px}.app-grid{grid-template-columns:1fr}.manifesto{padding:66px 0}.manifesto-head{grid-template-columns:1fr;gap:13px;margin-bottom:38px}.manifesto-head h2{font-size:37px}.principles{grid-template-columns:1fr;gap:27px}.principle{padding-top:19px}.principle h3{margin:13px 0 10px;font-size:18px}.principle p{font-size:13px;max-width:none}.studio-section{padding:66px 0}.studio-grid{grid-template-columns:1fr;gap:38px}.studio-copy h2{font-size:34px;margin-bottom:21px}.studio-copy p{font-size:13px}.studio-copy .text-link{margin-top:16px}.code-art{min-height:310px}.code-content{font-size:12px;padding:27px 20px 31px;line-height:2.25}.code-top{padding:16px 20px}.code-foot{padding:14px 20px}.contact-band{padding:58px 0}.contact-inner{display:block}.contact-band h2{font-size:45px}.contact-band p{font-size:13px;line-height:1.9;margin-top:21px}.contact-band .btn{margin-top:28px;min-height:48px}.site-footer{padding-top:33px}.footer-top{display:block;margin-bottom:30px}.footer-tagline{font-size:11px}.footer-links{margin-top:26px;gap:19px;flex-wrap:wrap}.footer-wordmark{font-size:16vw;margin:0 -3px 24px}.footer-bottom{font-size:8px;line-height:1.9;gap:18px;padding-top:20px}.footer-bottom span:last-child{text-align:right}.page-hero{padding:35px 0 43px}.breadcrumb{margin-bottom:35px;font-size:10px}.page-hero h1{font-size:47px;margin-bottom:22px}.page-hero .page-intro{font-size:14px}.page-content{padding:40px 0 65px}.text-layout{grid-template-columns:1fr;gap:32px}.side-note{font-size:11px}.prose h2{font-size:22px}.prose p,.prose li{font-size:13px}.support-cards{grid-template-columns:1fr;gap:19px}.support-card{padding:26px}.support-card h2{font-size:21px}.support-card p{font-size:13px}.faq{margin-top:42px}.faq h2{font-size:26px}.faq summary{font-size:13px}.faq details p{font-size:12px}.app-detail-head{grid-template-columns:1fr;gap:28px}.app-detail-head h1{font-size:45px}.detail-visual{min-height:290px}.app-features{grid-template-columns:1fr;gap:18px;margin-top:25px}.detail-gallery{grid-template-columns:1fr 1fr;gap:13px}.app-meta{gap:17px;font-size:11px}.preview-banner{font-size:11px;line-height:1.7;padding:10px 20px}}
@media(max-width:360px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:49px}.hero .eyebrow{font-size:8px;letter-spacing:.035em}.hero .intro{font-size:13px}.hero-actions{gap:14px}.hero-actions .btn{font-size:12px;padding:12px 15px;gap:15px}.hero-actions .sub-link{font-size:11px}.hero-visual{height:305px}.hero-bottom{font-size:7px}.hero-bottom a{font-size:8px}.empty-copy{padding:27px 23px}.empty-copy h3{font-size:25px}.contact-band h2{font-size:40px}.code-content{font-size:10.5px}.footer-links{gap:15px}.page-hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1!important;transform:none!important}}
