:root{--ink:#202b24;--paper:#f5f3ed;--accent:#c95f38;--green:#304638;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px var(--sans)}a{color:inherit;text-decoration:none}header{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.12em}.brand small{display:block;font-size:9px;letter-spacing:.3em}nav{display:flex;gap:32px;font-size:12px}.menu{display:none}.hero{height: min(690px,85vh);min-height:550px;position:relative;color:white;background:url('images/find%20your%20blue%20paradise.jpeg') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#10241fc4,#10241f20 75%)}.hero-copy{position:absolute;left:12%;top:40%;max-width:570px}.hero-copy>small,.contact>small{color:#e7c89f;letter-spacing:.2em;font-size:9px}h1,h2{font:500 clamp(48px,7vw,88px)/1 var(--serif);letter-spacing:-.04em;margin:20px 0}em{color:#d99467;font-weight:500}.hero-copy p{max-width:350px;line-height:1.8;color:#fffd}.button{display:inline-block;background:var(--paper);padding:15px 20px;font-size:11px;margin-top:12px}.caption{position:absolute;bottom:24px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.intro{padding:110px 12%;display:grid;grid-template-columns:1fr 2fr;gap:40px}.intro>small,.places>small,.activities small,footer small{font-size:9px;letter-spacing:.17em;color:var(--accent)}.intro h2,.places h2,.activities h2,.contact h2{font-size:clamp(44px,6vw,68px)}.intro p,.activities p,.places>p{line-height:1.9;color:#687168;max-width:480px}.places{background:#eeece5;padding:70px 12% 110px}.places h2{margin:15px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:34px}.grid article{height:400px;background-position:center;background-size:cover;color:white;display:flex;flex-direction:column;justify-content:end;padding:22px;position:relative;overflow:hidden}.grid article:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101917c9,transparent 65%)}.grid article>*{z-index:1}.grid article small{font-size:8px;letter-spacing:.16em;color:#efc49a}.grid h3{font:34px var(--serif);margin:8px 0}.grid article p{font-size:11px;color:#fffd;max-height:0;opacity:0;transition:.3s;margin:0}.grid article:hover p,.grid article:focus p{max-height:32px;opacity:1;margin-top:8px}.jaipur{background-image:url('https://images.unsplash.com/photo-1599661046827-dacff0c0f09a?auto=format&fit=crop&w=900&q=85')}.kerala{background-image:url('https://images.unsplash.com/photo-1602216056096-3b40cc0c9944?auto=format&fit=crop&w=900&q=85')}.ladakh{background-image:url('https://images.unsplash.com/photo-1518002054494-3a6f94352e9d?auto=format&fit=crop&w=900&q=85')}.activities{display:grid;grid-template-columns:1fr 1fr;background:#dfded5}.activities>div{min-height:520px;background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1300&q=85') center/cover}.activities article{padding:95px 12%}.quote{text-align:center;padding:100px 15%}.quote blockquote{font:clamp(26px,4vw,42px)/1.4 var(--serif);max-width:800px;margin:20px auto 30px}.contact{background:var(--green);color:white;padding:75px 12%;min-height:350px}footer{background:#202b24;color:#f5f3ed;padding:55px 7% 22px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}footer p,footer a{font-size:11px;line-height:1.9;color:#cbd1ca}footer>span{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:18px;font-size:9px;color:#9da79e}@media(max-width:760px){header{height:70px}nav{display:none;position:absolute;z-index:4;top:70px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column}.menu{display:block;border:0;background:none;font-size:22px}nav.open{display:flex}.hero{height:650px}.hero-copy{left:8%;top:36%}.caption{left:6%;right:6%}.caption span{display:none}.intro{padding:75px 8%;grid-template-columns:1fr;gap:20px}.places{padding:65px 8%}.grid{grid-template-columns:1fr}.grid article{height:400px}.grid article p{max-height:34px;opacity:1;margin-top:8px}.activities{grid-template-columns:1fr}.activities>div{min-height:320px}.activities article{padding:65px 8%}.quote{padding:75px 8%}.contact{padding:65px 8%}footer{grid-template-columns:1fr 1fr;padding:45px 8%}footer>.brand{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
