/* Desert Team Tourism — warm desert golden-hour design system
   Palette keyed to the brand logo: terracotta dune, golden sun, dusk navy.
   Mobile-first. (tokens per CLAUDE-DESIGN.md) */

:root{
  --bg:#FBF6EE;          /* warm off-white sand */
  --surface:#FFFFFF;     /* cards / panels */
  --surface-2:#F4ECDD;   /* tinted sand panel */
  --text:#2A2118;        /* deep warm brown-black */
  --muted:#7A6F60;       /* muted taupe */
  --primary:#C6611C;     /* sunset terracotta — main CTA */
  --primary-dark:#A84F12;
  --secondary:#1F3A5F;   /* dusk-sky navy — deep sections/footer */
  --secondary-2:#16293F;
  --accent:#EEAC42;      /* golden-hour gold — sparing highlights */
  --border:#E6DCCB;      /* soft sand border */
  --focus:#1F3A5F;
  --sand-grad: linear-gradient(135deg,#C6611C 0%,#A84F12 48%,#1F3A5F 100%);
  --shadow-sm:0 1px 2px rgba(42,33,24,.06), 0 2px 6px rgba(42,33,24,.05);
  --shadow-md:0 6px 18px rgba(42,33,24,.08), 0 2px 6px rgba(42,33,24,.05);
  --shadow-lg:0 24px 60px -20px rgba(42,33,24,.30), 0 8px 24px -12px rgba(42,33,24,.18);
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:32px;
  --maxw:1200px;
  --nav-h:84px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --font-display:'Sora',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
button{font-family:inherit; cursor:pointer; border:none; background:none}
h1,h2,h3,h4{font-family:var(--font-display); font-weight:700; line-height:1.08; margin:0; letter-spacing:-.02em; text-wrap:balance}
p{margin:0; text-wrap:pretty}
:focus-visible{outline:3px solid var(--focus); outline-offset:2px; border-radius:4px}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px; width:100%}
.section{padding:56px 0}
.eyebrow{
  font-family:var(--font-display); font-weight:600; font-size:.72rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--primary); display:inline-flex; align-items:center; gap:8px;
}
.eyebrow::before{content:""; width:22px; height:2px; background:var(--primary); display:inline-block}
.eyebrow.on-dark{color:var(--accent)}
.eyebrow.on-dark::before{background:var(--accent)}
.sec-head{max-width:680px; margin-bottom:32px}
.sec-head h2{font-size:clamp(1.7rem,5.2vw,2.6rem); margin:12px 0 0}
.sec-head p{color:var(--muted); margin-top:14px; font-size:1.02rem}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:var(--font-display); font-weight:600; font-size:.96rem;
  padding:14px 22px; border-radius:999px; min-height:48px;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s, color .2s;
  white-space:nowrap; line-height:1;
}
.btn svg{width:19px; height:19px; flex:none}
.btn-primary{background:var(--primary); color:#fff; box-shadow:0 8px 20px -8px rgba(198,97,28,.7)}
.btn-primary:hover{background:var(--primary-dark); transform:translateY(-2px); box-shadow:0 14px 28px -10px rgba(198,97,28,.75)}
.btn-wa{background:#1FA855; color:#fff; box-shadow:0 8px 20px -8px rgba(31,168,85,.6)}
.btn-wa:hover{background:#178a45; transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.12); color:#fff; border:1.5px solid rgba(255,255,255,.55); backdrop-filter:blur(4px)}
.btn-ghost:hover{background:rgba(255,255,255,.22); transform:translateY(-2px)}
.btn-outline{background:var(--surface); color:var(--secondary); border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--secondary); transform:translateY(-2px)}
.btn-block{width:100%}
.btn-sm{padding:11px 16px; font-size:.88rem; min-height:42px}

/* ---------- chips ---------- */
.chip{
  display:inline-flex; align-items:center; gap:6px; font-size:.82rem; font-weight:600;
  font-family:var(--font-display); padding:7px 13px; border-radius:999px;
  border:1.5px solid var(--border); background:var(--surface); color:var(--muted);
  transition:all .2s var(--ease); min-height:38px; cursor:pointer;
}
.chip:hover{border-color:var(--primary); color:var(--primary)}
.chip.active{background:var(--secondary); border-color:var(--secondary); color:#fff}
.chip-static{cursor:default}
.chip-static:hover{border-color:var(--border); color:var(--muted)}

/* ---------- nav ---------- */
.nav{
  position:sticky; top:0; z-index:60; height:var(--nav-h);
  background:rgba(251,246,238,.82); backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid transparent; transition:border-color .3s, box-shadow .3s, background .3s;
}
.nav.scrolled{border-color:var(--border); box-shadow:var(--shadow-sm)}
.nav-inner{height:100%; display:flex; align-items:center; gap:18px}
.brand{display:flex; align-items:center; gap:10px; flex:none}
.brand img{height:74px; width:auto}
.nav-links{display:none; gap:4px; margin-left:8px}
.nav-link{
  font-family:var(--font-display); font-weight:600; font-size:.94rem; color:var(--text);
  padding:9px 14px; border-radius:999px; transition:background .2s,color .2s; position:relative;
}
.nav-link:hover{color:var(--primary); background:rgba(198,97,28,.07)}
.nav-link.active{color:var(--primary)}
.nav-cta{margin-left:auto; display:none; align-items:center; gap:10px}
.nav-iconbtn{
  width:46px; height:46px; border-radius:50%; display:none; align-items:center; justify-content:center;
  border:1.5px solid var(--border); background:var(--surface); color:var(--secondary);
}
.nav-burger{
  margin-left:auto; width:46px; height:46px; border-radius:12px; display:flex; flex-direction:column;
  gap:5px; align-items:center; justify-content:center; background:var(--surface); border:1.5px solid var(--border);
}
.nav-burger span{width:20px; height:2px; background:var(--text); border-radius:2px; transition:.3s var(--ease)}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile menu sheet */
.sheet{
  position:fixed; inset:var(--nav-h) 0 0 0; z-index:55; background:var(--bg);
  transform:translateY(-8px); opacity:0; pointer-events:none; transition:.28s var(--ease);
  padding:18px 20px; display:flex; flex-direction:column; gap:6px;
  border-top:1px solid var(--border);
}
.sheet.open{transform:none; opacity:1; pointer-events:auto}
.sheet a{font-family:var(--font-display); font-weight:600; font-size:1.25rem; padding:16px 6px; border-bottom:1px solid var(--border)}
.sheet a.active{color:var(--primary)}
.sheet-cta{margin-top:18px; display:grid; gap:10px}

/* ---------- hero ---------- */
.hero{position:relative; min-height:88vh; display:flex; align-items:flex-end; overflow:hidden}
.hero-bg{position:absolute; inset:0; z-index:0}
.hero-bg img{width:100%; height:100%; object-fit:cover; object-position:center 38%}
.hero-scrim{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(to top, rgba(22,25,40,.92) 0%, rgba(22,25,40,.55) 32%, rgba(22,25,40,.12) 62%, rgba(22,25,40,.32) 100%),
    linear-gradient(105deg, rgba(168,79,18,.32), rgba(31,58,95,.15));
}
.hero-inner{position:relative; z-index:2; width:100%; padding-bottom:46px; padding-top:90px}
.hero h1{color:#fff; font-size:clamp(2.3rem,8.6vw,4.6rem); font-weight:800; max-width:14ch}
.hero h1 em{font-style:normal; color:var(--accent)}
.hero-sub{color:rgba(255,255,255,.9); font-size:clamp(1rem,3.6vw,1.22rem); margin-top:18px; max-width:46ch; line-height:1.5}
.hero-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
.hero-badge{
  display:inline-flex; align-items:center; gap:9px; color:#fff; font-family:var(--font-display);
  font-weight:600; font-size:.82rem; letter-spacing:.04em; padding:8px 15px 8px 11px; border-radius:999px;
  background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(6px); margin-bottom:22px;
}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(238,172,66,.3)}

/* ---------- trust strip ---------- */
.trust{background:var(--secondary); color:#fff}
.trust-grid{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.13)}
.trust-item{background:var(--secondary); padding:22px 18px; display:flex; flex-direction:column; gap:5px}
.trust-item .t-k{font-family:var(--font-display); font-weight:700; font-size:1.04rem; color:#fff; display:flex; align-items:center; gap:8px}
.trust-item .t-k svg{width:20px;height:20px;color:var(--accent)}
.trust-item .t-v{font-size:.86rem; color:rgba(255,255,255,.72); line-height:1.4}
.trust-item a{color:var(--accent); text-decoration:underline; text-underline-offset:3px}

/* ---------- experience cards ---------- */
.exp-grid{display:grid; grid-template-columns:1fr; gap:18px}
.exp-card{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg);
  overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s; position:relative;
}
.exp-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:#dfd2bd}
.exp-media{position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--surface-2)}
.exp-media img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease)}
.exp-card:hover .exp-media img{transform:scale(1.06)}
.exp-media .ph{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:rgba(255,255,255,.92)}
.exp-cat-tag{
  position:absolute; top:12px; left:12px; z-index:2; font-family:var(--font-display); font-weight:600;
  font-size:.72rem; letter-spacing:.04em; padding:6px 11px; border-radius:999px; color:#fff;
  background:rgba(22,25,40,.55); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.2);
}
.exp-flag{
  position:absolute; top:12px; right:12px; z-index:2; font-family:var(--font-display); font-weight:700;
  font-size:.66rem; letter-spacing:.06em; text-transform:uppercase; padding:6px 10px; border-radius:999px;
  background:var(--accent); color:var(--secondary-2);
}
.exp-body{padding:18px 18px 20px; display:flex; flex-direction:column; gap:9px; flex:1}
.exp-body h3{font-size:1.18rem}
.exp-meta{display:flex; flex-wrap:wrap; gap:6px 12px; font-size:.8rem; color:var(--muted); font-weight:500}
.exp-meta span{display:inline-flex; align-items:center; gap:5px}
.exp-meta svg{width:14px; height:14px; color:var(--primary)}
.exp-body p{color:var(--muted); font-size:.92rem; flex:1}
.exp-actions{display:flex; gap:9px; margin-top:6px}
.exp-actions .btn{flex:1}
.exp-price{font-family:var(--font-display); font-weight:600; font-size:.84rem; color:var(--secondary)}

