/*
Theme Name: Cap Sim Quad — Immersive Divi Child
Template: Divi
Version: 2.0.0
*/
:root{
 --csq-sand:#D8A566;--csq-sand2:#F5EBDD;--csq-terracotta:#A45F3C;
 --csq-ochre:#D18A38;--csq-ocean:#123F4A;--csq-turq:#5C8F8D;
 --csq-ink:#17201E;--csq-cream:#FBF7F0;--csq-white:#fff;
}
html{scroll-behavior:smooth}
body{background:var(--csq-cream);color:var(--csq-ink)}
.csq{font-family:Arial,sans-serif}
.csq-wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.csq-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;display:block;margin-bottom:18px}
.csq-h1,.csq-h2,.csq-h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em}
.csq-h1{font-size:clamp(54px,8vw,112px);line-height:.9;margin:0}
.csq-h2{font-size:clamp(42px,6vw,78px);line-height:.95;margin:0 0 25px}
.csq-lead{font-size:clamp(18px,2vw,25px);line-height:1.5;max-width:720px}
.csq-btn{display:inline-flex;padding:16px 25px;border-radius:100px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;text-decoration:none!important;transition:.3s}
.csq-btn:hover{transform:translateY(-3px)}
.csq-btn-gold{background:var(--csq-ochre);color:white!important}
.csq-btn-white{background:white;color:var(--csq-ocean)!important}
.csq-btn-ocean{background:var(--csq-ocean);color:white!important}
.csq-nav{position:absolute;z-index:20;top:0;left:0;width:100%;padding:26px 0;color:#fff}
.csq-nav-inner{display:flex;align-items:center;justify-content:space-between}
.csq-logo{font-weight:800;letter-spacing:.16em;font-size:13px}
.csq-nav a{color:#fff;text-decoration:none;margin-left:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.csq-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;color:white;background:
linear-gradient(180deg,rgba(9,28,32,.15),rgba(8,20,19,.78)),
url('assets/hero.jpg') center/cover no-repeat,var(--csq-ocean)}
.csq-hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--csq-cream))}
.csq-hero-content{position:relative;z-index:2;padding:170px 0 110px;width:100%}
.csq-hero .csq-eyebrow{color:#f3d29b}
.csq-hero .csq-lead{margin:28px 0 32px}
.csq-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}
.csq-scroll{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.csq-number{font-family:Georgia,serif;font-size:70px;line-height:1;opacity:.35}
.csq-section{padding:120px 0}
.csq-sand{background:var(--csq-cream)}
.csq-ocean{background:var(--csq-ocean);color:#fff}
.csq-dark{background:#111B19;color:#fff}
.csq-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}
.csq-intro-text{font-size:18px;line-height:1.8;max-width:650px}
.csq-bigquote{font-family:Georgia,serif;font-size:clamp(32px,4vw,58px);line-height:1.05}
.csq-marquee{overflow:hidden;white-space:nowrap;background:var(--csq-sand);color:var(--csq-ocean);padding:15px 0;font-size:11px;text-transform:uppercase;letter-spacing:.18em}
.csq-marquee span{display:inline-block;padding-right:55px}
.csq-dest-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:300px 300px;gap:14px;margin-top:55px}
.csq-dest{position:relative;overflow:hidden;min-height:300px;background:center/cover no-repeat}
.csq-dest:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.78))}
.csq-dest-content{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}
.csq-dest h3{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0 0 7px;color:#fff}
.csq-dest p{margin:0;line-height:1.5;color:#fff;max-width:500px}
.csq-dest-1{grid-row:span 2;background-image:url('assets/plage-sidi-kaouki.jpg')}
.csq-dest-2{background-image:url('assets/dunes-cap-sim.jpg')}
.csq-dest-3{background-image:url('assets/grotte.jpg')}
.csq-dest-4{grid-column:1/-1;background-image:url('assets/sidi-mbarek.jpg');min-height:280px}
.csq-route{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15);margin-top:65px}
.csq-route-item{padding:35px 28px;background:var(--csq-ocean)}
.csq-route-item b{font-family:Georgia,serif;font-size:34px;font-weight:400;display:block;margin-bottom:15px}
.csq-route-item span{font-size:13px;line-height:1.6;opacity:.75}
.csq-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}
.csq-price{background:#fff;padding:30px;min-height:310px;display:flex;flex-direction:column;border-top:3px solid var(--csq-sand)}
.csq-price:nth-child(2){background:var(--csq-ocean);color:#fff;border-color:var(--csq-ochre)}
.csq-price h3{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:8px 0 20px}
.csq-price .time{font-size:10px;text-transform:uppercase;letter-spacing:.2em;opacity:.6}
.csq-price .price{font-size:29px;font-weight:700;margin-top:auto;line-height:1.4}
.csq-price small{font-size:11px;font-weight:400;opacity:.7}
.csq-price p{font-size:13px;line-height:1.6}
.csq-team{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.csq-team-image{min-height:650px;background:url('assets/team.jpg') center/cover no-repeat}
.csq-team-copy p{font-size:17px;line-height:1.8;max-width:620px}
.csq-statement{min-height:75vh;display:flex;align-items:center;position:relative;background:
linear-gradient(90deg,rgba(11,26,27,.8),rgba(11,26,27,.18)),
url('assets/statement.jpg') center/cover no-repeat,var(--csq-ocean);color:#fff}
.csq-statement h2{max-width:800px}
.csq-statement p{font-size:18px;max-width:600px;line-height:1.7}
.csq-book{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.csq-book h2{font-size:clamp(45px,6vw,80px)}
.csq-contact{margin-top:30px;font-size:15px;line-height:2}
.csq-contact a{color:#fff;font-weight:700;text-decoration:none}
.csq-form{background:#fff;color:var(--csq-ink);padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.csq-form label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;display:block;margin:0 0 7px}
.csq-form input,.csq-form select,.csq-form textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #d8d2c8;background:#faf8f3;padding:13px 10px;margin:0 0 20px;font:inherit}
.csq-form textarea{min-height:100px}
.csq-form button{border:0;border-radius:100px;background:var(--csq-ochre);color:#fff;padding:16px 25px;width:100%;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.csq-footer{padding:35px 0;background:#0c1211;color:#fff;font-size:11px;letter-spacing:.08em}
.csq-footer-inner{display:flex;justify-content:space-between}
.csq-footer a{color:#fff;text-decoration:none}
@media(max-width:980px){
 .csq-intro,.csq-team,.csq-book{grid-template-columns:1fr;gap:45px}
 .csq-dest-grid{grid-template-columns:1fr 1fr;grid-template-rows:330px 330px}
 .csq-dest-1{grid-row:auto}.csq-dest-4{grid-column:1/-1}
 .csq-prices{grid-template-columns:1fr 1fr}.csq-route{grid-template-columns:1fr 1fr}
 .csq-team-image{min-height:450px}
}
@media(max-width:620px){
 .csq-wrap{width:calc(100% - 36px)}
 .csq-nav a{display:none}.csq-hero-content{padding:140px 0 80px}
 .csq-hero-bottom{display:block}.csq-number{display:none}
 .csq-section{padding:80px 0}
 .csq-dest-grid{display:block}.csq-dest{min-height:320px;margin-bottom:12px}
 .csq-prices,.csq-route{grid-template-columns:1fr}
 .csq-team-image{min-height:390px}.csq-statement{min-height:70vh}
 .csq-footer-inner{display:block}.csq-footer-inner div+div{margin-top:14px}
}