:root{
  --burgundy:#7f1020;
  --burgundy-dark:#5e0b17;
  --cream:#f7f2e9;
  --cream-2:#efe7da;
  --ink:#182233;
  --muted:#667080;
  --line:#ddd5ca;
  --white:#fffdf9;
  --shadow:0 18px 45px rgba(31,22,18,.10);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.08;margin:0 0 .65em}
h1{font-size:clamp(3rem,7vw,6.8rem);letter-spacing:-.04em}
h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.025em}
h3{font-size:1.55rem}
p{margin:.4em 0 1em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.eyebrow{font-size:.76rem;letter-spacing:.28em;text-transform:uppercase;color:var(--burgundy);font-weight:700}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:82px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand-mark{width:43px;height:43px;border:2px solid var(--burgundy);border-radius:50%;display:grid;place-items:center;color:var(--burgundy);font-family:Georgia,serif;font-size:22px;font-weight:700}
.brand-name{font-family:Georgia,serif;font-size:1.25rem;line-height:1}
.brand-sub{font-size:.7rem;letter-spacing:.08em;color:var(--muted);margin-top:4px}
.nav-links{display:flex;gap:24px;align-items:center;font-size:.92rem}
.nav-links a{padding:28px 0;position:relative}
.nav-links a:hover,.nav-links a.active{color:var(--burgundy)}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--burgundy)}
.lang{font-size:.82rem;color:var(--muted);white-space:nowrap}
.lang button{border:0;background:none;font:inherit;cursor:pointer;color:inherit;padding:4px}
.lang button.active{color:var(--burgundy);font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:7px;border:1px solid var(--burgundy);font-weight:700;font-size:.9rem;transition:.2s ease;cursor:pointer}
.btn-primary{background:var(--burgundy);color:white}
.btn-primary:hover{background:var(--burgundy-dark);transform:translateY(-1px)}
.btn-light{background:transparent;color:var(--ink);border-color:#9c9aa0}
.btn-light:hover{background:white}
.mobile-toggle{display:none;border:0;background:none;font-size:1.6rem}
.hero{position:relative;overflow:hidden;background:var(--cream);min-height:650px}
.hero:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 80% 30%,rgba(127,16,32,.12),transparent 32%),
  linear-gradient(90deg,rgba(247,242,233,.98) 0%,rgba(247,242,233,.94) 43%,rgba(247,242,233,.38) 72%,rgba(247,242,233,.78) 100%);
}
.hero-art{position:absolute;right:0;top:0;width:63%;height:100%;overflow:hidden}
.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(127,16,32,.22)}
.hero-art:before{width:520px;height:520px;right:6%;top:10%}
.hero-art:after{width:360px;height:360px;right:18%;top:24%}
.building{position:absolute;right:4%;bottom:-30px;width:72%;height:72%;background:linear-gradient(180deg,#ded7ca,#b9afa1);clip-path:polygon(8% 100%,8% 35%,16% 35%,16% 22%,24% 22%,24% 35%,76% 35%,76% 22%,84% 22%,84% 35%,92% 35%,92% 100%);opacity:.9}
.columns{position:absolute;left:20%;right:20%;bottom:0;height:58%;background:repeating-linear-gradient(90deg,transparent 0 26px,#eee9df 27px 42px,transparent 43px 68px);opacity:.65}
.dome{position:absolute;right:22%;bottom:42%;width:190px;height:120px;border-radius:190px 190px 0 0;background:#6d7880;box-shadow:0 0 0 10px rgba(247,242,233,.35)}
.hero-content{position:relative;z-index:2;padding:92px 0 84px;max-width:700px}
.hero-title{color:#111722}
.hero-title span{display:block}
.hero-title .accent{color:var(--burgundy)}
.hero-lead{font-size:1.25rem;max-width:620px;color:#334052}
.hero-meta{font-weight:700;margin:20px 0;color:var(--burgundy)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trust-badge{position:absolute;right:5%;top:80px;z-index:4;width:160px;padding:12px;background:rgba(255,253,249,.92);box-shadow:var(--shadow);border-radius:50%}
.trust-badge img{width:100%;height:auto}
.hero-trust{margin-top:35px;display:flex;gap:18px;flex-wrap:wrap;font-size:.75rem;letter-spacing:.12em;font-weight:800;color:#4d5360}
.strip{background:#fffdf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.strip-item{padding:27px 18px;text-align:center;border-right:1px solid var(--line);font-weight:700}
.strip-item:last-child{border-right:0}
.icon{font-size:1.7rem;color:var(--burgundy);margin-bottom:8px}
.section{padding:90px 0}
.section.alt{background:#fffdf9}
.split{display:grid;grid-template-columns:1fr 1.35fr}
.burgundy-panel{background:var(--burgundy);color:#fff;padding:60px}
.burgundy-panel h2{font-size:clamp(2.2rem,4vw,3.6rem)}
.burgundy-panel p{color:#f4e9e6;max-width:480px}
.media-panel{background:white;padding:44px}
.media-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.media-grid img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:9px}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.card{background:white;border:1px solid var(--line);box-shadow:0 7px 24px rgba(30,25,20,.05);border-radius:12px;overflow:hidden;transition:.22s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-img{height:150px;background:linear-gradient(135deg,#d6c9bb,#eee7dd);display:grid;place-items:center;color:var(--burgundy);font-size:2.2rem}
.card-body{padding:20px}
.card-body p{font-size:.9rem;color:var(--muted)}
.text-link{color:var(--burgundy);font-weight:800}
.city-banner{position:relative;overflow:hidden;background:linear-gradient(120deg,#283747,#9ca7af);color:white}
.city-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,31,43,.9),rgba(20,31,43,.35))}
.city-silhouette{position:absolute;inset:auto 0 0;height:65%;background:linear-gradient(180deg,transparent,#243342);clip-path:polygon(0 100%,0 62%,8% 62%,8% 40%,12% 40%,12% 60%,18% 60%,18% 25%,22% 25%,22% 55%,28% 55%,28% 36%,32% 36%,32% 56%,38% 56%,38% 15%,41% 15%,41% 50%,47% 50%,47% 30%,51% 30%,51% 57%,57% 57%,57% 42%,61% 42%,61% 55%,67% 55%,67% 22%,71% 22%,71% 52%,78% 52%,78% 34%,82% 34%,82% 57%,88% 57%,88% 45%,93% 45%,93% 60%,100% 60%,100% 100%)}
.city-content{position:relative;z-index:2;padding:85px 0}
.city-content h2{max-width:600px}
.page-hero{padding:85px 0 65px;background:var(--cream-2);border-bottom:1px solid var(--line)}
.page-hero p{max-width:700px;font-size:1.1rem;color:var(--muted)}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.service-detail{padding:30px;background:white;border:1px solid var(--line);border-radius:12px}
.service-detail h3{color:var(--burgundy)}
.about-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:65px;align-items:start}
.about-photo{position:sticky;top:110px}
.about-photo img{border-radius:14px;box-shadow:var(--shadow);width:100%}
.credibility{margin-top:25px;background:white;border:1px solid var(--line);border-left:4px solid var(--burgundy);padding:28px;border-radius:8px}
.credibility li{margin:8px 0}
.verify{margin-top:20px}
.media-large{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.media-large figure{margin:0;background:white;border:1px solid var(--line);padding:12px;border-radius:12px}
.media-large img{border-radius:7px;width:100%}
.media-large figcaption{padding:12px 5px 3px;color:var(--muted);font-size:.9rem}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px}
.contact-card{background:white;padding:34px;border:1px solid var(--line);border-radius:14px}
.contact-item{display:flex;gap:14px;margin:20px 0}
.contact-icon{color:var(--burgundy);font-weight:900;font-size:1.2rem}
form{display:grid;gap:14px}
label{font-weight:700;font-size:.88rem}
input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cfc6bb;border-radius:7px;background:#fffdfa;font:inherit;color:var(--ink)}
textarea{min-height:150px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.notice{padding:14px 16px;background:#f2e7e8;border:1px solid #e0c4c8;border-radius:7px;font-size:.86rem}
footer{background:#171c25;color:#dfe2e8;padding:58px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
footer h3{color:white;font-size:1.3rem}
footer a{color:#dfe2e8}
footer a:hover{color:white}
.footer-bottom{border-top:1px solid #353b46;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:#9da5b1}
.reveal{animation:fadeUp .65s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:1050px){
  .nav-links{gap:13px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .strip-grid{grid-template-columns:repeat(3,1fr)}
  .strip-item:nth-child(3){border-right:0}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .container{width:min(100% - 28px,680px)}
  .nav{min-height:70px}
  .mobile-toggle{display:block}
  .nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fffdf9;border-bottom:1px solid var(--line);padding:15px 20px;flex-direction:column;align-items:flex-start}
  .nav-links.open{display:flex}
  .nav-links a{padding:8px 0}
  .nav-links a.active:after{display:none}
  .lang{display:none}
  .header-cta{display:none}
  .hero{min-height:auto}
  .hero-art{opacity:.28;width:100%}
  .hero:before{background:linear-gradient(90deg,rgba(247,242,233,.96),rgba(247,242,233,.86))}
  .hero-content{padding:70px 0}
  .trust-badge{width:105px;right:5%;top:35px}
  .hero-trust{max-width:420px}
  .strip-grid{grid-template-columns:1fr 1fr}
  .strip-item{border-right:1px solid var(--line)}
  .strip-item:nth-child(even){border-right:0}
  .split,.about-grid,.contact-grid{grid-template-columns:1fr}
  .burgundy-panel,.media-panel{padding:35px 25px}
  .media-grid,.media-large,.service-list{grid-template-columns:1fr}
  .about-photo{position:static}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
}


.form-status{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(0,0,0,.12);background:#f7f4ef;border-radius:8px;font-size:.95rem;line-height:1.5}
.form-status.success{border-color:rgba(43,96,64,.35)}
.form-status.error{border-color:rgba(130,35,45,.35)}
button:disabled{opacity:.65;cursor:wait}

.form-status{margin-top:12px;}
.form-status.success{font-weight:600;}
.form-status.error{font-weight:600;}
button:disabled{opacity:.65;cursor:not-allowed;}


/* Multilingual / RTL support */
html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .nav-links, html[dir="rtl"] .lang { direction: rtl; }
html[dir="rtl"] .hero-content, html[dir="rtl"] .page-hero, html[dir="rtl"] .contact-card, html[dir="rtl"] .service-detail, html[dir="rtl"] .credibility { text-align: right; }
html[dir="rtl"] .hero-actions, html[dir="rtl"] .hero-trust { justify-content: flex-start; }
html[dir="rtl"] .form-row { direction: rtl; }
html[dir="rtl"] .contact-item { direction: rtl; }
html[dir="rtl"] .footer-bottom { direction: rtl; }


/* FARHO mobile refinement */
html, body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }
.nav { position: relative; }
.about-insights .media-grid { align-items: start; }
.about-insights figure { margin: 0; background: #fff; border: 1px solid var(--line); padding: 10px; border-radius: 10px; }
.about-insights figure img { display:block; width:100%; aspect-ratio:1.65; object-fit:cover; border-radius:7px; }
@media (max-width:800px) {
  .container { width: min(100% - 24px, 680px); }
  .site-header { position: sticky; top: 0; z-index: 50; }
  .nav { min-height: 64px; }
  .brand { min-width: 0; }
  .brand-name { font-size: 1rem; }
  .brand-sub { font-size: .65rem; }
  .mobile-toggle { width: 44px; height: 44px; display: grid; place-items:center; border: 1px solid var(--line); border-radius: 8px; background:#fff; font-size:1.25rem; }
  .nav-links { top:64px; max-height: calc(100vh - 64px); overflow:auto; box-shadow: 0 14px 30px rgba(20,20,20,.08); }
  .nav-links.open { display:flex; }
  .nav-links a { width:100%; padding:12px 0; }
  .lang { display:flex; position:absolute; right:58px; top:21px; gap:3px; white-space:nowrap; font-size:.75rem; z-index:2; }
  .header-cta { display:none; }
  .hero-content { padding: 54px 0 50px; }
  .hero-title { font-size: clamp(2rem, 10vw, 3.2rem); line-height:1.05; }
  .hero-lead { font-size:1.05rem; }
  .hero-meta { font-size:.95rem; }
  .trust-badge { width:84px; right:4%; top:18px; }
  .hero-art { opacity:.18; }
  .section { padding:56px 0; }
  .page-hero { padding:56px 0 42px; }
  .page-hero h1 { font-size:clamp(2rem,9vw,3rem); }
  .about-grid { gap:30px; }
  .about-photo { max-width: 420px; margin:0 auto; }
  .about-photo img { width:100%; }
  .credibility { padding:20px; }
  .verify .btn { width:100%; text-align:center; }
  .strip-grid { grid-template-columns:1fr 1fr; }
  .strip-item { min-height:100px; display:flex; flex-direction:column; justify-content:center; }
  .cards { grid-template-columns:1fr; }
  .card-img { height:120px; }
  .contact-card { padding:22px 18px; }
  .contact-item { align-items:flex-start; }
  input, select, textarea { font-size:16px; }
  textarea { min-height:140px; }
  form .btn { width:100%; min-height:48px; }
  form label[style] { display:flex; align-items:flex-start; gap:8px; line-height:1.5; }
  form label[style] input[type="checkbox"] { flex:0 0 auto; margin:4px 0 0 !important; }
  .about-insights .media-grid { grid-template-columns:1fr; }
  footer { padding:44px 0 24px; }
  .footer-grid { gap:24px; }
}
@media (max-width:420px) {
  .brand-sub { display:none; }
  .lang { right:52px; font-size:.68rem; }
  .hero-actions { flex-direction:column; }
  .hero-actions .btn { width:100%; text-align:center; }
  .strip-grid { grid-template-columns:1fr 1fr; }
  .strip-item { padding:20px 10px; font-size:.9rem; }
}


/* FARHO mobile contact usability: compact header, readable form, touch-friendly controls */
@media (max-width: 800px) {
  .nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding-top:8px; padding-bottom:8px; }
  .brand { flex:1 1 auto; max-width:calc(100% - 60px); }
  .mobile-toggle { flex:0 0 44px; margin-left:auto; }
  .lang { position:static; order:4; inset:auto; flex:1 0 100%; width:100%; justify-content:center; gap:10px; padding:9px 0 2px; border-top:1px solid var(--line); font-size:.8rem; }
  .nav-links { top:64px; }
  .contact-grid { gap:18px; }
  .contact-grid > .contact-card { min-width:0; width:100%; }
  .contact-card h2 { font-size:clamp(2rem, 9vw, 3rem); line-height:1.04; overflow-wrap:anywhere; }
  #contact-form { display:grid; gap:16px; }
  #contact-form .form-row { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
  #contact-form > div, #contact-form .form-row > div { min-width:0; }
  #contact-form label { display:block; margin-bottom:7px; font-size:.96rem; line-height:1.45; }
  #contact-form input:not([type=checkbox]):not([type=hidden]),
  #contact-form select,
  #contact-form textarea { box-sizing:border-box; display:block; width:100%; min-width:0; min-height:48px; padding:12px 13px; border-radius:9px; font-size:16px; line-height:1.4; }
  #contact-form textarea { min-height:150px; resize:vertical; }
  #contact-form small { display:block; margin-top:8px; line-height:1.5; }
  #contact-form label[style] { display:flex; align-items:flex-start; gap:9px; margin:0; }
  #contact-form label[style] input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; margin:3px 0 0 !important; }
  #contact-form .btn { width:100%; min-height:52px; padding:14px 18px; font-size:.95rem; }
  .form-status { overflow-wrap:anywhere; }
}
@media (max-width: 380px) {
  .container { width:calc(100% - 24px); }
  .brand-name { font-size:.94rem; }
  .contact-card { padding:19px 15px; }
  .lang { gap:8px; font-size:.76rem; }
}


/* FARHO brand mark + responsive contact polish */
.brand-mark-img{display:block;width:43px;height:43px;flex:0 0 43px;object-fit:contain;border-radius:50%;}
@media(max-width:800px){
  .contact-grid{grid-template-columns:minmax(0,1fr)!important;}
  .contact-grid .contact-card{padding:clamp(18px,5vw,26px);}
  .contact-grid .contact-card h2{font-size:clamp(2rem,9vw,3.1rem);}
  .contact-item a,.contact-item div{overflow-wrap:anywhere;}
  .notice{overflow-wrap:anywhere;}
  .site-header{position:sticky;top:0;z-index:100;}
  .mobile-toggle{min-width:44px;min-height:44px;display:grid;place-items:center;}
  .nav-links.open{max-height:calc(100dvh - 76px);overflow-y:auto;}
}


/* V4: keep the privacy checkbox and its complete sentence in separate layout elements.
   This prevents every word/link becoming a separate flex item on mobile. */
.privacy-consent {
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-weight:500;
  line-height:1.55;
  min-width:0;
}
.privacy-consent > input[type="checkbox"] {
  flex:0 0 20px;
  width:20px !important;
  height:20px;
  margin:4px 0 0 !important;
}
.privacy-consent > span {
  display:block;
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
}
.privacy-consent a { overflow-wrap:anywhere; }
@media (max-width:800px) {
  #contact-form .privacy-consent { display:flex; align-items:flex-start; gap:10px; }
  #contact-form .privacy-consent > span { min-width:0; }
}

/* V14: visible WhatsApp message option on every language page. */
.whatsapp-contact,.whatsapp-footer{ text-decoration:underline; text-underline-offset:3px; }
.whatsapp-footer{ display:inline-flex; align-items:center; gap:8px; }
.whatsapp-footer svg{ width:20px; height:20px; flex:0 0 20px; }
.contact-messages-only{ color:var(--muted); font-size:.85rem; }
.footer-messages-only{ font-size:.8rem; }
.contact-icon svg{ width:28px; height:28px; }
.whatsapp-float{ position:fixed; inset-inline-end:24px; bottom:max(22px,env(safe-area-inset-bottom)); z-index:90;
  display:inline-flex; align-items:center; gap:11px; padding:13px 20px; border-radius:999px;
  background:#14634c; color:#fff; box-shadow:0 8px 24px rgba(20,55,43,.2); line-height:1.2; }
.whatsapp-float svg{ flex:0 0 28px; }
.whatsapp-float strong{ display:block; font-size:1rem; }
.whatsapp-float small{ display:block; font-size:.75rem; margin-top:3px; }
.whatsapp-float:hover{ background:#104f3d; }
.whatsapp-float:focus-visible{ outline:3px solid var(--burgundy); outline-offset:4px; }
footer{ padding-bottom:110px; }
#contact-form .form-status{ padding:0; margin:4px 0 0; border:0; background:transparent; font-size:.88rem; line-height:1.5; }
#contact-form .form-status.error{ color:var(--burgundy); }
#contact-form .form-status.success{ color:#14634c; }
#contact-form .form-status.pending{ color:#65512f; }
@media(max-width:600px){ .whatsapp-float{ inset-inline-end:14px; bottom:max(14px,env(safe-area-inset-bottom)); padding:11px 16px; } }

.facebook-link{ display:inline-flex; align-items:center; gap:8px; text-decoration:underline; text-underline-offset:3px; }
.facebook-link svg{ flex:0 0 20px; }

/* V15: one clear header layout; language controls stay visible while the menu opens. */
.lang{ display:flex; align-items:center; gap:3px; direction:ltr; }
html[dir="rtl"] .lang{ direction:ltr; }
.lang a{ display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:44px;
  padding:7px 9px; border-radius:6px; font-size:.8rem; color:var(--ink); }
.lang a.active{ background:var(--burgundy); color:#fff; font-weight:700; }
.lang a:hover{ box-shadow:inset 0 0 0 1px var(--burgundy); }
.lang a:focus-visible,.mobile-toggle:focus-visible,.btn-facebook:focus-visible{ outline:3px solid var(--burgundy); outline-offset:3px; }
@media(max-width:960px){
  .site-header .nav{ display:grid; grid-template-columns:minmax(0,1fr) 48px; gap:8px 12px;
    min-height:0; padding-top:10px; padding-bottom:10px; }
  .site-header .brand{ grid-column:1; grid-row:1; max-width:none; min-width:0; margin:0; }
  .site-header .brand-sub{ overflow-wrap:anywhere; }
  .site-header .mobile-toggle{ grid-column:2; grid-row:1; display:grid; place-items:center;
    width:48px; height:48px; min-width:48px; margin:0; border:1px solid var(--line); border-radius:8px; }
  .site-header .header-cta{ display:none; }
  .site-header .lang{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-column:1 / -1; grid-row:2;
    position:static; inset:auto; order:initial; width:100%; padding:7px 0 0; border-top:1px solid var(--line); gap:6px; z-index:auto; }
  .site-header .lang a{ min-height:44px; width:100%; padding:8px 4px; font-size:.9rem; border:1px solid var(--line); }
  .site-header .lang a.active{ border-color:var(--burgundy); }
  .site-header .nav-links{ display:none; grid-column:1 / -1; grid-row:3; position:static; inset:auto;
    width:100%; max-height:50vh; max-height:50dvh; padding:6px 0 0; border:0; box-shadow:none;
    background:transparent; gap:0; align-items:stretch; overflow-y:auto; }
  .site-header .nav-links.open{ display:grid; }
  .site-header .nav-links a{ display:flex; align-items:center; min-height:44px; padding:10px 12px;
    border-radius:6px; font-size:1rem; }
  .site-header .nav-links a.active{ background:var(--cream-2); }
  .site-header .nav-links a.active:after{ display:none; }
}
@media(max-width:380px){
  .site-header .brand{ gap:8px; }
  .site-header .brand-mark-img{ width:37px; height:37px; flex-basis:37px; }
  .site-header .lang a{ font-size:.83rem; }
}
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto}.reveal{animation:none}.btn,.card{transition:none} }

.facebook-follow{ margin:24px 0; padding:20px; background:#f3f5f9; border:1px solid #dbe0e9; border-radius:10px; }
.facebook-follow h3{ font-family:inherit; font-size:1.1rem; font-weight:700; line-height:1.4; margin:0 0 8px; }
.facebook-follow p{ color:var(--muted); font-size:.9rem; margin:0 0 15px; }
.btn-facebook{ display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px;
  padding:11px 15px; border-radius:7px; background:#234879; color:#fff; font-weight:700; font-size:.88rem; }
.btn-facebook svg{ flex:0 0 20px; }
.btn-facebook:hover{ background:#19365c; }
@media(max-width:600px){ .facebook-follow{padding:18px}.btn-facebook{width:100%;text-align:center} }