/* placeholder media tile (no licensed photo) */
.ph-tile{position:absolute; inset:0; background:var(--sand-grad); overflow:hidden}
.ph-tile::after{
  content:""; position:absolute; inset:0;
  background-image:repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 2px, transparent 2px 11px);
}
.ph-label{position:relative; z-index:1; font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:.66rem; letter-spacing:.05em; color:rgba(255,255,255,.85); text-transform:uppercase}

/* ---------- category strip ---------- */
.cat-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.cat-card{
  position:relative; border-radius:var(--r-md); padding:20px 16px; min-height:128px;
  display:flex; flex-direction:column; justify-content:space-between; overflow:hidden;
  color:#fff; border:1px solid var(--border); transition:transform .3s var(--ease), box-shadow .3s;
  background:var(--secondary);
}
.cat-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md)}
.cat-card .ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16); color:#fff}
.cat-card .ico svg{width:22px;height:22px}
.cat-card h4{font-size:1.06rem; color:#fff}
.cat-card .c-count{font-size:.78rem; color:rgba(255,255,255,.7); margin-top:3px; font-weight:500}
.cat-card.c-desert{background:linear-gradient(150deg,#C6611C,#8f4310)}
.cat-card.c-adventure{background:linear-gradient(150deg,#A84F12,#5e2f10)}
.cat-card.c-city{background:linear-gradient(150deg,#2c507e,#1F3A5F)}
.cat-card.c-cruise{background:linear-gradient(150deg,#1F3A5F,#16293F)}
.cat-card.c-attraction{background:linear-gradient(150deg,#3a5780,#243f5f)}

/* ---------- why us ---------- */
.why-grid{display:grid; grid-template-columns:1fr; gap:16px}
.why-item{display:flex; gap:15px; align-items:flex-start}
.why-item .w-ico{
  flex:none; width:50px; height:50px; border-radius:14px; background:var(--surface-2);
  display:flex; align-items:center; justify-content:center; color:var(--primary); border:1px solid var(--border);
}
.why-item .w-ico svg{width:25px;height:25px}
.why-item h4{font-size:1.08rem; margin-bottom:5px}
.why-item p{color:var(--muted); font-size:.93rem}

/* ---------- band / CTA ---------- */
.band{position:relative; overflow:hidden; background:var(--secondary); color:#fff; border-radius:var(--r-xl); padding:38px 26px}
.band-deco{position:absolute; right:-60px; bottom:-90px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(238,172,66,.5), rgba(238,172,66,0) 65%); z-index:0}
.band > *{position:relative; z-index:1}
.band h2{font-size:clamp(1.6rem,5vw,2.3rem)}
.band p{color:rgba(255,255,255,.82); margin-top:12px; max-width:48ch}
.band-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}

/* ---------- gallery ---------- */
.gal{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.gal a{position:relative; border-radius:var(--r-md); overflow:hidden; aspect-ratio:1; background:var(--surface-2)}
.gal a:first-child{grid-column:1 / -1; aspect-ratio:16/10}
.gal img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease)}
.gal a:hover img{transform:scale(1.05)}

/* ---------- footer ---------- */
.footer{background:var(--secondary-2); color:rgba(255,255,255,.72); padding-bottom:104px}
.footer .wrap{padding-top:52px; padding-bottom:30px}
.foot-grid{display:grid; grid-template-columns:1fr; gap:32px}
.foot-brand img{height:112px; margin-bottom:16px; margin-left:-6px; filter:brightness(0) invert(1); opacity:.96}
.foot-brand p{font-size:.9rem; max-width:38ch; line-height:1.6}
.foot-col h5{font-family:var(--font-display); color:#fff; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px}
.foot-col a, .foot-col p{display:block; font-size:.92rem; padding:5px 0; transition:color .2s}
.foot-col a:hover{color:var(--accent)}
.foot-social{display:flex; gap:10px; margin-top:16px}
.foot-social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13); color:#fff; transition:.2s}
.foot-social a:hover{background:var(--primary); border-color:var(--primary); transform:translateY(-2px)}
.foot-social svg{width:18px;height:18px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1); padding:20px 0; font-size:.8rem; display:flex; flex-direction:column; gap:8px}
.foot-bottom .disc{color:rgba(255,255,255,.45); font-size:.74rem; line-height:1.5}

/* ---------- mobile sticky action bar ---------- */
.mobar{
  position:fixed; left:0; right:0; bottom:0; z-index:70; background:var(--surface);
  border-top:1px solid var(--border); box-shadow:0 -6px 24px rgba(42,33,24,.1);
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; padding:9px 12px calc(9px + env(safe-area-inset-bottom));
}
.mobar a{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  font-family:var(--font-display); font-weight:600; font-size:.72rem; padding:7px 4px; border-radius:12px;
  min-height:48px; color:var(--secondary); background:var(--surface-2);
}
.mobar a svg{width:20px;height:20px}
.mobar a.m-wa{background:#1FA855; color:#fff}
.mobar a.m-call{background:var(--secondary); color:#fff}

/* ---------- forms ---------- */
.form{display:grid; gap:15px}
.field{display:flex; flex-direction:column; gap:7px}
.field label{font-family:var(--font-display); font-weight:600; font-size:.84rem; color:var(--text)}
.field .req{color:var(--primary)}
.field input,.field select,.field textarea{
  font-family:var(--font-body); font-size:1rem; padding:13px 14px; border-radius:var(--r-sm);
  border:1.5px solid var(--border); background:var(--surface); color:var(--text); transition:border-color .2s, box-shadow .2s; width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--secondary); box-shadow:0 0 0 3px rgba(31,58,95,.13)}
.field textarea{resize:vertical; min-height:104px}
.field.err input,.field.err select,.field.err textarea{border-color:#c0392b}
.field .msg{font-size:.78rem; color:#c0392b; font-weight:500}
.form-row{display:grid; grid-template-columns:1fr; gap:15px}
.form-note{font-size:.8rem; color:var(--muted); display:flex; gap:8px; align-items:flex-start}
.form-note svg{width:16px;height:16px;color:var(--primary);flex:none;margin-top:2px}
.form-ok{
  background:#eef7f0; border:1.5px solid #bfe2c9; color:#1c6b39; border-radius:var(--r-md);
  padding:22px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px;
}
.form-ok svg{width:40px;height:40px;color:#1FA855}

/* ---------- detail page ---------- */
.detail-hero{position:relative; min-height:56vh; display:flex; align-items:flex-end; overflow:hidden}
.detail-hero .hero-bg img{object-position:center 45%}
.detail-hero-inner{position:relative; z-index:2; width:100%; padding:90px 0 32px}
.detail-hero h1{color:#fff; font-size:clamp(2rem,7vw,3.4rem); font-weight:800; max-width:16ch}
.crumbs{display:flex; gap:8px; align-items:center; font-size:.84rem; color:rgba(255,255,255,.8); margin-bottom:16px; font-weight:500}
.crumbs a:hover{color:#fff}
.crumbs svg{width:14px;height:14px;opacity:.6}
.detail-grid{display:grid; grid-template-columns:1fr; gap:32px; margin-top:38px}
.prose h2{font-size:1.5rem; margin:28px 0 12px}
.prose h2:first-child{margin-top:0}
.prose p{color:#473d31; margin-bottom:14px}
.hl-list{display:grid; gap:11px; margin:8px 0 4px}
.hl-list li{display:flex; gap:11px; align-items:flex-start; list-style:none; color:#473d31; font-size:.98rem}
.hl-list{padding:0}
.hl-list li svg{width:21px;height:21px;color:var(--primary);flex:none;margin-top:1px}
.goodfor{display:flex; flex-wrap:wrap; gap:9px; margin-top:6px}
.book-card{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg);
  padding:22px; box-shadow:var(--shadow-md); position:sticky; top:88px;
}
.book-card h3{font-size:1.2rem; margin-bottom:4px}
.book-card .bc-price{color:var(--secondary); font-family:var(--font-display); font-weight:600; font-size:.92rem; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--border)}
.book-card .bc-actions{display:grid; gap:10px}
.bc-meta{display:grid; gap:10px; margin-top:18px; padding-top:18px; border-top:1px solid var(--border)}
.bc-meta .row{display:flex; gap:10px; align-items:center; font-size:.88rem; color:var(--muted)}
.bc-meta .row svg{width:18px;height:18px;color:var(--primary); flex:none}
.bc-meta .row b{color:var(--text); font-weight:600}

/* about */
.stat-row{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:8px}
.stat-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-md); padding:20px 18px}
.stat-card .s-k{font-family:var(--font-display); font-weight:800; font-size:1.7rem; color:var(--primary); line-height:1}
.stat-card .s-v{font-size:.84rem; color:var(--muted); margin-top:6px}
.about-media{position:relative; border-radius:var(--r-lg); overflow:hidden; aspect-ratio:4/3; box-shadow:var(--shadow-md)}
.about-media img{width:100%;height:100%;object-fit:cover}

/* map */
.map-box{position:relative; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--border); aspect-ratio:16/11; background:var(--surface-2); box-shadow:var(--shadow-sm)}
.map-box iframe{width:100%;height:100%;border:0; display:block}

/* contact rows */
.contact-list{display:grid; gap:12px}
.contact-row{display:flex; gap:14px; align-items:flex-start; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-md); padding:16px 18px}
.contact-row .c-ico{flex:none; width:44px;height:44px;border-radius:12px; background:var(--surface-2); display:flex;align-items:center;justify-content:center; color:var(--primary)}
.contact-row .c-ico svg{width:21px;height:21px}
.contact-row .c-k{font-family:var(--font-display); font-weight:600; font-size:.78rem; color:var(--muted); letter-spacing:.03em; text-transform:uppercase}
.contact-row .c-v{font-size:1.02rem; color:var(--text); margin-top:2px; font-weight:500; word-break:break-word}
.contact-row a.c-v:hover{color:var(--primary)}

/* reveal-on-scroll */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease), transform .7s var(--ease)}
.reveal.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1; transform:none; transition:none}
  *{scroll-behavior:auto !important}
}

/* ---------- responsive ---------- */
@media(min-width:560px){
  .form-row{grid-template-columns:1fr 1fr}
  .exp-grid{grid-template-columns:1fr 1fr}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .gal{grid-template-columns:repeat(3,1fr)}
  .gal a:first-child{grid-column:1 / 3; grid-row:span 2; aspect-ratio:auto}
}
@media(min-width:768px){
  .section{padding:80px 0}
  .wrap{padding:0 32px}
  .trust-grid{grid-template-columns:repeat(4,1fr)}
  .why-grid{grid-template-columns:1fr 1fr}
  .cat-grid{grid-template-columns:repeat(5,1fr)}
  .stat-row{grid-template-columns:repeat(4,1fr)}
  .band{padding:54px 48px}
  .foot-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr}
  .mobar{display:none}
  .footer{padding-bottom:0}
}
@media(min-width:900px){
  .nav-links{display:flex}
  .nav-cta{display:flex}
  .nav-burger{display:none}
  .exp-grid{grid-template-columns:repeat(3,1fr)}
  .exp-grid.cols-2{grid-template-columns:repeat(2,1fr)}
  .detail-grid{grid-template-columns:1.7fr 1fr; gap:48px; align-items:start}
  .about-split{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center}
  .contact-split{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start}
}
@media(min-width:1100px){
  .hero h1{font-size:4.6rem}
}