*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#163d34;font:15px/1.6 Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.track:focus-visible{outline:3px solid #29a98d;outline-offset:5px}.intro{max-width:1280px;margin:auto;padding:36px 48px 58px}.brand{font-size:21px;letter-spacing:4px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.brand span{font-size:10px;letter-spacing:2px;font-weight:400}.eyebrow{font-size:10px;letter-spacing:2.6px;margin:74px 0 22px}h1{font:clamp(50px,7.6vw,105px)/1.02 Georgia,serif;letter-spacing:-4px;margin:0;max-width:850px}h1 i{font-weight:400;color:#668574}.intro-copy{max-width:510px;color:#677b72;margin-top:28px}.intro-line{display:flex;gap:36px;margin-top:40px;padding-top:23px;border-top:1px solid #dce3d9;font-size:11px;letter-spacing:.7px}.categories{max-width:1280px;margin:auto;padding:18px 48px 30px;display:flex;gap:10px;flex-wrap:wrap}.categories a{border:1px solid #dce3d9;border-radius:24px;text-decoration:none;color:#345b4c;padding:8px 17px;font-size:12px;transition:background .2s}.categories a:hover{background:#e7ede3}main{max-width:1440px;margin:auto}.showcase{padding:42px 0 52px;scroll-margin-top:20px;border-bottom:1px solid #e2e6dd}.section-head{max-width:1280px;margin:0 auto 28px;padding:0 48px;display:flex;align-items:end;justify-content:space-between;gap:25px}.section-head small{font-size:9px;letter-spacing:2px;color:#6d8579}.section-head h2{font:clamp(32px,4vw,47px)/1.15 Georgia;margin:10px 0 0;letter-spacing:-1px}.section-head p{font-size:12px;max-width:240px;color:#77877f}.track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14%;padding:18px 14% 32px;scrollbar-width:none;overscroll-behavior-x:contain}.track::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;background:#fff;border:1px solid #e3e7df;border-radius:22px;overflow:hidden;box-shadow:0 12px 26px #173a2f0c;transition:opacity .35s,transform .35s;opacity:.53;transform:scale(.965)}.slide.active{opacity:1;transform:scale(1)}.open-design{position:relative;display:block;width:100%;padding:0;border:0;background:#f1f0eb}.open-design img{display:block;width:100%;aspect-ratio:16/11;object-fit:contain}.expand{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffffd9;color:#234d3e;font-size:21px;box-shadow:0 3px 12px #163d3412}.slide-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;gap:16px}.slide-caption small{font-size:8px;letter-spacing:2px;color:#789080}.slide-caption h3{font:25px/1.2 Georgia;margin:5px 0}.slide-caption>span{font-size:10px;color:#85948a;white-space:nowrap}.slider-controls{max-width:1110px;margin:auto;padding:0 46px;display:flex;align-items:center;justify-content:space-between;gap:20px}.count{font-size:11px;letter-spacing:2px;font-variant-numeric:tabular-nums}.dots{display:flex;align-items:center;gap:7px}.dots button{border:0;border-radius:20px;background:#ccd7cd;width:6px;height:6px;padding:0;transition:width .25s}.dots button[aria-current=true]{width:25px;background:#1a4b3b}.arrows{display:flex;gap:9px}.arrows button{border:1px solid #d5e0d4;width:42px;height:42px;border-radius:50%;background:transparent;color:#194635;font-size:20px}.arrows button:hover{background:#194635;color:white}.arrows button:disabled{opacity:.25;cursor:default}footer{padding:70px 48px;max-width:1280px;margin:auto}footer strong{letter-spacing:4px}footer p{font-size:11px;color:#87958b}dialog{border:0;border-radius:22px;padding:18px;width:min(1250px,96vw);max-height:95vh;background:#f7f7f2;box-shadow:0 35px 90px #0004}dialog::backdrop{background:#102d26d9;backdrop-filter:blur(8px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.modal-head h2{font:25px Georgia;margin:0}.close{border:1px solid #d6dfd4;background:white;padding:8px 14px;border-radius:25px;white-space:nowrap}dialog img{display:block;width:100%;max-height:80vh;object-fit:contain;border-radius:12px}@media(max-width:700px){.intro{padding:25px 23px 30px}.brand{font-size:17px}.brand span{font-size:8px}.eyebrow{margin-top:48px;font-size:8px}h1{font-size:57px;letter-spacing:-2.7px}.intro-copy{font-size:13px}.intro-line{gap:16px;font-size:9px;flex-wrap:wrap;margin-top:28px}.categories{padding:12px 23px 20px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.categories a{flex:none;font-size:11px;padding:7px 13px}.showcase{padding:30px 0}.section-head{padding:0 23px;align-items:start;margin-bottom:14px}.section-head p{display:none}.track{padding:10px 5% 24px;scroll-padding-inline:5%;gap:12px}.slide{border-radius:15px}.slide-caption{padding:16px}.slide-caption h3{font-size:20px}.slide-caption>span{display:none}.slider-controls{padding:0 23px;gap:10px}.dots{gap:5px}.dots button{width:5px;height:5px}.dots button[aria-current=true]{width:16px}.arrows button{width:34px;height:34px}.expand{width:27px;height:27px;right:12px;bottom:12px;font-size:17px}.modal-head h2{font-size:19px}dialog{padding:12px;border-radius:16px}footer{padding:45px 23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-logo{display:block;width:230px;height:auto;flex:none}.footer-logo{display:block;width:200px;height:auto}@media(max-width:700px){.brand-logo{width:185px}.footer-logo{width:180px}}
.slider-controls .arrows button{display:inline-flex;align-items:center;justify-content:center;grid-template-columns:none;margin:0;min-width:0;flex:none}
