@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--paper:#f3f2ee;--ink:#20211f;--muted:#757570;--line:#d5d5cf;--accent:#dc5736;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#e7b8a8;color:#171817}.skip{position:fixed;z-index:100;top:-100px;background:#fff;padding:15px}.skip:focus{top:10px}
header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:100px;margin:0 5%;border-bottom:1px solid #ffffff28;color:#eee}.logo{font-family:Arial,sans-serif;font-weight:700;font-size:23px;letter-spacing:-.7px;display:flex;gap:15px;align-items:center}.logo-ko{font-size:11px;letter-spacing:0;font-family:'Noto Sans KR',sans-serif;font-weight:400;color:#969994}nav{display:flex;gap:35px;font-size:12px;color:#d4d5d2}nav a:hover{color:#fff}.nav-contact{font-size:12px;padding:10px 0;border-bottom:1px solid #7a7c78}.nav-contact span{margin-left:35px}
#experience{height:360vh;min-height:2200px;background:#101211}.stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:#101211;color:#f0f0eb}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.hero-copy,.chapter-copy{position:absolute;left:7%;top:28%;max-width:43%;pointer-events:none;transition:opacity .3s,transform .3s}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;color:#b3b5af;letter-spacing:.5px}.hero-copy h1{font-size:clamp(64px,6.6vw,105px);font-weight:500;line-height:1.15;letter-spacing:-5px;margin:35px 0 28px}.hero-copy h1 span{color:#f0f0eb}.hero-copy p{font-size:13px;line-height:1.9;color:#a8aba5}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;border-bottom:1px solid #858880;padding:18px 0 10px}.text-link span{font-size:18px}.chapter-copy{top:32%;opacity:0;transform:translateY(20px)}.chapter-copy h2{font-size:clamp(32px,3.7vw,57px);line-height:1.45;font-weight:500;letter-spacing:-2px;margin:25px 0}.chapter-copy .eyebrow{font:10px var(--mono);letter-spacing:1px}.model-tag{position:absolute;right:6%;top:38%;font:8px var(--mono);color:#a9b0a8;letter-spacing:1px;padding-left:40px}.model-tag:before{content:'';position:absolute;left:-25px;top:4px;width:50px;height:1px;background:#7a877d88}.model-tag .cross{position:absolute;left:-33px;top:-4px;font-size:14px}.model-tag small{display:block;margin-top:8px;font:9px 'Noto Sans KR',sans-serif;color:#757c74}.stage-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff22;padding-top:23px}.scroll-hint{font:9px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:15px;color:#b8bcb5}.scroll-hint>span{font-size:20px}.phase-track{display:flex;align-items:center;gap:15px;font:9px var(--mono);color:#858d83}.progress-track{width:130px;height:2px;background:#ffffff20}.progress-track i{display:block;height:100%;background:#d5dcd0;width:0}#motion-toggle{border:0;background:none;color:#9ca295;font-size:10px}.concept-note{position:absolute;right:5%;bottom:90px;font-size:9px;color:#6c7469}.stage.reduced .hero-copy{opacity:1!important;transform:none!important}.stage.reduced .chapter-copy{opacity:0!important}.stage.reduced .model-tag{display:none}.fallback-message{position:absolute;right:8%;top:50%;max-width:280px;font-size:16px}
.section{padding:75px 7%;border-top:1px solid var(--line)}.section-label{font-size:11px;font-weight:500;color:#696b65;letter-spacing:.3px}.manifesto{padding-top:65px;padding-bottom:95px}.manifesto-body{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;margin-top:48px}.manifesto h2{font-size:clamp(42px,5.3vw,78px);font-weight:500;letter-spacing:-3.5px;line-height:1.26;margin:0}.manifesto p{font-size:15px;line-height:1.9;color:#65675f;margin:0 0 8px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:38px 0 55px}.section-heading h2,.process h2{font-size:clamp(30px,3.5vw,50px);line-height:1.4;letter-spacing:-2px;font-weight:500;margin:0}.equipment{background:#fff;padding-top:65px;padding-bottom:40px}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.equipment-card{display:flex;flex-direction:column;text-align:left;border:0;border-top:1px solid #252722;background:none;color:var(--ink);padding:18px 24px 34px;position:relative}.equipment-card:first-child{padding-left:0}.equipment-card:last-child{padding-right:0}.equipment-card+.equipment-card{border-left:1px solid #d9dad4}.card-top{display:flex;justify-content:space-between;align-items:center;width:100%;font:10px var(--mono);color:#666960}.card-top>span:last-child{font:22px Arial,sans-serif;color:#252922}.product-photo{height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:25px 0 10px;width:100%;background:#fff}.product-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}.equipment-card:hover .product-photo img{transform:scale(1.035)}.equipment-card:hover .card-top>span:last-child{color:var(--accent)}.product-caption{font:8px var(--mono);letter-spacing:.7px;color:#8a8e83;margin:10px 0 26px}.equipment-card h3{font-size:25px;letter-spacing:-1px;font-weight:500;margin:0 0 10px}.equipment-card p{font-size:12px;color:#6f746a;margin:0;line-height:1.8}.brands{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #262a24;border-bottom:1px solid var(--line);padding:27px 0;margin-top:20px;gap:20px;flex-wrap:wrap}.brands>span{font-size:11px;color:#767b70}.brands>div{font:bold 20px Arial,sans-serif;letter-spacing:-.5px;color:#444a3e}.brand-note{font-size:9px;color:#8a8e83;line-height:1.7;margin:16px 0 0}.process{padding-top:65px;padding-bottom:80px}.process-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;margin-top:45px}.process-list article{display:grid;grid-template-columns:35px 100px 1fr;gap:20px;align-items:center;border-top:1px solid #b7bcb0;padding:25px 0}.process-list article:last-child{border-bottom:1px solid #b7bcb0}.process-list article>span{font:10px var(--mono);color:#7a8173}.process-list h3{font-size:18px;font-weight:500;margin:0}.process-list p{font-size:12px;color:#6d7464;margin:0;line-height:1.8}.journal{background:#fff;padding-top:65px;padding-bottom:85px}.journal .section-heading{margin-bottom:40px}.journal-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282e22;padding-bottom:18px}.filters{display:flex;gap:25px}.filters button{font-size:11px;background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;color:#8b9182}.filters button.active{color:#1d2516;border-color:#1d2516}.journal-toolbar>span{font-size:9px;color:#959b8b}.journal-row{display:grid;grid-template-columns:55px 110px 1fr 80px 20px;gap:18px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);width:100%;padding:27px 0;color:var(--ink)}.journal-row:hover h3{text-decoration:underline;text-underline-offset:5px}.journal-no{font:11px var(--mono);color:#929a86}.journal-category{font-size:10px;color:#7c846f}.journal-row h3{font-size:17px;letter-spacing:-.4px;font-weight:400;margin:0;line-height:1.7}.journal-preview{font:8px var(--mono);color:#929a86}.journal-arrow{font-size:19px}.contact{padding-top:65px;padding-bottom:55px}.contact h2{display:flex;align-items:center;justify-content:space-between;font-size:clamp(33px,4.5vw,66px);line-height:1.4;letter-spacing:-2.7px;font-weight:500;margin:45px 0}.contact-arrow{font:80px Arial,sans-serif}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:13px;color:#777e6b}.contact-bottom button{display:flex;justify-content:space-between;gap:80px;background:#242923;border:1px solid #242923;color:#fff;padding:20px 25px;font-size:12px}.contact-bottom button:hover{background:#444b3d}.contact-note{font-size:9px;color:#979d8b;margin-top:35px}footer{background:#101211;color:#eee;padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font:9px var(--mono);color:#93988b}
dialog{background:#f8f8f4;color:#22271e;border:1px solid #9da58f;padding:48px;width:min(640px,calc(100% - 32px));max-height:85svh;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:28px;color:#333a29}dialog .eyebrow{color:#7e876e;font:10px var(--mono)}dialog h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin:25px 0}dialog h3{font-size:17px;margin-top:26px;font-weight:500}dialog p,dialog li{font-size:13px;color:#626b54;line-height:1.9}dialog label{display:block;font-size:11px;color:#46523a;margin-top:22px}dialog input,dialog select,dialog textarea{display:block;width:100%;background:#fff;color:#222;border:1px solid #b9c1aa;padding:12px;margin-top:8px;font-size:13px;border-radius:0}dialog textarea{resize:vertical}dialog input:focus,dialog textarea:focus{outline:1px solid #333}.submit{width:100%;background:#252c20;color:#fff;border:0;padding:15px;margin-top:24px}.muted{color:#798569}
@media(min-width:1700px){.section{padding-left:12%;padding-right:12%}.hero-copy{left:11%}.product-photo{height:350px}}@media(max-width:1000px){.logo-ko{display:none}.section{padding-left:6%;padding-right:6%}.manifesto-body{gap:40px}.manifesto p{font-size:13px}.product-photo{height:230px}.equipment-card{padding-left:17px;padding-right:17px}.equipment-card h3{font-size:22px}.process-layout{gap:35px}.process-list article{grid-template-columns:24px 60px 1fr;gap:15px}.process-list p{font-size:11px}.brands>div{font-size:16px}.journal-row{grid-template-columns:35px 75px 1fr 20px}.journal-preview{display:none}}
@media(max-width:650px){header{height:75px;margin:0 7%}.logo{font-size:21px}nav{display:none}.nav-contact{font-size:10px}.nav-contact span{margin-left:20px}.stage{min-height:700px}.hero-copy{top:20%;left:7%;max-width:88%}.hero-copy h1{font-size:59px;letter-spacing:-3px;line-height:1.13;margin:25px 0 20px}.hero-copy h1 br{display:none}.hero-copy h1 span{display:block}.hero-copy .eyebrow{font-size:10px}.hero-copy p{font-size:11px}.hero-copy .text-link{display:none}.chapter-copy{top:23%;left:7%;max-width:88%}.chapter-copy h2{font-size:34px;letter-spacing:-1.7px}.chapter-copy .eyebrow{font-size:9px}.model-tag{right:5%;top:62%;font-size:7px}.model-tag small{font-size:8px}.stage-bottom{bottom:25px;left:7%;right:7%;gap:10px;padding-top:16px}.scroll-hint{font-size:7px;gap:9px}.phase-track{font-size:7px;gap:7px}.phase-track>span:first-child{display:none}.progress-track{width:45px}#motion-toggle{font-size:8px}.concept-note{bottom:70px;font-size:8px}.section{padding:45px 7%}.section-label{font-size:10px}.manifesto-body{grid-template-columns:1fr;gap:30px;margin-top:35px}.manifesto h2{font-size:46px;letter-spacing:-2.5px}.manifesto p{font-size:12px;line-height:1.9}.section-heading{margin:30px 0 35px}.section-heading h2,.process h2{font-size:32px;letter-spacing:-1.5px}.equipment-grid{grid-template-columns:1fr}.equipment-card,.equipment-card:first-child,.equipment-card:last-child{padding:18px 0 32px}.equipment-card+.equipment-card{border-left:0}.product-photo{height:275px;margin:10px 0 0}.product-caption{margin:8px 0 18px}.equipment-card h3{font-size:25px}.equipment-card p{font-size:11px}.brands{justify-content:flex-start;gap:23px;padding:24px 0;margin-top:0}.brands>span{width:100%;font-size:10px}.brands>div{font-size:17px}.brand-note{font-size:8px}.process-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.process-list article{grid-template-columns:23px 55px 1fr;gap:15px;padding:21px 0}.process-list h3{font-size:16px}.process-list p{font-size:11px}.journal .section-heading h2{font-size:28px}.filters{gap:22px}.filters button{font-size:10px}.journal-toolbar>span{font-size:8px}.journal-row{grid-template-columns:22px 1fr 16px;gap:12px;position:relative;padding:34px 0 23px}.journal-category{position:absolute;left:34px;top:16px;font-size:8px}.journal-row h3{font-size:14px}.journal-no{font-size:9px}.contact h2{font-size:31px;letter-spacing:-1.8px;margin:30px 0}.contact-arrow{font-size:37px}.contact-bottom{display:block}.contact-bottom p{font-size:12px}.contact-bottom button{width:100%;margin-top:28px;padding:18px 22px}.contact-note{font-size:8px;margin-top:25px}footer{padding:30px 7%;flex-wrap:wrap;gap:25px}footer .logo{font-size:21px}footer>span,footer>a:last-child{font-size:8px}footer>a:last-child{margin-left:auto}dialog{padding:40px 24px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}