/* ============================================================
   BARBIE'S KOSMETIKSTUDIO — Elegant Blush Editorial
   Soft rose #FBACC1 · Cormorant Garamond + Jost · light, airy
   ============================================================ */

/* ---------- 0. RESET ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit;color:inherit}
ul{list-style:none}
a{color:inherit;text-decoration:none}

/* ---------- 1. TOKENS ---------- */
:root{
  --paper:#FFF9FB;         /* blush-tinted near-white */
  --cream:#FDEFF3;         /* soft blush section bg */
  --cream-2:#FBE3EB;       /* deeper blush tint */
  --blush:#FBACC1;         /* THE brand pink */
  --blush-soft:#FCD3DF;
  --rose:#B23A60;          /* deep accent: buttons, links, numerals */
  --rose-dk:#8C2B4A;
  --ink:#2A1E24;           /* warm plum near-black */
  --ink-soft:#6B5A61;      /* muted secondary text */
  --line:#F0DDE4;          /* soft hairline */
  --wa:#1FA55C;            /* whatsapp utility green */
  --maxw:1240px;
  --gut:clamp(20px,5vw,48px);
  --r-card:20px;
  --r-sm:14px;
  --f-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --f-sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow:0 24px 60px -24px rgba(138,43,74,.28);
  --shadow-sm:0 12px 30px -16px rgba(138,43,74,.22);
}

/* ---------- 2. BASE ---------- */
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-sans);
  font-size:clamp(16px,1.04vw,17.5px);
  font-weight:400;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:10000;border-radius:0 0 10px 0}
.skip:focus{left:0;top:0}
::selection{background:var(--blush);color:var(--ink)}

/* ---------- 3. TYPOGRAPHY ---------- */
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;line-height:1.04;letter-spacing:.002em;color:var(--ink)}
.display{font-family:var(--f-display);font-weight:600;line-height:1.02;letter-spacing:.002em}
.display--xl{font-size:clamp(3.2rem,8vw,6.8rem)}
.display--lg{font-size:clamp(2.6rem,5.5vw,4.6rem)}
.display--md{font-size:clamp(2rem,3.6vw,3.1rem)}
.text-accent{color:var(--rose);font-style:italic}
.lead{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.6;color:var(--ink-soft);max-width:62ch;font-weight:300}
em,.ital{font-style:italic}

.mono{font-family:var(--f-sans);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:500}
.mono-sm{font-family:var(--f-sans);text-transform:uppercase;letter-spacing:.24em;font-size:.62rem;font-weight:500}

/* eyebrow: refined label with a short rule */
.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--f-sans);text-transform:uppercase;letter-spacing:.26em;font-size:.72rem;font-weight:500;color:var(--rose);margin-bottom:22px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--rose);opacity:.6}
.eyebrow .idx{display:none}

/* ---------- 4. LINKS / FOCUS ---------- */
.prose a{color:var(--rose);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{color:var(--rose-dk)}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:2px}

