/* Cristiana Lari - stile del sito */
@font-face { font-family: "BigCaslonBrand"; src: url("../uploads/big-caslon-medium.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "SheenlineBrand"; src: url("../uploads/sheenline-script.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Urbanist"; src: url("../uploads/urbanist-latin.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Urbanist"; src: url("../uploads/urbanist-italic-latin.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  --ink: #291C1E;
  --ink-soft: #54413c;
  --paper: #FEFEFE;
  --sand: #DFD6CE;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Urbanist", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: var(--ink); text-decoration: none; }
a:hover { color: var(--ink); }
.link-testo, .link-testo:hover { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em; transition: text-decoration-thickness 0.3s ease; }
.link-testo:hover { text-decoration-thickness: 2px; }
p { text-wrap: pretty; }
img { display: block; max-width: 100%; }
input, textarea, button { font-family: inherit; }
input::placeholder, textarea::placeholder { color: #6b5a54; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.skip-link { position: fixed; left: 16px; top: 12px; z-index: 300; background: var(--ink); color: var(--paper); padding: 12px 20px; font-size: 0.875rem; font-weight: 700; text-decoration: none; transform: translateY(-160%); transition: transform 0.2s ease; }
.skip-link:focus-visible { transform: none; outline-color: var(--paper); outline-offset: -5px; }

/* ---------- header ---------- */
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 120;
  height: 112px;
  background: linear-gradient(180deg, rgba(41,28,30,0.85) 0%, rgba(41,28,30,0.72) 100%);
  border-bottom: 1px solid transparent;
  color: var(--paper);
  font-family: "Urbanist", system-ui, sans-serif;
  transition: background 0.45s ease, color 0.45s ease, border-color 0.45s ease;
}
.site-header.is-scrolled { height: 88px; background: var(--paper); border-bottom-color: rgba(41,28,30,0.1); color: var(--ink); }
.site-header__inner { max-width: 1240px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; height: 100%; }
.site-header__logo { display: flex; align-items: center; flex: 0 0 auto; padding: 4px 0; }
.site-header__logo img { display: block; height: 78px; width: auto; filter: invert(1); transition: filter 0.45s ease; }
.site-header.is-scrolled .site-header__logo img { height: 64px; filter: none; }
.site-nav { display: flex; align-items: center; gap: 22px; flex: 1 1 auto; justify-content: center; }
.site-nav a { position: relative; font-size: 0.781rem; letter-spacing: 0.14em; text-transform: uppercase; color: inherit; font-weight: 400; padding: 6px 0; border-bottom: 1px solid transparent; transition: opacity 0.2s ease, border-color 0.3s ease; }
.site-nav a:hover { color: inherit; opacity: 0.65; }
.site-nav a[aria-current="page"] { border-bottom-color: currentColor; }
.site-header__cta {
  display: inline-block; flex: 0 0 auto;
  border: 1px solid rgba(254,254,254,0.75); background: transparent; color: var(--paper);
  padding: 13px 24px; font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;
  transition: all 0.4s ease;
  animation: cta-pulse 2s ease-in-out infinite;
}
.site-header__cta:hover { color: var(--paper); opacity: 0.82; }
.site-header.is-scrolled .site-header__cta { border-color: var(--ink); background: var(--ink); }
@keyframes cta-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(245,202,54,0.8); }
  50% { box-shadow: 0 0 0 10px rgba(245,202,54,0); }
}
.site-header__burger { display: none; flex-direction: column; gap: 6px; align-items: flex-end; justify-content: center; background: none; border: none; color: inherit; cursor: pointer; padding: 12px; min-width: 48px; min-height: 48px; }
.site-header__burger span { display: block; height: 1.5px; width: 24px; background: currentColor; }
.site-header__burger span:last-child { width: 16px; }

@media (max-width: 1049.98px) {
  .site-header, .site-header.is-scrolled { height: 80px; }
  .site-header__logo img, .site-header.is-scrolled .site-header__logo img { height: 52px; }
  .site-nav, .site-header__cta { display: none; }
  .site-header__burger { display: flex; }
}

