:root{
	--soil:#152219;        /* pământ, fundal închis */
	--soil-2:#1C2B21;      /* panou */
	--soil-3:#24382B;      /* margine / relief */
	--paper:#ECE5D4;       /* hârtie de plan */
	--paper-2:#E1D8C1;
	--flag:#FF5B2E;        /* steag de topograf */
	--flag-2:#FF7A4D;
	--line:#8A9A74;        /* linie de nivel */
	--line-dim:#3C4C38;
	--gold:#D9A441;        /* orizont / soare */
	--ink:#10160F;         /* text pe hârtie */
	--ink-soft:#3B4736;
	--paper-soft:rgba(236,229,212,.62);
	--paper-faint:rgba(236,229,212,.34);
	--maxw:1120px;
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
	margin:0;
	background:var(--soil);
	color:var(--paper);
	font-family:"Instrument Sans",system-ui,sans-serif;
	font-size:17px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
  }
  h1,h2,h3{font-family:"Bricolage Grotesque",serif;font-weight:800;line-height:1.02;letter-spacing:-.02em;margin:0}
  p{margin:0}
  a{color:inherit}
  .mono{font-family:"Space Mono",monospace;letter-spacing:.02em}

  .wrap{max-width:var(--maxw);margin:0 auto;padding: 0 20px;}

  /* ---------- eyebrow / labels ---------- */
  .eyebrow{
	font-family:"Space Mono",monospace;
	font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;
	color:var(--flag);display:inline-flex;align-items:center;gap:12px;
  }
  .eyebrow::before{content:"";width:26px;height:1px;background:var(--flag);display:inline-block}
  .eyebrow.on-paper{color:#b0491f}
  .eyebrow.on-paper::before{background:#b0491f}

  /* ---------- buttons ---------- */
  .btn{
	display:inline-flex;align-items:center;gap:10px;
	font-family:"Space Mono",monospace;font-size:14px;letter-spacing:.04em;
	padding:15px 26px;border-radius:2px;border:1px solid transparent;
	cursor:pointer;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .btn-flag{background:var(--flag);color:#fff;box-shadow:0 0 0 0 rgba(255,91,46,.45)}
  .btn-flag:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(255,91,46,.6)}
  .btn-flag .pin{width:9px;height:9px;background:#fff;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
  .btn-ghost{background:transparent;color:var(--paper);border-color:var(--line-dim)}
  .btn-ghost:hover{border-color:var(--line);transform:translateY(-2px)}

  /* ---------- measuring-tape divider ---------- */
  .tape{height:34px;width:100%;display:block;color:var(--line-dim)}

  /* ===================================================== HERO */
  .hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;
	border-bottom:1px solid var(--soil-3)}
  .hero-contours{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
  .hero-grid{position:absolute;inset:0;pointer-events:none;
	background-image:linear-gradient(var(--line-dim) 1px,transparent 1px),linear-gradient(90deg,var(--line-dim) 1px,transparent 1px);
	background-size:64px 64px;opacity:.10;
	mask-image:radial-gradient(120% 90% at 30% 40%,#000 20%,transparent 78%);
	-webkit-mask-image:radial-gradient(120% 90% at 30% 40%,#000 20%,transparent 78%);}
  .hero-glow{position:absolute;right:-10%;top:-10%;width:60vw;height:60vw;
	background:radial-gradient(circle,rgba(217,164,65,.16),transparent 62%);pointer-events:none}
  .hero .wrap{position:relative;z-index:2;padding-top:120px;padding-bottom:80px}
  .hero-inner{max-width:100%}
  .coords{margin-bottom:26px}
  .hero h1{
	font-size:clamp(2.7rem,7vw,5.4rem);
	margin:.28em 0 .5em;color:var(--paper);
  }
  .hero h1 em{font-style:normal;color:var(--gold);position:relative;white-space:nowrap}
  .hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:3px;
	background:repeating-linear-gradient(90deg,var(--flag) 0 8px,transparent 8px 14px)}
  .hero p.lead{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--paper-soft);max-width:52ch;margin-bottom:38px}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .scrollcue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;
	font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.3em;color:var(--paper-faint);
	display:flex;flex-direction:column;align-items:center;gap:8px}
  .scrollcue span{width:1px;height:34px;background:linear-gradient(var(--line-dim),transparent);animation:drop 2.2s ease-in-out infinite}
  @keyframes drop{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}

  /* corner survey ticks in hero */
  .stake{position:absolute;z-index:2;font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.18em;color:var(--paper-faint)}
  .stake.tl{top:98px;left:28px}
  .stake.br{bottom:24px;right:28px;text-align:right}

  /* ===================================================== SCOP (paper) */
  .scop{background:var(--paper);color:var(--ink);position:relative}
  .scop .wrap{padding:100px 28px}
  .scop-head{display:grid;grid-template-columns:1fr;gap:26px;max-width:900px}
  .scop h2{font-size:clamp(1.9rem,4.4vw,3.1rem);color:var(--ink);max-width:20ch}
  .scop .body{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin-top:56px;align-items:start}
  .scop .body p{color:var(--ink-soft);margin-bottom:18px}
  .scop .body p strong{color:var(--ink)}
  .facts{border-left:1px solid rgba(16,22,15,.16);padding-left:26px}
  .fact{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed rgba(16,22,15,.2)}
  .fact:last-child{border-bottom:0}
  .fact .k{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8a6b3f}
  .fact .v{font-family:"Space Mono",monospace;font-size:14px;color:var(--ink);text-align:right}

  /* ===================================================== LOTURI */
  .loturi{background:var(--soil-2);border-top:1px solid var(--soil-3);border-bottom:1px solid var(--soil-3)}
  .loturi .wrap{padding:96px 28px}
  .loturi h2{font-size:clamp(1.7rem,4vw,2.7rem);color:var(--paper);margin-bottom:8px;max-width:22ch}
  .loturi .sub{color:var(--paper-soft);max-width:56ch;margin-bottom:52px}
  .lot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .lot{background:var(--soil);border:1px solid var(--soil-3);border-radius:3px;padding:30px 26px 34px;position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease}
  .lot:hover{border-color:var(--line);transform:translateY(-3px)}
  .lot .no{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.2em;color:var(--flag);margin-bottom:auto}
  .lot h3{font-size:1.35rem;color:var(--paper);margin:16px 0 12px}
  .lot p{color:var(--paper-soft);font-size:15.5px}
  .lot .peg{position:absolute;top:22px;right:22px;width:14px;height:14px}
  .lot .peg::before{content:"";position:absolute;inset:0;border:1px solid var(--line-dim);transform:rotate(45deg)}
  .lot .peg::after{content:"";position:absolute;top:5px;left:5px;width:4px;height:4px;background:var(--flag)}

  /* ===================================================== PROGRES / PLOT (signature) */
  .progres{background:var(--soil);position:relative}
  .progres .wrap{padding:100px 28px}
  .progres-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .progres h2{font-size:clamp(1.9rem,4.4vw,3rem);color:var(--paper);margin-bottom:18px;max-width:16ch}
  .progres .desc{color:var(--paper-soft);max-width:46ch;margin-bottom:34px}
  .readout{display:flex;flex-wrap:wrap;gap:30px 44px;margin-bottom:36px}
  .readout .item .n{font-family:"Bricolage Grotesque";font-weight:800;font-size:clamp(1.8rem,4.5vw,2.7rem);color:var(--paper);line-height:1}
  .readout .item .n.flag{color:var(--flag)}
  .readout .item .l{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint);margin-top:8px}

  .plot-card{background:var(--soil-2);border:1px solid var(--soil-3);border-radius:4px;padding:22px}
  .plot-cap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
  .plot-cap .t{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint)}
  .plot-cap .pct{font-family:"Space Mono",monospace;font-weight:700;color:var(--flag);font-size:15px}

  /* pixel-grid parcel: fiecare pătrat = 1 m² (portret 33 × 75) */
  .parcel{display:flex;justify-content:center;margin-top:6px}
  .dim{font-size:10.5px;letter-spacing:.14em;color:var(--paper-faint);text-transform:uppercase}
  .parcel-body{display:flex;align-items:center;gap:8px}
  .grid-col{display:flex;flex-direction:column;align-items:center}
  .dim-top{padding-bottom:7px}
  .dim-side{writing-mode:vertical-rl;transform:rotate(180deg);flex:none}
  .grid-wrap{position:relative;padding:3px}
  .grid-wrap::before{content:"";position:absolute;inset:0;border:1px solid var(--line);border-radius:2px;pointer-events:none}
  .grid{
	display:grid;
	grid-template-columns:repeat(33,1fr);
	grid-template-rows:repeat(75,1fr);
	gap:1px;
	aspect-ratio:33 / 75;
	height:clamp(340px,56vh,520px);
	width:auto;
	background:var(--soil-3);
  }
  .cell{background:#182619;transition:background-color .25s ease}
  .cell.filled{background:#5f7a45}
  .cell.edge{background:var(--flag);box-shadow:0 0 4px rgba(255,91,46,.7)}
  .cnr{position:absolute;font-family:"Space Mono",monospace;font-size:10px;color:var(--paper-faint);z-index:2}
  .cnr.a{top:-13px;left:2px}.cnr.b{top:-13px;right:2px}
  .cnr.c{bottom:-13px;right:2px}.cnr.d{bottom:-13px;left:2px}
  .plot-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px}
  .plot-foot .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-faint)}
  .plot-foot .v{font-size:13px;color:var(--paper)}

  /* ===================================================== GALERIE */
  .galerie{background:var(--paper);color:var(--ink)}
  .galerie .wrap{padding:92px 28px}
  .galerie .ghead{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:40px}
  .galerie h2{font-size:clamp(1.6rem,3.6vw,2.4rem);color:var(--ink);max-width:18ch}
  .galerie .ghead p{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.12em;color:#8a6b3f;text-transform:uppercase}
  .photos{display:grid;grid-template-columns:1.4fr 1fr;grid-auto-rows:210px;gap:16px}
  .photo{position:relative;border-radius:3px;overflow:hidden;background-size:cover;background-position:center;
	box-shadow:inset 0 0 0 1px rgba(16,22,15,.12)}
  .photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,34,25,0) 40%,rgba(21,34,25,.42));mix-blend-mode:multiply}
  .photo .tag{position:absolute;left:14px;bottom:12px;z-index:2;font-family:"Space Mono",monospace;font-size:11px;
	letter-spacing:.1em;color:#fff;background:rgba(21,34,25,.55);padding:4px 9px;border-radius:2px;backdrop-filter:blur(2px)}
  .photo.big{grid-row:span 2}
  .photo.p1{background-image: url("https://unmetrupatrat.ro/static/images/teren_4.jpg?2")}
  .photo.p2{background-image: url("https://unmetrupatrat.ro/static/images/teren_2.jpg?2")}
  .photo.p3{background-image: url("https://unmetrupatrat.ro/static/images/teren_3.jpg?2")}

  /* ===================================================== DONARE (form) */
  .donare{background:var(--soil);border-top:1px solid var(--soil-3)}
  .donare .wrap{padding:100px 28px}
  .donare-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
  .donare h2{font-size:clamp(2rem,5vw,3.4rem);color:var(--paper);margin-bottom:18px}
  .donare .lead{color:var(--paper-soft);max-width:40ch;margin-bottom:28px}
  .assure{display:flex;flex-direction:column;gap:12px}
  .assure div{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--paper-soft)}
  .assure .chk{flex:none;width:18px;height:18px;border:1px solid var(--flag);border-radius:50%;position:relative;margin-top:2px}
  .assure .chk::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--flag);border-width:0 2px 2px 0;transform:rotate(45deg)}

  .form{background:var(--soil-2);border:1px solid var(--soil-3);border-radius:4px;padding:28px}
  .form .flabel{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint);margin-bottom:12px}
  .amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
  .amt{font-family:"Space Mono",monospace;font-size:15px;padding:14px 0;text-align:center;background:var(--soil);
	border:1px solid var(--soil-3);border-radius:2px;color:var(--paper);cursor:pointer;transition:.16s}
  .amt:hover{border-color:var(--line)}
  .amt.active{background:var(--flag);border-color:var(--flag);color:#fff}
  .custom{position:relative;margin-bottom:22px}
  .custom .cur{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:"Space Mono",monospace;color:var(--paper-faint)}
  .custom input{width:100%;padding:15px 16px 15px 52px;background:var(--soil);border:1px solid var(--soil-3);
	border-radius:2px;color:var(--paper);font-family:"Space Mono",monospace;font-size:16px}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
  .field label{display:block;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint);margin-bottom:8px}
  .field input{width:100%;padding:13px 14px;background:var(--soil);border:1px solid var(--soil-3);border-radius:2px;color:var(--paper);font-size:15px;font-family:"Instrument Sans",sans-serif}
  input:focus,.amt:focus{outline:2px solid var(--flag);outline-offset:2px}
  input::placeholder{color:rgba(236,229,212,.3)}
  .form .btn-flag{width:100%;justify-content:center;font-size:15px;padding:17px}
  .form .fine{font-family:"Space Mono",monospace;font-size:11px;color:var(--paper-faint);text-align:center;margin-top:14px;line-height:1.6}
  .thanks{display:none;text-align:center;padding:20px 6px}
  .thanks.show{display:block}
  .thanks .big{font-family:"Bricolage Grotesque";font-weight:800;font-size:1.6rem;color:var(--paper);margin:14px 0 8px}
  .thanks p{color:var(--paper-soft);font-size:14.5px}
  .thanks .mark{width:52px;height:52px;margin:0 auto;border:2px solid var(--flag);border-radius:50%;position:relative}
  .thanks .mark::after{content:"";position:absolute;left:17px;top:11px;width:12px;height:22px;border:solid var(--flag);border-width:0 3px 3px 0;transform:rotate(45deg)}

  /* ===================================================== FOOTER */
  footer{background:var(--soil-2);border-top:1px solid var(--soil-3)}
  footer .wrap{padding:56px 28px 40px}
  .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px;align-items:flex-start}
  .brand{font-family:"Bricolage Grotesque";font-weight:800;font-size:1.35rem;color:var(--paper);display:flex;align-items:center;gap:12px}
  .brand .pin{width:12px;height:12px;background:var(--flag);border-radius:50% 50% 50% 0;transform:rotate(45deg)}
  .foot-links{display:flex;gap:26px;flex-wrap:wrap;font-family:"Space Mono",monospace;font-size:13px;letter-spacing:.06em}
  .foot-links a{color:var(--paper-soft);text-decoration:none;transition:.16s}
  .foot-links a:hover{color:var(--flag)}
  .foot-bottom{margin-top:38px;padding-top:22px;border-top:1px dashed var(--line-dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
	font-family:"Space Mono",monospace;font-size:11.5px;letter-spacing:.08em;color:var(--paper-faint)}

  /* ---------- reveal ---------- */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

  /* ---------- responsive ---------- */
  @media(max-width:860px){
	.scop .body,.progres-grid,.donare-grid{grid-template-columns:1fr;gap:34px}
	.lot-grid{grid-template-columns:1fr}
	.facts{border-left:0;border-top:1px solid rgba(16,22,15,.16);padding-left:0;padding-top:20px}
	.photos{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
	.photo.big{grid-row:span 2}
	.stake{display:none}
  }
  @media(max-width:520px){
	body{font-size:16px}
	.amounts{grid-template-columns:repeat(2,1fr)}
	.row2{grid-template-columns:1fr}
	.photos{grid-template-columns:1fr;grid-auto-rows:180px}
	.photo.big{grid-row:span 1}
	.hero .wrap{padding-top:96px}
  }
  @media(prefers-reduced-motion:reduce){
	*{animation:none!important}
	.reveal{opacity:1;transform:none;transition:none}
	html{scroll-behavior:auto}
  }
  
.terms-and-conditions {
    margin: 0 auto;
    line-height: 1.7;
    color: #222;
}

.terms-and-conditions h1 {
    margin-bottom: 35px;
    font-size: 32px;
	max-width: 100%;
}

.terms-and-conditions h2 {
    margin-top: 35px;
    margin-bottom: 12px;
    font-size: 22px;
	max-width: 100%;
}

.terms-and-conditions p {
    margin-bottom: 18px;
}

.terms-and-conditions strong {
    font-weight: 700;
}

:root {
  --ump-green: #16251c;
  --ump-green-2: #1d3025;
  --ump-green-3: #24402d;
  --ump-line: #33463a;
  --ump-cream: #ece7dc;
  --ump-muted: #8fa08d;
  --ump-orange: #ee5a2b;
  --ump-header-h: 72px;
}

/* ---------- header ---------- */

.ump-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(22, 37, 28, 0.86);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--ump-cream);
  transform: translateY(0);
  transition: transform 380ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ump-header[data-hidden="true"] {
  transform: translateY(-100%);
}

.ump-header__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
  height: var(--ump-header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.ump-header__rule {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ump-line) 12%, var(--ump-line) 88%, transparent);
}