/* ---------- 5. BUTTONS (pill) ---------- */
.btn{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--f-sans);font-weight:500;font-size:.92rem;letter-spacing:.02em;
  padding:15px 30px;border-radius:999px;border:1.5px solid var(--rose);
  background:var(--rose);color:#fff;cursor:pointer;
  transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,box-shadow .25s,color .25s,border-color .25s;
}
.btn:hover{background:var(--rose-dk);border-color:var(--rose-dk);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn--accent{background:var(--rose);border-color:var(--rose);color:#fff}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn--wa:hover{background:#17864a;border-color:#17864a}
.btn--sm{padding:11px 22px;font-size:.82rem}
.btn svg{width:18px;height:18px;fill:currentColor}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* ---------- 6. TOP BAR ---------- */
.topbar{background:var(--cream);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;flex-wrap:wrap}
.topbar,.topbar a{color:var(--ink-soft)}
.topbar a:hover{color:var(--rose)}
.topbar .t-left,.topbar .t-right{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.topbar .dot{color:var(--blush)}

/* ---------- 7. HEADER / NAV ---------- */
.site-head{position:sticky;top:0;z-index:900;background:rgba(255,249,251,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}
.brand{display:flex;align-items:center;gap:13px}
.brand img{width:44px;height:auto}
.brand .b-name{font-family:var(--f-display);font-weight:600;font-size:1.35rem;line-height:1;letter-spacing:.01em}
.brand .b-sub{font-family:var(--f-sans);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}
.nav{display:flex;align-items:center;gap:6px}
.nav a{font-family:var(--f-sans);font-size:.9rem;font-weight:400;padding:8px 14px;position:relative;color:var(--ink);border-radius:999px;transition:color .2s}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:var(--rose);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.nav a:hover{color:var(--rose)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--rose)}
.head-cta{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:var(--paper);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;width:20px;height:1.5px;background:var(--ink);position:relative;transition:.25s}
.nav-toggle span::before{position:absolute;top:-6px}
.nav-toggle span::after{position:absolute;top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* ---------- 8. TICKER (removed in this design) ---------- */
.ticker{display:none}

/* ---------- 9. SECTION PRIMITIVES ---------- */
section{position:relative}
.pad{padding-block:clamp(64px,9vw,128px)}
.pad-sm{padding-block:clamp(44px,6vw,84px)}
.rule,.rule-thin{height:1px;background:var(--line);border:0}
.bg-cream{background:var(--cream)}

/* ---------- 10. HERO ---------- */
.hero{background:var(--paper);padding-block:clamp(28px,5vw,64px) 0}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center}
.hero__left{padding:clamp(12px,3vw,40px) 0}
.hero__kicker{font-family:var(--f-sans);text-transform:uppercase;letter-spacing:.26em;font-size:.72rem;font-weight:500;color:var(--rose);margin-bottom:26px;display:flex;align-items:center;gap:12px}
.hero__kicker::before{content:"";width:34px;height:1px;background:var(--rose);opacity:.6}
.hero h1{margin-bottom:26px}
.hero__claim{max-width:46ch;margin-bottom:34px;font-size:clamp(1.08rem,1.4vw,1.28rem);color:var(--ink-soft);font-weight:300;line-height:1.6}
.hero__meta{display:flex;gap:clamp(22px,4vw,46px);flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.hero__meta .m b{font-family:var(--f-display);font-weight:600;font-size:2rem;display:block;line-height:1;color:var(--ink)}
.hero__meta .m span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.hero__meta .m .stars{color:var(--blush);font-size:1.4rem;letter-spacing:.05em}

.hero__right{position:relative;background:var(--cream);border-radius:var(--r-card);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;min-height:clamp(420px,52vw,580px);box-shadow:var(--shadow)}
.hero__right::before{content:"";position:absolute;width:86%;aspect-ratio:1;background:var(--blush);border-radius:50%;left:50%;bottom:-14%;transform:translateX(-50%);filter:saturate(1.05)}
.hero__right::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 110%,transparent 55%,rgba(138,43,74,.08));pointer-events:none}
.hero__portrait{position:relative;z-index:1;width:clamp(280px,88%,440px);filter:drop-shadow(0 24px 40px rgba(138,43,74,.22))}
/* retire brutalist decorations */
.hero__accentbar,.hero__barcode,.hero__tag,.cross,.svc__no,.price-block__head .pno{display:none !important}

/* ---------- 11. SERVICE CARDS ---------- */
.grid-lines{display:grid;gap:clamp(18px,2vw,26px);background:transparent;border:0}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
.cell{background:var(--paper);padding:0}

.svc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.svc:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.svc__media{aspect-ratio:4/3;overflow:hidden;background:var(--cream)}
.svc__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.svc:hover .svc__media img{transform:scale(1.06)}
.svc__body{padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;flex:1}
.svc h3{font-size:clamp(1.5rem,2.2vw,1.9rem);margin-bottom:10px}
.svc p{font-size:.96rem;color:var(--ink-soft);margin-bottom:20px;flex:1;font-weight:300}
.svc__from{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:16px}
.svc__from span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.svc__from b{font-family:var(--f-display);font-weight:600;font-size:1.6rem;color:var(--rose)}

/* feature (values) */
.feat{padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper)}
.feat .num{font-family:var(--f-display);font-weight:600;font-size:2.6rem;color:var(--blush);line-height:1;display:block;margin-bottom:12px}
.feat h3{font-size:1.4rem;margin-bottom:8px}
.feat p{font-size:.95rem;color:var(--ink-soft);font-weight:300}

/* ---------- 12. PRICE TABLES ---------- */
.price-head{display:block;margin-bottom:26px}
.price-block{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);margin-bottom:22px;overflow:hidden;box-shadow:var(--shadow-sm)}
.price-block__head{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--cream);padding:20px 26px;border-bottom:1px solid var(--line)}
.price-block__head h3{font-size:clamp(1.5rem,2.2vw,2rem)}
.price-table{width:100%;border-collapse:collapse}
.price-table tr{border-bottom:1px solid var(--line)}
.price-table tr:last-child{border-bottom:0}
.price-table tr:hover{background:var(--cream)}
.price-table td{padding:14px 26px;font-size:1rem}
.price-table td:first-child{width:72%;color:var(--ink);font-weight:300}
.price-table td:last-child{text-align:right;white-space:nowrap;font-family:var(--f-display);font-weight:600;font-size:1.2rem}
.price-table .eur{color:var(--rose)}

