:root{--white:#f8f9f7;--paper:#eef1ed;--charcoal:#191d1b;--ink:#252b28;--green:#597666;--deep:#26382f;--line:#cbd1cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,"Noto Sans KR",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:82px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(60,75,66,.16);background:rgba(248,249,247,.88);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.08em}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--deep);color:white;font-family:serif;font-size:18px}.site-header nav{display:flex;gap:34px;font-size:13px;letter-spacing:.08em}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--green);transition:.25s}.site-header nav a:hover:after{width:100%}.menu-toggle{display:none;background:0;border:0}.hero{min-height:100svh;position:relative;padding:150px clamp(24px,8vw,128px) 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:linear-gradient(140deg,#fafbf9 0%,#edf1ed 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(67,91,77,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(67,91,77,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent 5%,black,transparent 90%)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;margin:0 0 28px}.hero h1{font-size:clamp(48px,6vw,92px);line-height:1.12;letter-spacing:-.055em;margin:0 0 32px;font-weight:600}.hero h1 span{color:var(--green)}.hero-sub{font-size:clamp(17px,1.4vw,21px);color:#5e6762;margin-bottom:46px}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link span{margin-left:16px}.hero-system{position:relative;width:min(42vw,580px);aspect-ratio:1;margin-left:auto}.orbit{position:absolute;border:1px solid rgba(58,83,68,.32);border-radius:50%;inset:10%}.orbit-b{inset:25%;border-style:dashed;animation:spin 30s linear infinite}.core{position:absolute;inset:37%;background:var(--deep);border-radius:50%;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 25px 70px rgba(25,45,34,.2)}.core span{font-size:10px;letter-spacing:.2em}.core strong{font-size:18px;line-height:1.1;margin-top:7px}.node{position:absolute;background:var(--white);border:1px solid var(--line);padding:8px 12px;font-size:10px;letter-spacing:.12em}.n1{top:12%;left:5%}.n2{right:0;top:36%}.n3{left:7%;bottom:16%}.scroll-cue{position:absolute;bottom:38px;left:50%;font-size:9px;letter-spacing:.2em;display:flex;gap:12px;align-items:center}.scroll-cue span{display:block;width:50px;height:1px;background:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:130px clamp(24px,8vw,128px)}.section-label{font-size:11px;letter-spacing:.18em;border-top:1px solid var(--line);padding-top:18px;margin-bottom:80px}.section-label.light{border-color:rgba(255,255,255,.25);color:#a9b5ae}.about-main,.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw}.about h2,.section-head h2,.rnd h2,.contact h2{font-size:clamp(34px,4vw,60px);line-height:1.22;letter-spacing:-.045em;margin:0;font-weight:600}.about-main>div{font-size:18px;color:#5e6762}.about-main>div p{margin:0 0 24px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line)}.about-values article{padding:32px 20px 0 0;border-right:1px solid var(--line);min-height:220px}.about-values article+article{padding-left:32px}.about-values b{font-size:11px;color:var(--green)}.about-values h3{font-size:28px;margin:38px 0 10px}.about-values p{color:#707873}.technology{background:var(--charcoal);color:#f1f4f1}.section-head{align-items:end;margin-bottom:70px}.section-head>p{margin:0;color:#aab2ad;font-size:17px}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #3c413e;border-left:1px solid #3c413e}.tech-grid article{position:relative;min-height:350px;padding:38px;border-right:1px solid #3c413e;border-bottom:1px solid #3c413e;transition:.3s}.tech-grid article:hover{background:#222b26}.tech-grid article>span{font-size:11px;color:#87948d}.tech-icon{position:absolute;right:36px;top:34px;font-size:38px;color:#799284}.tech-grid h3{font-size:27px;margin-top:130px;margin-bottom:16px}.tech-grid p{max-width:460px;color:#aeb7b1;margin:0}.rnd{background:var(--paper)}.rnd-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.green{color:var(--green)}.rnd-desc{font-size:17px;color:#68716c;max-width:470px;margin-top:32px}.flow{display:flex;align-items:stretch}.flow article{flex:1;border:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;justify-content:center;min-height:210px;background:rgba(255,255,255,.36)}.flow article.active{background:var(--deep);color:white;border-color:var(--deep)}.flow i{align-self:center;font-style:normal;color:var(--green);margin:-1px 6px}.flow small{font-size:9px;letter-spacing:.12em;color:var(--green)}.flow b{font-size:17px;margin:20px 0 10px}.flow p{font-size:13px;margin:0;color:#737d77}.flow .active p{color:#bdc9c1}.research-topics{display:flex;gap:10px;flex-wrap:wrap;margin-top:70px;border-top:1px solid var(--line);padding-top:25px}.research-topics span{border:1px solid #aab4ae;border-radius:30px;padding:9px 17px;font-size:13px}.projects{background:#f7f8f6}.section-head.dark>p{color:#68716c}.project-card{display:grid;grid-template-columns:1.45fr .55fr;background:var(--charcoal);color:white}.project-visual{position:relative;min-height:560px;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(92,151,135,.55),transparent 25%),linear-gradient(145deg,#0b1b21,#173d42 42%,#171b19);isolation:isolate}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.09) 40.5%,transparent 41%),linear-gradient(15deg,transparent 60%,rgba(112,181,165,.18) 60.5%,transparent 61%)}.screen{position:absolute;border:1px solid rgba(146,204,192,.45);background:rgba(38,99,93,.18);transform:perspective(500px) rotateY(15deg)}.s1{inset:12% 45% 18% 7%}.s2{inset:19% 8% 22% 57%;transform:perspective(500px) rotateY(-15deg)}.water-lines{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 80%,transparent 0 24px,rgba(148,210,199,.09) 25px 26px)}.project-visual>span{position:absolute;z-index:2;bottom:24px;left:26px;font-size:10px;letter-spacing:.18em;color:#b7c5bf}.project-info{padding:54px 40px;display:flex;flex-direction:column;justify-content:center}.project-info>p{font-size:10px;letter-spacing:.13em;color:#81998c}.project-info h3{font-size:28px;line-height:1.4;margin:23px 0 50px}.project-info dl{margin:0}.project-info dl div{border-top:1px solid #3c4540;padding:17px 0}.project-info dt{font-size:9px;color:#829188}.project-info dd{font-size:13px;margin:6px 0 0;color:#c5ccc8}.project-note{font-size:12px;color:#79817d;text-align:right}.contact{background:var(--deep);color:white}.eyebrow.light{color:#94a69c}.contact-title h2{font-size:clamp(38px,5vw,72px)}.contact-details{display:grid;grid-template-columns:1.2fr .5fr 1.3fr .8fr;margin-top:100px;border-top:1px solid #52645a;padding-top:36px;gap:28px}.contact-details span{display:block;font-size:9px;letter-spacing:.15em;color:#96a89e;margin-bottom:17px}.contact-details b{font-size:15px;font-weight:400;line-height:1.8}footer{min-height:130px;padding:35px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:#151816;color:#dce1de;font-size:11px}footer .brand-mark{background:#dce4df;color:#22352b}footer>a:last-child{letter-spacing:.1em}.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:70px}.site-header nav{position:absolute;top:70px;left:0;width:100%;background:var(--white);flex-direction:column;padding:26px;gap:20px;transform:translateY(-130%);opacity:0;transition:.3s}.site-header.open nav{transform:none;opacity:1}.menu-toggle{display:flex;width:36px;height:36px;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{width:24px;height:1px;background:var(--ink)}.hero{grid-template-columns:1fr;padding-top:120px;align-content:center}.hero h1{font-size:clamp(46px,14vw,68px)}.hero-system{position:absolute;width:75vw;right:-35vw;opacity:.35}.scroll-cue{left:24px}.section{padding:90px 24px}.section-label{margin-bottom:55px}.about-main,.section-head,.rnd-layout{grid-template-columns:1fr;gap:36px}.about-values{grid-template-columns:1fr;margin-top:65px}.about-values article,.about-values article+article{padding:25px 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.about-values h3{margin:15px 0 4px}.tech-grid{grid-template-columns:1fr}.tech-grid article{min-height:270px;padding:28px}.tech-grid h3{margin-top:80px}.flow{display:grid;grid-template-columns:1fr}.flow i{transform:rotate(90deg);margin:4px}.flow article{min-height:145px}.project-card{grid-template-columns:1fr}.project-visual{min-height:390px}.contact-details{grid-template-columns:1fr 1fr;gap:42px}.desktop{display:none}footer{flex-direction:column;align-items:flex-start;gap:24px}}@media(max-width:520px){.contact-details{grid-template-columns:1fr}.hero-sub{font-size:16px}.project-info{padding:36px 24px}.project-info h3{font-size:24px}.project-visual{min-height:300px}}