:root{--green:#244446;--cream:#f6f4ec;}body{background:#f6f4ec;color:#244446}header{background:#f6f4ec}.coast-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-top:75px;padding-bottom:70px}.coast-hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.08}.coast-hero .intro{max-width:480px;margin:28px 0}.coast-main{margin:0}.coast-main img{display:block;width:100%;height:auto;border:16px solid #dfdfd0;box-sizing:border-box}.coast-main figcaption{font-size:11px;margin-top:16px;color:#596e70}.coast-story{background:#e6e9df}.coast-story .about{padding-top:75px;padding-bottom:75px}.coast-story .about-images{display:block}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.art-image img{object-fit:contain}.contact .button{margin-top:20px}.brand span{letter-spacing:2px}a:focus-visible,button:focus-visible{outline:2px solid #8d723c;outline-offset:5px}
@media(max-width:900px){.coast-hero{gap:30px;padding-top:50px}.coast-hero h1{font-size:48px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.coast-hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.coast-hero h1{font-size:48px}.coast-main img{border-width:10px}.art-grid{grid-template-columns:1fr}.coast-story .about{padding-top:45px;padding-bottom:45px}.brand span{letter-spacing:1.2px}}