:root{--ink:#163e37;--muted:#62726b;--paper:#f5f5ee;--line:#d6ded5;--lime:#d5ec86}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:var(--paper);color:var(--ink);word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #69931e;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 44px}.notice{background:#e6ebdc;font-size:12px;text-align:center;padding:10px 18px;color:#53624b}header{background:rgba(245,245,238,.96);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;font-size:24px;letter-spacing:-1px;display:flex;gap:12px;align-items:center}.brand b{display:inline-block;border:2px solid var(--ink);width:25px;height:25px;background:repeating-linear-gradient(90deg,transparent 0 5px,var(--ink) 5px 7px)}.links{display:flex;align-items:center;gap:30px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 22px;background:var(--ink);color:white;border:1px solid var(--ink);cursor:pointer;border-radius:2px;font-weight:700;font-size:14px}.btn.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn.outline{background:transparent;color:var(--ink)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.hero{padding-top:68px;padding-bottom:0}.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:42px}h1{font-size:clamp(36px,4.7vw,66px);font-weight:600;line-height:1.2;letter-spacing:-3px;margin:24px 0 0}h1 em{font-style:normal;color:#718568}.hero-copy{max-width:340px;padding-bottom:4px}.hero-copy p{line-height:1.85;font-size:15px;color:var(--muted);margin:0 0 24px}.scene{position:relative;overflow:hidden;background:#dce6db;height:400px;border-radius:3px}.scene svg{height:100%;width:100%;display:block}.scene-note{position:absolute;bottom:24px;left:28px;background:#f5f5eee6;padding:10px 14px;font-size:11px;letter-spacing:1px}.scene-title{position:absolute;right:28px;top:24px;text-align:right;font-size:11px;line-height:1.8;color:#3f5d4a}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:30px 0}.strip div{display:flex;align-items:center;gap:16px;padding:0 25px;border-right:1px solid var(--line)}.strip div:first-child{padding-left:0}.strip div:last-child{border:0}.strip span{font-size:12px;color:#81907e}.strip strong{font-size:14px}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}.section-head h2{font-size:36px;font-weight:600;letter-spacing:-1.7px;line-height:1.3;margin:16px 0 0}.section-head p{color:var(--muted);font-size:14px;line-height:1.8;max-width:330px;margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-art{height:220px;background:#e9ede5;display:grid;place-items:center;overflow:hidden;position:relative}.product-art:before{content:'';position:absolute;bottom:38px;height:1px;width:100%;background:#c6d0c1}.fence{height:115px;width:76%;border:5px solid #5e7768;border-bottom-width:8px;transform:skewY(-7deg);box-shadow:12px 14px 0 #d7dfd0}.mesh{background:repeating-linear-gradient(90deg,transparent 0 17px,#6b8475 17px 19px),repeating-linear-gradient(0deg,transparent 0 17px,#6b8475 17px 19px)}.rail{background:repeating-linear-gradient(90deg,transparent 0 22px,#536b61 22px 28px);border-top-width:8px}.panel{background:repeating-linear-gradient(0deg,#758475 0 12px,#a3b19e 12px 15px);border-color:#596b60}.product h3{font-size:20px;margin:22px 0 10px}.product p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.tag{font-size:11px;border:1px solid #c4d1bf;display:inline-block;padding:5px 9px;margin-top:17px}.number{position:absolute;top:17px;left:20px;font-size:11px;color:#6c8068}.dark{background:#183d35;color:#f1f5e9}.dark .eyebrow{color:#b9d483}.dark .section-head p{color:#bbcbc1}.cases{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.case-art{height:310px;background:#dde4d5;position:relative;overflow:hidden}.case-art .park{position:absolute;inset:0;background:linear-gradient(160deg,#becfb0 0 40%,#e2e7d8 40% 60%,#98aa88 60%)}.case-art .fence{position:absolute;bottom:65px;left:12%;height:120px;width:80%;transform:skewY(-11deg)}.case-art .sample{position:absolute;top:22px;left:22px;background:#fff;padding:8px 11px;color:var(--ink);font-size:11px}.tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.tabs button{background:transparent;border:1px solid #608075;color:#e0e8df;border-radius:30px;padding:9px 16px;cursor:pointer;font-size:13px}.tabs button[aria-selected=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.case-copy h3{font-size:28px;line-height:1.4;margin:0 0 16px}.case-copy p{color:#bfd0c4;line-height:1.9;font-size:14px}.case-copy ul{padding:0;list-style:none;border-top:1px solid #406257;margin:24px 0 0}.case-copy li{padding:12px 0;border-bottom:1px solid #406257;font-size:13px}.case-copy li:before{content:'↗';margin-right:12px;color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid #a7baa2;padding-top:22px}.step span{font-size:12px;color:#718568}.step h3{font-size:19px;margin:28px 0 12px}.step p{font-size:14px;line-height:1.8;color:var(--muted)}.quote{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.quote h2{font-size:40px;line-height:1.35;letter-spacing:-2px;margin:20px 0}.quote p{font-size:14px;line-height:1.9;color:var(--muted)}.info{font-size:12px!important;background:#e7ecdf;padding:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:700}input,select,textarea{width:100%;margin-top:9px;padding:14px;border:1px solid #cbd5c5;background:#fcfcf8;color:var(--ink);border-radius:2px}textarea{resize:vertical;min-height:108px}.wide{grid-column:1/-1}.form-note{font-size:12px!important;margin:16px 0!important}.status{font-size:12px;min-height:20px;margin-top:10px}footer{background:#e7ecdf;padding:32px 0}.footer-in{display:flex;align-items:center;justify-content:space-between;gap:24px}footer p{font-size:11px;line-height:1.8;color:#667462;margin:0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:white;padding:10px}@media(max-width:800px){.wrap{padding:0 24px}.links a:not(.btn){display:none}.links{gap:0}nav{height:72px}.brand{font-size:20px}.links .btn{padding:11px 13px;font-size:12px}.hero{padding-top:42px}.hero-top{display:block}h1{letter-spacing:-2px}.hero-copy{margin-top:25px;max-width:100%}.scene{height:290px}.scene-note{left:15px;bottom:15px;font-size:10px}.scene-title{right:16px;top:16px}.strip{gap:15px;padding:24px 0}.strip div{padding:0;display:block;border:0}.strip strong{font-size:11px;display:block;margin-top:7px}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block}.section-head h2{font-size:29px}.section-head p{margin-top:20px}.products{gap:28px;grid-template-columns:1fr}.product{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.product-art{height:180px}.product h3{font-size:18px;margin-top:0}.product p{font-size:12px}.fence{height:95px}.cases{grid-template-columns:1fr;gap:28px}.case-art{height:260px}.steps{grid-template-columns:1fr 1fr;gap:24px}.step h3{margin-top:18px}.quote{grid-template-columns:1fr;gap:25px}.quote h2{font-size:32px}.footer-in{display:block}footer p{margin-top:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 56%}.scene-title{background:#f5f5eee6;padding:8px 12px}.photo-credit{font-size:11px;color:#62726b;line-height:1.7;margin:10px 0 0}.photo-credit a{text-decoration:underline}.owner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.owner-grid figure{margin:0}.owner-grid img{width:100%;height:240px;object-fit:cover;border-radius:3px}.owner-grid figcaption{padding:10px 0;font-size:14px;color:#486057}@media(max-width:700px){.owner-grid{grid-template-columns:1fr}.owner-grid img{height:260px}}

/* Gentle exposure adjustments preserve the original photographs. */
img[src^="owner-"],img[src^="add-"]{filter:brightness(var(--photo-brightness,1.02)) contrast(var(--photo-contrast,1)) saturate(var(--photo-saturation,1))}
img[src="owner-08.jpg"]{--photo-brightness:1.12;--photo-contrast:.99}
img[src="owner-05.jpg"]{--photo-brightness:1.10;--photo-contrast:1.02;--photo-saturation:1.02}
img[src="owner-07.jpg"]{--photo-brightness:1.09;--photo-contrast:1.02;--photo-saturation:1.02}
img[src="add-03.jpg"]{--photo-brightness:1.10;--photo-contrast:1.01;--photo-saturation:1.02}
img[src="owner-sports.jpg"]{--photo-brightness:1.07;--photo-contrast:1.01}
img[src="owner-06.jpg"]{--photo-brightness:1.06;--photo-contrast:1.01;--photo-saturation:1.01}
img[src="add-01.jpg"]{--photo-brightness:1.04;--photo-contrast:1.01}
img[src="add-02.jpg"]{--photo-brightness:1.05;--photo-contrast:1.01}
img[src="owner-mesh.jpg"]{--photo-brightness:1.01;--photo-saturation:.99}
.field-hint{font-size:12px;font-weight:400;color:var(--muted);margin:-6px 0 2px}
.optional{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}
.required{font-size:11px;font-weight:400;color:#58733e;margin-left:6px}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.submit-btn{min-width:204px;min-height:54px}
.submit-btn:disabled{cursor:wait;opacity:.65}
.status{margin:18px 0 0;line-height:1.7;font-size:13px}
.status:empty{margin:0;min-height:0}
.status[data-state="success"]{padding:14px 16px;background:#e5edda;border:1px solid #c5d5b4;border-radius:3px;color:#204d36}
.status[data-state="error"]{padding:14px 16px;background:#f7eae4;border:1px solid #e7c9bc;border-radius:3px;color:#863f2b}
input[aria-invalid="true"]{border-color:#a7593a}
.footer-in{justify-content:flex-start}
.footer-contact{margin-left:auto;min-width:215px}
.footer-contact a{display:inline-block;margin-top:6px}
@media(max-width:800px){.footer-in{display:flex;align-items:flex-start;gap:28px}.footer-contact{margin-top:0;min-width:0}.submit-btn{width:100%}}
@media(max-width:420px){footer .brand{font-size:20px;gap:9px}.footer-contact{font-size:11px}.footer-in{gap:18px}}

.header-identity{display:flex;align-items:center;gap:24px;min-width:0}
header .brand{flex-shrink:0;white-space:nowrap}
header .brand b{flex-shrink:0}
.header-contact{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:48px;padding-left:22px;border-left:1px solid #bbc9b4;white-space:nowrap}
.header-contact span{font-size:14px;font-weight:700;color:#4b6758}
.header-contact strong{font-size:21px;font-weight:800;letter-spacing:-.3px;line-height:1.15;color:var(--ink)}
.header-contact:hover strong{text-decoration:underline;text-underline-offset:4px}
header .links{gap:18px}
header .links .btn{gap:10px;padding:14px 17px;white-space:nowrap}
.kakao-btn{background:#fee500;color:#191919;border-color:#fee500}
.kakao-btn:hover{background:#f5dc00;border-color:#f5dc00}
@media(max-width:1120px){header .links a:not(.btn){display:none}}
@media(max-width:800px){
  html{scroll-padding-top:158px}
  header nav.wrap{height:auto;display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}
  .header-identity{width:100%;justify-content:space-between;gap:12px}
  header .brand{font-size:clamp(18px,5vw,20px);gap:9px}
  .header-contact{min-height:44px;padding-left:14px;gap:3px}
  .header-contact span{font-size:12px}
  .header-contact strong{font-size:clamp(16px,4.8vw,19px)}
  header .links{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  header .links .btn{min-height:42px;padding:10px 9px;font-size:12px}
}
@media(max-width:360px){header nav.wrap{padding-left:16px;padding-right:16px}.header-contact{padding-left:10px}}

/* Softer photo frames, controls and section rhythm. */
:root{
  --radius-photo:20px;
  --radius-control:12px;
  --line:#e1e7dc;
}
header{border-bottom-color:rgba(22,62,55,.07);backdrop-filter:blur(10px)}
.header-identity{gap:18px}
.header-contact{border-left:0;padding-left:18px}
.btn{
  border-radius:var(--radius-control);
  box-shadow:0 3px 9px rgba(22,62,55,.06);
  transition:background-color .18s ease,box-shadow .18s ease;
}
.btn:hover{background:#245145;box-shadow:0 5px 14px rgba(22,62,55,.1)}
.btn.outline{border-color:#c8d3c1;background:rgba(255,255,255,.42);box-shadow:none}
.btn.outline:hover{background:#eaf0e2;box-shadow:none}
.btn.kakao-btn:hover{background:#f7df08;border-color:#f7df08}
.hero{padding-top:76px}
.hero-top{padding-bottom:48px}
.scene{border-radius:var(--radius-photo)}
.scene-note,.scene-title,.case-art .sample{border-radius:10px}
.scene-note,.scene-title{backdrop-filter:blur(6px)}
.strip{border-bottom:0;padding:34px 0}
.strip div{border-right:0}
.strip span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#e8eedf;color:#65805d}
.section{padding-top:108px;padding-bottom:108px}
.section-head{margin-bottom:44px}
.products{gap:32px}
.product-art{border-radius:18px}
.product-art:before{display:none}
.product h3{margin-top:24px}
.number{border-radius:999px}
.tag{border:0;border-radius:999px;background:#e8eee2;padding:7px 12px;line-height:1.4}
.dark{margin-inline:20px;border-radius:28px}
.case-art{border-radius:var(--radius-photo)}
.case-copy ul{border-top:0}
.case-copy li{border-bottom:0;padding:10px 0}
.steps{gap:36px}
.step{border-top:0;padding-top:0}
.step>span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e8eedf;color:#58734e;font-size:11px}
.step h3{margin-top:20px}
.step p{line-height:1.9}
.owner-grid{gap:28px}
.owner-grid img{border-radius:18px}
.owner-grid figcaption{padding:12px 3px}
.quote{border-top:0;gap:72px}
.formgrid{gap:20px}
input,select,textarea{
  border-radius:var(--radius-control);
  border-color:#d3ddcc;
  background:#fffefb;
  padding:15px 16px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
textarea{min-height:132px}
input:focus,select:focus,textarea:focus{outline:0;border-color:#6f8e62;box-shadow:0 0 0 4px rgba(153,181,125,.2)}
.status[data-state="success"],.status[data-state="error"]{border-radius:12px}
footer{border-radius:24px 24px 0 0;padding-block:40px}
@media(max-width:800px){
  .hero{padding-top:46px}
  .hero-top{padding-bottom:36px}
  .scene{border-radius:16px}
  .section{padding-top:76px;padding-bottom:76px}
  .section-head{margin-bottom:32px}
  .products{gap:30px}
  .product-art,.case-art,.owner-grid img{border-radius:14px}
  .product h3{margin-top:0}
  .dark{margin-inline:12px;border-radius:22px}
  .dark .wrap{padding-inline:20px}
  .steps{gap:28px 24px}
  .quote{gap:32px}
  .owner-grid{gap:26px}
  .strip{padding:28px 0}
  .header-contact{padding-left:10px}
  footer{padding-block:32px}
}
@media(prefers-reduced-motion:reduce){.btn,input,select,textarea{transition:none}}