/* ============================================================
   Landmeterskop Farm Cottages — interim Cloudflare site
   Direction: lighter, cleaner, photo-led heritage farm stay.
   Warm like the old Landmeterskop WordPress site, but less dark and less bordered.
   ============================================================ */
:root{
  --green:#5f765f;
  --green-dk:#314936;
  --green-soft:#f1f6ef;
  --sage:#dfe9dc;
  --wheat:#b98b35;
  --wheat-soft:#fbf4e5;
  --cream:#fbfaf6;
  --paper:#ffffff;
  --ink:#2d2a25;
  --muted:#756f64;
  --line:#eee7dc;
  --sky:#90aeb6;
  --maxw:1160px;
  --serif:Georgia,'Times New Roman',serif;
  --sans:'Segoe UI',system-ui,-apple-system,Helvetica,Arial,sans-serif;
  --shadow:0 18px 48px -34px rgba(49,73,54,.42);
  --shadow-soft:0 12px 32px -28px rgba(49,73,54,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.65;font-size:17px}
img{max-width:100%;display:block}
a{color:var(--green-dk);text-decoration:none;font-weight:650}
a:hover{color:var(--wheat)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.16;color:var(--green-dk)}
h1,h2,h3,p{margin-top:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}section{padding:clamp(42px,6vw,78px) 0}.compact{padding:clamp(28px,4vw,42px) 0}

/* ---------- HEADER ---------- */
.topstrip{background:#f7f2e8;color:var(--muted);font-size:.88rem;border-bottom:1px solid var(--line)}.topstrip .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:9px;padding-bottom:9px}.topstrip a{color:var(--green-dk);border-bottom:1px solid rgba(185,139,53,.45)}.topstrip .small{color:#8c8376}
.masthead{background:var(--paper);color:var(--ink);text-align:center;padding:30px 18px 24px;position:relative;border-bottom:1px solid var(--line)}.masthead:before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(720px,80vw);height:3px;background:linear-gradient(90deg,transparent,var(--wheat),transparent);opacity:.7}.masthead>*{position:relative}.masthead h1{color:var(--green-dk);font-size:clamp(2rem,4.6vw,3.35rem);margin:0;letter-spacing:.01em}.masthead .tag{color:var(--wheat);font-style:italic;font-family:var(--serif);font-size:clamp(1rem,2vw,1.24rem);margin-top:6px}.masthead .contact,.masthead .mini{margin:12px auto 0;max-width:760px;color:var(--muted);font-size:.96rem}.masthead .contact a{color:var(--green-dk);border-bottom:1px solid rgba(185,139,53,.45)}
nav.bar{background:rgba(95,118,95,.98);position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(49,73,54,.13);backdrop-filter:blur(10px)}nav.bar .inner{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:var(--maxw);margin:0 auto;padding:0 10px}nav.bar a{color:#fff;padding:13px 16px;font-size:.9rem;font-weight:750;letter-spacing:.02em;border-bottom:3px solid transparent;transition:background .2s,border-color .2s,color .2s}nav.bar a:hover{background:rgba(49,73,54,.42);color:#fff}nav.bar a.active{border-bottom-color:var(--wheat);color:#fff}.nav-cta{background:rgba(185,139,53,.28)}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:clamp(400px,56vw,630px);background:linear-gradient(135deg,#e8eee4,#a9c0c8);overflow:hidden;display:grid;align-items:stretch}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,42,33,.64),rgba(31,42,33,.34) 45%,rgba(31,42,33,.08)),linear-gradient(0deg,rgba(31,42,33,.45),transparent 45%)}.hero .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f0e8,#dce8dc);color:rgba(49,73,54,.32);font-family:var(--serif);font-size:clamp(1.8rem,5vw,4rem)}.hero .cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px 22px;color:#fff;background:linear-gradient(transparent,rgba(31,42,33,.56));font-family:var(--serif);font-size:clamp(1.2rem,3vw,1.9rem)}.hero-content{position:relative;z-index:3;color:#fff;max-width:var(--maxw);width:100%;margin:0 auto;padding:clamp(48px,8vw,90px) 22px;display:flex;align-items:center}.hero-card{max-width:690px}.hero-kicker{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.16);color:#f7d68c;border:1px solid rgba(247,214,140,.45);border-radius:999px;padding:7px 13px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.hero h2{font-size:clamp(2.1rem,6vw,4.45rem);color:#fff;margin:0 0 18px;text-shadow:0 3px 18px rgba(0,0,0,.28)}.hero p{font-size:clamp(1.05rem,2vw,1.25rem);max-width:58ch;color:rgba(255,255,255,.93);margin-bottom:24px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:720px}.hero-fact{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:12px 14px;color:#fff;box-shadow:0 14px 40px -34px rgba(0,0,0,.55)}.hero-fact strong{display:block;font-family:var(--serif);font-size:1.12rem;color:#f7d68c}.hero-fact span{font-size:.86rem;color:rgba(255,255,255,.85)}

/* ---------- CONTENT ---------- */
.lead{font-size:1.14rem;color:#433f37}.block h2{font-size:clamp(1.65rem,3.6vw,2.42rem);margin:0 0 16px}.block h2 .sw{color:var(--wheat)}.block p{margin:0 0 16px;max-width:74ch}.eyebrow{display:inline-block;font-size:.74rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--wheat);margin-bottom:9px}.rule{height:2px;width:72px;background:linear-gradient(90deg,var(--wheat),rgba(185,139,53,.15));border:0;margin:0 0 22px;border-radius:2px}.bg-paper{background:var(--paper);border-top:1px solid rgba(238,231,220,.65);border-bottom:1px solid rgba(238,231,220,.65)}.bg-green{background:var(--green-soft);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bg-green h2,.bg-green h3{color:var(--green-dk)}.bg-green p,.bg-green li{color:var(--ink)}.centre{text-align:center}.centre .rule{margin-left:auto;margin-right:auto}.centre p{margin-left:auto;margin-right:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split.flip .txt{order:2}.frame{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper);aspect-ratio:3/2;position:relative;border:0}.frame img{width:100%;height:100%;object-fit:cover}.ph,.frame .ph,.cottage .pic .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f3eb,#eef4eb);color:#7f7769;font-family:var(--serif);font-size:1.1rem;text-align:center;padding:20px}.frame .ph:before,.cottage .pic .empty:before{display:none}

/* ---------- CARDS ---------- */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-28px;position:relative;z-index:4}.quick-card{background:rgba(255,255,255,.96);border:0;border-radius:18px;padding:18px 18px;box-shadow:var(--shadow-soft)}.quick-card strong{display:block;font-family:var(--serif);color:var(--green-dk);font-size:1.08rem}.quick-card span{display:block;color:var(--muted);font-size:.92rem;margin-top:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card,.act,.dir-card,.rate,.faq-item{background:var(--paper);border:1px solid rgba(238,231,220,.75);border-radius:18px;padding:24px 25px;box-shadow:var(--shadow-soft)}.feature-card h3,.act h3,.dir-card h3,.rate h3{margin:0 0 10px;font-size:1.25rem}.feature-card p{font-size:.98rem;color:var(--muted);margin-bottom:0}.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}.act ul{margin:0;padding-left:1.15em}.act li{margin-bottom:7px}.bg-green .act{background:#fff;border-color:rgba(238,231,220,.85);box-shadow:var(--shadow-soft)}.bg-green .act h3{color:var(--green-dk)}

/* ---------- COTTAGES / RATES ---------- */
.cottages{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:8px}.cottage{background:var(--paper);border:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.cottage .pic{aspect-ratio:16/10;position:relative;background:linear-gradient(135deg,var(--sage),var(--sky))}.cottage .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cottage .pic .lab{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);color:var(--green-dk);font-family:var(--serif);padding:8px 15px;font-size:1.12rem;border-radius:999px;box-shadow:0 12px 32px -24px rgba(0,0,0,.5)}.cottage .body{padding:22px 24px;flex:1}.cottage h3{margin:0 0 6px;font-size:1.4rem}.cottage .meta{font-size:.82rem;color:var(--wheat);font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.cottage p{margin:0 0 10px;font-size:.98rem;color:#4a4439}.compare{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}.compare th,.compare td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}.compare th{background:var(--green-soft);color:var(--green-dk)}.compare tr:last-child td{border-bottom:0}.rates{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}.rate h3{border-bottom:2px solid rgba(185,139,53,.35);padding-bottom:10px}.rate .row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid rgba(238,231,220,.9)}.rate .row .lbl{color:var(--muted)}.rate .row .amt{font-weight:800;color:var(--green-dk);white-space:nowrap}.rate .fine{font-size:.86rem;color:var(--muted);margin-top:14px;line-height:1.6}.notice{background:var(--wheat-soft);border:0;padding:16px 18px;border-radius:14px;color:#4a3b1b}

/* ---------- DIRECTIONS / FAQ ---------- */
.dir{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:8px}.gps{background:#ffffff;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:22px 26px;text-align:center;margin-top:24px;font-family:var(--serif);font-size:1.1rem;box-shadow:var(--shadow-soft)}.gps span{color:var(--wheat)}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.faq-item h3{font-size:1.12rem;margin-bottom:8px}.faq-item p{font-size:.96rem;color:var(--muted);margin:0}

/* ---------- CTA / BUTTONS ---------- */
.btn{display:inline-block;background:var(--wheat);color:#35270e;font-weight:850;padding:13px 25px;border-radius:999px;letter-spacing:.02em;border:2px solid var(--wheat);transition:all .2s;cursor:pointer}.btn:hover{background:#a87928;border-color:#a87928;color:#fff;transform:translateY(-2px)}.btn-outline{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.74)}.btn-outline:hover{background:#fff;border-color:#fff;color:var(--green-dk)}.btn-soft{background:var(--green-soft);border-color:var(--green-soft);color:var(--green-dk)}.cta-band{background:var(--paper);color:var(--ink);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-band h2{color:var(--green-dk);margin:0 0 10px}.cta-band p{color:var(--muted);max-width:64ch;margin:0 auto 22px}.cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.cta-band .btn-outline{color:var(--green-dk);border-color:var(--green);background:transparent}.cta-band .btn-outline:hover{background:var(--green);color:#fff}

/* ---------- FOOTER / WHATSAPP ---------- */
footer{background:#f6f2e9;color:var(--muted);padding:36px 22px;text-align:center;font-size:.9rem;border-top:1px solid var(--line)}footer strong{color:var(--green-dk)}footer a{color:var(--green-dk)}footer .fcontact{margin:10px 0;line-height:1.8}footer .sm{font-size:.8rem;color:#9a9182;margin-top:14px}.wa-fab{position:fixed;right:18px;bottom:18px;z-index:70;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;font-size:0;box-shadow:0 10px 26px -8px rgba(0,0,0,.34);transition:transform .2s}.wa-fab:before{content:"WA";font-size:15px;font-weight:900}.wa-fab:hover{transform:translateY(-3px);color:#fff}

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){.quick{grid-template-columns:repeat(2,1fr);margin-top:18px}.feature-grid,.acts{grid-template-columns:1fr 1fr}.hero-facts{grid-template-columns:1fr 1fr}.split,.dir,.faq{grid-template-columns:1fr}.split.flip .txt{order:0}}
@media(max-width:650px){body{font-size:16px}.topstrip .wrap{display:block;text-align:center}.topstrip .small{display:none}.masthead{padding:24px 16px 18px}nav.bar .inner{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}nav.bar a{white-space:nowrap;padding:12px 14px}.hero{min-height:560px}.hero-content{align-items:flex-end}.hero h2{font-size:2.45rem}.hero-facts,.quick,.feature-grid,.acts,.cottages,.rates{grid-template-columns:1fr}.hero-actions{display:block}.hero-actions .btn{display:block;text-align:center;margin-bottom:10px}.rate .row{display:block}.rate .row .amt{display:block;margin-top:2px}.wa-fab{bottom:14px;right:14px}}