@import url("/fonts/fonts.css");:root{--ivory:#f2efe8;--ink:#272b28;--sage:#5b6257;--clay:#87533c;--line:#d2cec5}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:84px}body{color:var(--ink);background:var(--ivory);font-family:Pretendard,sans-serif;font-size:18px;line-height:1.7}body,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Noto Serif KR",serif;font-weight:400;word-break:keep-all}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.35;cursor:default}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--clay);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}button{min-height:44px;min-width:44px}.eyebrow{font-size:14px;letter-spacing:.16em;color:var(--sage);font-weight:500}.header{height:84px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--ivory);position:relative;z-index:5}.header img{width:280px;height:auto;mix-blend-mode:multiply}.header nav{display:flex;gap:40px;font-size:16px}.header nav a{padding:10px 0}.menu-toggle{display:none}.skip{position:absolute;left:20px;top:-100px;z-index:50;background:var(--ivory);padding:12px}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:40% 60%;min-height:610px}.hero-copy{padding:65px 30px 20px 48px;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(40px,4.45vw,64px);line-height:1.28;letter-spacing:-.065em;margin:26px 0 32px;white-space:nowrap}.hero-note{font-family:"Noto Serif KR",serif;font-size:21px;color:var(--sage)}.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid var(--sage);padding:12px 22px;font-size:16px;min-height:52px}.outline span{font-size:23px}.hero .outline{margin-top:36px}.outline:hover{background:var(--ink);color:var(--ivory)}.hero-bottom{margin-top:auto;padding-top:44px;display:flex;flex-direction:column;font-size:14px;color:var(--sage);gap:2px}.hero-image{position:relative;min-width:0}.hero-image>img{width:100%;height:100%;position:absolute;object-position:50% 52%}.image-label{position:absolute;bottom:20px;left:24px;right:24px;background:var(--ivory);padding:10px 16px;display:flex;justify-content:space-between;font-size:14px;letter-spacing:.12em}.signature{height:160vh;position:relative;border-top:1px solid var(--line);margin-top:48px}.signature-inner{height:100vh;max-height:1000px;position:sticky;top:0;padding:24px 48px 18px;display:flex;flex-direction:column;justify-content:center;gap:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.signature-guide{font-size:14px;color:var(--sage)}.signature-guide>span{margin-left:20px}.step-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;flex-shrink:0}.step-tabs button{display:flex;align-items:center;position:relative;border-bottom:1px solid var(--line);padding:8px 0 15px;gap:17px;text-align:left}.step-tabs button[aria-pressed=true]{border-color:var(--clay);color:var(--clay)}.step-number{font-family:Newsreader,serif;font-size:32px;line-height:1}.full-title{font-family:"Noto Serif KR",serif;font-size:21px}.short-title{display:none}.step-dot{position:absolute;bottom:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--line)}[aria-pressed=true] .step-dot{background:var(--clay)}.stage{width:100%;height:min(50vh,520px);position:relative;overflow:hidden;background:#e7e3d9;flex-shrink:1;min-height:220px}.empty-scene,.still{position:absolute!important;inset:0;width:100%;height:100%}.still{object-fit:cover}.scene-label{position:absolute;left:16px;bottom:16px;background:var(--ivory);padding:7px 14px;z-index:3;font-size:14px;display:flex;gap:24px;align-items:center}.scene-label>span{font-size:14px;letter-spacing:.13em;color:var(--sage)}.scene-caption{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-shrink:0}.scene-caption h2{font-size:26px;line-height:1.5;letter-spacing:-.04em;display:inline}.counter{font-family:Newsreader,serif;font-size:23px;color:var(--clay);margin-right:24px;white-space:nowrap}.scene-caption p{font-size:15px;color:var(--sage);padding-left:70px;margin-top:6px}.scene-actions{display:flex;align-items:center;gap:28px;flex-shrink:0}.arrows{display:flex;gap:6px}.arrows button{border:1px solid var(--line);font-size:23px;width:44px;height:44px;padding:0}.text-link{font-size:16px;border-bottom:1px solid var(--sage);display:inline-flex;gap:24px;padding:8px 0}.text-link span{font-size:20px}.all-descriptions{display:none;gap:24px}.all-descriptions>div{flex:1 1;padding-top:12px;border-top:1px solid var(--line)}.all-descriptions span{font-size:15px;color:var(--clay)}.all-descriptions p{font-size:16px;margin-top:8px}.reduced .all-descriptions,.ssr .all-descriptions{display:flex}.ssr .consult-controls,.ssr .demo-controls,.ssr .scene-caption,.ssr .step-tabs{display:none}.reduced .signature,.ssr .signature{height:auto}.reduced .signature-inner,.ssr .signature-inner{height:auto;position:relative;max-height:none;padding-top:36px;padding-bottom:36px}.reduced .signature .stage{height:380px;flex-shrink:0}.fallback-note,.no-js-note{font-size:14px;color:var(--sage)}.empty-scene{display:grid;place-items:center;padding:30px;text-align:center}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;margin:120px 48px;align-items:center}.project-photo{overflow:hidden}.project-photo img{aspect-ratio:1.15;object-position:50% 50%;width:100%}.project-copy{max-width:480px}.project-copy h2{font-size:44px;line-height:1.4;margin-top:20px}.project-type{font-size:14px;color:var(--clay);margin:12px 0 26px}.project-copy>p:not([class]){font-size:18px;line-height:1.9;word-break:keep-all}dl{margin:28px 0}dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:15px}dt{color:var(--sage)}dd{margin:0}.consultation{background:var(--ink);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:72px 7%}.consultation .eyebrow,.consultation dt{color:#c8d0c0}.consultation h2{font-size:40px;line-height:1.5;margin:24px 0}.consultation p{font-size:16px}.consultation-summary dl{margin:0 0 10px}.consultation-summary dl>div{border-color:#646b63}.consultation-summary dd{font-size:18px}.consultation .text-link{border-color:#c8d0c0}.consult-controls{display:flex;align-items:center;gap:24px;margin-top:28px}.consultation .outline{border-color:#c8d0c0}.consultation .outline:hover{background:var(--ivory);color:var(--ink)}.reset{font-size:14px;text-decoration:underline}.completion{min-height:90px;margin-top:22px}.completion p{color:#c8d0c0;font-size:14px}.completion strong{font-weight:500}.prototype-heading{padding:36px 48px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.prototype-heading h1{font-size:36px}.prototype-heading a,.prototype-heading p{font-size:14px;color:var(--sage)}.standalone .signature{margin-top:0}.demo-controls{display:flex;justify-content:space-between;font-size:14px;color:var(--sage)}.demo-controls button{text-decoration:underline}.standalone .stage{height:48vh}.standalone .signature-inner{gap:12px}footer{padding:36px 48px;display:flex;align-items:center;gap:26px;font-size:14px;color:var(--sage)}.footer-wordmark{font-family:Newsreader,serif;font-size:22px;letter-spacing:.1em;margin-right:auto}footer>a:last-child{font-size:14px}@media(min-width:900px) and (max-height:760px){.signature-inner{gap:8px;padding-top:12px;padding-bottom:12px}.stage{height:43vh}.scene-caption h2{font-size:21px}.scene-caption p{font-size:14px}.step-tabs button{padding-bottom:10px}}@media(max-width:1100px){.scene-actions{gap:12px}.scene-caption h2{font-size:21px}.scene-caption p{padding-left:0}.hero-copy{padding-left:32px}.hero h1{font-size:44px}.header{padding:0 32px}.hero{min-height:550px}.signature-inner{padding-left:32px;padding-right:32px}.project{gap:40px}}@media(max-width:899px){body{font-size:16px}.header{height:72px;padding:0 20px}.header img{width:225px}.menu-toggle{display:block;font-size:14px;padding:8px 0}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:15px 20px;gap:20px;flex-wrap:wrap}.header nav.open{display:flex}.ssr .header nav{display:flex;position:static;flex-wrap:wrap;padding:0;font-size:14px;gap:8px}.ssr .menu-toggle{display:none}.ssr .header img{width:150px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:38px 20px 30px}.hero h1{font-size:36px;line-height:1.35;letter-spacing:-.06em;margin:20px 0}.hero .eyebrow{font-size:14px}.hero-note{font-size:17px}.hero .outline{margin-top:26px}.hero-bottom{display:none}.hero-image{height:330px;margin:0 20px}.hero-image>img{position:static;height:100%;object-fit:cover}.image-label{bottom:12px;left:12px;right:12px;font-size:14px;padding:7px 10px}.signature{height:auto;margin-top:38px}.signature-inner{position:relative;height:auto;max-height:none;padding:26px 20px 32px;gap:18px}.section-heading{display:block}.section-heading .eyebrow{font-size:14px}.signature-guide{display:none}.step-tabs{gap:12px}.step-tabs button{gap:9px;padding-bottom:12px;min-height:48px}.step-number{font-size:25px}.full-title{display:none}.short-title{display:inline;font-family:"Noto Serif KR",serif;font-size:17px}.stage,.standalone .stage{height:300px;min-height:0;flex-shrink:0}.scene-label{left:10px;bottom:10px;font-size:14px;gap:10px;padding:5px 9px}.scene-label>span{font-size:14px;letter-spacing:.05em}.counter,.scene-caption{display:block}.counter{font-size:21px;margin:0 0 10px}.scene-caption h2{font-size:24px;line-height:1.5;display:block;min-height:72px}.scene-caption p{font-size:14px;line-height:1.7;padding:0;margin-top:10px;min-height:48px;word-break:keep-all}.scene-actions{justify-content:space-between;gap:12px;margin-top:18px}.scene-actions .text-link{font-size:14px;gap:12px}.arrows{gap:8px}.all-descriptions,.reduced .all-descriptions,.ssr .all-descriptions{flex-direction:column;gap:16px}.all-descriptions p{font-size:16px}.reduced .signature .stage{height:300px}.project{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin:56px 20px}.project-photo img{aspect-ratio:1.2}.project-copy{max-width:none}.project-copy h2{font-size:32px;margin-top:14px}.project-type{margin:12px 0 18px}.project-copy>p:not([class]){font-size:16px}.project-copy dl{margin:24px 0 12px}.project-copy .text-link{font-size:15px}.consultation{display:block;padding:44px 20px}.consultation h2{font-size:30px;margin:20px 0}.consultation-summary{margin-top:34px}.consultation-summary dd{font-size:16px}.consult-controls{gap:12px}.consult-controls .outline{font-size:14px;gap:12px;padding:10px 16px}.completion{min-height:72px}.consultation>div>p{font-size:15px}footer{padding:30px 20px;display:grid;grid-template-columns:1fr;gap:9px;font-size:14px}.footer-wordmark{font-size:24px}.prototype-heading{padding:24px 20px;display:block}.prototype-heading h1{font-size:30px;margin:14px 0 6px}.standalone .signature-inner{gap:18px}.demo-controls{align-items:center;gap:12px}.ssr .scene-caption{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.signature{height:auto}.signature-inner{position:relative;height:auto;max-height:none}.all-descriptions{display:flex}}h1[tabindex="-1"]:focus{outline:none}.header img{filter:contrast(1.4) brightness(1.1)}.stage,.standalone .stage{width:min(100%,760px);height:min(54vh,510px);min-height:220px;align-self:center;background:var(--ivory)}.still{object-fit:contain}.comparison-handle{position:absolute;z-index:4;inset:0;margin:0;width:100%;height:100%;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}.comparison-handle::-webkit-slider-runnable-track{background:transparent;height:100%}.comparison-handle::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:36px;height:44px;border:1px solid var(--clay);border-radius:50%;background:var(--ivory) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 44'%3E%3Cpath d='M13 17l-5 5 5 5m10-10 5 5-5 5' fill='none' stroke='%2387533c'/%3E%3C/svg%3E") center/36px 44px no-repeat;margin-top:calc(255px - 22px)}.comparison-handle::-moz-range-thumb{width:36px;height:44px;border:1px solid var(--clay);border-radius:50%;background:var(--ivory)}.comparison-handle:focus-visible{outline:2px solid var(--clay);outline-offset:-2px}@media(max-width:899px){.reduced .signature .stage,.stage,.standalone .stage{width:100%;height:300px;min-height:0}.comparison-handle::-webkit-slider-thumb{margin-top:128px}.scene-label{pointer-events:none}}@media(prefers-reduced-motion:reduce){.image-layer{transition:none}}.stage,.standalone .stage{width:min(100%,610px);min-height:0;flex-shrink:0}.comparison-handle::-webkit-slider-runnable-track{height:44px}.comparison-handle::-webkit-slider-thumb{margin-top:0}@media(max-width:899px){.reduced .signature .stage,.stage,.standalone .stage{height:auto;aspect-ratio:1400/1170}.comparison-handle::-webkit-slider-thumb{margin-top:0}}.image-error .all-descriptions{display:flex}.image-error .signature{height:auto}.image-error .signature-inner{height:auto;position:relative;max-height:none;padding-top:28px;padding-bottom:28px}@media(max-width:899px) and (prefers-reduced-motion:no-preference){.image-layer{transition:clip-path .4s cubic-bezier(.22,1,.36,1)}}.portfolio-notice{background:var(--sage);color:var(--ivory);text-align:center;font-size:13px;letter-spacing:.12em;padding:5px 16px}.stage,.standalone .stage{width:min(100%,800px,68vh * 1400/1170);height:auto;aspect-ratio:1400/1170}.reduced .signature .stage{width:min(100%,800px);height:auto;aspect-ratio:1400/1170}.scene-label{max-width:calc(100% - 32px);flex-wrap:wrap;gap:0 16px}@media(max-width:899px){.portfolio-notice{font-size:11px;padding:5px}.reduced .signature .stage,.stage,.standalone .stage{width:100%;height:auto}.scene-label{max-width:calc(100% - 20px)}.scene-label>span{font-size:11px}}.home-review .project{grid-template-columns:62.5% minmax(0,1fr);gap:40px;margin:0;padding:48px 0;align-items:center}.home-review .project-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.home-review .project-copy{max-width:none;padding-right:36px}.home-review .project-copy h2{font-size:38px;line-height:1.35;margin:12px 0}.home-review .project-copy>p:not([class]){font-size:15px;line-height:1.7}.home-review .project-copy dl{margin:16px 0 12px}.home-review .project-copy .text-link{font-size:15px}.home-review .consultation-review{grid-template-columns:minmax(0,1fr) 62.5%;gap:40px;padding:48px 0;align-items:center}.home-review .consultation-copy{padding-left:36px;min-width:0}.home-review .consultation-review h2{font-size:38px;line-height:1.35;margin:0 0 12px}.home-review .consultation-review h2 br{display:none}.home-review .consultation-review p{font-size:15px;line-height:1.7;word-break:keep-all}.home-review .consultation-review .consultation-notice{font-size:14px;color:#c8d0c0;margin-top:12px}.home-review .consultation-summary{margin-top:16px}.home-review .consultation-summary dl{margin:0 0 12px}.home-review .consultation-summary dd{font-size:16px}.home-review .consultation-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.home-review .consult-controls{margin:0;gap:12px;flex-wrap:wrap}.home-review .consult-controls .outline{font-size:15px;gap:18px;padding:10px 14px}.home-review .consultation-review .completion{min-height:0;margin:16px 0 0;font-size:15px}.home-review .consultation-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.home-review.ssr .consultation-actions .consult-controls{display:none}@media(max-width:899px){.home-review .project{display:flex;gap:20px;padding:24px 20px}.home-review .project-copy{padding:0}.home-review .project-copy h2{font-size:28px;line-height:1.35;margin:12px 0}.home-review .consultation-review{display:flex;flex-direction:column-reverse;align-items:stretch;gap:20px;padding:24px 20px}.home-review .consultation-copy{padding:0}.home-review .consultation-review h2{font-size:28px;line-height:1.35;margin:0 0 12px}.home-review .consultation-review h2 br{display:initial}.home-review .consultation-actions{gap:12px}.home-review .consultation-summary{margin-top:16px}.home-review .consultation-review .consultation-notice{font-size:14px}}