:root{--ink:#193c38;--blue:#008c83;--sky:#e4f3ef;--paper:#fff;--line:#d8e5e0;--muted:#5b6b66;--gold:#b99160;--deep:#004c43}
body{background:#fff}h1,h2,h3{letter-spacing:-.025em}h2{font-weight:500}.wrap{width:min(1240px,calc(100% - 80px))}section.wrap{margin-block:90px}.topline{background:#f0f6f3;border-bottom:1px solid #e0eae5;font-size:12px;color:#5c756b}.topline>.wrap{display:flex;justify-content:space-between;padding-block:7px}header{background:#fffffffa;border:0;box-shadow:0 3px 15px #0e453508}.header-inner{max-width:1320px;padding:21px 40px;gap:22px}.brand{font-size:2rem;color:var(--deep);font-weight:600;gap:10px}.brand small{font-size:12px;letter-spacing:1px;color:var(--gold)}.window-mark{width:49px;line-height:1;display:block;color:var(--gold)}.window-mark svg{display:block;width:49px;height:53px}nav{gap:8px}nav a{padding:9px 16px;border:0;font-size:14px}nav a[aria-current]{background:#15aaa0;color:white}nav a:hover{background:#edf7f3;color:var(--deep)}.cart-open{border-color:#d6e4dd;border-radius:3px;padding:8px 11px;font-size:13px}.count{background:var(--blue)}
.showcase.wrap{margin-top:22px;margin-bottom:0;position:relative;background:var(--deep);color:white;min-height:620px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;width:min(1440px,calc(100% - 64px))}.showcase:before{content:"";position:absolute;inset:18px;border:1px solid #b9916070;pointer-events:none}.showcase:after{content:"";position:absolute;width:800px;height:530px;border:1px solid #b9916070;border-radius:50%;left:-210px;bottom:-400px;pointer-events:none}.showcase-copy{padding:65px 35px 45px 65px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-kicker{color:#d4ba96;font-size:16px;margin-bottom:21px}.showcase h1{font-size:clamp(40px,4.1vw,65px);line-height:1.27;font-weight:500;letter-spacing:-.03em;margin-bottom:24px}.hero-desc{font-size:17px;color:#d9e9e3;line-height:1.8}.button{border-radius:0;font-size:14px;padding:13px 25px;background:var(--blue);border-color:var(--blue)}.button.gold{background:#dbbe95;border-color:#dbbe95;color:#173e36}.showcase-visual{padding:40px 38px 30px 0;position:relative;display:flex;flex-direction:column;justify-content:center}.arch-frame{height:490px;border-radius:240px 240px 12px 12px;overflow:hidden;position:relative;outline:1px solid #b99160;outline-offset:9px;margin:10px}.showcase-slide{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.showcase-slide[hidden]{display:none}.photo-caption{font-size:12px;text-align:center;color:#d1dfd7;margin:20px 0 0}.slide-controls{display:flex;align-items:center;gap:16px;margin-top:29px}.slide-controls button{width:32px;height:32px;border:1px solid #d6b48780;border-radius:50%;background:transparent;color:white;font-size:24px;line-height:1}.slide-controls span{font-size:12px;color:#d7e7de}.slide-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.slide-thumbnails button{position:relative;padding:0;border:0;background:var(--deep);text-align:left;overflow:hidden}.slide-thumbnails img{height:180px;opacity:.85;transition:transform .3s}.slide-thumbnails button:hover img{transform:scale(1.04)}.slide-thumbnails button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:4px}.slide-thumbnails span{position:absolute;bottom:0;left:0;right:0;padding:27px 16px 13px;background:linear-gradient(transparent,#002b25d9);font-size:13px;color:white}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.section-label{color:var(--gold);font-size:14px}.welcome h2{font-size:clamp(30px,3.2vw,45px);line-height:1.5}.welcome .intro-lines{margin:0;columns:1;border-left:1px solid #cbb18a;padding-left:40px}.intro-lines p{font-size:14px;line-height:1.95}.collection{padding-top:60px;border-top:1px solid #e7dfd0;position:relative}.collection>h2,.collection>p{text-align:center}.collection>h2{color:#9a7449;font-size:36px}.collection:before{content:"";position:absolute;top:-17px;left:calc(50% - 16px);width:32px;height:32px;background:white;border:1px solid #e7dfd0;transform:rotate(45deg)}.catalog{gap:30px 22px}.product{border:1px solid #e1e8e2;position:relative;transition:box-shadow .2s}.product:hover{box-shadow:0 8px 25px #0e453514}.product>img{height:290px}.product>div{padding:23px}.product h3{font-size:18px;font-weight:500}.product p{color:#9d713a}.product button{font-size:13px}.split>img{border-radius:190px 190px 0 0;height:520px}.split h2{color:var(--gold)}.split h3{font-size:29px;font-weight:500}.three article{border-top:1px solid #b9916070;padding:28px 0}.three article h3{color:var(--deep)}.promo{background:var(--deep);color:white;position:relative;border:12px solid #e5f3ee;padding:42px}.promo h2{color:#dbbe95}.promo p{color:#d2e4dc}.promo .button{background:#dbbe95;border-color:#dbbe95;color:var(--deep)}.reviews{background:#edf7f3;border-top:1px solid #d1e5db}.review-empty{border-color:#a9c7b9;background:#ffffff80}.contact h2{color:var(--gold)}.contact iframe{border:8px solid #eef5f1}.pagehead{background:#edf7f3;padding:45px;border-left:4px solid var(--gold)}.pagehead h1{color:var(--deep);font-size:44px}.pagehead>p{color:#a27a49;font-size:14px}.pagehead a{font-size:13px}footer{background:var(--deep);border-top:7px solid #d0b18b}footer h2{color:#dfc4a2}footer p,footer a,.footer-grid>div:last-child a{color:#d1e1d9}.copyright{color:#b1c9bc}.floating-line{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:#0c9b73;color:white;border-radius:30px;box-shadow:0 3px 15px #00362b30;font-size:13px;z-index:4}dialog{border-left:4px solid var(--gold)}
@media(max-width:1100px){.header-inner{padding:16px 30px}nav{justify-content:center}.showcase-copy{padding:45px 28px 40px 45px}.showcase h1{font-size:46px}.showcase-visual{padding-right:28px}.arch-frame{height:460px}.showcase.wrap{min-height:590px}.slide-thumbnails img{height:145px}.wrap{width:calc(100% - 60px)}.product>img{height:240px}}
@media(max-width:700px){.topline>.wrap{justify-content:center}.topline span{display:none}.header-inner{padding:12px 20px 8px}.brand{font-size:26px}.brand small{font-size:10px}.window-mark,.window-mark svg{width:38px;height:42px}nav{justify-content:flex-start;gap:4px}nav a{padding:7px 12px;font-size:12px}.cart-open{font-size:12px}.wrap{width:calc(100% - 40px)}.showcase.wrap{width:calc(100% - 32px);margin-top:16px;grid-template-columns:1fr;min-height:0}.showcase:before{inset:12px}.showcase-copy{padding:35px 30px 10px}.showcase h1{font-size:39px;line-height:1.2;margin-bottom:17px}.hero-kicker{font-size:13px;margin-bottom:14px}.hero-desc{font-size:14px;margin-bottom:20px}.showcase-visual{padding:16px 30px 28px}.arch-frame{height:330px;border-radius:160px 160px 5px 5px;margin:8px}.photo-caption{font-size:10px;margin-top:15px}.slide-controls{margin-top:19px}.slide-thumbnails{gap:10px;grid-template-columns:repeat(2,1fr)}.slide-thumbnails img{height:125px}.slide-thumbnails span{font-size:11px;padding:20px 9px 9px}section.wrap{margin-block:60px}.showcase.wrap{margin-bottom:0}.welcome{grid-template-columns:1fr;gap:8px}.welcome .intro-lines{padding-left:22px}.welcome h2{font-size:32px}.collection{padding-top:40px}.collection>h2{font-size:28px}.product>img{height:175px}.product>div{padding:12px}.product h3{font-size:15px}.product p{font-size:11px}.product button{font-size:11px}.split h3{font-size:25px}.split>img{height:390px}.promo{padding:26px;border-width:7px}.pagehead{padding:30px 24px}.pagehead h1{font-size:32px}.floating-line{right:15px;bottom:15px;font-size:12px;padding:10px 16px}}
/* รักษาตำแหน่งแบนเนอร์เมื่อโฟกัสปุ่มเปลี่ยนภาพ */
.showcase.wrap{overflow:clip}