/* ---------- logo ---------- */

.ump-logo {
  display: flex;
  align-items: center;
  gap: 13px;
  color: inherit;
  text-decoration: none;
}

.ump-logo__mark {
  display: block;
  flex: none;
  width: 30px;
  height: 30px;
  color: var(--ump-cream);
}

.ump-logo__text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.ump-logo__name {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.ump-logo__coords {
  margin-top: 5px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 8.5px;
  letter-spacing: 0.2em;
  color: var(--ump-muted);
}

/* ---------- language selector ---------- */

.ump-lang {
  position: relative;
}

.ump-lang__button {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  background: transparent;
  border: 1px solid var(--ump-line);
  border-radius: 2px;
  color: var(--ump-cream);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 160ms ease;
}

.ump-lang__button:hover,
.ump-lang__button:focus-visible {
  border-color: var(--ump-orange);
  outline: none;
}

.ump-lang__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ump-orange);
}

.ump-lang__caret {
  font-size: 7px;
  color: var(--ump-muted);
  transform: translateY(-1px);
  transition: transform 200ms ease;
}

.ump-lang__button[aria-expanded="true"] .ump-lang__caret {
  transform: translateY(-1px) rotate(180deg);
}

.ump-lang__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 182px;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: var(--ump-green-2);
  border: 1px solid var(--ump-line);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
  z-index: 60;
}

