:root{--bg: #faf6f0;--surface: #fffdf9;--text: #29221d;--muted: #71675f;--accent: #a64c32;--line: #e5dcd1;--container: 1240px;--header-height: 88px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65;word-break:keep-all;overflow-wrap:break-word}:lang(en){word-break:normal}html[lang=en] body{font-family:Manrope,Noto Sans KR,sans-serif}body:has(main){background:radial-gradient(ellipse at 85% 0,#f3e5d7 0,transparent 800px),var(--bg)}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:focus-visible{outline-offset:2px}::selection{background:#e7c5b2;color:#29221d}.eyebrow{color:var(--accent);font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;margin-bottom:22px}h1,h2,h3{text-wrap:balance}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:52px;padding:12px 22px;border-radius:12px;font-weight:700;transition:background .18s ease,transform .18s ease}.button-dark{color:#fff;background:var(--text)}.button-dark:hover{background:var(--accent);transform:translateY(-2px)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:var(--surface)}.skip-link:focus{top:12px}button,a{touch-action:manipulation}.site-frame{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.header-sentinel{height:1px}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;transition:background .18s ease,border-color .18s ease}.site-header.is-stuck{background:#faf6f0f5;backdrop-filter:blur(16px);border-color:var(--line)}.header-inner{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>img{border-radius:14px}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.06em;line-height:1.2}.brand-copy>span{color:var(--muted);font-size:.72rem}.header-actions{display:flex;align-items:center;gap:30px}.site-nav{display:flex;gap:20px}.site-nav a{display:flex;align-items:center;min-height:44px;font-size:.88rem;font-weight:500;transition:color .16s ease}.site-nav a:hover{color:var(--accent)}.locale-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:10px}.locale-switch button{min-height:44px;padding:0 10px;border:0;border-radius:7px;background:transparent;font-size:.75rem;color:var(--muted);white-space:nowrap}.locale-switch button[aria-pressed=true]{background:var(--text);color:#fff}.locale-switch button:not([aria-pressed=true]):hover{background:#ece3d8;color:var(--text)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding-block:44px 76px}.hero-copy{padding-bottom:24px}.hero-copy h1{font-size:clamp(2.5rem,4.6vw,4rem);font-weight:700;letter-spacing:-.045em;line-height:1.23}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{color:var(--accent)}.hero-text{color:var(--muted);max-width:28em;margin-block:26px 30px;font-size:1.02rem;line-height:1.85}.hero-visual{display:block;min-width:0}.hero-art{position:relative;height:470px;background:#e8cdb7;border-radius:48% 48% 18px 18px;overflow:hidden;isolation:isolate}.hero-disc{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:#bf7254;top:14%;left:7.5%}.hero-screen{position:absolute;top:42px;left:20%;width:60%;border-radius:16px;transform:rotate(-6deg);box-shadow:12px 18px 40px #5c362b33;transition:transform .3s ease}.hero-visual:hover .hero-screen{transform:rotate(-3deg) translateY(-6px)}.hero-caption{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-inline:4px;font-size:.86rem;color:var(--muted)}.hero-caption span:last-child{color:var(--accent);font-size:1.2rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-heading h2,.note-heading h2{font-size:clamp(1.65rem,2.8vw,2.25rem);line-height:1.4;letter-spacing:-.04em}.section-heading>p{color:var(--muted);font-size:.88rem;max-width:25em}.studio-note{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:80px 100px;border-top:1px solid var(--line)}.note-heading>p:last-child{font-size:.95rem;color:var(--muted);max-width:30em;margin-top:24px;line-height:1.85}.note-heading .eyebrow{margin-bottom:18px}.note-layout{display:grid;gap:24px}.note-item{border-bottom:1px solid var(--line);padding-bottom:22px}.note-item:last-child{border:0;padding-bottom:0}.note-item h3{font-size:1rem;margin-bottom:6px;text-wrap:initial}.note-item p{font-size:.87rem;color:var(--muted)}.apps-section{padding-block:38px 76px;border-top:1px solid var(--line)}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;align-items:stretch}.app-card{min-width:0;display:flex;flex-direction:column;background:var(--surface);border-radius:18px;overflow:hidden;border:1px solid #e9e1d7}.app-card-media{aspect-ratio:4 / 4.5;position:relative;overflow:hidden;background:var(--art-bg);color:var(--art-text);touch-action:pan-y pinch-zoom}.tone-blue{--art-bg: #dfe9f5;--art-text: #253e60}.tone-ink{--art-bg: #141823;--art-text: #ffe4a7}.tone-sand{--art-bg: #eee2cd;--art-text: #604524}.tone-sage{--art-bg: #dce5d7;--art-text: #294936}.tone-lavender{--art-bg: #e5e0ef;--art-text: #4e3e68}.tone-ice{--art-bg: #d9e7ed;--art-text: #234d60}.scene-caption{position:relative;z-index:1;padding:24px 28px 0;font-size:1.15rem;font-weight:700;line-height:1.5;letter-spacing:-.025em;text-wrap:balance}.screen-window{position:absolute;top:92px;bottom:0;left:7%;width:86%;border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 8px 30px #172d4b1a}.screen-window img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.screen-centered img{height:100%;object-fit:cover;object-position:center}.led-media{display:flex;flex-direction:column}.led-screen{position:absolute;width:92%;top:40%;left:4%;border-radius:12px;overflow:hidden;box-shadow:0 0 50px #ffb60015}.led-screen svg{display:block;width:100%}.led-word{position:absolute;bottom:28px;left:28px;font-size:.84rem;color:#d9be81}.slider-controls{height:54px;display:flex;align-items:center;gap:4px;padding-inline:10px;border-bottom:1px solid var(--line)}.slider-arrow{width:44px;height:44px;border:0;border-radius:9px;background:transparent;font-size:1.55rem;line-height:1;transition:background .15s ease}.slider-arrow:hover{background:#eee7df}.slider-dots{display:flex;margin-inline:auto}.slider-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent}.slider-dots span{width:6px;height:6px;border-radius:10px;background:#cfc6bb;transition:width .18s ease}.slider-dots button[aria-pressed=true] span{width:20px;background:var(--accent)}.slide-count{font-family:Manrope,sans-serif;font-size:.7rem;color:var(--muted);margin-right:4px}.app-card-body{flex:1;display:flex;flex-direction:column;padding:24px}.app-identity{display:flex;gap:12px;align-items:center;margin-bottom:20px}.app-icon{flex:none;width:48px;height:48px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #3b2b1910}.app-category{font-size:.72rem;color:var(--muted);margin-bottom:2px}.app-card h3{font-size:1.28rem;letter-spacing:-.025em;line-height:1.4;font-weight:700;text-wrap:initial}.app-summary{font-size:.95rem;font-weight:700;line-height:1.65;margin-bottom:10px}.app-detail{font-size:.94rem;color:var(--muted);line-height:1.75}.app-language-note{font-size:.72rem;color:var(--muted);margin-top:10px}.store-links{margin-top:auto;padding-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.store-link{display:inline-flex;align-items:center;gap:14px;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;min-height:44px;border-bottom:1px solid #b8aa9d;transition:color .16s ease}.store-link:hover{color:var(--accent)}.store-status{flex-basis:100%;color:var(--muted);font-size:.8rem;line-height:1.5}.coming-soon{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.8rem;color:var(--muted)}.coming-soon:before{content:"";width:6px;height:6px;border-radius:50%;background:#a77844}.site-footer{background:#eee5da;padding-block:56px 28px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:48px}.footer-main h2{font-size:clamp(1.35rem,2.5vw,1.8rem);max-width:22em;line-height:1.5;letter-spacing:-.035em}.footer-main p{color:var(--muted);font-size:.88rem;margin-top:12px}.contact-email{display:inline-flex;align-items:center;gap:24px;min-height:48px;font-family:Manrope,sans-serif;font-weight:600;font-size:1.05rem;border-bottom:1px solid #ad9787;white-space:nowrap}.contact-email:hover{color:var(--accent)}.footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;font-size:.73rem;color:var(--muted);border-top:1px solid #d8cbbd;padding-top:24px}.footer-bottom>span{margin-left:auto}.footer-socials{display:flex;gap:20px}.footer-socials a{min-height:44px;display:flex;align-items:center}.footer-socials a:hover{color:var(--accent)}@media(max-width:1199px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:32px}.hero-art{height:420px}.hero-copy h1{font-size:clamp(2.2rem,4.6vw,3.5rem)}.hero-text{font-size:.95rem}.header-actions{gap:18px}.site-nav{gap:16px}.brand-copy>span{display:none}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:14px}.studio-note{gap:50px}.footer-main{align-items:flex-start;flex-direction:column;gap:24px}}@media(max-width:679px){:root{--header-height: 116px}.site-frame{width:calc(100% - 40px)}.header-inner{min-height:var(--header-height);gap:8px;position:relative;align-items:flex-start;padding-top:14px;padding-bottom:49px}.brand{gap:8px}.brand>img{width:38px;height:38px;border-radius:10px}.brand-copy strong{font-size:1.35rem}.brand-copy{align-self:center}.header-actions{gap:0}.site-nav{position:absolute;left:0;bottom:0;height:44px;gap:26px}.locale-switch{padding:2px}.locale-switch button{font-size:.7rem;min-height:44px;padding-inline:8px}.hero{grid-template-columns:1fr;gap:28px;padding-block:28px 46px}.hero-copy{padding:0}.eyebrow{margin-bottom:16px;font-size:.77rem}.hero-copy h1{font-size:clamp(2rem,8.5vw,3.3rem);line-height:1.27;letter-spacing:-.045em}.hero-text{font-size:.92rem;margin-block:18px 22px;line-height:1.8}.button{min-height:48px;font-size:.88rem;padding:10px 18px}.hero-art{height:300px;border-radius:48% 48% 14px 14px}.hero-screen{top:26px;width:56%;left:22%}.hero-caption{font-size:.78rem;margin-top:12px}.apps-section{padding-block:30px 54px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:1.6rem}.section-heading>p{font-size:.86rem}.apps-grid{grid-template-columns:minmax(0,1fr);gap:28px}.app-card-body{padding:22px}.app-card-media{aspect-ratio:4 / 4.3}.scene-caption{font-size:1.1rem;padding:22px 24px 0}.screen-window{top:86px}.app-summary{font-size:.94rem}.studio-note{grid-template-columns:1fr;gap:36px;padding-block:44px 54px}.note-heading h2{font-size:1.7rem}.note-heading>p:last-child{margin-top:16px;font-size:.9rem}.note-layout{gap:20px}.site-footer{padding-block:38px 22px}.footer-main{padding-bottom:30px}.contact-email{font-size:.95rem}.footer-bottom{gap:10px 20px}.footer-bottom>p{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
