:root{--ink:#161712;--cream:#f5f4ef;--green:#26372d;--accent:#aa9673;--line:#d9d8d0;--muted:#777871}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans KR",sans-serif;line-height:1.55}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.notice{height:30px;background:#131510;color:#bdbdb5;text-align:center;font:500 10px/30px Manrope;letter-spacing:.2em}header{height:84px;padding:0 4.5vw;display:grid;grid-template-columns:200px 1fr 200px;align-items:center;background:rgba(245,244,239,.95);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(12px)}.brand img{display:block;width:166px}.menu{display:none;background:0;border:0}nav{display:flex;justify-content:center;gap:36px;font-size:14px;font-weight:600}nav a{padding:31px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--ink)}.tools{display:flex;justify-content:flex-end;align-items:center;gap:22px}.tools button{border:0;background:none;font:600 12px Manrope}.search-open{font-size:24px!important}.cart-open b{display:inline-grid;place-items:center;background:var(--ink);color:white;width:20px;height:20px;border-radius:50%;margin-left:5px;font-size:10px}.search-panel{position:fixed;z-index:100;inset:30px 0 auto;background:#f6f5f0;padding:70px 12vw 80px;transform:translateY(-120%);transition:.35s;box-shadow:0 30px 60px #0002}.search-panel.open{transform:none}.search-panel label{display:block;font-size:36px;font-weight:600}.search-panel input{width:100%;border:0;border-bottom:2px solid #222;background:transparent;font-size:22px;padding:20px 0;outline:0}.search-panel p{font-size:13px;color:#777}.search-close{position:absolute;right:5vw;top:30px;border:0;background:none}.hero{min-height:680px;height:calc(100vh - 114px);display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden;background:linear-gradient(115deg,#1a211c 0,#29372e 55%,#707365 100%);color:white;padding:0 7vw}.hero:after{content:"";position:absolute;width:52vw;height:52vw;border:1px solid #fff2;border-radius:50%;right:-9vw;top:-10vw}.hero-content{align-self:center;position:relative;z-index:2}.kicker{font:600 11px Manrope;letter-spacing:.22em;color:#bfae91}.kicker.dark{color:#877659}.hero h1{font:500 clamp(46px,6.2vw,94px)/1.04 "Noto Sans KR";letter-spacing:-.07em;margin:22px 0 30px}.hero h1 span{color:#c7b696;font-weight:400}.hero-content>p:not(.kicker){color:#d4d8d2;font-size:17px}.hero-actions{display:flex;gap:10px;margin-top:40px}.hero-actions a{padding:15px 23px;background:#eee;color:#171914;font-size:14px;font-weight:600}.hero-actions .outline{background:transparent;color:white;border:1px solid #ffffff55}.hero-mark{align-self:center;justify-self:center;position:relative;z-index:2}.hero-mark img{width:min(390px,34vw);border-radius:50%;box-shadow:0 40px 80px #0005}.hero-next{position:absolute;z-index:2;bottom:32px;left:7vw;font:600 10px Manrope;letter-spacing:.17em}.quick{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.quick a{padding:25px 3vw;border-right:1px solid var(--line);font-size:14px;font-weight:600}.quick span{display:block;font:600 10px Manrope;color:#94856c;margin-bottom:5px}.section{padding:115px 6vw}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.heading h2,.project h2,.custom h2,.contact h2{font-size:clamp(34px,4vw,62px);line-height:1.16;letter-spacing:-.055em;margin:13px 0 0}.heading>p{max-width:480px;color:var(--muted)}.filters{display:flex;gap:7px;margin-bottom:24px}.filters button{background:white;border:1px solid var(--line);border-radius:20px;padding:8px 17px;font-size:13px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 18px}.products article.hidden{display:none}.product-art{height:340px;background:#e3e2db;position:relative;overflow:hidden;margin-bottom:18px}.product-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,#fff 0,#ffffff00 42%)}.product-art i{display:block;position:absolute;z-index:2;background:#3c413a;box-shadow:0 18px 35px #0003}.line-art i{width:72%;height:12px;left:14%;top:48%;box-shadow:0 13px 30px #fff,0 20px 30px #0002}.flood-art i{width:105px;height:145px;border-radius:15px;left:calc(50% - 52px);top:88px;transform:rotate(-18deg)}.ground-art i{width:150px;height:35px;border-radius:50%;left:calc(50% - 75px);top:180px;box-shadow:0 -35px 70px #fff}.bollard-art i{width:44px;height:180px;left:calc(50% - 22px);top:95px;border-radius:8px 8px 0 0}.park-art i{width:16px;height:210px;left:calc(50% - 8px);top:90px}.park-art i:before{content:"";position:absolute;width:100px;height:18px;left:-42px;top:0;background:#3c413a}.pcb-art i{width:190px;height:120px;left:calc(50% - 95px);top:112px;background:repeating-linear-gradient(90deg,#59614f 0 15px,#d7d8c9 15px 18px);transform:perspective(300px) rotateX(55deg)}.products article>p{font:600 10px Manrope;letter-spacing:.13em;color:#8b7c64;margin:0 0 7px}.products h3{font-size:20px;margin:0 0 6px}.products article>span{font-size:13px;color:var(--muted)}.products article>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.products b{font-size:14px}.add{border:0;background:0;font-size:13px;font-weight:600}.project{padding:115px 7vw;background:#1b241e;color:white;display:grid;grid-template-columns:1fr 1.15fr;gap:9vw}.project-copy>p:not(.kicker){color:#aeb5af;max-width:500px}.project-copy>a{display:inline-block;margin-top:30px;border-bottom:1px solid #aaa;padding-bottom:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff24}.project-grid article{min-height:230px;padding:32px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.project-grid article:nth-child(2n){border-right:0}.project-grid article:nth-child(n+3){border-bottom:0}.project-grid span{font:600 10px Manrope;letter-spacing:.13em;color:#bba88b}.project-grid strong{display:block;font-size:19px;margin-top:85px}.project-grid p{color:#9ca39d;font-size:13px}.custom{background:#ddd6c7}.custom-card{background:#8c7d65;color:white;padding:75px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.custom-card>div:last-child p{color:#eee9df}.consult{border:0;background:#fff;padding:15px 22px;margin-top:20px;font-weight:600}.company-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.company-stats div{padding:40px 25px;border-right:1px solid var(--line)}.company-stats div:last-child{border:0}.company-stats strong{display:block;font:600 15px Manrope;margin-bottom:30px}.company-stats span{font-size:14px;color:var(--muted)}.contact{padding:90px 7vw;background:#171913;color:white;display:grid;grid-template-columns:1.2fr .8fr;align-items:end}.contact>div:last-child{border-left:1px solid #ffffff2b;padding-left:50px}.contact span{display:block;font:600 10px Manrope;letter-spacing:.16em;color:#bbaa8d;margin-bottom:18px}.contact strong{font-size:18px;line-height:1.8}.contact a{display:block;margin-top:25px;color:#bbb;font-size:13px}footer{padding:35px 5vw;display:flex;align-items:center;gap:35px;background:#11120f;color:#888;border-top:1px solid #ffffff18}footer img{width:135px}footer p{font-size:12px;margin:0}footer small{margin-left:auto;font-size:10px}.cart{position:fixed;z-index:110;right:0;top:0;bottom:0;width:min(460px,92vw);background:#f6f5f0;padding:30px;transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-head h2{margin:0}.cart-head button{border:0;background:0}.cart-items{padding-top:20px;overflow:auto;flex:1}.empty{color:#888;text-align:center;margin-top:80px}.cart-item{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item button{border:0;background:0;color:#888}.cart-bottom{border-top:1px solid var(--line);padding-top:20px}.cart-bottom p{font-size:13px;color:#777}.prepare{width:100%;border:0;background:var(--ink);color:#fff;padding:16px}.shade{position:fixed;z-index:105;inset:0;background:#0008;display:none}.shade.open{display:block}.toast{position:fixed;z-index:120;left:50%;bottom:30px;transform:translate(-50%,20px);background:#171913;color:#fff;padding:12px 20px;opacity:0;transition:.25s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){header{grid-template-columns:1fr auto auto;padding:0 4vw}.brand img{width:145px}.menu{display:block}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#f5f4ef;padding:25px;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:9px}.hero{height:auto;min-height:700px;grid-template-columns:1fr;padding-top:80px;padding-bottom:100px}.hero-mark{position:absolute;right:-70px;bottom:20px;opacity:.25}.hero-mark img{width:420px}.quick{grid-template-columns:repeat(5,180px);overflow:auto}.heading{display:block}.heading>p{margin-top:20px}.products{grid-template-columns:repeat(2,1fr)}.project{grid-template-columns:1fr}.custom-card{grid-template-columns:1fr}.company-stats{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;gap:50px}.contact>div:last-child{border-left:0;padding-left:0;border-top:1px solid #ffffff2b;padding-top:35px}}
@media(max-width:600px){.notice{font-size:8px}.tools{gap:10px}.search-open{display:none}.hero{padding-left:6vw}.hero h1{font-size:46px}.hero-content>p:not(.kicker) br{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:80px 5vw}.products{grid-template-columns:1fr}.product-art{height:300px}.project{padding:80px 6vw}.project-grid{grid-template-columns:1fr}.project-grid article{border-right:0!important;border-bottom:1px solid #ffffff24!important}.project-grid article:last-child{border-bottom:0!important}.custom-card{padding:40px 25px}.company-stats{grid-template-columns:1fr}.company-stats div{border-right:0;border-bottom:1px solid var(--line)}.contact{padding:70px 6vw}footer{align-items:flex-start;flex-wrap:wrap}footer small{margin-left:0;width:100%}}

.product-art i{display:none}.line-art{background:linear-gradient(135deg,#e9e7df,#acafa5)}.flood-art{background:radial-gradient(circle at 70% 25%,#fff 0,#d8d4c9 25%,#8f9388 70%)}.ground-art{background:linear-gradient(0deg,#75796f,#ece9df 48%,#faf8f1)}.bollard-art{background:linear-gradient(120deg,#d4cec0 0,#f3f1e9 45%,#8f958c 100%)}.park-art{background:radial-gradient(ellipse at 50% 15%,#fff,#dbd7cc 38%,#72796f 100%)}.pcb-art{background:repeating-linear-gradient(135deg,#d9d9cf 0 18px,#abb0a5 18px 20px,#ecebe4 20px 38px)}
.brand img{width:180px;height:auto}.hero-mark img{border-radius:22px;border:1px solid rgba(183,166,114,.5);box-shadow:0 22px 60px rgba(0,0,0,.3)}.product-art img{width:100%;height:100%;object-fit:contain;padding:18px;background:#fff}.product-art:after{display:none}.catalog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}.catalog-categories span{padding:9px 14px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:#fff;color:var(--ink)}
.product-guide{background:#fff}.product-guide-heading{text-align:center;margin-bottom:52px}.product-guide-heading .kicker{margin:0}.product-guide-heading h2{font:700 clamp(38px,4vw,58px)/1 Manrope;margin:12px 0 14px;letter-spacing:-.04em}.product-guide-heading>p:last-child{margin:0;color:var(--muted)}.product-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:22px;align-items:start;max-width:1240px;margin:0 auto}.product-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-guide-grid a{min-height:255px;border:1px solid var(--line);padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;background:#fff;transition:.2s}.product-guide-grid a:hover{border-color:#8f8068;transform:translateY(-3px);box-shadow:0 14px 30px #0000000d}.product-guide-grid strong{font-size:16px;margin-bottom:14px}.product-guide-grid img{width:100%;height:175px;object-fit:contain}.product-guide-actions{position:fixed;z-index:35;right:24px;top:50%;width:180px;display:grid;gap:12px;padding:0;opacity:0;pointer-events:none;transform:translateY(-45%);transition:opacity .2s,transform .2s;filter:drop-shadow(0 12px 24px rgba(25,30,27,.12))}.product-guide-actions.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.product-guide-actions a,.product-guide-actions button{width:100%;border:0;border-radius:12px;background:var(--green);color:#fff;padding:15px 12px;text-align:center;font-size:14px;font-weight:600}.product-guide-actions button{background:var(--accent)}.product-guide-actions a:last-child{background:#ece8de;color:var(--ink)}@media(min-width:1500px){.product-guide-actions{right:max(24px,calc((100vw - 1440px)/2))}}@media(max-width:1100px){.product-guide-layout{grid-template-columns:1fr}.product-guide-grid{grid-template-columns:repeat(3,1fr);padding-right:0}.product-guide-actions{right:16px;width:160px}.product-guide{padding-right:196px}}@media(max-width:900px){.product-guide{padding-right:6vw}.product-guide-grid{grid-template-columns:repeat(2,1fr)}.product-guide-actions{position:static;width:auto;opacity:1;pointer-events:auto;transform:none!important;filter:none;grid-template-columns:repeat(3,1fr);padding-top:0}}@media(max-width:600px){.product-guide-grid{grid-template-columns:1fr 1fr;gap:10px}.product-guide-grid a{min-height:205px;padding:17px 10px}.product-guide-grid img{height:130px}.product-guide-actions{grid-template-columns:1fr}}
header{top:0;background:rgba(7,10,9,.94);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}nav a:hover{border-color:#c7b696}.tools button{color:#fff}.cart-open b{background:#c7b696;color:#111}.hero{min-height:720px;height:calc(100vh - 84px);grid-template-columns:1fr;background:linear-gradient(90deg,rgba(2,8,13,.78) 0,rgba(2,8,13,.48) 50%,rgba(2,8,13,.18) 100%),url('./assets/hero-landscape-night.png') center/cover no-repeat}.hero:after{display:none}.hero-content{max-width:820px}.hero h1{font-size:clamp(52px,6.6vw,104px);text-shadow:0 4px 28px #0008}.hero-content>p:not(.kicker){color:#f0f2f1;text-shadow:0 2px 16px #000}.hero-next{color:#fff}@media(max-width:900px){nav{background:#0b0e0c;color:#fff}.hero{min-height:720px;height:auto;background-position:62% center}.brand img{width:155px}}@media(max-width:600px){.hero{min-height:650px;background-position:66% center}.hero h1{font-size:48px}}
.product-guide-grid .category-placeholder{background:linear-gradient(145deg,#f8f7f2,#e7e3d8)}.category-icon{height:175px;width:100%;display:grid;place-items:center;font:600 13px Manrope;letter-spacing:.18em;color:#8a7b61;border:1px solid #d8d2c5;background:rgba(255,255,255,.55)}@media(max-width:600px){.category-icon{height:130px}}
.product-page{background:#fff}.product-page header nav a.active{color:#c7b696;border-color:#c7b696}.product-page-hero{height:280px;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(#060a0dcc,#060a0dcc),url('./assets/hero-landscape-night.png') center 56%/cover}.product-page-hero p{font:500 48px/1 Manrope;letter-spacing:.08em;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid #fff}.product-page-hero span{font-size:15px;color:#d5d7d6}.product-browser{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;max-width:1440px;margin:0 auto;padding:0 5vw 100px}.category-sidebar{position:sticky;top:105px;align-self:start;margin-top:-12px;background:#fff;box-shadow:0 8px 18px #0002;z-index:3}.category-sidebar h2{background:#20221f;color:#fff;font-size:18px;text-align:center;margin:0;padding:14px;border-radius:5px}.category-sidebar nav{display:block;padding:8px 0 12px}.category-sidebar nav a{display:block;text-align:center;padding:7px 12px;font-size:13px}.category-sidebar nav a:hover,.category-sidebar nav a.active{color:#927d58;font-weight:700;background:#f5f2eb}.category-content{padding-top:36px;min-width:0}.category-top{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:20px}.category-top>div>p{font:600 10px Manrope;letter-spacing:.14em;color:#9a8765;margin:0}.category-top h1{font-size:32px;margin:6px 0 0}.breadcrumb{font-size:12px;color:#8a8b86}.product-count{font-size:13px;color:#999;margin:36px 0}.product-count strong{color:#111}.category-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category-products article{border:1px solid var(--line);background:#fff}.category-product-image{height:260px;padding:22px;background:#fafafa}.category-product-image img{width:100%;height:100%;object-fit:contain}.category-product-copy{padding:20px}.category-product-copy h2{font-size:18px;margin:0 0 5px}.category-product-copy strong{display:block;font:600 12px Manrope;color:#897659}.category-product-copy p{font-size:13px;color:var(--muted);min-height:40px}.category-product-copy a,.category-empty a{display:inline-block;margin-top:12px;border-bottom:1px solid #333;padding-bottom:3px;font-size:13px;font-weight:600}.category-empty{grid-column:1/-1;text-align:center;padding:90px 30px;border:1px solid var(--line);background:#faf9f6}.category-empty span{font:600 11px Manrope;letter-spacing:.18em;color:#9b8a6c}.category-empty h2{font-size:25px;margin:15px 0 8px}.category-empty p{font-size:14px;color:var(--muted)}@media(max-width:1000px){.category-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.product-page-hero{height:220px}.product-page-hero p{font-size:38px}.product-browser{display:block;padding:0 5vw 70px}.category-sidebar{position:static;margin:0 -5vw;box-shadow:none;border-bottom:1px solid var(--line)}.category-sidebar h2{border-radius:0}.category-sidebar nav{display:flex;overflow:auto;padding:8px}.category-sidebar nav a{white-space:nowrap;border:1px solid var(--line);margin-right:6px}.category-content{padding-top:28px}.category-top{display:block}.breadcrumb{margin-top:12px}.category-products{grid-template-columns:1fr}.category-product-image{height:280px}}