@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#091b2b;--mint:#8ae8cc;--ink:#172c38;--muted:#687780;--line:#dce3e5;--paper:#f5f7f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);letter-spacing:-.045em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #37b49b;outline-offset:5px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:var(--navy);color:white;border-bottom:1px solid #ffffff16;position:relative;z-index:5}.brand img,footer img{width:142px;height:auto;display:block}nav{display:flex;gap:40px;font-size:14px;letter-spacing:-.02em}nav a{color:#d6e0e6}nav a:hover{color:var(--mint)}.contact-link{font-size:13px;border:1px solid #ffffff40;padding:12px 19px;border-radius:3px}.contact-link span{margin-left:25px;color:var(--mint)}.menu{display:none}.hero{position:relative;background:var(--navy);color:white;min-height:675px;padding:86px 6% 0;overflow:hidden}.hero-grid{position:absolute;inset:0 0 0 42%;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,black)}.hero-content{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 0 30px}.eyebrow i,.architecture-note i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%}.hero .eyebrow{color:var(--mint)}h1{font-size:clamp(42px,4.25vw,68px);font-weight:600;line-height:1.3;letter-spacing:-.065em;margin:0 0 25px}h1 span{color:var(--mint)}.hero-description{color:#aebec9;line-height:1.9;font-size:16px;margin:0}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:40px;padding:17px 22px;font-size:13px;font-weight:700;border-radius:3px}.mint{background:var(--mint);color:var(--navy)}.text-link{font-size:13px;color:#dce4e8}.text-link span{margin-left:16px}.hero-footer{position:relative;z-index:2;margin-top:93px;padding:25px 0;display:flex;justify-content:space-between;border-top:1px solid #ffffff23;color:#8fa3b3;font-size:10px;letter-spacing:.07em}.hero-footer i{font-style:normal;margin:0 17px;color:#405767}.hero-footer a{font-size:9px;color:#dae5e8}.architecture{position:absolute;right:4%;top:20px;width:47%;height:535px;perspective:1000px}.layer{position:absolute;width:280px;height:280px;left:24%;top:105px;transform:rotateX(57deg) rotateZ(-35deg);border:1px solid #8ae8cc75;border-radius:24px;box-shadow:15px 22px 0 #020e1633}.layer-back{margin-top:110px;background:linear-gradient(120deg,#173e4b,#102e3b)}.layer-mid{margin-top:58px;background:linear-gradient(110deg,#276b70aa,#143745e8);border-color:#8ae8ccaa}.layer-front{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(140deg,#346a73ed,#122f40f5);box-shadow:0 0 70px #56d0bd13,12px 17px 0 #0b223377}.layer>span{position:absolute;bottom:13px;left:25px;font-size:9px;letter-spacing:.2em;color:#94c2c1}.core-mark{font-size:86px;line-height:1;font-weight:900;letter-spacing:-.1em;color:var(--mint)}.core-mark span{font-size:47px;vertical-align:top;display:inline-block;margin-top:-5px}.layer-front b{font-size:30px;font-weight:500;letter-spacing:-.04em;margin-top:15px}.layer-front small{font-size:6px;letter-spacing:.2em;color:#abd1d2;margin-top:12px}.orbit{position:absolute;border:1px solid #8ae8cc19;transform:rotate(-29deg);width:500px;height:240px;top:150px;left:2%;border-radius:50%}.orbit-two{width:550px;height:310px;left:-1%;top:120px}.orbital-label{position:absolute;font-size:8px;letter-spacing:.2em;color:#81a6ae}.label-one{left:12%;top:105px}.label-two{right:3%;bottom:100px}.architecture-note{position:absolute;bottom:15px;left:26%;font-size:11px;color:#98b6c0;display:flex;align-items:center;gap:9px}.section{padding:90px 6%}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top .eyebrow{margin:0;color:#437c74}.small-note{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:28px 0 46px}h2{font-size:38px;line-height:1.4;letter-spacing:-.055em;font-weight:600;margin:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 5px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services article{position:relative;padding:35px 30px 32px 0}.services article+article{border-left:1px solid var(--line);padding-left:30px}.service-number{position:absolute;right:26px;top:28px;font-size:11px;color:#9ba7ab}.service-icon{font-size:36px;color:#43877b;height:65px}.services h3{font-size:22px;margin:16px 0}.services p{font-size:13px;color:var(--muted);line-height:1.9}.tags{display:flex;gap:8px;margin-top:25px}.tags span{font-size:10px;color:#5b7179;padding:5px 10px;background:#f1f5f3;border-radius:2px;letter-spacing:0}.references{background:var(--paper)}.reference-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.filters{display:flex;gap:8px}.filters button{padding:10px 19px;font-size:12px;border:1px solid var(--line);border-radius:3px;background:transparent;color:#617078}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}#result-count{font-size:11px;color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project{background:white;min-width:0}.project-art{height:190px;position:relative;overflow:hidden;background:#dfe8e9;display:flex;justify-content:center;align-items:center}.project:nth-child(3n+2) .project-art{background:#e1e8e2}.project:nth-child(3n) .project-art{background:#e2e5ec}.project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#ffffff22,transparent)}.art-caption{position:absolute;left:19px;top:17px;font-size:8px;letter-spacing:.15em;color:#526d76}.phone{width:88px;height:154px;background:#143444;border:4px solid #294652;border-radius:16px;transform:rotate(-12deg) translateY(28px);box-shadow:17px 15px 0 #18323d12;padding:16px 9px}.phone:nth-of-type(2){transform:rotate(12deg) translateY(50px);margin-left:-5px;background:#f2f7f5;border-color:#789b9a}.phone i{display:block;height:4px;background:#6ab9a3;margin:9px 0;border-radius:2px}.phone i:nth-child(2){height:27px;background:linear-gradient(140deg,transparent 45%,#8ae8cc 46%,#8ae8cc 52%,transparent 53%)}.phone i:nth-child(3){width:60%}.window{width:205px;height:120px;background:#f7faf9;border:4px solid #78938f;transform:perspective(700px) rotateY(-15deg) rotateX(8deg) translateY(19px);box-shadow:18px 18px 0 #244a3a12;border-radius:5px;padding:15px}.window b{display:block;height:8px;width:50%;background:#224e55;margin-bottom:15px}.window i{display:block;height:7px;margin-top:8px;background:#d8e7e1}.window i:nth-child(3){width:70%;background:#9bc2b5}.project-body{padding:24px}.project-category{font-size:10px;color:#518277;letter-spacing:.03em}.project h3{font-size:21px;font-weight:600;margin:11px 0}.project p{font-size:12px;line-height:1.75;color:#75838a;min-height:42px;margin:0 0 23px}.project button{background:none;border:0;border-top:1px solid #e9eeee;padding:17px 0 0;display:flex;justify-content:space-between;width:100%;color:#243e49;font-size:11px}.project button span{font-size:18px;line-height:1}.more{display:block;width:230px;margin:34px auto 0;border:1px solid #cbd6d4;background:transparent;padding:14px;color:var(--ink);font-size:12px}.more span{margin-left:35px}.more[hidden]{display:none}.reference-note{text-align:center;font-size:10px;color:#88938f;margin:20px 0 0}.approach{background:var(--navy);color:#e8eff3}.approach .eyebrow{color:var(--mint)}.approach .small-note{color:#879eab}.approach-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:45px}.approach h2{font-size:40px}.approach h2 span{color:var(--mint)}.steps article{display:flex;gap:30px;border-top:1px solid #ffffff23;padding:24px 0}.steps article>span{color:var(--mint);font-size:11px;padding-top:6px}.steps h3{font-size:18px;font-weight:500;margin:0 0 9px}.steps p{font-size:12px;line-height:1.9;color:#95aab7;margin:0}.contact{background:#e6f2ed;padding-top:73px;padding-bottom:73px}.contact .eyebrow{color:#4e7c72}.contact>div{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:45px}.contact>p:not(.eyebrow){font-size:13px;color:#647d75;margin-top:23px}.contact-circle{display:flex;width:90px;height:90px;background:var(--navy);color:var(--mint);border-radius:50%;align-items:center;justify-content:center;font-size:43px;margin-right:5%}.email{display:inline-block;font-size:18px;border-bottom:1px solid #789b8e;padding-bottom:4px;margin-top:10px;letter-spacing:-.02em}footer{background:#071722;color:#8c9ca7;padding:45px 6% 20px}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-main p{font-size:11px;line-height:2}.footer-main b{font-size:12px;color:#d4dde1;font-weight:500}.footer-main>a{font-size:9px;letter-spacing:.1em}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.03em}dialog{border:0;border-radius:6px;padding:48px;max-width:600px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#031523b8;backdrop-filter:blur(5px)}#close-detail{position:absolute;right:17px;top:10px;background:none;border:0;font-size:30px;color:var(--muted)}dialog h2{font-size:30px}dialog p{font-size:14px;color:var(--muted);line-height:1.8}dialog dl{border-top:1px solid var(--line);padding-top:20px;font-size:13px;line-height:1.9}dialog dt{font-weight:700}dialog dd{margin:2px 0 20px;color:var(--muted)}dialog .detail-note{font-size:11px}.skip{position:absolute;top:-80px;left:20px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}
@media(min-width:1600px){header,.section,.hero,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}.architecture{right:10%}}
@media(max-width:1050px){nav{gap:22px}.hero{padding-top:65px;min-height:610px}h1{font-size:48px}.architecture{right:-9%;transform:scale(.8);transform-origin:center}.hero-footer{margin-top:85px}.hero-footer>span:nth-child(2){display:none}.section-heading{align-items:start}.section-heading>p{max-width:320px}.section-heading br{display:none}h2{font-size:32px}.projects{gap:16px}.project-body{padding:20px}.approach-layout{gap:45px}.services p br{display:none}}
@media(max-width:760px){header{height:74px;padding:0 6%}.brand img{width:120px}.contact-link{margin-left:auto;margin-right:20px;padding:8px 11px;font-size:11px}.contact-link span{margin-left:10px}.menu{display:block;background:none;border:0;color:white;font-size:23px;padding:3px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#102b3b;padding:25px 6%;flex-direction:column;border-top:1px solid #ffffff20}nav.open{display:flex}.hero{padding-top:47px;min-height:860px}.hero .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:25px}h1{font-size:clamp(32px,7.4vw,52px);line-height:1.4}.hero-description{font-size:13px;line-height:1.95}.hero-actions{gap:22px;margin-top:28px}.button{font-size:11px;padding:15px 18px;gap:24px}.text-link{font-size:11px}.architecture{top:315px;right:0;width:100%;transform:scale(.75);height:480px;transform-origin:center}.layer{left:20%;width:260px;height:260px}.orbit{left:-10%}.orbit-two{left:-15%}.architecture-note{left:18%;bottom:-10px}.label-two{right:-10%}.hero-footer{margin-top:390px;font-size:8px;gap:20px}.hero-footer a{font-size:7px}.section{padding:57px 6%}.small-note{display:none}.eyebrow{font-size:9px}.section-heading{display:block;margin:25px 0 30px}.section-heading h2{font-size:29px;max-width:360px}.section-heading>p{font-size:12px;max-width:none;margin-top:20px}.services{grid-template-columns:1fr}.services article,.services article+article{padding:22px 0;border-left:0;border-top:1px solid var(--line)}.services article:first-child{border-top:0}.service-icon{float:right;margin:35px 15px 0;height:auto}.service-number{position:static;font-size:10px}.services h3{margin:13px 0 8px;font-size:20px}.services p{font-size:12px;max-width:80%}.tags{margin-top:14px}.projects{grid-template-columns:1fr 1fr;gap:15px}.project-art{height:150px}.project-body{padding:17px}.project h3{font-size:18px}.project p{font-size:11px;min-height:58px}.phone{width:68px;height:130px}.window{width:130px}.art-caption{font-size:6px;left:12px}.filters{gap:5px}.filters button{padding:9px 12px;font-size:10px}#result-count{font-size:10px}.approach-layout{grid-template-columns:1fr;gap:30px;margin-top:28px}.approach h2{font-size:32px}.approach h2 br:last-child{display:none}.steps article{gap:20px}.contact h2{font-size:32px}.contact-circle{width:58px;height:58px;font-size:30px;margin:0}.contact>p:not(.eyebrow){font-size:12px;max-width:270px}.email{font-size:16px}.footer-main{flex-wrap:wrap}.footer-main>div{width:100%}.footer-main>a{display:none}footer img{width:125px}.footer-bottom{gap:17px;flex-direction:column;font-size:8px}dialog{padding:35px 25px}}
@media(max-width:380px){.projects{grid-template-columns:1fr}.project-art{height:180px}.project p{min-height:0}.hero-actions{gap:16px}.contact-link{margin-right:10px}.architecture{right:3%;transform:scale(.64)}.reference-toolbar{gap:8px}.filters button{padding:8px 10px}.hero-footer a{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
h1,h2,h3,p{word-break:keep-all;overflow-wrap:break-word}@media(max-width:760px){.architecture-note{display:none}.section-heading h2{max-width:310px}}

.layer-front .hero-brand-logo{display:block;width:210px;max-width:78%;height:auto;object-fit:contain;margin:30px 0 18px}.layer-front:has(.hero-brand-logo) small{margin-top:10px}