/* ---------- menu mobile ---------- */
.mobile-menu { position: fixed; inset: 0; z-index: 200; background: var(--ink); color: var(--paper); display: none; flex-direction: column; padding: 24px; font-family: "Urbanist", system-ui, sans-serif; overflow-y: auto; }
.mobile-menu.is-open { display: flex; }
.mobile-menu__top { display: flex; align-items: center; justify-content: space-between; }
.mobile-menu__top img { height: 46px; width: auto; filter: invert(1); }
.mobile-menu__close { background: none; border: 1px solid rgba(254,254,254,0.35); color: var(--paper); width: 46px; height: 46px; border-radius: 50%; font-size: 1.25rem; line-height: 1; cursor: pointer; }
.mobile-menu__nav { display: flex; flex-direction: column; gap: 4px; margin-top: 44px; }
.mobile-menu__nav a { color: var(--paper); font-family: "BigCaslonBrand", Georgia, serif; font-size: 1.688rem; padding: 12px 0; border-bottom: 1px solid rgba(254,254,254,0.14); transition: opacity 0.2s ease; }
.mobile-menu__nav a:hover { color: var(--paper); opacity: 0.7; }
.mobile-menu__social { display: flex; gap: 28px; margin-top: 28px; margin-bottom: 28px; }
.mobile-menu__social a { color: var(--paper); padding: 10px; margin: -10px; transition: opacity 0.2s ease; }
.mobile-menu__social a:hover { color: var(--paper); opacity: 0.7; }
.mobile-menu__cta { margin-top: auto; display: block; text-align: center; background: var(--paper); color: var(--ink); padding: 17px 24px; font-size: 0.781rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; }
.mobile-menu__note { margin: 18px 0 0; font-size: 0.75rem; letter-spacing: 0.02em; color: rgba(254,254,254,0.6); text-align: center; }

/* ---------- footer ---------- */
/* area di tocco di almeno 28px sui link testuali, senza spostare il layout */
#contatti a:not([aria-label]) { position: relative; }
#contatti a:not([aria-label])::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: max(100%, 28px); transform: translateY(-50%); }
/* icone social/legali: area di tocco ~40px senza spostare il layout */
footer a[aria-label] { padding: 10px; margin: -10px; }
@media (max-width: 767.98px) {
  .only-desk { display: none !important; }
}

/* ---------- card trattamenti (home) ---------- */
.tcard { --card-img: none; --card-label: translateY(100%); --card-op: 0; }
.tcard:hover, .tcard:focus-visible { --card-img: translateY(-14px) scale(1.05); --card-label: translateY(0); --card-op: 1; }

/* ---------- indicatore "Scorri" nelle hero ---------- */
.hero-cue { position: absolute; z-index: 4; right: clamp(24px, 4vw, 56px); bottom: clamp(64px, 9vh, 104px); display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 16px 9px 14px; border-radius: 999px; background: rgba(41,28,30,0.42); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: var(--paper); }
.hero-cue:hover { color: var(--paper); }
@media (max-width: 767.98px) { .hero-cue { display: none; } }
.hero-cue__text { writing-mode: vertical-rl; font-size: 0.75rem; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 700; text-shadow: 0 0 12px rgba(41,28,30,0.9), 0 1px 3px rgba(41,28,30,0.95); }
.hero-cue__track { position: relative; display: block; width: 1px; height: 56px; background: rgba(254,254,254,0.35); overflow: hidden; box-shadow: 0 0 6px rgba(41,28,30,0.7); }
.hero-cue__bar { position: absolute; left: 0; top: 0; width: 1px; height: 24px; background: var(--paper); }

