:root{font-family:Arial,Helvetica,sans-serif;color:#173a44;background:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit}
.shell{max-width:1220px;margin:auto;padding:0 32px}
.header{min-height:220px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{text-decoration:none;flex-shrink:0}
.brand-logo{display:block;width:240px;height:auto}
.nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;justify-content:flex-end}
.nav a{text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap}
.nav a:hover,.nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.nav-cta{background:#2b7074;color:#fff;padding:14px 18px}
.intro{background:#e5f5f1;padding:74px 0 80px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;font-weight:700;color:#2e7778}
h1{font:normal clamp(3rem,5.5vw,5.6rem)/1.03 Georgia,serif;letter-spacing:-.04em;margin:17px 0 25px}
.intro p{font-size:1.15rem;line-height:1.7;color:#42626b;max-width:820px;margin:0}
.detail{padding:72px 0}
.detail h2,.photos h2,.contact h2{font:normal clamp(2.2rem,4vw,3.7rem)/1.08 Georgia,serif;letter-spacing:-.03em;margin:0 0 20px}
.detail p{font-size:1.08rem;line-height:1.8;color:#496670;max-width:880px;margin:0 0 18px}
.photos{padding:72px 0 88px;background:#f6faf9}
.photos p{color:#567079;line-height:1.65}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:30px}
.photo{min-height:340px;background:#e5f5f1;border-top:3px solid #2b7779;padding:24px;display:flex;align-items:end;color:#567079}
.photo.inspiration{background-size:cover;background-position:center;color:#fff;text-shadow:0 1px 5px #222}
.photo.closet{background-image:linear-gradient(0deg,rgba(15,43,50,.5),transparent 58%),url('closet-inspiration-v2.webp')}
.photo.garage{background-image:linear-gradient(0deg,rgba(15,43,50,.5),transparent 58%),url('garage-inspiration.webp')}
.photo.pantry{background-image:linear-gradient(0deg,rgba(15,43,50,.5),transparent 58%),url('pantry-inspiration.webp')}
.photo span{background:#fff;padding:8px 11px;color:#173a44}
.contact{background:#286a6e;color:#fff;padding:70px 0}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact p{color:#d5e8e7;line-height:1.6;margin:0}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.button{display:inline-block;background:#fff;color:#245d63;padding:15px 22px;text-decoration:none;font-weight:700}
.button:hover,.button:focus-visible{background:#fff0e5}
.footer{background:#245d63;color:#d8e6e6;padding:35px 0}
.footer a{color:#fff}
.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:10}
.skip:focus{top:4px}
a:focus-visible{outline:3px solid #f3cb65;outline-offset:3px}
@media(max-width:900px){.header{min-height:170px}.brand-logo{width:180px}.nav{gap:14px}.nav a{font-size:.82rem}.gallery{grid-template-columns:1fr 1fr}.photo:first-child{grid-column:1/-1}.contact-inner{display:block}.actions{margin-top:25px}}
@media(max-width:600px){.shell{padding:0 22px}.header{display:block;min-height:0;padding-top:14px;padding-bottom:16px}.brand-logo{width:135px}.nav{justify-content:flex-start;margin-top:14px}.nav a{font-size:.86rem}.intro,.detail,.photos{padding:54px 0}.gallery{grid-template-columns:1fr}.photo:first-child{grid-column:auto}.photo{min-height:270px}.actions .button{width:100%;text-align:center}}