/* ---------- 13. GALLERY ---------- */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px)}
.gallery a{position:relative;overflow:hidden;border-radius:var(--r-sm);background:var(--cream);aspect-ratio:1/1;box-shadow:var(--shadow-sm)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.gallery a:hover img{transform:scale(1.07)}
.gallery a.wide{grid-column:span 2;aspect-ratio:2/1}

/* ---------- 14. ABOUT / SPLIT ---------- */
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;max-width:var(--maxw);margin-inline:auto;padding:clamp(56px,8vw,120px) var(--gut)}
.about--plain{}
.about__media{border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow);background:var(--cream)}
.about__media img{width:100%;height:100%;object-fit:cover;min-height:380px;display:block}
.about__media img.contain{object-fit:contain;background:var(--cream);padding:8%}
.about--flip .about__media{order:2}
.about__body{padding:0}
.sign{font-family:var(--f-display);font-weight:600;font-style:italic;font-size:1.7rem;color:var(--rose);margin-top:24px}
.chk{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:1rem;color:var(--ink-soft);font-weight:300}
.chk::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--blush);margin-top:.6em}

/* ---------- 15. CONTACT ---------- */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:var(--maxw);margin:clamp(40px,6vw,80px) auto;padding-inline:var(--gut)}
.contact__info{padding:clamp(28px,3vw,52px);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card) 0 0 var(--r-card)}
.contact__form{padding:clamp(28px,3vw,52px);background:var(--cream);border:1px solid var(--line);border-left:0;border-radius:0 var(--r-card) var(--r-card) 0}
.datablock{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:start}
.datablock:last-of-type{border-bottom:1px solid var(--line)}
.datablock dt{font-family:var(--f-sans);text-transform:uppercase;font-size:.66rem;letter-spacing:.18em;color:var(--ink-soft);padding-top:4px}
.datablock dd{font-size:1.05rem;color:var(--ink)}
.datablock dd a:hover{color:var(--rose)}
.socials{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.socials a{width:46px;height:46px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;transition:.2s;background:var(--paper)}
.socials a:hover{background:var(--rose);border-color:var(--rose);transform:translateY(-2px)}
.socials a:hover svg{fill:#fff}
.socials svg{width:19px;height:19px;fill:var(--ink)}

.field{margin-bottom:18px}
.field label{display:flex;justify-content:space-between;font-family:var(--f-sans);text-transform:uppercase;font-size:.66rem;letter-spacing:.14em;margin-bottom:8px;color:var(--ink-soft)}
.field label .req{color:var(--rose)}
.field input,.field textarea,.field select{
  width:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;font-size:1rem;color:var(--ink);transition:border-color .2s,box-shadow .2s;
}
.field textarea{resize:vertical;min-height:130px}
.field input::placeholder,.field textarea::placeholder{color:#b9a7ae}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(178,58,96,.14)}
.field .err{color:var(--rose-dk);font-size:.72rem;margin-top:6px;display:none}
.field.invalid .err{display:block}
.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:var(--rose-dk)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;margin-bottom:22px;color:var(--ink-soft);font-weight:300}
.check input{width:20px;height:20px;flex:none;accent-color:var(--rose);margin-top:3px}
.check.invalid span{color:var(--rose-dk)}
.form-note{font-size:.76rem;color:var(--ink-soft);margin-top:16px;line-height:1.6;font-weight:300}
.form-ok{display:none;border:1px solid var(--wa);background:#eafaf1;color:var(--ink);padding:16px 18px;border-radius:var(--r-sm);font-size:.9rem;margin-bottom:20px}
.form-ok.show{display:block}
.mapframe{width:100%;height:360px;border:1px solid var(--line);border-radius:var(--r-card)}

/* ---------- 16. CTA STRIP ---------- */
.cta{background:var(--ink);color:var(--paper);border-radius:var(--r-card);max-width:var(--maxw);margin:clamp(40px,6vw,80px) auto;padding-inline:0}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-block:clamp(44px,6vw,80px)}
.cta h2{font-size:clamp(2rem,4.5vw,3.6rem);color:var(--paper)}
.cta .text-accent{color:var(--blush)}

/* ---------- 17. FOOTER ---------- */
.site-foot{background:var(--ink);color:var(--paper)}
.site-foot a{color:var(--paper)}
.site-foot a:hover{color:var(--blush)}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px;padding-block:clamp(52px,6vw,84px)}
.foot-brand img{width:54px;filter:brightness(0) invert(1);margin-bottom:20px}
.foot-brand .big{font-family:var(--f-display);font-weight:600;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;margin-bottom:16px;color:var(--paper)}
.foot-brand p{opacity:.72;max-width:36ch;font-weight:300;font-size:.92rem}
.foot-col h4{font-family:var(--f-sans);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blush);margin-bottom:20px;font-weight:500}
.foot-col li{margin-bottom:12px}
.foot-col a,.foot-col li{font-size:.95rem;font-weight:300;opacity:.9}
.foot-bottom{border-top:1px solid rgba(255,249,251,.16);padding-block:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-bottom p,.foot-bottom a{font-size:.78rem;letter-spacing:.03em;opacity:.7;font-weight:300}
.foot-bottom .links{display:flex;gap:20px;flex-wrap:wrap}

/* ---------- 18. FLOATING WHATSAPP ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:950;width:58px;height:58px;background:var(--wa);border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(31,165,92,.6);transition:transform .25s}
.wa-float:hover{transform:translateY(-3px) scale(1.04)}
.wa-float svg{width:30px;height:30px;fill:#fff}

/* ---------- 19. PAGE HEADER (subpages) ---------- */
.phead{background:var(--cream);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.phead::before{content:"";position:absolute;width:40vw;max-width:520px;aspect-ratio:1;background:var(--blush);opacity:.5;border-radius:50%;right:-8%;top:-40%;filter:blur(8px)}
.phead .wrap{padding-block:clamp(52px,8vw,104px);position:relative;z-index:1}
.phead h1{font-size:clamp(2.8rem,8vw,6rem)}
.phead .crumbs{font-family:var(--f-sans);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;color:var(--ink-soft)}
.phead .crumbs a:hover{color:var(--rose)}
.phead .crumbs .sep{color:var(--blush);margin:0 10px}
.phead__ghost{display:none}

/* ---------- 20. PROSE (legal) ---------- */
.prose{max-width:74ch}
.prose h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:40px 0 14px}
.prose h3{font-size:1.3rem;margin:28px 0 10px}
.prose p,.prose li{margin-bottom:12px;font-size:1rem;color:var(--ink-soft);font-weight:300}
.prose strong{font-weight:500;color:var(--ink)}
.prose ul{margin:0 0 16px 0}
.prose li{padding-left:22px;position:relative}
.prose li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--blush)}
.prose em{color:var(--ink-soft)}

