/* Hanul cu Brazi — calm, editorial refinement layer.
   Keeps the existing content and conversion paths, but removes experimental
   effects that compete with the photographs and the information. */

:root {
  --hcb-radius: 3px;
  --hcb-line: rgba(237, 230, 214, .16);
}

html { scroll-behavior: smooth; }
body { text-wrap: pretty; }

/* Shared restraint: fewer pills, glows, and floating-card effects. */
.btn,
.cta,
.hcta,
.top-call,
.btn-wa,
.btn-ghost,
.pack,
.card,
.price .tier,
.toolbar button,
.grev {
  border-radius: var(--hcb-radius) !important;
  box-shadow: none !important;
}

.btn,
.cta,
.hcta,
.btn-wa,
.btn-ghost,
.top-call { transition: background-color .18s, border-color .18s, color .18s !important; }

.pack:hover,
.card:hover,
.btn:hover,
.cta:hover,
.hcta:hover,
.grev:hover { transform: none !important; }

/* The two long-form landing pages shared an experimental motion/glass layer.
   Keep their editorial bones and photography, remove the spectacle. */
body.page-editorial::after,
body.page-editorial .pre,
body.page-editorial .progress,
body.page-editorial .clock,
body.page-editorial .cursor,
body.page-editorial canvas,
body.page-editorial .shout,
body.page-editorial .dawn,
body.page-editorial .dusk,
body.page-editorial .follow,
body.page-editorial .route-wrap,
body.page-editorial .wa-float .wa-tip { display: none !important; }

body.page-editorial.loading { overflow: auto !important; }
body.page-editorial [data-slide],
body.page-editorial [data-depth],
body.page-editorial .manifesto .w,
body.page-editorial .h-title .ch,
body.page-editorial .hero-inner,
body.page-editorial .hero-row,
body.page-editorial .hero-meta,
body.page-editorial .exp-txt,
body.page-editorial .price .tiers,
body.page-editorial .zona-img img {
  opacity: 1 !important;
  transform: none !important;
}

body.page-editorial #topbar {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
  padding: 24px clamp(20px, 4vw, 56px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(237,230,214,.12) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(7,11,9,.86), rgba(7,11,9,0)) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}

body.page-editorial #topbar nav { gap: 22px; }
body.page-editorial #topbar nav a { letter-spacing: .12em; }
body.page-editorial #topbar .top-call {
  background: transparent !important;
  border: 1px solid rgba(237,230,214,.45) !important;
  color: var(--bone) !important;
}

body.page-editorial .hero {
  min-height: 760px !important;
  height: min(900px, 100svh) !important;
  background: #070b09 !important;
}

body.page-editorial .hero-media {
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 1px solid rgba(237,230,214,.16);
}

body.page-editorial .hero-layer img { filter: saturate(.86) contrast(1.02) !important; }
body.page-editorial .h-title { letter-spacing: -.025em; }
body.page-editorial .hero-sub { line-height: 1.65; }
body.page-editorial .grev {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.page-editorial .manifesto { padding-block: clamp(72px, 9vw, 120px); }
body.page-editorial .manifesto p { max-width: 900px; font-size: clamp(1.65rem, 3vw, 2.7rem); }
body.page-editorial .vila { padding-top: 50px; }
body.page-editorial .collage figure { box-shadow: none; }

body.page-editorial .exp { gap: clamp(48px, 7vw, 88px); padding-block: clamp(72px, 8vw, 110px); }
body.page-editorial .exp-fig { aspect-ratio: 4 / 3; }
body.page-editorial .exp-fig img { height: 100%; transform: none !important; }

body.page-editorial .hwrap { height: auto !important; padding: clamp(72px, 9vw, 120px) 0; }
body.page-editorial .hsticky { position: static !important; height: auto !important; overflow: visible !important; }
body.page-editorial .hstrip {
  width: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px !important;
  transform: none !important;
  padding-inline: clamp(20px, 4vw, 56px) !important;
}
body.page-editorial .hstrip figure { width: auto !important; height: auto !important; aspect-ratio: 4 / 3; transform: none !important; }
body.page-editorial .hstrip figure:nth-child(n+9) { display: none !important; }
body.page-editorial .hstrip img { width: 100% !important; height: 100% !important; object-fit: cover; }
body.page-editorial .hfoot { padding-top: 20px; }
body.page-editorial #hgalPos { display: none; }

body.page-editorial .price {
  min-height: auto;
  padding-block: clamp(80px, 9vw, 120px);
  background: #0c1310 !important;
}
body.page-editorial .price .tier {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--hcb-line) !important;
}
body.page-editorial .price .tier.hot { border-color: rgba(217,160,91,.65) !important; }

body.page-editorial .direct { background: var(--hcb-line); }
body.page-editorial .direct > div { padding: 36px 30px; }
body.page-editorial .faq details {
  margin: 0 !important;
  padding: 23px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hcb-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.page-editorial footer { padding-top: clamp(64px, 8vw, 96px); }
body.page-editorial .foot-big { font-size: clamp(2.4rem, 6vw, 5rem); }
body.page-editorial .footer-seo .terms { display: none; }

/* Homepage resources: deliberately typographic, not another row of cards. */
.resources-home {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 56px) clamp(88px, 11vw, 150px);
}
.resources-home .resource-list { border-top: 1px solid var(--hcb-line); }
.resources-home .resource-row {
  display: grid;
  grid-template-columns: 3.2rem minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 25px 0;
  border-bottom: 1px solid var(--hcb-line);
  color: inherit;
  text-decoration: none;
}
.resources-home .resource-no { font-family: var(--mono); color: var(--ember); font-size: .7rem; letter-spacing: .16em; }
.resources-home h3 { font-family: var(--serif); font-weight: 300; font-size: clamp(1.25rem, 2.3vw, 1.8rem); line-height: 1.15; }
.resources-home p { margin-top: 5px; color: var(--bone-dim); font-size: .92rem; }
.resources-home .resource-action { font-family: var(--mono); color: var(--ember); font-size: .67rem; letter-spacing: .14em; text-transform: uppercase; }

@media (max-width: 900px) {
  body.page-editorial #topbar nav { display: none; }
  body.page-editorial .hero { min-height: 700px !important; height: 100svh !important; }
  body.page-editorial .hstrip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-editorial .hstrip figure:nth-child(n+7) { display: none !important; }
}

@media (max-width: 620px) {
  body.page-editorial #topbar { padding: 18px 16px !important; background: rgba(7,11,9,.82) !important; }
  body.page-editorial .hero-media { outline: 0; }
  body.page-editorial .hstrip { grid-template-columns: 1fr; }
  body.page-editorial .hstrip figure:nth-child(n+5) { display: none !important; }
  .resources-home .resource-row { grid-template-columns: 2.2rem 1fr; gap: 14px; }
  .resources-home .resource-action { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}