:root{--ink:#172922;--deep:#102119;--cream:#f1eee6;--sand:#d9c9ad;--gold:#b89355;--line:rgba(23,41,34,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.hero{min-height:760px;padding:28px clamp(24px,6vw,92px);color:#fff;position:relative;background:linear-gradient(90deg,rgba(8,20,15,.76) 0%,rgba(8,20,15,.52) 43%,rgba(8,20,15,.12) 80%),url("assets/lanzarote-villa-hero.png") center/cover}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:12px;letter-spacing:.16em;font-weight:600;text-decoration:none;color:inherit;white-space:nowrap}.brand span{border:1px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;width:31px;height:31px;letter-spacing:0;margin-right:8px;font-family:"Playfair Display";font-size:14px}.brand i{font-style:normal;font-weight:400;opacity:.75}.links{display:flex;gap:28px}.links a,.button{font-size:12px;color:inherit;text-decoration:none}.button{border:1px solid rgba(255,255,255,.55);padding:12px 17px}.hero-content{margin-top:170px;max-width:650px}.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:600;margin:0 0 22px}.hero h1,h2{font-family:"Playfair Display",serif;font-size:clamp(46px,6.5vw,89px);font-weight:500;line-height:.98;letter-spacing:-.045em;margin:0}.hero h1 em,h2 em{font-weight:500}.lead{font-size:17px;line-height:1.6;max-width:420px;margin:32px 0}.text-link{display:inline-flex;gap:26px;align-items:center;color:inherit;text-decoration:none;font-size:12px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:10px}.text-link b{font-size:17px}.hero-foot{font-size:10px;letter-spacing:.15em;position:absolute;bottom:29px;left:clamp(24px,6vw,92px);opacity:.85}.intro,.services,.recorridos,.contact{padding:120px clamp(24px,9vw,148px)}.dark{color:var(--gold)}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:90px}.intro h2,.services h2,.recorridos h2,.contact h2{font-size:clamp(39px,5vw,70px)}.intro-grid>div{padding-top:14px;line-height:1.75}.intro-grid p{margin:0 0 20px}.dark-link{color:var(--ink);border-color:var(--ink);margin-top:19px}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:95px}.principles div{padding:20px 16px 0 0}.principles b{font:500 30px "Playfair Display";color:var(--gold);display:block;margin-bottom:23px}.principles span{font-size:13px}.statement{background:var(--deep);color:#f8f5ec;padding:120px clamp(24px,9vw,148px)}.statement .eyebrow{color:#c9ad79}.statement blockquote{font:500 clamp(34px,5vw,67px)/1.14 "Playfair Display";letter-spacing:-.035em;max-width:930px;margin:0}.section-head{display:flex;justify-content:space-between;gap:80px;margin-bottom:60px}.section-head>p{line-height:1.7;max-width:330px;margin-top:70px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1.2fr 1fr auto;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.service-list span{font:500 22px "Playfair Display";color:var(--gold)}.service-list h3{font:500 25px/1.05 "Playfair Display";margin:0}.service-list p{line-height:1.5;font-size:13px;margin:0}.service-list a{color:inherit;text-decoration:none;font-size:12px;white-space:nowrap}.recorridos{background:#ded5c4}.recorridos h2{margin-bottom:55px}.video-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.video-card{height:340px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;position:relative;overflow:hidden;background:linear-gradient(0deg,rgba(6,16,12,.8),rgba(6,16,12,.02)),url("assets/lanzarote-villa-hero.png") center/cover}.video-card.two{background-position:76% center;filter:hue-rotate(15deg)}.video-card.three{background-position:25% center;filter:saturate(.65)}.video-card span{position:absolute;top:23px;left:23px;width:38px;height:38px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:12px}.video-card p{font:500 24px/1.1 "Playfair Display";margin:0 0 11px}.video-card small{font-size:9px;letter-spacing:.14em}.contact{background:#f8f5ee;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact>div>p:last-child{line-height:1.7;max-width:350px;margin-top:30px}.contact form{padding-top:25px}.contact label{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:20px}input,textarea{width:100%;display:block;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;font:14px "DM Sans";outline:0}textarea{height:80px;resize:none}button{margin-top:18px;background:var(--ink);border:0;color:#fff;padding:15px 19px;font:12px "DM Sans";cursor:pointer}button b{font-size:17px;margin-left:22px}footer{background:var(--ink);color:#f8f5ee;padding:42px clamp(24px,6vw,92px);display:flex;flex-wrap:wrap;gap:18px 38px;align-items:center;font-size:12px}footer a{color:inherit;text-decoration:none}footer .copy{margin-left:auto;font-size:10px;opacity:.65}@media(max-width:760px){.hero{min-height:660px}.links{display:none}.nav .button{padding:9px 11px}.hero-content{margin-top:140px}.intro,.services,.recorridos,.contact{padding:80px 24px}.intro-grid,.contact{grid-template-columns:1fr;gap:35px}.principles{grid-template-columns:1fr 1fr;margin-top:60px}.section-head{display:block}.section-head>p{margin-top:25px}.service-list article{grid-template-columns:40px 1fr}.service-list p,.service-list a{grid-column:2}.video-grid{grid-template-columns:1fr}.video-card{height:280px}.contact form{padding-top:0}footer{display:grid;gap:16px}footer .copy{margin:10px 0 0}}