/* ---------- lightbox video ---------- */
.lightbox { position: fixed; inset: 0; z-index: 300; background: rgba(20,14,15,0.92); display: none; align-items: center; justify-content: center; padding: 24px; }
.lightbox.is-open { display: flex; }
.lightbox__frame { position: relative; width: 100%; max-width: 960px; aspect-ratio: 16 / 9; background: #000; }
.lightbox__frame--short { max-width: none; width: min(100%, calc((100dvh - 140px) * 9 / 16)); aspect-ratio: 9 / 16; }
.lightbox__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.lightbox__close { position: absolute; top: -48px; right: 0; background: none; border: 1px solid rgba(254,254,254,0.4); color: var(--paper); width: 40px; height: 40px; border-radius: 50%; font-size: 1.25rem; line-height: 1; cursor: pointer; }

/* ---------- chi sono: riga storia con video ---------- */
.story-row { max-width: 1240px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 96px); align-items: center; }
.story-row__media { position: relative; }
.story-row__media::before { content: ""; position: absolute; inset: 0; background: #EDE7E1; transform: translate(-22px, 22px); }
.video-inline { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ink); cursor: pointer; }
.video-inline img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s cubic-bezier(0.22,0.61,0.36,1); }
.video-inline:hover img, .video-inline:focus-visible img { transform: scale(1.03); }
.video-inline__play { position: absolute; left: clamp(14px, 2vw, 24px); bottom: clamp(14px, 2vw, 24px); display: flex; align-items: center; gap: 12px; padding: 8px 18px 8px 8px; border-radius: 999px; background: rgba(41,28,30,0.82); color: var(--paper); font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; transition: transform 0.3s ease, background 0.3s ease; }
.video-inline__play::before { content: ""; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--paper); }
.video-inline__icon { position: absolute; left: 28px; top: 50%; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent var(--ink); transform: translate(-30%, -50%); }
.video-inline:hover .video-inline__play, .video-inline:focus-visible .video-inline__play { transform: scale(1.03); background: rgba(41,28,30,0.95); }
.video-inline iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-inline--short { aspect-ratio: 9 / 16; }
.split__video { margin-top: clamp(32px, 4vw, 48px); max-width: 300px; }
.split__video .video-inline { box-shadow: 18px 18px 0 #DFD6CE; }
@media (max-width: 700px) { .split__video { margin-right: 12px; } .split__video .video-inline { box-shadow: 12px 12px 0 #DFD6CE; } }
.story-row--photo .story-row__media.story-row__media--short { max-width: 360px; }
.story-row__text h2 { text-wrap: balance; }
.story-row__media--dark::before { background: rgba(254,254,254,0.08); transform: translate(22px, 22px); }
.photo-frame { box-shadow: -22px 22px 0 #EDE7E1; }
.photo-frame--right { box-shadow: 22px 22px 0 #EDE7E1; }
.photo-frame--sand { box-shadow: -22px 22px 0 #CFC3B9; }
.photo-frame--sand.photo-frame--right { box-shadow: 22px 22px 0 #CFC3B9; }
@media (max-width: 700px) {
  .photo-frame { box-shadow: -12px 12px 0 #EDE7E1; }
  .photo-frame--right { box-shadow: 12px 12px 0 #EDE7E1; }
  .photo-frame--sand { box-shadow: -12px 12px 0 #CFC3B9; }
  .photo-frame--sand.photo-frame--right { box-shadow: 12px 12px 0 #CFC3B9; }
}
/* hero che cresce col contenuto: il testo non finisce mai sotto l'header */
.hero-fit { height: auto !important; max-height: none !important; min-height: var(--hero-h) !important; display: flex; flex-direction: column; justify-content: flex-end; }
.hero-fit__content { position: relative !important; inset: auto !important; padding-top: 136px !important; }
@media (max-width: 700px) { .hero-fit__content { padding-top: 120px !important; } }
.story-row__photo { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; }
.story-row--photo .story-row__media { max-width: 480px; justify-self: center; width: 100%; }
@media (max-width: 900px) {
  .story-row { grid-template-columns: 1fr; }
  .story-row__media--dark { margin-left: 0; margin-right: 22px; }
  .story-row__media { margin-left: 22px; }
}

/* ---------- blocchi di contenuto: titolo a sinistra, contenuto a destra ---------- */
.wrap { position: relative; max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.split { display: flex; flex-wrap: wrap; gap: clamp(40px, 7vw, 120px); align-items: flex-start; }
.split__head { flex: 0 1 360px; min-width: 240px; }
.split__body { flex: 1 1 560px; min-width: min(100%, 280px); }
.eyebrow { margin: 0; font-family: "SheenlineBrand", cursive; font-size: 2.5rem; line-height: 1.1; color: var(--ink-soft); }
.h2 { margin: 10px 0 0; font-family: "BigCaslonBrand", Georgia, serif; font-weight: 400; font-size: clamp(1.875rem, 3.4vw, 2.75rem); line-height: 1.15; text-wrap: balance; }
.h2:first-child { margin-top: 0; }
.rule { width: 72px; height: 1px; background: rgba(41,28,30,0.4); margin-top: 28px; }
.txt { margin: 22px 0 0; font-size: 1.1rem; line-height: 1.8; }
.txt + .txt { margin-top: 14px; }
.txt--intro { margin-top: 22px; max-width: 34ch; }
.claim { margin: clamp(36px, 4vw, 52px) 0 0; font-family: "BigCaslonBrand", Georgia, serif; font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.25; }
.on-dark { color: var(--paper); }
.on-dark .eyebrow { color: var(--sand); }
.on-dark .rule { background: rgba(254,254,254,0.5); }

/* elenco a griglia: numero, titolo, testo */
.points { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: clamp(36px, 4vw, 56px) clamp(28px, 4vw, 56px); }
.points--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.points > li { border-top: 1px solid rgba(41,28,30,0.16); padding-top: 18px; }
.points__n { display: block; font-family: "BigCaslonBrand", Georgia, serif; font-size: clamp(2.25rem, 3.4vw, 3rem); line-height: 1; color: var(--num, #8a7569); margin-bottom: 14px; }
.points h3 { margin: 0; font-family: "BigCaslonBrand", Georgia, serif; font-weight: 400; font-size: clamp(1.375rem, 2vw, 1.625rem); line-height: 1.25; }
.points p { margin: 12px 0 0; font-size: 1.1rem; line-height: 1.8; }
.on-dark .points > li { border-top-color: rgba(254,254,254,0.28); }
.on-dark .points p { color: var(--paper); }
.bg-panel { --num: #8a7569; }

/* elenco con trattino */
.ticks { list-style: none; margin: 28px 0 0; padding: 0; }
.ticks li { position: relative; padding: 14px 0 14px 34px; border-top: 1px solid rgba(41,28,30,0.16); font-size: 1.1rem; line-height: 1.6; }
.ticks li:last-child { border-bottom: 1px solid rgba(41,28,30,0.16); }
.ticks li::before { content: ""; position: absolute; left: 0; top: calc(14px + 0.8em); width: 18px; height: 1px; background: currentColor; }

/* riquadro chiaro accanto al testo */
.note-box { background: var(--paper); padding: clamp(32px, 4vw, 48px); }
.note-box h3 { margin: 0; font-family: "BigCaslonBrand", Georgia, serif; font-weight: 400; font-size: clamp(1.5rem, 2.2vw, 1.875rem); line-height: 1.2; }
.note-box p { margin: 16px 0 0; font-size: 1.1rem; line-height: 1.8; }

/* ---------- domande frequenti ---------- */
.faq { border-bottom: 1px solid rgba(41,28,30,0.16); }
.faq details { border-top: 1px solid rgba(41,28,30,0.16); }
.faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; font-family: "BigCaslonBrand", Georgia, serif; font-size: clamp(1.25rem, 1.8vw, 1.5rem); line-height: 1.3; transition: opacity 0.3s ease; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary:hover { opacity: 0.7; }
.faq__icon { position: relative; flex: none; width: 40px; height: 40px; border: 1px solid rgba(41,28,30,0.3); border-radius: 50%; transition: transform 0.4s cubic-bezier(0.22,0.61,0.36,1), background 0.3s ease; }
.faq__icon::before, .faq__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 1px; background: currentColor; transform: translate(-50%, -50%); }
.faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq details[open] .faq__icon { transform: rotate(45deg); background: var(--sand); }
.faq__a { margin: 0; padding: 0 64px 26px 0; font-size: 1.1rem; line-height: 1.8; }
@media (max-width: 700px) { .faq__a { padding-right: 0; } }

/* ---------- spazio per foto da inserire ---------- */
.img-slot { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 32px; aspect-ratio: 4 / 5; background: var(--slot-bg, #DFD6CE); color: var(--ink-soft); outline: 1px dashed rgba(41,28,30,0.35); outline-offset: -14px; overflow: hidden; }
.img-slot__label { font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; }
.img-slot__desc { margin-top: 10px; max-width: 26ch; font-family: "BigCaslonBrand", Georgia, serif; font-size: 1.25rem; line-height: 1.3; color: var(--ink); }
.img-slot__file { margin-top: 10px; font-size: 0.8125rem; }
.img-slot.is-filled { padding: 0; outline: none; background: #cfc3b9; }
.img-slot.is-filled img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.on-dark .img-slot:not(.is-filled) { --slot-bg: #54413c; color: var(--sand); outline-color: rgba(254,254,254,0.4); }
.on-dark .img-slot__desc { color: var(--paper); }

/* riga testo + foto: varianti di sfondo e lato */
.story-row--panel .story-row__media::before { background: #DFD6CE; }
.story-row--panel { --slot-bg: #CFC3B9; }
.story-row--sand .story-row__media::before { background: #CFC3B9; }
.story-row--sand { --slot-bg: #EDE7E1; }
.story-row__media--right::before { transform: translate(22px, 22px); }
.on-dark .story-row__media::before { background: rgba(254,254,254,0.08); }
.story-row__media .img-slot { position: relative; }
@media (max-width: 900px) {
  .story-row__media--right { margin-left: 0; margin-right: 22px; }
  .story-row--photo .story-row__media { order: 2; }
}

/* in Contatti WhatsApp e' tra i recapiti: niente pulsante flottante sopra la colonna */
body[data-page="contatti"] a[aria-label="Scrivi su WhatsApp"] { display: none !important; }

/* WhatsApp flottante su mobile: solo icona, compare dopo il 30% di scroll */
@media (max-width: 767.98px) {
  a.wa-float { padding: 14px !important; gap: 0 !important; opacity: 0; visibility: hidden; transform: translateY(12px) !important; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s !important; }
  a.wa-float.is-visible { opacity: 1; visibility: visible; transform: none !important; }
  .wa-float__label { display: none; }
}
/* galleria "Dentro il centro" su mobile: due colonne invece di cinque foto in fila */
@media (max-width: 600px) {
  .gallery-centro { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px !important; }
  .gallery-centro > div { min-width: 0 !important; }
  .gallery-centro > div:nth-child(1), .gallery-centro > div:nth-child(4), .gallery-centro > div:nth-child(5) { grid-column: span 2; }
  .gallery-centro > div:nth-child(4) { aspect-ratio: 1 / 1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .site-header__cta { animation: none; }
}

/* ---------- pagine semplici (policy, grazie, 404) ---------- */
.legal-hero { position: relative; background: var(--ink); color: var(--paper); padding: 190px 0 clamp(96px, 11vw, 150px); }
.legal-hero__inner { max-width: 820px; margin: 0 auto; padding: 0 24px; }
.legal-hero h1 { margin: 0; font-family: "BigCaslonBrand", Georgia, serif; font-weight: 400; font-size: clamp(2.25rem, 4.6vw, 3.5rem); line-height: 1.1; text-wrap: balance; }
.legal-hero__sub { margin: 18px 0 0; font-size: 1.1rem; line-height: 1.7; color: #DFD6CE; }
.legal-body { position: relative; background: var(--paper); padding: clamp(48px, 6vw, 80px) 0 clamp(110px, 12vw, 170px); }
.legal { max-width: 820px; margin: 0 auto; padding: 0 24px; font-size: 1.05rem; line-height: 1.8; }
.legal h2 { margin: 2.2em 0 0.5em; font-family: "BigCaslonBrand", Georgia, serif; font-weight: 400; font-size: clamp(1.5rem, 2.4vw, 1.875rem); line-height: 1.25; }
.legal p, .legal ul { margin: 0 0 1em; }
.legal ul { padding-left: 1.2em; }
.legal li { margin-bottom: 0.5em; }
.legal a { border-bottom: 1px solid currentColor; }
.legal__updated { font-size: 0.875rem; color: var(--ink-soft, #54413c); }
.legal__lead { font-size: 1.25rem; line-height: 1.7; }
.legal__links { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 28px; }
.legal__actions { margin-top: 2em; }
.legal .legal__btn { display: inline-block; border: 0; background: var(--ink); color: var(--paper); padding: 16px 30px; font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; transition: opacity 0.3s ease, transform 0.3s ease; }
.legal .legal__btn:hover { opacity: 0.85; transform: translateY(-2px); color: var(--paper); }
mark.todo { background: #ffe066; color: #291C1E; padding: 0 4px; font-weight: 700; }

/* messaggio di errore invio modulo */
.form-alert { margin: 0; padding: 14px 18px; border-left: 3px solid #9b2c2c; background: #f6e9e7; color: #291C1E; font-size: 1rem; line-height: 1.6; }

/* hover/focus */
.hv1:hover, .hv1:focus-visible { opacity: 0.7 !important; }
.hv2:hover, .hv2:focus-visible { background: #126A33 !important; transform: translateY(-2px) !important; }
.hv3:hover, .hv3:focus-visible { background: #DFD6CE !important; transform: translateY(-2px) !important; }
.hv4:hover, .hv4:focus-visible { background: rgba(254,254,254,0.14) !important; color: #FEFEFE !important; transform: translateY(-2px) !important; }
.hv5:hover, .hv5:focus-visible { opacity: 0.6 !important; letter-spacing: 0.2em !important; }
.hv6:hover, .hv6:focus-visible { opacity: 0.85 !important; color: #FEFEFE !important; transform: translateY(-2px) !important; }
.hv7:hover, .hv7:focus-visible { transform: scale(1.04) !important; }
.hv8:hover, .hv8:focus-visible { transform: scale(1.05) !important; }
.hv9:hover, .hv9:focus-visible { background: rgba(254,254,254,0.12) !important; color: #FEFEFE !important; transform: translateY(-2px) !important; }
.hv10:hover, .hv10:focus-visible { opacity: 0.9 !important; color: #291C1E !important; transform: translateY(-2px) !important; }
.fc11:focus { border-bottom-color: #291C1E !important; }
.hv12:hover, .hv12:focus-visible { opacity: 0.85 !important; transform: translateY(-2px) !important; }
.hv13:hover, .hv13:focus-visible { padding-left: 8px !important; }
.hv14:hover, .hv14:focus-visible { color: #FEFEFE !important; opacity: 0.75 !important; }