/* ---------- 21. SCROLL REVEAL ---------- */
body.reveal-on [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
body.reveal-on [data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  body.reveal-on [data-reveal]{opacity:1 !important;transform:none !important;transition:none}
}

/* ---------- 22. RESPONSIVE ---------- */
@media (max-width:1040px){
  .foot-top{grid-template-columns:1fr 1fr}
  .cols-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .nav{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:var(--paper);border-left:1px solid var(--line);
       flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:96px 24px 32px;transform:translateX(100%);
       transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:905;box-shadow:-20px 0 60px -30px rgba(138,43,74,.4)}
  .nav.open{transform:translateX(0)}
  .nav a{padding:16px 6px;border-bottom:1px solid var(--line);font-size:1rem;border-radius:0}
  .nav a::after{display:none}
  .nav-toggle{display:flex;z-index:910;position:relative}
  .wa-head{display:none}
  .nav-backdrop{position:fixed;inset:0;background:rgba(42,30,36,.4);z-index:901;opacity:0;visibility:hidden;transition:.25s}
  .nav-backdrop.show{opacity:1;visibility:visible}
  .hero__grid{grid-template-columns:1fr}
  .hero__right{min-height:400px;order:-1}
  .about,.contact{grid-template-columns:1fr}
  .about--flip .about__media{order:0}
  .about__media img{min-height:300px}
  .contact__info{border-radius:var(--r-card) var(--r-card) 0 0}
  .contact__form{border-left:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-card) var(--r-card)}
}
@media (max-width:640px){
  .cols-2,.cols-3,.cols-4{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .gallery a.wide{grid-column:span 2}
  .foot-top{grid-template-columns:1fr}
  .topbar .t-left .hide-sm{display:none}
  .datablock{grid-template-columns:1fr;gap:4px}
  .datablock dt{padding-top:0}
  .cta .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){
  .gallery{grid-template-columns:1fr}
  .gallery a.wide{grid-column:span 1}
}