@charset "UTF-8";
:root{--blue:#1657d8;--navy:#142841;--ink:#182c44;--muted:#53677e;--line:#dbe4f0;--pale:#f1f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;font-size:16px;line-height:1.85;word-break:keep-all}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #eb9d16;outline-offset:4px}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.045em}h1{font-size:clamp(30px,4.2vw,60px);font-weight:800;margin-bottom:24px}h2{font-size:clamp(28px,3.2vw,44px);margin-bottom:24px}h3{font-size:22px;margin-bottom:14px}p{color:var(--muted);margin-bottom:20px}small{display:block;color:var(--muted);font-size:13px;line-height:1.7}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:white;z-index:100;padding:14px}header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(5vw,20px);border-bottom:1px solid var(--line);background:#fff}.brand{font-weight:900;letter-spacing:-1.5px;line-height:1;font-size:23px}.brand span{color:var(--blue);margin-left:5px}header nav{display:flex;gap:28px;font-weight:700;font-size:14px}.wrap{max-width:1240px;margin:0 auto;padding:85px 40px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--blue);margin-bottom:16px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;padding-top:55px;padding-bottom:65px}.lead{font-size:21px;color:var(--ink);line-height:1.65}.hero-visual{background:var(--pale);border-radius:22px;overflow:hidden}.hero-visual img{width:100%;max-height:620px;object-fit:contain}.hero-visual figcaption{padding:16px 24px;letter-spacing:.2em;font-size:10px;color:var(--blue)}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 16px}.cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border-radius:7px;font-weight:750;font-size:15px;line-height:1.5;min-height:50px}.phone{background:var(--blue);color:white}.kakao{background:#ffe500;color:#252000}.form{border:1px solid var(--blue);color:var(--blue);background:white}.cta:hover{filter:brightness(.96)}.intro{max-width:720px}.finder{display:flex;gap:15px;align-items:end;margin:30px 0}.finder label{display:grid;gap:8px;width:min(420px,100%);font-size:13px;font-weight:700}.finder select{padding:14px;border:1px solid var(--line);border-radius:6px;background:white;width:100%;color:var(--ink)}button{border:0;padding:15px 22px;background:var(--navy);color:white;border-radius:6px;font-weight:700;cursor:pointer}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.compare article{background:var(--pale);border-radius:12px;padding:30px}.compare span{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.compare h3{margin-top:30px}.compare a{color:var(--blue);font-weight:700}.editorial{max-width:1100px;padding-top:45px}.editorial>p{max-width:880px}.source{display:inline-block;font-size:12px;color:var(--blue);border-bottom:1px solid var(--line);margin-bottom:24px}.article-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:45px;margin:30px 0 50px}.article-grid aside{padding:25px;background:var(--pale);border-left:3px solid var(--blue);align-self:start}.operating-note{border-top:1px solid var(--line);padding:30px 0 10px;max-width:880px}.operating-note p{max-width:800px}.detail-wrap{background:#f3f7fc;padding:40px 24px 70px}.product-detail{max-width:1000px;margin:0 auto;background:white;overflow:hidden}.detail-top{padding:55px 50px 25px;text-align:center}.detail-photo{width:100%;max-height:610px;object-fit:contain;background:#f8faff}.detail-points{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px}.detail-points h3{font-size:20px;margin-top:12px}.detail-points p{font-size:15px}.num{color:var(--blue);font-size:14px}.detail-bottom{background:var(--blue);color:white;padding:25px 40px;text-align:center}.detail-bottom p{color:#e3edff;font-size:14px;margin:8px 0 0}.product-detail+.product-detail{margin-top:24px}.support{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.support-grid article{border-top:2px solid var(--blue);padding-top:16px}.support-grid h3{font-size:18px}.support-grid p{font-size:14px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.photo-grid img{height:300px;width:100%;object-fit:contain;background:var(--pale)}figcaption{font-size:13px;margin-top:12px}.contact{background:var(--navy);color:white;margin-top:40px}.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:60px;padding-bottom:60px}.contact p,.contact small{color:#d2dfef}.contact .eyebrow{color:#9fbeff}.contact .cta-row{margin-top:15px}.region-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;padding:18px 10px}details p{padding:0 10px 12px}.region-groups details{background:var(--pale);border-radius:6px}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:15px 8px 22px}.chips a{border:1px solid var(--line);border-radius:6px;padding:8px 13px;background:white;font-size:14px;line-height:1.5}.chips a:hover{background:var(--blue);border-color:var(--blue);color:white}.special-links{margin-top:25px}.hub{padding-top:10px}.hub h2{font-size:30px}.faq{padding-top:20px;max-width:1000px}.faq h2{font-size:28px}footer{border-top:1px solid var(--line);padding:50px max(5vw,25px);display:grid;gap:16px}footer p{margin:0}footer>a:not(.brand){font-weight:800;color:var(--blue)}
@media(max-width:900px){.wrap{padding:55px 25px}.hero{gap:30px}.hero h1{font-size:38px}.cta{font-size:14px}.compare article{padding:22px}.article-grid{gap:25px}.support{gap:30px}.contact .wrap{gap:25px}.region-groups{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{font-size:15px;line-height:1.85}header{height:auto;min-height:76px;padding:17px 20px;flex-wrap:wrap;gap:15px}header nav{gap:18px;font-size:12px}.brand{font-size:21px}.wrap{padding:44px 20px}.hero{grid-template-columns:1fr;gap:25px;padding-top:34px}.hero h1{font-size:33px}.lead{font-size:19px}.hero-visual img{max-height:410px;width:100%;object-fit:contain}.cta-row{gap:8px}.cta{padding:12px 14px;font-size:14px}.hero-copy .cta-row .phone{flex-basis:100%}.hero-copy .cta-row .kakao,.hero-copy .cta-row .form{flex:1}.finder{display:grid}.finder label{width:100%}.compare,.article-grid,.support,.contact .wrap{grid-template-columns:1fr}.compare{gap:12px}.compare article{padding:24px}.compare h3{margin-top:16px}.article-grid{gap:16px;margin-bottom:28px}.operating-note{padding-top:24px}.detail-wrap{padding:20px 12px 40px}.detail-top{padding:32px 20px 12px}.detail-top h2{font-size:28px}.detail-points{grid-template-columns:1fr;padding:24px;gap:18px}.detail-points article+article{border-top:1px solid var(--line);padding-top:15px}.detail-points p{margin-bottom:0}.detail-bottom{padding:22px}.support-grid{gap:20px}.support-grid h3{font-size:17px}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:300px}.contact{margin-top:20px}.contact .wrap{padding-top:36px;padding-bottom:36px;gap:12px}.contact .cta{flex-grow:1}.contact .phone{flex-basis:100%}.region-groups{grid-template-columns:1fr 1fr;gap:8px}.region-groups summary{font-size:14px}.chips a{font-size:13px}.faq{padding-top:20px}h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* October 3: expanded product story and installation archive */
.expanded-detail .chapter-intro{padding:55px 48px 32px;text-align:center}.chapter-intro>p:last-child{max-width:740px;margin:0 auto}.long-detail-art{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.detail-reading{margin:0 32px 32px;border:1px solid var(--line);border-radius:8px}.detail-reading summary{padding:20px 24px;color:var(--blue)}.detail-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:22px 24px}.detail-reading-grid h3{font-size:20px}.detail-reading-grid p{padding:0;font-size:16px;margin-bottom:0}.store-chapter .intro{max-width:840px}.store-scene{width:100%;height:auto;border-radius:16px;margin:30px 0}.store-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:38px 0}.store-steps b{color:var(--blue);font-size:12px}.store-steps h3{margin-top:14px}.store-steps p{font-size:16px}.store-link{display:inline-block;padding:14px 22px;background:var(--blue);color:white;border-radius:6px;font-weight:700}.gallery-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:25px 0 18px}.gallery-controls button{min-height:44px;min-width:44px;padding:8px 14px;font-size:14px}.gallery-controls span{font-size:14px;margin-right:auto;color:var(--blue);font-weight:700}.install-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px;position:relative}.install-track figure{scroll-snap-align:start;min-width:0}.install-track img{width:100%;height:350px;object-fit:contain;background:var(--pale);border-radius:10px}.install-track figcaption{padding:3px 5px;font-size:14px}.install-track figcaption span{color:var(--blue);font-weight:800;margin-right:6px}.installation-gallery>small{margin-top:12px}.product-detail+.product-detail{margin-top:55px}
@media(max-width:700px){.expanded-detail .chapter-intro{padding:34px 20px 25px}.chapter-intro h2{font-size:27px}.detail-reading{margin:0 14px 20px}.detail-reading summary{padding:16px;font-size:15px}.detail-reading-grid{grid-template-columns:1fr;padding:18px;gap:26px}.store-steps{grid-template-columns:1fr;gap:20px}.store-steps article+article{border-top:1px solid var(--line);padding-top:20px}.store-scene{border-radius:8px}.install-track{grid-auto-columns:100%}.install-track img{height:360px}.gallery-controls{gap:6px}.gallery-controls button{font-size:12px;padding:9px 10px}.gallery-controls span{font-size:12px}.product-detail+.product-detail{margin-top:32px}}
.long-detail-art{max-width:724px;margin:0 auto}.expanded-detail{max-width:1000px}
/* Detail artwork: sky-blue canvas, narrow frame matching native image width. */
.detail-wrap{background:#edf6ff}
.product-detail.expanded-detail{max-width:736px;background:transparent;overflow:visible}
.expanded-detail .chapter-intro{padding:36px 12px 28px}
.expanded-detail .long-detail-art{width:100%;max-width:736px;height:auto;border:6px solid #fff;background:#fff}
.expanded-detail .detail-reading{margin:18px 0 0;background:transparent;border-color:#cbddec}
@media(max-width:700px){.detail-wrap{padding:24px 12px 40px}.expanded-detail .chapter-intro{padding:16px 8px 24px}.expanded-detail .long-detail-art{border-width:3px}.expanded-detail .detail-reading{margin:14px 0 0}}

/* White editorial headers above sky-blue product artwork. */
.expanded-detail .chapter-intro{background:#fff;padding:38px 30px 32px;margin-bottom:18px}
.store-chapter{background:#edf6ff}
.store-chapter .chapter-intro{background:#fff;padding:38px 30px 32px}
.store-chapter .chapter-intro .intro{margin:0;max-width:840px}
@media(max-width:700px){.expanded-detail .chapter-intro,.store-chapter .chapter-intro{padding:28px 20px 24px}.expanded-detail .chapter-intro{margin-bottom:14px}}

.store-detail-art{margin:24px auto 0}.store-source-copy{max-width:840px;margin:42px auto 0}.store-source-copy h3{font-size:25px}.store-source-copy p{line-height:1.9}@media(max-width:700px){.store-source-copy{margin-top:28px}.store-source-copy h3{font-size:22px}}

.store-context-label{display:inline-block;background:var(--pale);padding:8px 14px;border-radius:5px;font-size:14px}.store-prepare{background:var(--pale);border-left:3px solid var(--blue);padding:24px;margin-top:30px;max-width:880px}.store-prepare p{margin:0}.store-editorial .operating-note{padding-bottom:22px}
