@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');:root{--navy:#0a1729;--blue:#2588e8;--ink:#101d30;--muted:#758197}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}header{height:82px;padding:0 max(calc((100vw - 1180px)/2),6%);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 4px 20px #0b23410b}.logo{width:150px}nav{display:flex;align-items:center;gap:42px;font-size:13px}nav a:hover{color:var(--blue)}.contact-link{border:1px solid #dbe3ee;padding:12px 18px}.toggle{display:none}.hero{height:min(700px,76vw);min-height:570px;background:#172941 url('assets/hero.jpeg') center 48%/cover no-repeat;position:relative;color:#fff;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#071120d9,#08162878 55%,#0a182826)}.hero-in{position:relative;width:min(1180px,88%);margin:auto}.hero small,.service>div>small,.development>small,.reach>small,.intro small{font-size:10px;letter-spacing:2px;font-weight:700;color:#70b9ff}.hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-2px;line-height:1.25;margin:24px 0;font-weight:500}.hero h1 span{color:#7fc1ff}.hero-in p{font-size:17px;line-height:1.9;color:#e1e8f1;margin:0 0 32px}.button{background:#fff;color:var(--ink);padding:15px 20px;font-size:12px;font-weight:600}.hero label{position:absolute;right:6%;bottom:36px;font-size:9px;letter-spacing:2px;color:#d0d9e5}.intro{max-width:1180px;margin:auto;padding:115px 0;display:grid;grid-template-columns:90px 1fr 1.1fr;gap:40px;align-items:center}.monogram{font-size:65px;color:#dce8f5}.monogram span,.reach h2 span{color:var(--blue)}.intro h2{font-size:34px;line-height:1.45;margin:0;letter-spacing:-1px}.intro>p{font-size:14px;line-height:2;color:#68758a;margin:0}.service{padding:100px max(calc((100vw - 1180px)/2),6%);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dark{background:var(--navy);color:#fff}.light{background:#f4f7fb}.service h2{font-size:46px;line-height:1.25;letter-spacing:-1.5px;margin:22px 0;font-weight:500}.service h3{font-size:15px}.service p{font-size:13px;line-height:1.9;color:#a9b5c6}.light p{color:#68758a}.service ul{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #ffffff26;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:12px;color:#cbd5e1}.light ul{border-color:#dce4ed;color:#4f5e72}.service li:before{content:'↗';color:#63b5ff;margin-right:9px}.art{min-height:320px;position:relative;display:grid;place-items:center}.art img{position:relative;width:min(100%,430px);filter:drop-shadow(0 25px 34px #0002)}.art i{position:absolute;width:300px;height:250px;border-radius:50%;background:#1c6bb833;filter:blur(55px)}.development{background:#f8fafc;padding:110px 6%;text-align:center}.development h2{font-size:clamp(37px,5vw,58px);letter-spacing:-1.5px;line-height:1.22;margin:18px 0}.development h2 span{color:var(--blue)}.development>p{font-size:14px;line-height:1.9;color:#718096;margin:22px 0 45px}.projects{background:#fff;max-width:980px;margin:auto;text-align:left;display:grid;grid-template-columns:240px 1fr;padding:35px 48px;box-shadow:0 12px 40px #172b4510}.projects>div small{font-size:11px;letter-spacing:1px;color:#8c9bb0}.projects h3{font-size:12px;color:#66748a;margin-top:24px}.projects ol{list-style:none;padding:0;margin:0}.projects li{border-bottom:1px solid #ebeff4;padding:13px 0;font-size:13px}.projects li:last-child{border:0}.projects li b{display:inline-block;width:58px;color:var(--blue);font-size:11px}.projects em{float:right;font-style:normal;color:#8b97a8;font-size:11px}.reach{background:#0d1b2f;color:white;text-align:center;padding:95px 6% 105px}.reach h2{font-size:48px;font-weight:500;margin:18px 0;letter-spacing:-1px}.reach>p{font-size:14px;line-height:1.9;color:#b5c1d0}.cards{max-width:850px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff26;text-align:left}.cards a{padding:22px 24px;border-right:1px solid #ffffff26;font-size:13px;font-weight:600}.cards a:last-child{border:0}.cards small{display:block;font-size:11px;font-weight:400;color:#a8b4c4;margin-top:9px}footer{padding:28px max(calc((100vw - 1180px)/2),6%);display:flex;align-items:center;justify-content:space-between;background:#081322;color:#9ba9bb}footer b{color:white;letter-spacing:1px}footer b span{color:#68b4ff}footer p{font-size:10px;line-height:1.8}footer>a{font-size:9px;letter-spacing:1px}@media(max-width:800px){header{height:70px;padding:0 6%}.logo{width:130px}.toggle{display:block;background:none;border:0;font-size:23px}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:15px 6%;background:white;box-shadow:0 10px 20px #0b23411c;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 0}.nav-contact{padding:12px}.hero{min-height:540px;height:76vh;background-position:56% center}.hero h1{font-size:46px}.hero-in p{font-size:15px}.intro{padding:75px 7%;grid-template-columns:50px 1fr;gap:20px}.monogram{font-size:45px}.intro h2{font-size:27px}.intro>p{grid-column:2;font-size:13px}.service{padding:70px 7%;grid-template-columns:1fr;gap:28px}.service h2{font-size:38px}.art{min-height:230px}.art img{max-width:350px}.light .art{order:2}.light>div:last-child{order:1}.development{padding:75px 6%}.projects{grid-template-columns:1fr;padding:25px}.projects h3{margin:8px 0 20px}.reach{padding:75px 6%}.reach h2{font-size:38px}.cards{grid-template-columns:1fr}.cards a{border-right:0;border-bottom:1px solid #ffffff26}.cards a:last-child{border:0}footer{padding:25px 6%;gap:15px;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}a{color:#2588e8}@media(max-width:420px){.hero h1{font-size:39px}.intro h2{font-size:23px}.service ul{grid-template-columns:1fr}.service h2{font-size:34px}.reach h2{font-size:32px}}