:root{--navy:#0a2946;--dark:#071b2d;--gold:#e7aa13;--cream:#f7f4ed;--red:#d91629;--ink:#182c3e;--muted:#647383;--line:#dcdfe2;--white:#fff;--shadow:0 14px 35px #061c3120}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.5 Arial,sans-serif;background:var(--cream)}img{display:block;max-width:100%}a{color:inherit}.wrap{width:min(1160px,calc(100% - 34px));margin:auto}.top{padding:8px;background:var(--navy);color:#fff;text-align:center;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.nav{background:#fff;box-shadow:0 2px 15px #0001}.nav .wrap{min-height:80px;display:flex;align-items:center;gap:26px}.logo{width:205px;height:61px;object-fit:cover}.links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:.83rem;font-weight:800}.links a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border:2px solid var(--gold);background:var(--gold);color:#111;text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.crumb{padding:15px 0;color:var(--muted);font-size:.82rem}.hero{background:#fff;border-bottom:4px solid var(--gold)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:440px}.hero-photo{background:url('../assets/waterproof-display-3.jpg') center/cover;position:relative}.hero-photo:after{content:'WATERPROOF • PET-FRIENDLY';position:absolute;left:18px;bottom:18px;background:#071b2de8;color:#fff;padding:8px 12px;font-size:.72rem;font-weight:900}.hero-copy{padding:44px;align-self:center}.brand{color:var(--red);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:8px 0 10px;font:800 clamp(3.1rem,6vw,5rem)/.9 Georgia,serif;color:var(--navy);letter-spacing:-.045em}.hero h2{margin:0 0 14px;font:600 1.35rem Georgia,serif}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.spec{border-left:3px solid var(--gold);padding-left:9px;font-size:.72rem}.spec b{display:block;font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:9px}.benefits{background:var(--dark);color:#fff}.benefits .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.benefits div{text-align:center;padding:17px 8px;color:#ffd65b;font-size:.73rem;font-weight:900;text-transform:uppercase}.section{padding:62px 0}.section.white{background:#fff}.title{margin:0 0 8px;font:700 clamp(2.1rem,4vw,3.2rem)/1 Georgia,serif;color:var(--navy)}.lead{margin:0 0 30px;color:var(--muted);max-width:760px}.head{display:flex;align-items:end;justify-content:space-between;gap:20px}.counter{padding:10px 13px;background:#fff;border:1px solid var(--line);font-size:.75rem;font-weight:900}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.color{background:#fff;border:1px solid var(--line);box-shadow:0 7px 18px #071b2d10;cursor:pointer;text-align:left;padding:0}.color:hover,.color:focus{outline:3px solid var(--gold);transform:translateY(-2px)}.swatch{height:160px;background-image:url('../assets/waterproof-display-1.jpg');background-size:340%;background-position:var(--x,50%) var(--y,50%);filter:var(--tone,none)}.color:nth-child(3n+2) .swatch{background-image:url('../assets/waterproof-display-2.jpg')}.color:nth-child(3n) .swatch{background-image:url('../assets/waterproof-display-3.jpg')}.color-info{padding:13px}.color h3{margin:0;font:700 1.05rem Georgia,serif;color:var(--navy)}.color p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.sample-note{margin-top:25px;padding:18px;background:#fff5d5;border-left:5px solid var(--gold)}.construction{display:grid;grid-template-columns:1fr 1fr;gap:26px}.box{background:var(--cream);padding:25px;border:1px solid var(--line)}.box h3{margin-top:0;font-family:Georgia,serif;color:var(--navy)}.layers{display:grid;gap:7px}.layer{padding:11px 15px;background:var(--navy);color:#fff;border-left:7px solid var(--gold);font-weight:800}.cta{padding:30px 0;background:var(--gold)}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{margin:0;font:700 2rem Georgia,serif}.cta p{margin:4px 0 0}footer{background:var(--dark);color:#dce4eb;padding:35px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot a{text-decoration:none}.lightbox{position:fixed;inset:0;z-index:50;background:#07131eea;display:none;place-items:center;padding:24px}.lightbox.open{display:grid}.lightbox-card{width:min(900px,96vw);background:#fff}.lightbox-image{height:min(63vh,600px);background-image:url('../assets/waterproof-display-1.jpg');background-size:cover;background-position:center}.lightbox-copy{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px}.lightbox-copy h2{margin:0;font-family:Georgia,serif;color:var(--navy)}.close{font:900 1.1rem Arial;background:var(--navy);color:#fff;border:0;width:42px;height:42px;cursor:pointer}
@media(max-width:850px){.links a:not(.btn){display:none}.hero-grid,.construction{grid-template-columns:1fr}.hero-photo{min-height:330px}.colors{grid-template-columns:repeat(3,1fr)}.benefits .wrap{grid-template-columns:1fr 1fr}.hero-copy{padding:34px 20px}.foot,.cta .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:570px){.wrap{width:calc(100% - 26px)}.nav .wrap{min-height:70px}.logo{width:165px;height:50px}.nav .btn{padding:0 8px;font-size:.62rem}.colors{grid-template-columns:1fr 1fr}.head{align-items:flex-start;flex-direction:column}.specs{grid-template-columns:1fr 1fr}.swatch{height:130px}}