@import"https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/pretendardvariable.css";:root{--color-background: #2A2A2A;--color-surface: #3A3A3A;--color-surface-variant: #4A4A4A;--color-orange: #FF6B35;--color-blue: #4FC3F7;--color-white: #FFFFFF;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-muted: #999999;--font-primary: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--spacing-5xl: 128px;--breakpoint-mobile: 375px;--breakpoint-tablet: 800px;--breakpoint-desktop: 1280px;--breakpoint-large: 1440px;--header-offset: 60px;--header-height: 60px;--z-back: -1;--z-default: 0;--z-base: 1;--z-elevated: 2;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-overlay: 50;--z-header: 100;--z-navigation: 101;--z-mobile-menu: 150;--z-tooltip: 200;--z-modal: 1000;--z-toast: 2000;--animation-fast: .15s;--animation-normal: .3s;--animation-slow: .5s;font-family:var(--font-primary);line-height:1.6;font-weight:400;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-family:inherit}html{scroll-behavior:smooth;margin:0;padding:0;font-family:var(--font-primary);overflow-y:auto}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-primary);overscroll-behavior-y:contain;overflow-y:auto;word-break:keep-all;overflow-wrap:break-word}body.details-open{overflow:hidden}a:not(.nav-link):not(.nav-menu a){color:var(--color-orange);text-decoration:none;transition:color var(--animation-normal) ease}a:not(.nav-link):not(.nav-menu a):hover{color:var(--color-blue)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0}button:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}::selection{background:#ff6b354d;color:var(--color-white)}::-moz-selection{background:#ff6b354d;color:var(--color-white)}@media (min-width: 800px){:root{--header-offset: 68px;--header-height: 68px}}@media (min-width: 1280px){:root{--header-offset: 100px;--header-height: 100px}}html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#08090d8c;border-radius:999px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b35f2,#4fc3f7f2);border-radius:999px;border:2px solid rgba(8,9,13,.55);box-shadow:0 0 8px #ff6b3573}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff965a,#63d2ff)}*{scrollbar-color:rgba(255,107,53,.95) rgba(8,9,13,.55);scrollbar-width:thin}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;font-family:var(--font-primary);background-color:#f70;color:#000;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;word-break:keep-all;overflow-wrap:break-word}html.is-modal-open,body.is-modal-open,#root.is-modal-open{overflow:hidden}body.is-modal-open{position:fixed;inset:0;width:100%}#root{margin:0;padding:0;min-height:100vh;background-color:#f70;overflow-x:hidden}.app-layout{display:flex;flex-direction:column;min-height:100vh;height:auto;background:#f70;overflow:visible}.main-page{display:block;min-height:100vh;height:auto;padding:0;padding-top:var(--header-height, 60px);overflow:visible}.main-page:has(.main-window--content){padding:0;padding-top:var(--header-height, 60px);display:block;height:auto;min-height:100vh;overflow:visible}.main-page--grid{padding:0;margin:0;display:flex;flex-direction:column;background-color:transparent;min-height:calc(100vh - var(--header-height, 60px));height:auto}.main-window{width:100%;padding:0;overflow:visible}.main-page:has(.main-window--content) .main-window{display:block}.main-window--grid{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;background:#f70;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.main-hero{width:100%;display:flex;align-items:center;justify-content:center;background:#f70;padding:40px;box-sizing:border-box}.main-hero__video{width:100%;height:calc(100vh - var(--header-offset, 60px) - 80px);object-fit:cover;border-radius:24px}.main-page--snap{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.main-page--snap>.main-hero{min-height:calc(100vh - var(--header-offset));padding:40px;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.main-page--snap>.main-window,.main-page--snap>footer{min-height:100vh;padding:40px;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.main-window--content{min-height:100vh;height:auto;background:transparent;box-sizing:border-box;display:block;overflow:visible}.main-window__container{position:relative;width:100vw;min-height:100vh;height:auto;box-sizing:border-box;padding:0;margin:0 calc((100vw - 100%)/-2);overflow:visible;z-index:1}.main-window__container--full{overflow:visible;height:100%;min-height:100vh;position:relative;width:100vw;padding:0;display:block;margin:0;background:transparent}.main-window__container--full .designer-showcase{background:#f8f6f4;min-height:100vh;width:100%;box-sizing:border-box}.main-window__container--full:has(.designer-showcase){background:#f8f6f4}.main-window__container--full .about-main{position:relative;width:100%;margin:0;padding:0;display:block;overflow:visible;height:auto}.main-window__container--grid{display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;flex:1;min-height:0;box-sizing:border-box}@media (max-width: 799px){.main-window__container--grid{overflow:hidden;flex:1;min-height:0}}.main-window__container--content{padding:0;width:100vw;max-width:none;margin:0;overflow-x:hidden;overflow-y:visible;background:#fff;height:auto;min-height:100vh}.main-window__container--full{padding:0;overflow:visible}.app-layout>footer{margin:0;width:100%}@media (max-width: 800px){.main-window--grid{flex:1;min-height:0;padding:0;margin:0}.main-window__container,.main-window__container--grid{flex:1;min-height:0}.main-hero{padding:40px 16px 32px}.main-hero__video{width:100%;height:auto;max-height:calc(100vh - var(--header-offset, 60px) - 40px)}}@media (max-width: 1279px) and (min-width: 801px){.main-hero{padding:0 28px 36px}.main-window--grid{padding:0 28px}.main-hero__video{width:100%;height:calc(100vh - var(--header-offset, 60px) - 60px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b35,#4fc3f7);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e55a2b,#29b6f6)}html:has(.main-page--grid),body:has(.main-page--grid){scrollbar-width:none;-ms-overflow-style:none}html:has(.main-page--grid) ::-webkit-scrollbar,body:has(.main-page--grid) ::-webkit-scrollbar{display:none}::selection{background:#ff6b354d;color:#fff}::-moz-selection{background:#ff6b354d;color:#fff}:focus{outline:2px solid #4FC3F7;outline-offset:2px}:focus:not(:focus-visible){outline:none}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#2a2a2a;color:#fff;text-align:center;padding:2rem}.app-error h1{color:#f44336;margin-bottom:1rem;font-size:2rem}.app-error p{font-size:1.1rem;margin:0;opacity:.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.app-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;touch-action:pan-x pan-y;overscroll-behavior:contain}.position-indicator{position:fixed;top:100px;right:20px;z-index:2000;background:#2a2a2ae6;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;font-family:monospace;font-size:12px;color:#fff;min-width:200px;pointer-events:auto;touch-action:auto}.position-info{margin-bottom:8px}.coordinate{display:flex;align-items:center;margin-bottom:4px}.coordinate:last-child{margin-bottom:0}.label{color:#4fc3f7;margin-right:8px;font-weight:700;min-width:20px}.value{color:#ff6b35;margin-right:8px;font-weight:700;min-width:60px}.percent{color:#ffffffb3;font-size:10px}.position-map{width:100%;height:80px;background:#ffffff1a;border-radius:4px;position:relative;border:1px solid rgba(255,255,255,.2)}.position-dot{position:absolute;width:8px;height:8px;background:#ff6b35;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff4d;transition:all .1s ease}.position-dot:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}@media (max-width: 800px){.position-indicator{top:90px;right:10px;font-size:11px;min-width:180px;padding:10px}.position-map{height:60px}}@media (max-width: 375px){.position-indicator{top:80px;right:8px;font-size:10px;min-width:160px;padding:8px}.position-map{height:50px}.position-dot{width:6px;height:6px}}@media (max-width: 800px){body{padding-bottom:0}}