@font-face{font-family:Pretendard;src:url("assets/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#151515;--paper:#f4f3ef;--ink:#171717;--accent:#ff684d;--muted:#a7a7a2;--pad:5vw;--line:#ffffff2b;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Pretendard,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4,p{margin:0}h2{font-weight:650;letter-spacing:-.055em;line-height:1.16}img{display:block;max-width:100%}em{font-style:normal}button{padding:0}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.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}.skip{position:fixed;z-index:100;left:20px;top:-80px;background:var(--accent);color:var(--ink);padding:15px}.skip:focus{top:15px}.accent{color:var(--accent)}.eyebrow,.section-top,.hero-meta,.hero-foot,.scene-caption{font-size:11px;letter-spacing:.055em;font-weight:550}.section-pad{padding:95px var(--pad) 110px}.section-top{display:flex;justify-content:space-between;gap:20px}.light{background:var(--paper);color:var(--ink);color-scheme:light}.line-link{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:17px 0;border-bottom:1px solid currentColor;font-size:15px;font-weight:550}.line-link span{font-size:25px;transition:transform .25s}.line-link:hover span{transform:translate(4px,-4px)}.header{position:fixed;z-index:20;top:23px;left:var(--pad);right:var(--pad);display:flex;align-items:center;height:66px;padding:0 26px;border:1px solid #ffffff36;border-radius:50px;background:#171717ba;backdrop-filter:blur(18px);color:var(--paper);transition:top .4s,background .4s}.wordmark{font-size:36px;letter-spacing:-2.6px;line-height:1;font-weight:800}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.header-tag{font-size:10px;line-height:1.4;margin-left:32px;color:#c2c2bb}.header nav{display:flex;align-items:center;gap:35px;margin-left:auto;font-size:13px}.contact-link{display:flex;align-items:center;gap:20px}.contact-link span{font-size:23px;color:var(--accent)}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:34px;height:40px}.menu-button i{width:22px;height:1px;background:currentColor;transition:transform .3s}.menu-button:hover i:first-child{transform:translateX(3px)}.menu-button:hover i:last-child{transform:translateX(-3px)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:22}.reading-progress i{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.opening{height:285svh;position:relative}.approach-anchor{position:absolute;top:120svh}.opening-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;perspective:1600px;background:radial-gradient(ellipse at 68% 46%,#2c2d2b 0%,transparent 54%),#151515}.opening-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff21 .7px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(transparent,#0008,transparent);pointer-events:none}.hero-panel{position:absolute;inset:0}.hero-meta{position:absolute;left:var(--pad);right:var(--pad);top:145px;display:flex;justify-content:space-between;color:#c5c5bf}.hero-panel h1{position:absolute;left:4.5vw;top:23.5%;font-size:16.15vw;line-height:.83;font-weight:850;letter-spacing:-.065em;white-space:nowrap}.hero-panel h1>span:not(.sr-only){display:block}.hero-panel h1 .second-line{margin-top:22px;font-size:13.8vw;letter-spacing:-.065em}.hero-panel h1 em{color:var(--accent)}.hero-copy{position:absolute;left:var(--pad);bottom:115px;z-index:4}.hero-copy p{font-size:24px;letter-spacing:-.035em;margin-bottom:13px;font-weight:600}.hero-copy>span{color:#aaa;line-height:1.65;font-size:14px}.hero-orbit{position:absolute;right:var(--pad);bottom:98px;border:1px solid #777;border-radius:50%;width:115px;height:115px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:4;transition:background .3s,border-color .3s,transform .3s}.hero-orbit>span{font-size:10px;line-height:1.4;text-align:center}.hero-orbit b{font-size:30px;font-weight:400}.hero-orbit:hover{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:rotate(-12deg)}.hero-foot{position:absolute;bottom:32px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#aaa}.hero-foot a{color:var(--paper);display:flex;gap:28px;align-items:center}.hero-foot a span{font-size:20px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px}.website-object{position:absolute;width:45vw;aspect-ratio:1.62;left:66%;top:51%;z-index:3;transform:translate(-50%,-50%) rotateX(10deg) rotateY(-18deg) rotateZ(6deg);transform-style:preserve-3d;pointer-events:none;will-change:transform}.site-plane{position:absolute;inset:0;border:1px solid #ffffff38;backface-visibility:hidden;border-radius:3px;transform-style:preserve-3d}.design-plane{background:#272a29;transform:translateZ(10px);box-shadow:0 25px 70px #0007;overflow:visible}.design-plane>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:3px;filter:saturate(.65)}.screen-caption{position:absolute;bottom:0;left:0;right:0;padding:13px 18px;background:#151515dd;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em}.plane-tag{position:absolute;left:0;top:-30px;font-size:10px;letter-spacing:.09em;opacity:0;color:var(--accent);white-space:nowrap}.structure-plane{background:#222422;padding:5%;transform:translateZ(-25px);box-shadow:0 20px 40px #0003}.wire-nav{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #ffffff38;padding-bottom:5%}.wire-nav i{width:28%;height:5px;background:#fff3}.wire-title{height:7%;width:60%;border:1px solid #ffffff50;margin-top:8%}.wire-title.short{width:40%;margin-top:3%}.wire-button{width:20%;height:9%;background:var(--accent);margin-top:5%;opacity:.5}.wire-columns{display:flex;gap:3%;margin-top:7%;height:20%}.wire-columns i{flex:1;border:1px solid #ffffff40}.function-plane{background:#203029f2;padding:5%;transform:translateZ(35px);opacity:0;border-color:#a4b5a864}.function-top{display:flex;justify-content:space-between;margin-bottom:5%;align-items:center}.function-top b{font-size:24px;letter-spacing:-.04em}.function-top>span{font-size:10px;color:#b4c5bb}.function-line{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding:4% 0;font-size:14px}.function-line b{color:var(--accent)}.function-bottom{display:flex;gap:10px;align-items:center;font-size:7px;letter-spacing:.06em;margin-top:3%}.function-bottom i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.object-shadow{position:absolute;inset:0;background:#0009;filter:blur(30px);transform:translateY(45px) translateZ(-100px)}.object-edge{position:absolute;right:-1px;left:0;bottom:-32px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.07em;color:#aaa;transform:translateZ(10px)}.object-edge b{font-size:16px;color:var(--accent)}.approach-copy{position:absolute;top:29%;left:61%;right:var(--pad);opacity:0;transform:translateY(30px);pointer-events:none}.approach-copy h2{font-size:clamp(29px,3.3vw,58px);line-height:1.2;margin:36px 0 24px;letter-spacing:-.055em;white-space:nowrap}.approach-copy h2 span{color:var(--accent)}.body-copy{font-size:15px;line-height:1.85;color:#aaa}.approach-steps{display:flex;gap:16px;margin-top:30px;font-size:11px;color:#808080}.approach-steps span{padding-bottom:10px;border-bottom:1px solid #ffffff30}.approach-steps .is-active{color:var(--accent);border-color:var(--accent)}.approach-copy .line-link{margin-top:22px;max-width:310px}.scene-caption{position:absolute;bottom:42px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:35px;opacity:0;color:#aaa}.scene-track{flex:1;height:1px;background:#ffffff30}.scene-track i{display:block;height:100%;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:100px 0 80px;gap:35px}.section-heading h2{font-size:clamp(42px,4.8vw,82px)}.section-heading p{font-size:15px;line-height:1.75;color:#6d6d67;margin-bottom:6px}.service-list{position:relative}.service-row{display:flex;width:100%;align-items:center;text-align:left;border-top:1px solid #17171745;min-height:171px;position:relative;transition:color .35s,padding .35s}.service-row:last-child{border-bottom:1px solid #17171745}.service-no{align-self:flex-start;padding-top:35px;width:7%;font-size:13px}.service-name{display:flex;flex-direction:column;gap:9px}.service-name strong{font-size:clamp(38px,5.7vw,100px);font-weight:500;letter-spacing:-.055em;line-height:1}.service-name small{font-size:14px;color:#666;letter-spacing:-.02em}.service-tags{margin-left:auto;align-self:center;font-size:9px;color:#696963}.service-arrow{font-size:55px;margin-left:60px;font-weight:300;transition:transform .3s}.service-row:hover,.service-row:focus-visible{color:#b83824;padding-left:12px}.service-row:hover .service-arrow{transform:rotate(45deg)}.section-note{font-size:12px;color:#73736d;margin-top:22px}.service-preview{width:330px;height:220px;position:fixed;left:0;top:0;z-index:25;pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(-5deg) scale(.88);transition:opacity .2s,transform .3s;box-shadow:0 25px 50px #0003;overflow:hidden;background:#203029;color:#f4f3ef}.service-preview.is-visible{opacity:1;transform:translate(-50%,-50%) rotate(-5deg) scale(1)}.service-preview>img{width:100%;height:100%;object-fit:cover;object-position:top}.preview-label{position:absolute;bottom:12px;left:16px;font-size:8px;background:#151515;padding:6px 10px}.preview-system{display:none;padding:23px}.preview-system>small{font-size:8px;color:#becbc2}.preview-system>b{display:block;font-size:35px;line-height:.95;letter-spacing:-.04em;margin:13px 0 18px}.preview-system>div{display:flex;gap:20px;align-items:center;font-size:12px}.preview-system i{color:var(--accent);font-size:20px}.preview-system p{font-size:10px;margin-top:14px;color:#becbc2}.service-preview.is-system>img,.service-preview.is-system>.preview-label{display:none}.service-preview.is-system .preview-system{display:block}.work{padding-top:95px;padding-bottom:110px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin:90px 0 95px}.work-heading h2{font-size:clamp(64px,8.5vw,155px);line-height:.96;letter-spacing:-.065em;font-weight:550}.work-heading h2 span{color:var(--accent)}.work-heading p{font-size:20px;line-height:1.5;margin-bottom:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;row-gap:100px}.project:nth-child(even){margin-top:150px}.project-image{position:relative;display:block;width:100%;aspect-ratio:1.05;overflow:hidden;background:#2e3232;border-radius:2px;isolation:isolate}.project-image:after{position:absolute;content:"";inset:0;background:linear-gradient(transparent 65%,#0009);pointer-events:none}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .8s;filter:saturate(.8)}.project:nth-child(2) .project-image{aspect-ratio:.85}.project:nth-child(3) .project-image{aspect-ratio:.9}.project:nth-child(4) .project-image{aspect-ratio:1.08}.project-image:hover img,.project-image:focus-visible img{transform:scale(1.045);filter:saturate(1)}.project-index{position:absolute;bottom:25px;left:25px;z-index:1;font-size:10px;letter-spacing:.05em;color:white}.project-plus{position:absolute;right:20px;bottom:15px;font-size:30px;color:white;z-index:1}.project-caption{display:flex;justify-content:space-between;gap:20px;margin-top:24px}.project-caption h3{font-size:28px;font-weight:550;letter-spacing:-.025em}.project-caption>span{font-size:11px;line-height:1.65;color:#aaa;text-align:right}.work-bottom{border-top:1px solid var(--line);margin-top:95px;padding-top:30px;display:flex;justify-content:space-between;align-items:center}.work-bottom>span{font-size:12px;color:#aaa}.work-bottom .line-link{width:260px}.work-cursor{position:fixed;left:0;top:0;width:100px;height:100px;background:var(--accent);color:var(--ink);border-radius:50%;display:grid;place-content:center;font-size:11px;font-weight:600;line-height:1.5;z-index:30;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .18s,transform .25s}.work-cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.preview-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:100px 0 70px}.preview-heading h2{font-size:clamp(60px,7.3vw,126px);font-weight:650;line-height:1.12}.preview-heading h2 em{color:#b73c27}.preview-heading>div{max-width:330px}.preview-heading p{font-size:16px;line-height:1.8;color:#666}.preview-heading .line-link{margin-top:30px}.proposal-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;align-items:center}.proposal-tabs{display:flex;flex-direction:column}.proposal-tabs button{border-top:1px solid #17171738;padding:32px 0;display:grid;grid-template-columns:40px 1fr auto;text-align:left;align-items:center;gap:12px;color:#76766f}.proposal-tabs button:last-child{border-bottom:1px solid #17171738}.proposal-tabs button>span{font-size:11px;grid-row:1/3;align-self:start;padding-top:6px}.proposal-tabs button b{font-size:24px;font-weight:600;letter-spacing:-.04em}.proposal-tabs button small{grid-column:2;font-size:12px}.proposal-tabs button i{grid-column:3;grid-row:1/3;font-size:30px;font-style:normal;transition:transform .35s}.proposal-tabs button[aria-selected=true]{color:var(--ink)}.proposal-tabs button[aria-selected=true]>span,.proposal-tabs button[aria-selected=true] i{color:#b83824}.proposal-tabs button[aria-selected=true] i{transform:rotate(45deg)}.proposal-display{background:#e4e3de;min-height:520px;padding:35px 45px;perspective:900px;overflow:hidden}.proposal-paper{background:#fffdf8;padding:30px;box-shadow:15px 20px 25px #37362a18;transform:rotate(-4deg);transition:transform .5s;min-height:450px}.proposal-display:hover .proposal-paper{transform:rotate(0)}.paper-head{display:flex;justify-content:space-between;font-size:8px;padding-bottom:20px;border-bottom:1px solid #17171730;letter-spacing:.04em}.paper-head b{font-weight:850;letter-spacing:-.05em;font-size:13px}.proposal-paper>small{display:block;margin-top:25px;font-size:9px;color:#b83824}.proposal-paper h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin-top:12px;font-weight:650}.paper-graphic{height:120px;position:relative;margin:24px 0 18px}.graphic-browser{position:absolute;inset:0 12%;border:1px solid #ccc;padding:8px 10px}.graphic-browser>i{display:inline-block;width:3px;height:3px;background:#aaa;margin:0 1px;border-radius:50%;vertical-align:top}.graphic-content{position:absolute;top:24px;left:10px;right:10px;bottom:10px;background:#e9e8e1;padding:13px}.graphic-content b{display:block;background:#9c9b94;width:55%;height:8px;margin-bottom:8px}.graphic-content span{display:block;background:#cccbc3;width:75%;height:3px;margin-top:6px}.graphic-content em{display:block;background:var(--accent);width:32px;height:9px;margin-top:9px}.graphic-focus{position:absolute;inset:26px 25% 10px 4%;border:1px solid var(--accent);transition:inset .5s}.graphic-focus>span{position:absolute;right:0;top:-10px;background:var(--accent);font-size:7px;padding:3px}.graphic-blocks{display:flex;gap:8px;position:absolute;inset:25px 0;opacity:0;transition:opacity .4s}.graphic-blocks i{flex:1;background:#e7e5dc;border:1px solid #aaa;box-shadow:0 6px 0 #ddd}.graphic-blocks i:nth-child(2){margin-top:15px;background:#ff684d33;border-color:var(--accent)}.paper-graphic[data-phase="1"] .graphic-browser{opacity:.12}.paper-graphic[data-phase="1"] .graphic-focus{opacity:0}.paper-graphic[data-phase="1"] .graphic-blocks{opacity:1}.paper-graphic[data-phase="2"] .graphic-focus{inset:0 12%;border-width:2px}.paper-graphic[data-phase="2"] .graphic-content{background:#203029}.paper-graphic[data-phase="2"] .graphic-content b{background:white}.paper-graphic[data-phase="2"] .graphic-content span{background:#8caaa1}.proposal-paper>p{font-size:12px;line-height:1.6;color:#6a6a65;min-height:40px}.paper-foot{display:flex;justify-content:space-between;margin-top:25px;border-top:1px solid #ddd;padding-top:15px;font-size:8px;color:#888}.preview-note{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #17171730;padding-top:28px;margin-top:60px;font-size:12px;color:#777;line-height:1.65}.operation-intro{margin:100px 0 70px;display:flex;justify-content:space-between;align-items:end;gap:40px}.operation-intro h2{font-size:clamp(44px,5.8vw,100px)}.operation-intro h2 span{color:var(--accent)}.operation-intro p{font-size:15px;line-height:1.7;color:#aaa}.operation-lines details{border-top:1px solid var(--line)}.operation-lines details:last-child{border-bottom:1px solid var(--line)}.operation-lines summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding:35px 0;gap:30px}.operation-lines summary::-webkit-details-marker{display:none}.operation-lines summary>span{width:29%;font-size:10px;color:#aaa}.operation-lines summary h3{font-weight:500;font-size:32px;letter-spacing:-.04em}.operation-lines summary i{margin-left:auto;font-size:26px;font-style:normal;font-weight:300;transition:transform .3s}.operation-lines details[open] summary i{transform:rotate(45deg);color:var(--accent)}.operation-lines details>p{margin:0 0 35px 31.4%;color:#aaa;max-width:520px;font-size:15px;line-height:1.8}.plans{margin-top:120px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:35px}.plan-heading h3{font-size:32px;letter-spacing:-.04em;line-height:1.25;margin:25px 0 18px;font-weight:550}.plan-heading p{font-size:11px;color:#aaa;line-height:1.7}.plan{border-top:1px solid var(--line);padding-top:25px}.plan>span{font-size:10px;letter-spacing:.07em;color:var(--accent)}.plan h4{font-size:33px;white-space:nowrap;font-weight:550;letter-spacing:-.04em;margin:36px 0 20px}.plan h4 small{font-size:12px;font-weight:400;letter-spacing:0}.plan p{font-size:12px;line-height:1.8;color:#aaa;margin-bottom:22px}.plan .line-link{font-size:12px;gap:10px;border-color:#ffffff30}.start{background:var(--accent);color:var(--ink);color-scheme:light;padding-bottom:85px}.start-title{position:relative;margin-top:80px}.start-title h2{font-size:15.6vw;line-height:.87;font-weight:750;letter-spacing:-.065em}.start-title h2>span{color:#fff5df}.start-orbit{position:absolute;right:3vw;top:13%;border:1px solid #17171780;border-radius:50%;width:17vw;height:17vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:background .4s,color .4s,transform .4s}.start-orbit>span{font-size:12px;line-height:1.5;text-align:center}.start-orbit b{font-size:60px;font-weight:300;line-height:1}.start-orbit:hover{transform:rotate(-12deg);background:var(--ink);color:var(--accent)}.start-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:80px}.start-bottom>p{font-size:27px;line-height:1.4;letter-spacing:-.045em;font-weight:550}.start-bottom>div{display:flex;gap:35px}.start-bottom button{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 0;border-bottom:1px solid #17171780;font-size:13px}.start-bottom button span{font-size:23px;transition:transform .25s}.start-bottom button:hover span{transform:translate(3px,-3px)}footer{padding:55px var(--pad) 25px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-bottom:55px}.footer-top .wordmark{font-size:48px}.footer-top>div{display:flex;flex-direction:column;gap:10px;font-size:15px}.footer-top p{font-size:11px;line-height:1.8;color:#aaa}.back-top{font-size:10px;letter-spacing:.07em}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;gap:20px;color:#999;font-size:9px;letter-spacing:.04em}.footer-bottom button{font-size:10px;border-bottom:1px solid #777;padding:5px}.footer-bottom button[aria-pressed=true]{color:var(--accent)}