.ump-lang__menu[hidden] {
  display: none;
}

.ump-lang__option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 12px;
  background: transparent;
  border: 0;
  color: var(--ump-cream);
  font-family: inherit;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ump-lang__option:hover,
.ump-lang__option:focus-visible {
  background: var(--ump-green-3);
  outline: none;
}

.ump-lang__option[aria-current="true"] {
  background: var(--ump-green-3);
}

.ump-lang__code {
  width: 24px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--ump-muted);
}

.ump-lang__label {
  flex: 1;
}

.ump-lang__tick {
  width: 12px;
  font-size: 12px;
  color: var(--ump-orange);
}

/* ---------- light background variant ---------- */

.ump-header--light {
  background: rgba(236, 231, 220, 0.9);
  color: var(--ump-green);
}

.ump-header--light .ump-logo__mark {
  color: var(--ump-green);
}

.ump-header--light .ump-logo__coords,
.ump-header--light .ump-lang__code,
.ump-header--light .ump-lang__caret {
  color: #7d8a7b;
}

.ump-header--light .ump-lang__button {
  border-color: #cdc6b5;
  color: var(--ump-green);
}

/* ---------- mobile ---------- */

@media (max-width: 640px) {
  .ump-header__inner {
    padding: 0 20px;
    height: 64px;
  }
  .ump-logo__name {
    font-size: 15px;
  }
  .ump-logo__coords {
    display: none;
  }
}

/* offset for the fixed header — put this class on your first section */
.ump-header-offset {
  padding-top: var(--ump-header-h);
}

@media (prefers-reduced-motion: reduce) {
  .ump-header {
    transition: none;
  }
}