:root{--ink:#15231e;--muted:#626d67;--paper:#f4f6f3;--green:#c3f15b;--emerald:#177657;--line:#d6ddd6;--max:1280px}
*{box-sizing:border-box;min-width:0}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans KR",Arial,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
html:lang(zh-CN) body{font-family:Inter,"Microsoft YaHei","Noto Sans KR",sans-serif}
html:lang(ja) body{font-family:Inter,"Yu Gothic","Meiryo",sans-serif}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}
h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:800;line-height:1.23;word-break:keep-all;overflow-wrap:anywhere}p{line-height:1.85;overflow-wrap:anywhere}
html:lang(ja) :is(h1,h2,h3,h4),html:lang(zh-CN) :is(h1,h2,h3,h4){word-break:normal}
:focus-visible{outline:3px solid #3dac8d;outline-offset:5px}
.container{width:calc(100% - 96px);max-width:var(--max);margin-inline:auto}.section{padding-block:110px}
.eyebrow{font-size:12px;font-weight:700;line-height:1.5;text-transform:uppercase;color:var(--emerald);margin-bottom:26px}
.skip-link{position:fixed;top:-100px;left:20px;padding:14px 20px;background:white;z-index:200}.skip-link:focus{top:12px}
.site-header{height:84px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:absolute;inset:0 0 auto;z-index:50;color:white;border-bottom:1px solid #ffffff30;transition:background .25s}
.site-header.scrolled{position:fixed;background:#15231ef5;backdrop-filter:blur(16px);height:72px}
.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-logo{width:32px;height:38px;object-fit:contain}.brand span{font-size:13px;font-weight:800}
.nav-menu{display:flex;gap:30px;align-items:center}.nav-menu a{font-size:13px;font-weight:600;padding:12px 0;color:#e4e9e5}.nav-menu a.active,.nav-menu a:hover{color:var(--green)}
.header-actions{display:flex;gap:14px;align-items:center}.language-tabs{display:flex;gap:2px}.lang-btn{border:0;color:#c9ceca;background:transparent;font-size:11px;font-weight:700;width:34px;height:38px;border-radius:4px}.lang-btn.active{color:var(--green);background:#ffffff14}
.menu-toggle{display:none;width:40px;height:40px;padding:10px 7px;border:1px solid #ffffff40;background:transparent;border-radius:4px}.menu-toggle span{display:block;height:2px;background:white;margin:4px 0}
.hero-section{min-height:clamp(650px,calc(100svh - 58px),870px);position:relative;background:#202825;color:white;display:flex;align-items:center}
.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media picture{display:block;width:100%;height:100%}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(var(--hero-scale,1))}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101915a8 0%,#10191545 43%,transparent 70%),linear-gradient(0deg,#101915b0,transparent 25%)}
.hero-content{position:relative;width:calc(100% - 96px);max-width:var(--max);margin-inline:auto;padding:106px 0 110px}.hero-content .eyebrow{color:var(--green);margin-bottom:22px}.hero-content h1{font-size:56px;max-width:680px}
.hero-statement{font-size:34px;font-weight:700;line-height:1.4;white-space:pre-line;margin-top:24px;max-width:580px}.hero-lead{font-size:15px;max-width:480px;margin-top:24px;color:#e1e5e2}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{min-height:50px;padding:14px 20px;display:inline-flex;gap:30px;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid #ffffff65;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--green);border-color:var(--green);color:var(--ink)}.button.secondary{background:#10221b66;color:white}
.hero-foot{position:absolute;inset:auto 48px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:10px;color:#e0e5e1}.research-status::before{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:9px}.hero-foot a{font-size:24px}
.mission-band{padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#e8eddf}.mission-band span{font-size:10px;font-weight:700}.mission-band p{font-size:16px;font-weight:600}
.research-section{background:#fff}.research-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 70px;margin-bottom:60px}.research-intro .eyebrow{grid-column:1/-1;margin-bottom:0}.research-intro h2{font-size:46px;max-width:640px}.research-intro>p:last-child{align-self:end;color:var(--muted);font-size:16px}
.research-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:70px}.design-stage{position:sticky;top:110px;background:#f5f6f0}.design-stage img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.design-visual{position:relative}.field-overlay{position:absolute;inset:0;opacity:0;transition:opacity .8s}.design-stage.show-field .field-overlay{opacity:1}
.design-top,.design-bottom{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:20px;font-size:10px;color:var(--muted)}.design-top{border-bottom:1px solid var(--line);font-weight:700}.design-bottom{border-top:1px solid var(--line);line-height:1.6}.stage-progress{width:70px;height:3px;background:#d1d8cf;flex-shrink:0}.stage-progress i{display:block;width:var(--stage-progress,25%);height:100%;background:var(--emerald);transition:width .4s}
.research-step{min-height:270px;padding:24px 0 38px 24px;border-top:1px solid var(--line);border-left:3px solid transparent;transition:border-color .3s,background .3s}.research-step.active{border-left-color:var(--emerald);background:#f4f7f0}.step-number{color:var(--emerald);font-size:11px;font-weight:700}.research-step h3{font-size:28px;margin:16px 0}.research-step p{font-size:15px;color:var(--muted);padding-right:12px}.research-disclosure{border-top:1px solid var(--line);padding-top:24px;margin-top:42px;font-size:12px;color:var(--muted)}
.about-section{background:#e9eeea}.about-layout,.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center}.section-copy h2{font-size:42px;margin-bottom:28px}.section-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:20px}.about-photo img{aspect-ratio:4/3;object-fit:cover;width:100%}
.solution-section{background:#19271f;color:#f4f6f3}.section-head{max-width:800px;margin-bottom:54px}.section-head h2{font-size:42px;margin-bottom:22px}.section-head>p:not(.eyebrow){font-size:16px;color:var(--muted)}.solution-section .eyebrow{color:var(--green)}.solution-section .section-head>p:not(.eyebrow){color:#afbdb4}
.process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.process-item{display:flex;align-items:flex-start;gap:24px;border-top:1px solid #ffffff25;padding:26px 0}.process-item>span{flex:0 0 28px;color:var(--green);font-size:12px;padding-top:5px}.process-item h3{font-size:20px;font-weight:700}.process-item p{color:#acbbb0;font-size:14px;margin-top:10px}
.product-section{background:var(--paper)}.featured-product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#dee5dc;margin-bottom:50px}.featured-image img{width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center 38%}.featured-copy{padding:48px;align-self:center}.product-label{font-size:11px;font-weight:700;color:var(--emerald);margin-bottom:22px;text-transform:uppercase}.featured-copy h3{font-size:34px;margin-bottom:18px}.featured-copy>p:not(.product-label){color:var(--muted);font-size:16px}.product-links{margin-top:32px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px;line-height:2}.text-link:hover{color:var(--emerald)}
.product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product-thumb{margin-bottom:22px}.product-thumb img{aspect-ratio:16/10;object-fit:cover;width:100%}.product-card h3{font-size:22px;margin-bottom:10px}.product-card p{font-size:14px;color:var(--muted)}
.petro-showcase,.education-showcase{margin-top:90px;padding-top:70px;border-top:1px solid var(--line)}.petro-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-bottom:38px}.petro-copy .product-label{grid-column:1/-1;margin:0}.petro-copy h3,.education-copy h3{font-size:34px}.petro-copy>p:last-child{font-size:15px;color:var(--muted)}
.petro-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.petro-model-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e3e7e1}.petro-model-card>div{padding:28px 0}.petro-model-card span{font-size:10px;font-weight:700;color:var(--emerald);text-transform:uppercase}.petro-model-card h4{font-size:26px;margin:12px 0}.petro-model-card p{font-size:14px;color:var(--muted)}
.education-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}.education-copy>p:not(.product-label){margin-top:24px;color:var(--muted);font-size:15px}.education-points{padding-left:18px;font-size:14px;line-height:1.9;margin-top:24px}.education-points li{margin-bottom:10px;padding-left:6px}.education-points li::marker{color:var(--emerald)}.education-gallery{display:grid;gap:20px}.education-gallery img{width:100%;height:auto}
.contact-section{background:#c3f15b}.contact-section .eyebrow{color:#263d23}.contact-section .section-copy>p{color:#33452d}.contact-list{display:grid}.contact-item{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #25392140}.contact-item>span{width:30px;font-size:14px;flex-shrink:0;padding-top:2px}.contact-item strong{font-size:11px;text-transform:uppercase}.contact-item p{font-size:15px;margin-top:7px}
.footer{background:#15231e;color:#bac6bd;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;font-size:10px;line-height:1.7}.footer strong{color:white;font-size:11px}
@media(prefers-reduced-motion:no-preference){.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.motion-ready .reveal.visible{opacity:1;transform:none}}
@media(min-width:1600px){.hero-content h1{font-size:64px}.hero-statement{font-size:38px}}
@media(max-width:1100px){.site-header{padding-inline:24px;gap:18px}.nav-menu{gap:18px}.brand span{font-size:11px}.container,.hero-content{width:calc(100% - 64px)}.research-layout,.about-layout,.contact-layout{gap:40px}.hero-content h1{font-size:46px;max-width:540px}.hero-statement{font-size:30px}.research-intro h2,.section-copy h2,.section-head h2{font-size:36px}}
@media(max-width:980px){.site-header,.site-header.scrolled{height:72px}.menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:72px;inset-inline:0;background:#15231e;padding:20px;border-top:1px solid #ffffff25}.nav-menu.active{display:grid}.nav-menu a{font-size:16px;padding:12px}}
@media(max-width:800px){
 .site-header,.site-header.scrolled{height:72px;padding-inline:20px}.brand span{display:none}.menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:72px;inset-inline:0;background:#15231e;padding:20px;border-top:1px solid #ffffff25}.nav-menu.active{display:grid}.nav-menu a{font-size:16px;padding:12px}
 .container,.hero-content{width:calc(100% - 40px)}.section{padding-block:72px}.hero-section{height:auto;min-height:760px;align-items:flex-start}.hero-content{padding:120px 0 340px}.hero-media img{object-position:70% center}.hero-media::after{background:linear-gradient(180deg,#102019e8 0%,#102019c5 34%,#10201915 67%,#10201965 100%)}
 .hero-content h1{font-size:40px;max-width:600px}.hero-statement{font-size:28px;max-width:580px;margin-top:18px}.hero-lead{font-size:14px;max-width:510px;margin-top:18px}.hero-foot{inset-inline:20px;bottom:18px;flex-wrap:wrap;gap:10px;font-size:9px}.hero-foot a{display:none}.mission-band{padding:24px 20px;display:block}.mission-band p{font-size:14px;margin-top:10px}
 .research-intro{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:34px}.research-layout{grid-template-columns:minmax(0,1fr);gap:30px}.design-stage{position:relative;top:auto}.design-top,.design-bottom{padding:16px}.research-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.research-step{min-height:0;padding:20px 0 24px 14px}.research-step h3{font-size:23px}.research-step p{font-size:14px}
 .about-layout,.contact-layout,.featured-product,.education-content{grid-template-columns:minmax(0,1fr);gap:32px}.featured-product{gap:0}.featured-copy{padding:32px}.featured-image img{max-height:440px;aspect-ratio:4/3}.process-list{gap:0 28px}.process-item{gap:12px}.process-item h3{font-size:18px}.product-list{gap:20px}.product-card h3{font-size:18px}.petro-copy{grid-template-columns:minmax(0,1fr);gap:18px}.petro-model-card h4{font-size:22px}.petro-showcase,.education-showcase{margin-top:60px;padding-top:50px}.education-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.footer-inner{flex-wrap:wrap}
}
@media(max-width:480px){
 .header-actions{gap:10px}.lang-btn{width:32px;height:40px}.brand-logo{width:28px}.hero-section{min-height:820px}.hero-content{padding-top:114px;padding-bottom:310px}.hero-content h1{font-size:34px}.hero-statement{font-size:25px}.hero-content .eyebrow{font-size:10px}.hero-actions{gap:10px;margin-top:24px}.button{padding:12px 14px;font-size:12px;gap:14px}.hero-foot{display:block}.hero-foot>span{display:block;margin-top:8px}
 .research-intro h2,.section-copy h2,.section-head h2{font-size:30px}.eyebrow{margin-bottom:20px}.section-head{margin-bottom:36px}.research-steps,.process-list,.product-list,.petro-models,.education-gallery{grid-template-columns:minmax(0,1fr)}.research-step{padding:24px 16px}.research-step p{padding-right:0}.design-bottom{font-size:9px}.stage-progress{width:40px}.section-copy>p:not(.eyebrow),.research-intro>p:last-child{font-size:15px}.featured-copy{padding:26px 22px}.featured-copy h3,.petro-copy h3,.education-copy h3{font-size:28px}.product-list{gap:36px}.product-card h3{font-size:22px}.contact-item{gap:14px}.contact-item p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}