
:root{--bg:#f1f0ea;--ink:#11130f;--muted:#696b64;--line:#cfcec6;--olive:#646b57;--dark:#171916;--panel:#22251f;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans KR","Microsoft YaHei",sans-serif;line-height:1.62}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:80;background:rgba(241,240,234,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:8px;align-items:baseline}.logo b{font-size:30px;letter-spacing:-2px}.logo small{font-size:9px;letter-spacing:2px;font-weight:700}.links{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:700}.links a:hover{opacity:.55}.languages{display:flex;gap:7px;margin-left:8px}.languages a{font-size:10px;border:1px solid #b9b8b0;padding:6px 7px}.menu{display:none;border:0;background:none;font-size:24px}
.hero{padding:116px 0 92px;min-height:690px;display:flex;align-items:center;background:radial-gradient(circle at 79% 35%,#d2d8c9 0,transparent 27%),linear-gradient(135deg,#f1f0ea 42%,#deddd6)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.kicker,.label{font-size:11px;letter-spacing:2.6px;font-weight:800;text-transform:uppercase}.hero h1,.page-hero h1,.section h2,.closing h2{font-size:clamp(46px,6.2vw,80px);line-height:.97;letter-spacing:-4px;margin:22px 0 28px;font-family:Arial,sans-serif}.hero h1 span{color:var(--olive)}.hero p{font-size:18px;color:#50534c;max-width:720px}.buttons{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;padding:14px 21px;justify-content:center;font-size:13px;font-weight:800;border:1px solid var(--ink)}.btn.primary{background:var(--ink);color:#fff}.visual{height:460px;position:relative}.tile{position:absolute;padding:27px;width:260px;height:300px;background:#20231d;color:white;box-shadow:0 30px 65px rgba(0,0,0,.17);overflow:hidden}.tile:nth-child(1){left:0;top:0;transform:rotate(-4deg)}.tile:nth-child(2){right:0;top:80px;background:#68705a;transform:rotate(3deg)}.tile:nth-child(3){left:120px;bottom:0;background:#cac7bc;color:#151515}.tile small{letter-spacing:2px;font-size:9px}.tile strong{display:block;font-size:22px;line-height:1.2;margin-top:14px}.sock{position:absolute;width:80px;height:160px;border:12px solid currentColor;opacity:.19;right:25px;bottom:30px;border-radius:13px 13px 28px 28px}.sock:after{content:"";position:absolute;width:105px;height:45px;border:12px solid currentColor;border-left:0;bottom:-12px;left:0;border-radius:0 30px 30px 0}
.stats{background:#131512;color:#fff}.statgrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:27px;border-right:1px solid #353735}.stat:last-child{border:0}.stat b,.stat span{display:block}.stat b{font-size:20px}.stat span{font-size:11px;color:#9d9f99}
.section{padding:110px 0}.section-head{margin-bottom:50px}.section h2,.closing h2{font-size:clamp(39px,5vw,62px)}.lead{font-size:21px;color:#4c4e49;max-width:900px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--bg);padding:34px;min-height:210px}.card h3{font-size:20px;margin:18px 0 8px}.card p{color:var(--muted);font-size:14px}.dark{background:var(--dark);color:white}.dark .grid2{background:#383b34;border-color:#383b34}.dark .card{background:#1d201b}.dark .card p{color:#afb2aa}.dark .label{color:#9ea695}
.range-card{position:relative;min-height:360px}.range-card .art{height:120px;background:linear-gradient(135deg,#31342d,#626a56);margin-bottom:30px;position:relative;overflow:hidden}.range-card .art:after{content:"";position:absolute;width:62px;height:90px;border:11px solid rgba(255,255,255,.18);right:20%;top:14px;border-radius:12px 12px 25px 25px}.range-card:nth-child(2) .art{background:linear-gradient(135deg,#343331,#76736a)}.range-card:nth-child(3) .art{background:linear-gradient(135deg,#20353d,#526c73)}.range-card:nth-child(4) .art{background:linear-gradient(135deg,#3c322e,#765e51)}
.timeline{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #999}.step{padding:23px 10px;border-right:1px solid #c2c1ba}.step:last-child{border:0}.step b{font-size:11px}.step h4{margin:26px 0 0;font-size:14px}.closing{background:#d9d8d1;padding:90px 0}.closing-grid{display:grid;grid-template-columns:1fr .5fr;gap:50px;align-items:end}
.page-hero{padding:105px 0 70px;background:#deddd6}.page-hero h1{font-size:clamp(48px,6vw,78px)}.page-hero .lead{margin-top:22px}.bodycopy{display:grid;grid-template-columns:.35fr 1fr;gap:80px}.prose p{font-size:18px;color:#50524d;margin:0 0 22px}.values{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:45px}.value{background:var(--bg);padding:28px}.value h3{margin:0 0 8px}.value p{font-size:14px;color:var(--muted)}
.product-list{display:grid;gap:1px;background:var(--line)}.product{background:var(--bg);padding:38px;display:grid;grid-template-columns:.55fr 1fr;gap:55px}.product .meta{font-size:11px;color:var(--olive);letter-spacing:1.5px;text-transform:uppercase}.product h2{font-size:32px;letter-spacing:-1.5px;margin:12px 0}.product p{color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip{border:1px solid #b9b9b1;padding:7px 10px;font-size:11px}
.caplist{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cap{background:var(--bg);padding:34px;min-height:205px}.cap b{font-size:11px;color:#777}.cap h3{margin:22px 0 8px}.cap p{color:var(--muted);font-size:14px}
.factorybox{background:#23271f;color:#fff;padding:64px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.factorybox p{color:#bfc3b8}.datagrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#4d5049}.datum{background:#23271f;padding:24px}.datum small{display:block;color:#9ca394;letter-spacing:1.2px;text-transform:uppercase}.datum strong{display:block;margin-top:8px;font-size:20px}
.qsteps{border-top:1px solid #aaa}.qstep{display:grid;grid-template-columns:55px 250px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #aaa}.qstep b{font-size:11px}.qstep h3{margin:0;font-size:17px}.qstep p{margin:0;color:var(--muted);font-size:14px}
.principle{margin-top:70px;background:#1a1c18;color:#fff;padding:55px}.principle p{color:#b1b4ad}
.contactgrid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.contactinfo{background:#1b1e19;color:#fff;padding:35px;height:max-content}.contactinfo a{display:block;font-size:18px;font-weight:700;padding:14px 0;border-bottom:1px solid #464942}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;letter-spacing:.8px}.field input,.field textarea,.field select{font:inherit;padding:13px;background:#fbfaf6;border:1px solid #bbbcb5}.field textarea{min-height:150px;resize:vertical}.form button{grid-column:1/-1;border:0;background:#121411;color:white;padding:16px;font-weight:800;cursor:pointer}.fine{grid-column:1/-1;font-size:11px;color:#777}
footer{background:#0a0b09;color:#9b9d97;padding:46px 0}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:end}.footer .logo{color:white}.footerlinks{display:flex;gap:15px;flex-wrap:wrap;font-size:11px}.footerright{text-align:right;font-size:11px}
@media(max-width:900px){.links{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;background:var(--bg);flex-direction:column;border-bottom:1px solid var(--line)}.links.open{display:flex}.menu{display:block}.hero-grid,.bodycopy,.factorybox,.contactgrid,.closing-grid{grid-template-columns:1fr}.visual{height:420px}.statgrid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.step{border-bottom:1px solid #bbb}.product{grid-template-columns:1fr}.qstep{grid-template-columns:45px 1fr}.qstep p{grid-column:2}.footer{grid-template-columns:1fr}.footerright{text-align:left}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.hero{padding-top:80px}.hero h1,.page-hero h1{letter-spacing:-2px}.buttons{flex-direction:column}.tile{width:210px;height:250px;padding:20px}.tile:nth-child(3){left:70px}.grid2,.values,.caplist,.datagrid,.form{grid-template-columns:1fr}.field.full{grid-column:auto}.form button,.fine{grid-column:auto}.factorybox{padding:35px}.stat{padding:18px 12px}.section{padding:75px 0}.product{padding:25px}.qstep{grid-template-columns:34px 1fr}.languages{margin:0}}

.cms-hero-image{display:block;max-height:360px;width:100%;object-fit:cover;margin-top:32px;border-radius:4px}.cms-block{padding:36px 0;border-top:1px solid #bbb}.cms-block img{display:block;width:min(100%,840px);max-height:500px;object-fit:cover;margin-top:24px}.cms-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cms-gallery-grid figure{margin:0;background:#e4e3db}.cms-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.cms-gallery-grid figcaption{padding:12px;font-size:13px}.cms-gallery h2{font-size:40px}@media(max-width:650px){.cms-gallery-grid{grid-template-columns:1fr}}
