@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#172c2b;--cream:#f5f3ed;--orange:#e77c50;--muted:#667674}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.header{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:5}.logo{font-weight:700;letter-spacing:.14em;text-decoration:none;color:var(--ink);font-size:22px}.logo span{color:var(--orange)}nav{display:flex;gap:36px}nav a{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}nav a:hover,nav a.active{opacity:1;color:var(--orange)}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--ink)}.hero{min-height:660px;height:calc(100vh - 82px);max-height:850px;background:linear-gradient(90deg,rgba(7,28,29,.65),rgba(7,28,29,.08)),url('https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?auto=format&fit=crop&w=2200&q=90') center 52%/cover;position:relative;display:flex;align-items:center;padding:0 12vw;color:white}.hero-content{max-width:650px}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:700;margin:0 0 25px}.hero h1,.page-hero h1{font-size:clamp(54px,7vw,100px);line-height:.99;letter-spacing:-.055em;margin:0 0 28px;font-weight:500}.hero h1 em,.page-hero h1 em,h2 em,.quote em{font-family:'Playfair Display',serif;font-weight:500}.hero-copy{font-size:16px;line-height:1.8;max-width:440px;color:#f1f2eb;margin-bottom:34px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--orange);color:white;text-decoration:none;padding:17px 22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button:hover{transform:translateY(-3px);background:#d9693e}.hero-note{position:absolute;right:7vw;bottom:45px;font-size:10px;letter-spacing:.14em}.hero-note span{display:block;color:#d8ded8;margin-top:8px;font-size:9px}.section{padding:110px 10vw}.intro,.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.eyebrow.dark{color:var(--orange)}h2{font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.05em;font-weight:500;margin:0}.intro-text{font-size:15px;line-height:1.9;color:var(--muted);max-width:480px;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:0 7vw 100px}.feature{min-height:410px;background-size:cover;background-position:center;position:relative;text-decoration:none;color:white;overflow:hidden}.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,27,27,.78),transparent 75%);transition:.3s}.feature:hover:before{background:linear-gradient(0deg,rgba(8,27,27,.9),rgba(8,27,27,.08))}.feature>div{position:absolute;bottom:30px;left:30px}.feature span,.place-card span{font-size:9px;letter-spacing:.18em;color:#f0a17e}.feature h3{font:500 37px/1.05 'Playfair Display',serif;margin:15px 0}.feature p{font-size:11px;color:#e2e8e3}.feature-beach{background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=900&q=85')}.feature-town{background-image:url('https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=900&q=85')}.feature-food{background-image:url('https://images.unsplash.com/photo-1559314809-0d155014e29e?auto=format&fit=crop&w=900&q=85')}.quote{text-align:center;padding-top:60px;padding-bottom:110px}.quote p{font:500 clamp(34px,5vw,60px)/1.15 'Playfair Display',serif;margin:0 0 24px}.quote span,footer>span{font-size:9px;letter-spacing:.2em;color:var(--muted)}footer{padding:45px 7vw;background:#e9e8df;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:11px;color:var(--muted)}.page-hero{height:520px;background-size:cover;background-position:center;display:flex;align-items:center;padding:0 12vw;color:white;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,29,.65),rgba(7,28,29,.08))}.page-hero>div{position:relative}.page-hero h1{font-size:clamp(55px,7vw,88px)}.page-hero p:last-child{font-size:14px;color:#edf0eb}.beach-hero{background-image:url('https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=2000&q=90')}.places-hero{background-image:url('https://images.unsplash.com/photo-1537996194471-e657df975ab4?auto=format&fit=crop&w=2000&q=90')}.food-hero{background-image:url('https://images.unsplash.com/photo-1559314809-0d155014e29e?auto=format&fit=crop&w=2000&q=90')}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px}.place-card{background:#fff}.place-card img{width:100%;height:250px;object-fit:cover;display:block}.place-card>div{padding:26px 25px 30px}.place-card span{color:var(--orange)}.place-card h3{font:500 30px 'Playfair Display',serif;margin:12px 0}.place-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.section-heading{margin-bottom:10px}
@media(max-width:760px){.header{height:70px;padding:0 6vw}.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);padding:25px 7vw;flex-direction:column;gap:22px}nav.open{display:flex}.hero{height:calc(100svh - 70px);min-height:590px;padding:0 8vw;background-position:58% center}.hero h1{font-size:58px}.hero-copy{font-size:14px}.hero-note{left:8vw;right:auto}.section{padding:75px 7vw}.intro,.section-heading{grid-template-columns:1fr;gap:25px}.feature-grid{grid-template-columns:1fr;padding:0 7vw 60px}.feature{min-height:330px}.quote{padding:30px 7vw 75px}.page-hero{height:450px;padding:0 8vw}.cards{grid-template-columns:1fr;gap:18px;margin-top:40px}.place-card img{height:230px}footer{padding:35px 7vw;align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}}
