:root{--ink:#152326;--dark:#081417;--navy:#112c32;--accent:#db7040;--paper:#f8f8f6;--line:#dfe3e0;--muted:#687674}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans KR",sans-serif;word-break:keep-all}.wrap4{width:min(1200px,calc(100% - 72px));margin:0 auto}.skip-link{position:absolute;top:-100px;left:12px;background:#fff;color:#000;padding:10px;z-index:100}.skip-link:focus{top:12px}.head4{position:absolute;top:0;left:0;z-index:20;width:100%;height:70px;display:flex;align-items:center;padding:0 max(36px,calc((100vw - 1200px)/2));color:#fff;border-bottom:1px solid rgba(255,255,255,.16);transition:.25s}.head4.scrolled{position:fixed;height:62px;background:rgba(7,18,21,.95);backdrop-filter:blur(9px)}.logo4{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none}.logo4 b{font-size:17px;letter-spacing:-.07em}.logo4 small{font:9px Manrope,sans-serif;opacity:.65;letter-spacing:.08em}.mark4{height:16px;display:flex;align-items:end;gap:2px}.mark4 i{width:3px;background:var(--accent);display:block}.mark4 i:nth-child(1){height:8px}.mark4 i:nth-child(2){height:12px}.mark4 i:nth-child(3){height:16px}.head4 nav{display:flex;gap:30px;margin:auto}.head4 nav a,.head-link{color:inherit;text-decoration:none;font-size:11px}.head-link{border:1px solid rgba(255,255,255,.45);padding:8px 11px}.menu-button{display:none;background:none;border:0;margin-left:auto;padding:8px}.menu-button span{display:block;width:23px;height:2px;background:#fff;margin:5px}.hero4{height:740px;min-height:660px;position:relative;overflow:hidden;background:var(--dark);color:#fff}.hero4>img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.12)}.hero4-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,16,.76),rgba(4,13,16,.3) 65%),linear-gradient(0deg,rgba(4,13,16,.46),transparent)}.hero4-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero4-in p,.about-copy small,.story-copy small,.gallery-title small,.center-title small,.vision-in small,.footer4 small{font:10px "DM Mono",monospace;letter-spacing:.1em;color:#f0a17b}.hero4 h1{font-size:clamp(38px,4.9vw,70px);line-height:1.1;letter-spacing:-.09em;margin:17px 0}.hero4 h1 em,.about-copy h2 em,.story-copy h2 em{font-style:normal;color:#ef9a70}.hero4-in>span{font-size:13px;line-height:1.8;color:#e0e7e5}.hero4-in>a{margin-top:25px;display:flex;gap:32px;align-items:center;background:#fff;color:var(--ink);padding:11px 17px;border-radius:20px;text-decoration:none;font-size:11px;font-weight:700}.hero4-in a b{color:var(--accent);font-size:17px}.section4{padding:118px 0}.about4{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.about-image{height:390px;border-radius:12px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}.about-copy h2,.story-copy h2,.center-title h2,.vision-in h2,.footer4 h2{font-size:clamp(33px,3.7vw,54px);line-height:1.15;letter-spacing:-.08em;margin:18px 0}.about-copy p,.story-copy p{font-size:13px;line-height:1.85;color:var(--muted)}.under{display:inline-flex;gap:28px;color:var(--ink);font-size:11px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-top:19px}.under b{font-size:16px;color:var(--accent)}.story4{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-copy{padding:40px 10px}.mini-stats{display:flex;gap:20px;margin-top:35px}.mini-stats span{font-size:11px;color:var(--muted)}.mini-stats b{display:block;color:var(--accent);font:13px "DM Mono",monospace;margin-bottom:6px}.story-images{display:grid;gap:12px}.story-images img{width:100%;height:210px;object-fit:cover;border-radius:9px}.gallery4{padding-bottom:110px}.gallery-title{text-align:center;margin-bottom:28px}.gallery-title h2{font-size:24px;letter-spacing:-.07em;margin:9px 0}.gallery-track{display:flex;gap:12px;overflow:hidden}.gallery-track img{height:205px;flex:0 0 28%;object-fit:cover;border-radius:10px}.gallery-track img:nth-child(2){flex-basis:40%}.center-title{text-align:center}.center-title h2{margin:12px 0}.center-title p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.value-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-list article{text-align:center;padding:25px 12px;border-right:1px solid var(--line)}.value-list article:last-child{border:0}.value-list b{font-size:21px}.value-list h3{font-size:15px;margin:12px 0 7px}.value-list p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.process4{background:var(--paper)}.process4 .light h2{color:var(--ink)}.process-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:45px}.process-grid article{position:relative;overflow:hidden;border-radius:10px;background:#12292f}.process-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.process-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,16,.75),transparent 66%)}.process-main{height:410px}.process-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.process-stack article:first-child{grid-column:1/-1}.process-stack article{height:198px}.process-grid article div{position:absolute;z-index:1;bottom:0;color:#fff;padding:16px}.process-grid span{font:10px "DM Mono",monospace;color:#ef9e77}.process-grid p{font-size:11px;margin:5px 0 0;color:#e0e5e4}.vision4{height:370px;position:relative;overflow:hidden;color:#fff}.vision4>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(.6) contrast(1.1)}.vision-shade{position:absolute;inset:0;background:rgba(4,14,17,.72)}.vision-in{position:relative;text-align:center;padding-top:83px}.vision-in h2{margin:13px 0 27px}.vision-in>div{display:flex;justify-content:center;gap:35px}.vision-in>div span{font-size:11px}.vision-in>div span:before{content:"✦";color:var(--accent);margin-right:8px}.notice-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.notice-cards article{min-height:190px;border:1px solid var(--line);padding:23px;position:relative}.notice-cards span{font:10px "DM Mono",monospace;color:var(--accent)}.notice-cards h3{font-size:19px;line-height:1.3;letter-spacing:-.06em;margin:16px 0 9px}.notice-cards p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.notice-cards a{position:absolute;bottom:19px;left:23px;font-size:11px;font-weight:700;color:var(--ink);text-decoration:none}.products4{background:var(--paper)}.lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:42px}.lineup a{height:245px;position:relative;color:#fff;text-decoration:none;overflow:hidden;border-radius:8px;background:#183035}.lineup a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,16,.82),transparent 65%)}.lineup img{width:100%;height:100%;object-fit:cover;transition:.4s}.lineup a:hover img{transform:scale(1.05)}.lineup span,.lineup b{position:absolute;z-index:1;left:17px}.lineup span{bottom:42px;font-size:15px;font-weight:700}.lineup b{bottom:20px;font-size:10px;color:#d7e0de;font-weight:400}.consult4{background:#f0f1ef;text-align:center;padding:55px 0}.consult4 p{font-size:12px;color:var(--muted);margin:0}.consult4 h2{font-size:27px;line-height:1.2;letter-spacing:-.07em;margin:10px 0 20px}.consult4 a{display:inline-flex;gap:32px;background:#fff;color:var(--ink);text-decoration:none;padding:11px 15px;border-radius:20px;font-size:11px;font-weight:700}.consult4 b{color:var(--accent);font-size:16px}.footer4{background:var(--dark);color:#fff}.contact4{display:grid;grid-template-columns:1fr .85fr;gap:100px;padding:80px 0 60px;align-items:center}.footer4 h2{margin:17px 0 14px}.contact4 p{font-size:12px;line-height:1.8;color:#bbc7c4}.contact-box{padding:27px;background:#153037}.contact-box span{display:block;color:#e99870}.contact-box b{display:block;font-size:17px;letter-spacing:-.05em;margin:8px 0}.contact-box a{font-size:11px;color:#fff;text-decoration:none}.contact-box hr{border:0;border-top:1px solid rgba(255,255,255,.2);margin:20px 0}.foot-nav{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;padding:42px 0;border-top:1px solid rgba(255,255,255,.18)}.foot-brand{display:flex;gap:8px;align-items:start;flex-wrap:wrap}.foot-brand b{font-size:20px}.foot-brand small{width:100%;color:#8fa29e}.foot-nav h3{font:10px "DM Mono",monospace;color:#e79870;letter-spacing:.1em;margin:3px 0 14px}.foot-nav>div:not(.foot-brand){display:flex;flex-direction:column;gap:8px}.foot-nav a{font-size:11px;color:#c4d0cd;text-decoration:none}.copyright4{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding:18px 0;color:#7f928e;font:9px "DM Mono",monospace}.copyright4 div{display:flex;gap:16px}.copyright4 a{color:inherit;text-decoration:none}@media(max-width:800px){.wrap4{width:calc(100% - 40px)}.head4{height:62px;padding:0 20px}.head4 nav,.head-link{display:none}.menu-button{display:block}.head4.menu-open{background:#081417}.head4.menu-open nav{display:flex;position:absolute;top:62px;left:0;width:100%;padding:23px 20px;background:#081417;flex-direction:column;gap:16px}.hero4{height:640px}.hero4-in{justify-content:center}.hero4 h1{font-size:41px}.section4{padding:82px 0}.about4,.story4{grid-template-columns:1fr;gap:34px}.about-image{height:285px}.story-copy{padding:0}.story-images{grid-template-columns:1fr 1fr}.story-images img{height:210px}.mini-stats{gap:14px}.gallery4{padding-bottom:75px}.gallery-track img{height:155px;flex-basis:46%}.gallery-track img:nth-child(2){flex-basis:65%}.value-list{grid-template-columns:1fr 1fr}.value-list article:nth-child(2){border-right:0}.value-list article:nth-child(-n+2){border-bottom:1px solid var(--line)}.process-grid{grid-template-columns:1fr}.process-main{height:290px}.process-stack article{height:150px}.vision4{height:360px}.vision-in{padding-top:70px}.vision-in h2{font-size:34px}.vision-in>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice-cards,.lineup{grid-template-columns:1fr}.notice-cards article{min-height:170px}.lineup a{height:220px}.contact4{grid-template-columns:1fr;gap:35px;padding:70px 0 45px}.foot-nav{grid-template-columns:1fr 1fr;gap:28px 18px}.foot-brand{grid-column:1/-1}.copyright4{display:block;line-height:2}.copyright4 div{gap:10px;flex-wrap:wrap}}
/* Typography scale tuning */
.head4 nav a,.head-link{font-size:12px}
.hero4-in p,.about-copy small,.story-copy small,.gallery-title small,.center-title small,.vision-in small,.footer4 small{font-size:11px}
.hero4-in>span{font-size:15px;line-height:1.85}
.hero4-in>a{font-size:12px}
.about-copy h2,.story-copy h2,.center-title h2,.vision-in h2,.footer4 h2{font-size:clamp(38px,4vw,62px)}
.about-copy p,.story-copy p{font-size:15px;line-height:1.9}
.under{font-size:12px}
.mini-stats span{font-size:12px}
.mini-stats b{font-size:14px}
.gallery-title{margin-bottom:34px}
.gallery-title h2{font-size:clamp(30px,2.7vw,42px);line-height:1.18;margin:11px 0}
.center-title p{font-size:14px;line-height:1.9}
.value-list{margin-top:56px}
.value-list article{padding:30px 15px}
.value-list b{font-size:23px}
.value-list h3{font-size:17px;margin:14px 0 8px}
.value-list p{font-size:12px;line-height:1.7}
.process-grid span{font-size:11px}
.process-grid p{font-size:12px;line-height:1.65}
.vision-in>div span{font-size:12px}
.notice-cards span{font-size:11px}
.notice-cards h3{font-size:21px}
.notice-cards p,.notice-cards a{font-size:12px}
.lineup span{font-size:17px}
.lineup b{font-size:11px}
.consult4 p{font-size:14px}
.consult4 h2{font-size:clamp(30px,2.5vw,40px)}
.consult4 a{font-size:12px}
.contact4 p{font-size:14px}
.contact-box b{font-size:19px}
.contact-box a,.foot-nav a{font-size:12px}
.foot-nav h3{font-size:11px}

@media(max-width:800px){
  .hero4-in p,.about-copy small,.story-copy small,.gallery-title small,.center-title small,.vision-in small,.footer4 small{font-size:10px}
  .about-copy h2,.story-copy h2,.center-title h2,.vision-in h2,.footer4 h2{font-size:38px}
  .about-copy p,.story-copy p{font-size:14px}
  .gallery-title h2{font-size:30px}
  .center-title p{font-size:13px}
  .value-list h3{font-size:16px}
  .value-list p{font-size:11px}
  .notice-cards h3{font-size:19px}
}
/* Hero 4 visual sequence — clean scene counter */
.hero4-media{position:absolute;inset:0;background:#081417}.hero4-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.03);filter:saturate(.66) contrast(1.12);transition:opacity .9s ease,transform 5s ease}.hero4-slide.is-active{opacity:1;transform:scale(1)}.hero4-slide:nth-child(2){object-position:60% center}.hero4-slide:nth-child(3){object-position:61% center}.hero4-slide:nth-child(4){object-position:63% center}.hero4-shade{z-index:1}.hero4-in{z-index:2}.hero4-timeline{position:absolute;z-index:3;left:0;right:0;bottom:34px;display:flex;align-items:center;gap:15px;color:#fff;font-family:"DM Mono",monospace;letter-spacing:.08em}.timeline4-count{display:flex;align-items:baseline;gap:5px}.timeline4-count b{font-size:22px;font-weight:500;color:#f0a17b}.timeline4-count span{font-size:10px;color:#d7e0de}.timeline4-cells{display:flex;gap:5px}.timeline4-cells i{display:flex;align-items:center;justify-content:center;width:44px;height:27px;border:1px solid rgba(255,255,255,.34);font-size:9px;font-style:normal;color:#c9d5d2;overflow:hidden;background:linear-gradient(90deg,#db7040,#ef9a70) left/0% 100% no-repeat;transition:border-color .25s,color .25s}.timeline4-cells i.is-active{border-color:#ef9a70;color:#fff;animation:timeline4Fill 4s linear forwards}@keyframes timeline4Fill{from{background-size:0% 100%}to{background-size:100% 100%}}.hero4-timeline>small{font:9px "DM Mono",monospace;color:#d4dfdc;margin-left:5px;letter-spacing:.08em}
@media(max-width:800px){.hero4-slide:nth-child(n){object-position:63% center}.hero4-timeline{bottom:22px;gap:10px}.timeline4-count b{font-size:19px}.timeline4-cells{gap:4px}.timeline4-cells i{width:34px;height:24px}.hero4-timeline>small{display:none}}
/* Hero 4 mixed media sequence — image, image, video, image, image */
.hero4-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.03);filter:saturate(.66) contrast(1.12);transition:opacity .9s ease,transform 5s ease;pointer-events:none}.hero4-scene.is-active{opacity:1;transform:scale(1)}.hero4-scene:nth-child(2){object-position:60% center}.hero4-scene:nth-child(4){object-position:61% center}.hero4-scene:nth-child(5){object-position:63% center}.timeline4-cells i{width:40px}.timeline4-video-cell{position:relative}.timeline4-video-cell:after{content:"▶";position:absolute;left:50%;top:50%;font-size:7px;transform:translate(-50%,-50%);opacity:.9}.timeline4-video-cell{font-size:0!important}
@media(max-width:800px){.hero4-scene:nth-child(n){object-position:63% center}.timeline4-cells i{width:30px}.timeline4-video-cell:after{font-size:6px}}
/* Index 4: process-index accordion ribbon */
.menu4-toggle{border:0;background:transparent;color:inherit;font:10px "DM Mono",monospace;letter-spacing:.08em;cursor:pointer;margin-left:auto;margin-right:18px}.menu4-toggle span{color:#e37b45;font-size:16px;margin-left:7px}.menu4-panel{position:fixed;z-index:40;top:78px;left:0;width:100%;background:#f7f6f1;color:#112024;border-bottom:1px solid #ccd3d0;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.24s}.menu4-panel.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.head4.scrolled+.menu4-panel{top:66px}.menu4-inner{width:min(1240px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:265px 1fr;gap:44px;padding:34px 0}.menu4-title{border-right:1px solid #cfd7d4;padding-right:35px}.menu4-title p,.menu4-flow b{font:10px "DM Mono",monospace;letter-spacing:.1em;color:#e2713c}.menu4-title h2{font-size:30px;line-height:1.12;letter-spacing:-.08em;margin:16px 0}.menu4-title span{font-size:12px;line-height:1.75;color:#697875}.menu4-flow{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #cdd5d2}.menu4-flow section{min-height:170px;padding:17px 15px 0;border-right:1px solid #d6ddda;display:flex;flex-direction:column;gap:7px}.menu4-flow section:last-child{border-right:0}.menu4-flow b{font-size:9px}.menu4-flow strong{font-size:12px;margin-bottom:9px}.menu4-flow a{font-size:10px;color:#53635f;text-decoration:none;line-height:1.45}.menu4-flow a:hover{color:#e2713c}@media(max-width:800px){.menu4-toggle{display:block;margin-left:auto;margin-right:0}.head4 .menu-button{display:none}.menu4-panel,.head4.scrolled+.menu4-panel{top:64px}.menu4-inner{width:calc(100% - 40px);display:block;padding:27px 0}.menu4-title{border:0;padding:0;margin-bottom:26px}.menu4-title h2{font-size:25px}.menu4-flow{overflow:auto;display:flex}.menu4-flow section{min-width:155px;min-height:155px}}
/* Availability indicator: only completed list, detail and process pages are clickable. */
.menu4-panel a.menu-live{display:inline-flex;align-items:center;gap:7px;color:inherit!important;font-weight:800}.menu4-panel a.menu-live:after{content:'●';font-size:8px;color:#ee6e2d;line-height:1}. menu4-panel a.menu-disabled{opacity:.34;cursor:default;pointer-events:none;text-decoration:none!important}. menu4-panel a.menu-disabled:after{content:'준비 중';font:8px "DM Mono",monospace;letter-spacing:.06em;margin-left:5px;opacity:.72}. menu4-panel a.menu-live:hover{color:#ee6e2d!important}.menu2-panel a.menu-live:after,.menu3-panel a.menu-live:after{color:#f2a07a}.menu4-panel a.menu-live:after{color:#e2713c}.menu5-panel a.menu-live:after{color:#e46936}
@media(min-width:801px){.menu4-toggle{display:none!important}}

@media(min-width:801px){.head4 nav a::after{content:'⌄';display:inline-block;margin-left:5px;color:#ee6e2d;font-size:10px;transform:translateY(-1px)}}

/* Six primary navigation groups: company, products, process, project, support and contact. */
@media(min-width:801px){.desktop-nav{gap:clamp(15px,2vw,32px)}.head4 nav{gap:clamp(13px,1.8vw,24px)}.head5 nav{gap:clamp(13px,1.8vw,24px)}}
/* Index 4: make the site-map control unmistakable on desktop as well. */
@media(min-width:801px){.menu4-toggle{display:inline-flex!important;align-items:center;border:1px solid #bac5c1;padding:10px 13px;margin-left:auto;margin-right:18px;transition:.2s}.menu4-toggle:hover,.menu4-toggle[aria-expanded="true"]{background:#112024;border-color:#112024;color:#fff}.menu4-toggle[aria-expanded="true"] span{color:#f29a6e}}
/* Index 4: explicit routes to the completed product and process pages. */
.menu4-actions{display:grid;gap:7px;margin-top:23px}.menu4-shortcut{position:relative;display:grid;grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:10px 9px!important;border:1px solid #c8d2cf;background:#fff;color:#173034!important;text-decoration:none!important;transition:.2s}.menu4-shortcut b{grid-row:1/3;color:#e2713c;font:10px "DM Mono",monospace}.menu4-shortcut span{font:8px "DM Mono",monospace;letter-spacing:.07em;color:#71817d}.menu4-shortcut strong{font-size:11px;letter-spacing:-.04em}.menu4-shortcut i{grid-column:3;grid-row:1/3;font-style:normal;color:#e2713c;font-size:14px}.menu4-shortcut:hover{background:#112024;border-color:#112024;color:#fff!important;transform:translateX(4px)}.menu4-shortcut:hover span{color:#c4d4d0}.menu4-shortcut:hover i{color:#f1a177}@media(max-width:800px){.menu4-actions{grid-template-columns:repeat(3,1fr);gap:6px}.menu4-shortcut{display:block;min-height:88px;padding:10px!important}.menu4-shortcut b{display:block;margin-bottom:7px}.menu4-shortcut span{display:block;font-size:7px}.menu4-shortcut strong{display:block;margin-top:4px;font-size:10px}.menu4-shortcut i{position:absolute;right:8px;bottom:7px}}