.hc{--hc-bg: #ffffff; --hc-cream: #fbf8f3; --hc-sand: #f3ede4; --hc-sand-2: #f0e9df; --hc-ink: #241c14; --hc-muted: #7d6c58; --hc-accent: #992238; --hc-accent-hover: #7f1b2e; --hc-gold: #8a6d3b; --hc-gold-2: #c19a4b; --hc-line: #e8e0d3; --hc-ok: #2f6b4f; --hc-r-sm: 10px; --hc-r: 14px; --hc-r-lg: 18px; --hc-pill: 999px; --hc-shadow: 0 14px 32px rgba(36, 28, 20, .07); --hc-shadow-lg: 0 24px 48px rgba(36, 28, 20, .14); --hc-gap: clamp(14px, 2vw, 24px); --hc-sec: clamp(40px, 6vw, 76px); --hc-pad: clamp(16px, 3.4vw, 48px); --hc-font: "Raleway", "Helvetica Neue", Arial, sans-serif; display: block; font-family: var(--hc-font); font-size: 16px; line-height: 1.65; color: var(--hc-ink); font-variant-numeric: lining-nums; -webkit-text-size-adjust: 100%; text-align: left;}
.hc *,.hc *::before,.hc *::after{box-sizing: border-box;}
.hc img,.hc video,.hc svg{max-width: 100%;}
.hc img,.hc video{display: block; height: auto;}
.hc p,.hc ul,.hc ol,.hc figure,.hc h1,.hc h2,.hc h3,.hc h4,.hc dl,.hc dd,.hc blockquote{margin: 0; padding: 0;}
.hc ul,.hc ol{list-style: none;}
.hc :focus-visible{outline: 3px solid var(--hc-gold-2); outline-offset: 2px;}
.hc .hc-i{width: 1.25em; height: 1.25em; flex: none; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.hc .hc-i--fill{fill: currentColor; stroke: none;}
.hc .hc-sr{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.hc .hc-sprite{position: absolute; width: 0; height: 0; overflow: hidden;}
.hc .hc-sec{padding-block: var(--hc-sec); --hc-bleed: 0px;}
.hc .hc-sec--tight{padding-block: calc(var(--hc-sec) * .55);}
.hc .hc-sec--cream{--hc-bleed: var(--hc-pad); background: var(--hc-cream); border-radius: var(--hc-r-lg); padding-inline: var(--hc-pad); margin-block: calc(var(--hc-sec) * .35);}
.hc .hc-sec--dark{--hc-bleed: var(--hc-pad); background: var(--hc-ink); color: #fff; border-radius: var(--hc-r-lg); padding-inline: var(--hc-pad);}
.hc .hc-sec__head{max-width: 760px; margin-bottom: clamp(22px, 3.4vw, 40px);}
.hc .hc-sec__head--center{margin-inline: auto; text-align: center;}
.hc .hc-eyebrow{display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--hc-gold); line-height: 1.4;}
.hc .hc-eyebrow::before{content: ""; flex: none; width: 26px; height: 1px; background: currentColor;}
.hc .hc-sec__head--center .hc-eyebrow{justify-content: center;}
.hc .hc-h1{font-size: clamp(32px, 7.4vw, 54px); line-height: 1.09; font-weight: 700; letter-spacing: -.02em; color: var(--hc-ink); margin: 0; text-wrap: balance;}
.hc .hc-h1__accent{color: var(--hc-accent);}
.hc .hc-h2{font-size: clamp(25px, 4.4vw, 38px); line-height: 1.2; font-weight: 600; letter-spacing: -.01em; color: var(--hc-ink); margin: 0; text-wrap: balance;}
.hc .hc-sec--dark .hc-h2{color: #fff;}
.hc .hc-h3{font-size: 19px; line-height: 1.3; font-weight: 600; color: var(--hc-ink); margin: 0;}
.hc .hc-lead{font-size: clamp(16px, 2.2vw, 18px); line-height: 1.65; color: var(--hc-muted); margin-top: 14px;}
.hc .hc-prose p + p{margin-top: 1em;}
.hc .hc-prose a,.hc .hc-link{color: var(--hc-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.hc .hc-prose a:hover,.hc .hc-link:hover{color: var(--hc-accent-hover);}
.hc .hc-prose strong{font-weight: 700; color: var(--hc-ink);}
.hc a:not([class]){color: var(--hc-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.hc a:not([class]):hover{color: var(--hc-accent-hover);}
.hc .hc-more{display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-weight: 600; font-size: 15px; color: var(--hc-accent); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px;}
.hc .hc-more .hc-i{width: 1em; height: 1em; transition: transform .2s;}
.hc .hc-more:hover .hc-i{transform: translateX(3px);}
.hc .hc-btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 30px; border: 1px solid var(--hc-accent); border-radius: var(--hc-pill); background: var(--hc-accent); color: #fff; font: 600 15px/1.2 var(--hc-font); letter-spacing: .01em; text-decoration: none; text-transform: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s, box-shadow .2s, transform .2s; -webkit-tap-highlight-color: transparent;}
.hc .hc-btn:hover{background: var(--hc-accent-hover); border-color: var(--hc-accent-hover); color: #fff; box-shadow: 0 10px 22px rgba(153, 34, 56, .28);}
.hc .hc-btn:active{transform: translateY(1px);}
.hc .hc-btn--ghost{background: transparent; color: var(--hc-accent);}
.hc .hc-btn--ghost:hover{background: var(--hc-accent); color: #fff;}
.hc .hc-btn--invert{background: #fff; border-color: #fff; color: var(--hc-accent);}
.hc .hc-btn--invert:hover{background: var(--hc-cream); border-color: var(--hc-cream); color: var(--hc-accent-hover); box-shadow: 0 10px 22px rgba(0, 0, 0, .22);}
.hc .hc-btn--block{width: 100%;}
.hc .hc-btn .hc-i{width: 1.15em; height: 1.15em;}
.hc .hc-btn__chev{transition: transform .2s;}
.hc .hc-btn[disabled]{opacity: .6; cursor: default; pointer-events: none;}
.hc .hc-msgr{position: relative;}
.hc .hc-msgr > summary{list-style: none;}
.hc .hc-msgr > summary::-webkit-details-marker{display: none;}
.hc .hc-msgr[open] .hc-btn__chev{transform: rotate(180deg);}
.hc .hc-msgr__panel{display: grid; gap: 4px; margin-top: 8px; padding: 8px; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r); box-shadow: var(--hc-shadow-lg);}
.hc .hc-msgr__link{display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--hc-r-sm); font-weight: 600; font-size: 15px; color: var(--hc-ink); text-decoration: none;}
.hc .hc-msgr__link:hover{background: var(--hc-cream); color: var(--hc-accent);}
.hc .hc-msgr__link .hc-i{width: 22px; height: 22px; color: var(--hc-accent);}
@media (min-width: 640px){.hc .hc-msgr__panel{position: absolute; z-index: 5; top: 100%; left: 0; min-width: 240px;}}
.hc .hc-hero{background: var(--hc-cream); border-radius: var(--hc-r-lg); padding: clamp(22px, 5vw, 64px) var(--hc-pad) clamp(24px, 4vw, 56px);}
.hc .hc-hero__grid{display: grid; gap: clamp(22px, 4vw, 56px); align-items: center;}
.hc .hc-hero__lead{margin-top: 18px; font-size: clamp(16px, 2.3vw, 19px); line-height: 1.6; color: var(--hc-muted); max-width: 58ch;}
.hc .hc-hero__cta{display: grid; gap: 12px; margin-top: 26px;}
.hc .hc-hero__cta .hc-btn{width: 100%;}
.hc .hc-hero__note{margin-top: 14px; font-size: 14px; line-height: 1.5; color: var(--hc-muted);}
.hc .hc-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px;}
.hc .hc-chip{display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--hc-line); border-radius: var(--hc-pill); background: #fff; font-size: 13.5px; line-height: 1.3; color: var(--hc-ink); text-decoration: none;}
.hc .hc-chip b{font-weight: 700; color: var(--hc-accent);}
.hc .hc-chip .hc-i{width: 16px; height: 16px; color: var(--hc-accent);}
.hc a.hc-chip:hover{border-color: var(--hc-gold-2);}
.hc .hc-stars{color: var(--hc-gold-2); letter-spacing: 1px; font-size: 13px;}
.hc .hc-hero__media{position: relative; margin: 0; padding-top: 14px;}
.hc .hc-hero__media::before{content: ""; position: absolute; z-index: 2; top: 3px; left: -6px; right: -6px; height: 8px; border-radius: 8px; background: linear-gradient(180deg, #d9b97a, #8a6d3b 70%, #6f5530); box-shadow: 0 3px 8px rgba(36, 28, 20, .22);}
.hc .hc-hero__media::after{content: ""; position: absolute; z-index: 2; top: 0; left: -12px; right: -12px; height: 14px; background: radial-gradient(circle at 7px 7px, #c19a4b 0 6px, transparent 6.5px) left top / 14px 14px no-repeat, radial-gradient(circle at 7px 7px, #c19a4b 0 6px, transparent 6.5px) right top / 14px 14px no-repeat;}
.hc .hc-hero__frame{position: relative; overflow: hidden; border-radius: var(--hc-r-lg); background: var(--hc-sand); aspect-ratio: var(--hc-ar-m, 4 / 3.15); box-shadow: var(--hc-shadow);}
.hc .hc-hero__frame img{width: 100%; height: 100%; object-fit: cover;}
.hc .hc-hero__badge{position: absolute; z-index: 3; left: 12px; bottom: 12px; display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 12px; background: var(--hc-accent); color: #fff; font-size: 13px; line-height: 1.25; text-decoration: none; box-shadow: 0 12px 28px rgba(153, 34, 56, .3);}
.hc .hc-hero__badge b{font-size: 24px; font-weight: 700; line-height: 1;}
.hc .hc-hero__badge .hc-stars{display: block; font-size: 12px; color: #f1cf8a;}
.hc .hc-hero__concept{position: absolute; z-index: 3; right: 10px; top: 10px; padding: 4px 10px; border-radius: var(--hc-pill); background: rgba(36, 28, 20, .62); color: #fff; font-size: 11.5px; backdrop-filter: blur(6px);}
@media (min-width: 640px){.hc .hc-hero__cta{display: flex; flex-wrap: wrap;}
.hc .hc-hero__cta .hc-btn{width: auto;}
.hc .hc-hero__frame{aspect-ratio: 16 / 11;}}
@media (min-width: 960px){.hc .hc-hero__grid{grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);}
.hc .hc-hero__frame{aspect-ratio: 4 / 4.2;}
.hc .hc-hero--wide .hc-hero__frame{aspect-ratio: 5 / 4;}
.hc .hc-hero__badge{left: 18px; bottom: 18px;}}
.hc .hc-trust{position: relative; margin-block: calc(var(--hc-sec) * .45); padding: 26px var(--hc-pad); border-radius: var(--hc-r-lg); color: #fff; overflow: hidden; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0, rgba(255, 255, 255, 0) 16px, rgba(0, 0, 0, .14) 32px), var(--hc-ink);}
.hc .hc-trust__list{display: grid; grid-template-columns: 1fr 1fr; gap: 22px 18px;}
.hc .hc-trust__item{display: block; color: inherit; text-decoration: none;}
.hc .hc-trust__v{display: block; font-size: clamp(19px, 5.2vw, 32px); overflow-wrap: anywhere; line-height: 1.1; font-weight: 700; color: #f1cf8a; letter-spacing: -.01em;}
.hc .hc-trust__v .hc-stars{font-size: .6em; vertical-align: .18em; margin-left: 4px; color: #f1cf8a;}
.hc .hc-trust__l{display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.4; color: rgba(255, 255, 255, .78);}
.hc a.hc-trust__item:hover .hc-trust__l{color: #fff; text-decoration: underline;}
@media (min-width: 800px){.hc .hc-trust{padding: 34px var(--hc-pad);}
.hc .hc-trust__list{grid-template-columns: repeat(4, 1fr); gap: 28px;}
.hc .hc-trust__item + .hc-trust__item{border-left: 1px solid rgba(255, 255, 255, .14); padding-left: 28px;}}
.hc .hc-cards{display: grid; gap: var(--hc-gap);}
.hc .hc-card{position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg); padding: 24px 22px; color: var(--hc-ink); text-decoration: none; transition: transform .25s, box-shadow .25s, border-color .25s;}
.hc .hc-card--link:hover{transform: translateY(-3px); box-shadow: var(--hc-shadow-lg); border-color: var(--hc-gold-2);}
.hc .hc-sec--cream .hc-card{background: #fff;}
.hc .hc-card__ico{display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 16px; border-radius: 50%; background: var(--hc-sand); color: var(--hc-accent);}
.hc .hc-card__ico .hc-i{width: 24px; height: 24px;}
.hc .hc-card__t{font-size: 19px; line-height: 1.3; font-weight: 600; color: var(--hc-ink);}
.hc .hc-card__p{margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--hc-muted);}
.hc .hc-card__p a{color: var(--hc-accent);}
.hc .hc-card__t a{color: inherit; text-decoration: none;}
.hc .hc-card__t a:hover{color: var(--hc-accent);}
.hc .hc-card__go{margin-top: auto; text-decoration: none; padding-top: 16px; display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; color: var(--hc-accent);}
.hc .hc-card__go .hc-i{width: 1em; height: 1em; transition: transform .2s;}
.hc .hc-card--link:hover .hc-card__go .hc-i{transform: translateX(4px);}
.hc .hc-card__badge{position: absolute; top: 14px; left: 14px; z-index: 2; padding: 4px 10px; border-radius: 6px; background: var(--hc-accent); color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: .04em;}
.hc .hc-card--photo{padding: 0; overflow: hidden;}
.hc .hc-card__pic{position: relative; display: block; aspect-ratio: 4 / 3; background: var(--hc-sand-2); overflow: hidden;}
.hc .hc-card__pic img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1);}
.hc .hc-card--link:hover .hc-card__pic img{transform: scale(1.045);}
.hc .hc-card__body{display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px;}
.hc .hc-card__body .hc-card__go{padding-top: 14px;}
.hc .hc-fit{margin-top: 12px; border-top: 1px dashed var(--hc-line); padding-top: 10px;}
.hc .hc-fit > summary{cursor: pointer; font-size: 13.5px; font-weight: 600; color: var(--hc-gold); list-style: none;}
.hc .hc-fit > summary::-webkit-details-marker{display: none;}
.hc .hc-fit > summary::after{content: " +";}
.hc .hc-fit[open] > summary::after{content: " –";}
.hc .hc-fit p{margin-top: 8px; font-size: 14px; line-height: 1.55; color: var(--hc-muted);}
.hc .hc-fit p b{color: var(--hc-ink);}
.hc .hc-card--num{background: transparent; border: 0; border-top: 2px solid var(--hc-ink); border-radius: 0; padding: 18px 4px 6px 0;}
.hc .hc-sec--dark .hc-card--num{border-color: var(--hc-gold-2);}
.hc .hc-card__n{margin-bottom: 8px; font-size: 13px; font-weight: 700; letter-spacing: .12em; color: var(--hc-gold);}
@media (max-width: 639px){.hc .hc-cards--swipe{display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--hc-bleed) * -1); padding: 4px var(--hc-bleed) 16px; scroll-padding-inline: var(--hc-bleed); scrollbar-width: none; -webkit-overflow-scrolling: touch;}
.hc .hc-cards--swipe::-webkit-scrollbar{display: none;}
.hc .hc-cards--swipe > .hc-card{flex: 0 0 78%; scroll-snap-align: start;}}
@media (min-width: 640px){.hc .hc-cards--2,.hc .hc-cards--3,.hc .hc-cards--4{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 960px){.hc .hc-cards--3{grid-template-columns: repeat(3, 1fr);}
.hc .hc-cards--4{grid-template-columns: repeat(4, 1fr);}
.hc .hc-card{padding: 28px 26px;}
.hc .hc-card--photo{padding: 0;}}
.hc .hc-split{display: grid; gap: clamp(22px, 4vw, 56px); align-items: center;}
.hc .hc-split__media{position: relative; margin: 0; border-radius: var(--hc-r-lg); overflow: hidden; background: var(--hc-sand); box-shadow: var(--hc-shadow);}
.hc .hc-split__media img{width: 100%; height: auto; aspect-ratio: 4 / 3.4; object-fit: cover;}
.hc .hc-split__media figcaption{position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 8px 12px; border-radius: 10px; background: rgba(36, 28, 20, .66); color: #fff; font-size: 13px; line-height: 1.35; backdrop-filter: blur(6px);}
.hc .hc-split__body .hc-prose{margin-top: 16px; color: var(--hc-ink);}
.hc .hc-split__body .hc-btn{margin-top: 24px;}
@media (min-width: 900px){.hc .hc-split{grid-template-columns: 1fr 1fr;}
.hc .hc-split--reverse .hc-split__media{order: 2;}
.hc .hc-split__media img{aspect-ratio: 4 / 4.6;}}
.hc .hc-check{display: grid; gap: 12px; margin-top: 20px;}
.hc .hc-check li{position: relative; padding-left: 38px; font-size: 15.5px; line-height: 1.55; color: var(--hc-muted);}
.hc .hc-check li strong{display: block; font-weight: 600; font-size: 16px; color: var(--hc-ink);}
.hc .hc-check li::before{content: ""; position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%; background: var(--hc-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat;}
.hc .hc-who{display: grid; gap: 12px;}
.hc .hc-who__row{display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; align-items: start; padding: 18px 20px; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r); color: inherit; text-decoration: none;}
.hc a.hc-who__row:hover{border-color: var(--hc-gold-2); box-shadow: var(--hc-shadow);}
.hc .hc-who__ico{grid-row: span 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--hc-sand); color: var(--hc-accent);}
.hc .hc-who__t{font-weight: 600; font-size: 16.5px; line-height: 1.35;}
.hc .hc-who__p{font-size: 14.5px; line-height: 1.55; color: var(--hc-muted);}
@media (min-width: 900px){.hc .hc-who{grid-template-columns: 1fr 1fr;}}
.hc .hc-cmp{width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg); overflow: hidden; font-size: 15px;}
.hc .hc-cmp th,.hc .hc-cmp td{padding: 16px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hc-line); line-height: 1.5;}
.hc .hc-cmp tr:last-child > *{border-bottom: 0;}
.hc .hc-cmp thead th{background: var(--hc-cream); font-size: 17px; font-weight: 700; color: var(--hc-ink);}
.hc .hc-cmp thead th.is-hl{background: var(--hc-accent); color: #fff;}
.hc .hc-cmp tbody th{width: 24%; font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--hc-gold); background: var(--hc-cream);}
.hc .hc-cmp td.is-hl{background: rgba(153, 34, 56, .04);}
.hc .hc-cmp__yes,.hc .hc-cmp__no{display: inline-flex; align-items: center; gap: 8px; font-weight: 600;}
.hc .hc-cmp__yes{color: var(--hc-ok);}
.hc .hc-cmp__no{color: var(--hc-muted);}
@media (max-width: 719px){.hc .hc-cmp,.hc .hc-cmp tbody,.hc .hc-cmp tr,.hc .hc-cmp td,.hc .hc-cmp th{display: block;}
.hc .hc-cmp thead{display: none;}
.hc .hc-cmp tbody tr{padding: 4px 0 10px; border-bottom: 1px solid var(--hc-line);}
.hc .hc-cmp tbody tr:last-child{border-bottom: 0;}
.hc .hc-cmp tbody th{width: auto; background: transparent; padding: 14px 18px 4px; border: 0;}
.hc .hc-cmp td{padding: 6px 18px; border: 0;}
.hc .hc-cmp td::before{content: attr(data-col); display: block; font-size: 12px; font-weight: 700; color: var(--hc-accent); letter-spacing: .03em;}}
.hc .hc-steps{counter-reset: hcstep; display: grid; gap: 0; position: relative;}
.hc .hc-step{position: relative; padding: 0 0 30px 74px;}
.hc .hc-step:last-child{padding-bottom: 0;}
.hc .hc-step::before{content: ""; position: absolute; left: 27px; top: 56px; bottom: 0; border-left: 2px dashed var(--hc-gold-2);}
.hc .hc-step:last-child::before{display: none;}
.hc .hc-step__ico{position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 1px solid var(--hc-line); color: var(--hc-accent); box-shadow: var(--hc-shadow);}
.hc .hc-step__ico .hc-i{width: 26px; height: 26px;}
.hc .hc-step__k{display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--hc-gold);}
.hc .hc-step__p{margin-top: 6px; font-size: 15px; line-height: 1.6; color: var(--hc-muted);}
.hc .hc-step .hc-h3{padding-top: 2px;}
@media (min-width: 800px){.hc .hc-steps{grid-template-columns: repeat(4, 1fr); gap: 28px;}
.hc .hc-steps--3{grid-template-columns: repeat(3, 1fr);}
.hc .hc-step{padding: 76px 0 0;}
.hc .hc-step::before{left: 68px; right: -28px; top: 27px; bottom: auto; border-left: 0; border-top: 2px dashed var(--hc-gold-2);}
.hc .hc-step:last-child::before{display: none;}}
.hc .hc-gal{position: relative;}
.hc .hc-gal__track{display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--hc-bleed); margin-inline: calc(var(--hc-bleed) * -1); padding: 4px var(--hc-bleed) 14px; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
.hc .hc-gal__track::-webkit-scrollbar{display: none;}
.hc .hc-g{position: relative; flex: 0 0 72%; scroll-snap-align: start; margin: 0;}
.hc .hc-g__a{position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--hc-r-lg); background: var(--hc-sand-2); color: #fff; text-decoration: none; cursor: zoom-in;}
.hc .hc-g__a img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1);}
.hc .hc-g__a:hover img{transform: scale(1.04);}
.hc .hc-g__cap{margin-top: 10px; font-size: 14px; line-height: 1.45; color: var(--hc-muted);}
.hc .hc-g__tag{position: absolute; top: 10px; left: 10px; padding: 4px 10px; border-radius: var(--hc-pill); background: rgba(36, 28, 20, .66); color: #fff; font-size: 12px; font-weight: 600; backdrop-filter: blur(6px);}
.hc .hc-g__play{position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(180deg, transparent 50%, rgba(36, 28, 20, .35));}
.hc .hc-g__play span{display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--hc-accent); box-shadow: 0 8px 22px rgba(0, 0, 0, .3);}
.hc .hc-g__play .hc-i{width: 26px; height: 26px; margin-left: 3px;}
.hc .hc-gal__nav{display: none;}
.hc .hc-gal.is-static .hc-gal__nav{display: none !important;}
.hc .hc-gal__bar{display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 18px;}
@media (min-width: 640px){.hc .hc-g{flex-basis: 44%;}}
@media (min-width: 960px){.hc .hc-g{flex-basis: calc((100% - 36px) / 4);}
.hc .hc-gal__nav{display: flex; gap: 8px;}
.hc .hc-gal__btn{display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--hc-line); background: #fff; color: var(--hc-ink); cursor: pointer; transition: all .2s;}
.hc .hc-gal__btn:hover{background: var(--hc-accent); border-color: var(--hc-accent); color: #fff;}
.hc .hc-gal__btn[disabled]{opacity: .35; pointer-events: none;}
.hc .hc-gal__btn--prev .hc-i{transform: scaleX(-1);}}
.hc .hc-mas{column-count: 2; column-gap: 12px;}
.hc .hc-mas .hc-g{flex: none; break-inside: avoid; margin: 0 0 14px; display: block;}
.hc .hc-mas .hc-g__a{aspect-ratio: auto;}
.hc .hc-mas .hc-g__a img{height: auto;}
.hc .hc-mas .hc-g.is-off{display: none;}
@media (min-width: 720px){.hc .hc-mas{column-count: 3; column-gap: 16px;}}
@media (min-width: 1100px){.hc .hc-mas{column-count: 4;}}
.hc .hc-filter{display: flex; gap: 8px; overflow-x: auto; margin: 0 0 22px; padding: 2px 0 6px; scrollbar-width: none;}
.hc .hc-filter::-webkit-scrollbar{display: none;}
.hc .hc-filter__b{flex: none; padding: 10px 18px; border: 1px solid var(--hc-line); border-radius: var(--hc-pill); background: #fff; font: 600 14px/1 var(--hc-font); color: var(--hc-ink); cursor: pointer; transition: all .2s;}
.hc .hc-filter__b:hover{border-color: var(--hc-gold-2);}
.hc .hc-filter__b[aria-pressed="true"]{background: var(--hc-accent); border-color: var(--hc-accent); color: #fff;}
.hc .hc-album-badge{position: absolute; right: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: var(--hc-pill); background: rgba(255, 255, 255, .92); color: var(--hc-ink); font-size: 12px; font-weight: 700;}
.hc .hc-lb{width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; background: rgba(20, 15, 10, .94); color: #fff;}
.hc .hc-lb::backdrop{background: rgba(20, 15, 10, .9);}
.hc .hc-lb[open]{display: grid; grid-template-rows: 1fr auto;}
.hc .hc-lb__stage{position: relative; display: grid; place-items: center; min-height: 0; padding: 56px 12px 8px;}
.hc .hc-lb__img,.hc .hc-lb__vid{max-width: 100%; max-height: calc(100dvh - 150px); width: auto; height: auto; object-fit: contain; border-radius: 8px; touch-action: pan-y;}
.hc .hc-lb__cap{padding: 6px 70px 22px; text-align: center; font-size: 14.5px; line-height: 1.5; color: rgba(255, 255, 255, .86);}
.hc .hc-lb__n{color: rgba(255, 255, 255, .5); margin-left: 8px;}
.hc .hc-lb__x,.hc .hc-lb__p,.hc .hc-lb__nx{position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; cursor: pointer; transition: background .2s;}
.hc .hc-lb__x:hover,.hc .hc-lb__p:hover,.hc .hc-lb__nx:hover{background: rgba(255, 255, 255, .28);}
.hc .hc-lb__x{top: 10px; right: 10px;}
.hc .hc-lb__p{left: 10px; top: 50%; transform: translateY(-50%);}
.hc .hc-lb__nx{right: 10px; top: 50%; transform: translateY(-50%);}
.hc .hc-lb__p .hc-i{transform: scaleX(-1);}
.hc .hc-lb[data-single] .hc-lb__p,.hc .hc-lb[data-single] .hc-lb__nx{display: none;}
@media (max-width: 639px){.hc .hc-lb__p,.hc .hc-lb__nx{top: auto; bottom: 64px; transform: none; width: 44px; height: 44px;}}
.hc .hc-video{display: grid; gap: clamp(20px, 4vw, 48px); align-items: center;}
.hc .hc-video__frame{position: relative; margin: 0 auto; width: 100%; max-width: 420px; aspect-ratio: 9 / 16; border-radius: var(--hc-r-lg); overflow: hidden; background: var(--hc-ink); box-shadow: var(--hc-shadow-lg);}
.hc .hc-video__frame--wide{max-width: none; aspect-ratio: 16 / 9;}
.hc .hc-video__frame video{width: 100%; height: 100%; object-fit: cover;}
.hc .hc-video__cap{margin-top: 10px; font-size: 14px; color: var(--hc-muted); text-align: center;}
@media (min-width: 900px){.hc .hc-video{grid-template-columns: 1fr 1fr;}
.hc .hc-video__frame{margin: 0;}}
.hc .hc-faq{display: grid; gap: 10px; max-width: 860px; margin-inline: auto;}
.hc .hc-qa{background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r); transition: border-color .2s, box-shadow .2s;}
.hc .hc-qa[open]{border-color: var(--hc-gold-2); box-shadow: var(--hc-shadow);}
.hc .hc-qa > summary{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; min-height: 60px; cursor: pointer; list-style: none; font-size: 16px; line-height: 1.4; font-weight: 600; color: var(--hc-ink);}
.hc .hc-qa > summary::-webkit-details-marker{display: none;}
.hc .hc-qa > summary .hc-i{width: 20px; height: 20px; color: var(--hc-accent); transition: transform .25s;}
.hc .hc-qa[open] > summary .hc-i{transform: rotate(180deg);}
.hc .hc-qa__a{padding: 0 20px 20px; font-size: 15.5px; line-height: 1.65; color: var(--hc-muted); animation: hc-fade .3s ease;}
.hc .hc-qa__a p + p{margin-top: .8em;}
.hc .hc-qa__a a{color: var(--hc-accent);}
@keyframes hc-fade{from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; }}
.hc .hc-rating{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 18px; border: 1px solid var(--hc-line); border-radius: var(--hc-pill); background: #fff; font-size: 14.5px; color: var(--hc-ink); text-decoration: none;}
.hc .hc-rating b{color: var(--hc-accent); font-size: 17px;}
.hc .hc-rating .hc-stars{font-size: 15px;}
.hc .hc-quotes{display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 26px calc(var(--hc-bleed) * -1) 0; padding: 4px var(--hc-bleed) 14px; scroll-padding-inline: var(--hc-bleed); scrollbar-width: none;}
.hc .hc-quotes::-webkit-scrollbar{display: none;}
.hc .hc-quote{position: relative; flex: 0 0 86%; scroll-snap-align: start; display: flex; flex-direction: column; padding: 26px 22px 20px; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg);}
.hc .hc-quote::before{content: "\201C"; position: absolute; top: 4px; right: 18px; font: 700 76px/1 Georgia, serif; color: var(--hc-sand-2); pointer-events: none;}
.hc .hc-quote__t{position: relative; font-size: 15px; line-height: 1.65; color: var(--hc-ink);}
.hc .hc-quote__by{margin-top: auto; padding-top: 16px; display: flex; flex-direction: column; font-size: 14px; font-weight: 700; color: var(--hc-ink);}
.hc .hc-quote__by span{font-weight: 500; font-size: 12.5px; color: var(--hc-muted);}
.hc .hc-quote .hc-stars{margin-bottom: 10px;}
@media (min-width: 720px){.hc .hc-quotes{display: grid; grid-template-columns: repeat(3, 1fr); overflow: visible; margin-inline: 0; padding: 0; margin-top: 30px;}
.hc .hc-quote{flex: none;}}
.hc .hc-cta{position: relative; overflow: hidden; margin-block: calc(var(--hc-sec) * .4); padding: clamp(28px, 5vw, 56px) var(--hc-pad); border-radius: var(--hc-r-lg); color: #fff; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, 0) 18px, rgba(0, 0, 0, .12) 36px), var(--hc-accent);}
.hc .hc-cta__in{display: grid; gap: 22px; align-items: center;}
.hc .hc-cta .hc-h2{color: #fff;}
.hc .hc-cta__p{margin-top: 10px; font-size: 16.5px; line-height: 1.6; color: rgba(255, 255, 255, .86); max-width: 56ch;}
@media (min-width: 800px){.hc .hc-cta__in{grid-template-columns: 1fr auto; gap: 40px;}}
.hc .hc-form-sec{display: grid; gap: clamp(22px, 4vw, 56px); align-items: start; scroll-margin-top: 90px;}
.hc .hc-form{display: grid; gap: 14px; margin-top: 24px; position: relative;}
.hc .hc-field{display: grid; gap: 6px;}
.hc .hc-field label{font-size: 13.5px; font-weight: 600; color: var(--hc-ink);}
.hc .hc-field label em{font-style: normal; font-weight: 500; color: var(--hc-muted);}
.hc .hc-field input,.hc .hc-field textarea,.hc .hc-field select{width: 100%; min-height: 54px; padding: 14px 16px; border: 1px solid var(--hc-line); border-radius: var(--hc-r); background: #fff; font: 500 16px/1.4 var(--hc-font); color: var(--hc-ink); box-shadow: none; -webkit-appearance: none; appearance: none; transition: border-color .2s, box-shadow .2s;}
.hc .hc-field textarea{min-height: 96px; resize: vertical;}
.hc .hc-field input::placeholder,.hc .hc-field textarea::placeholder{color: #a99a86;}
.hc .hc-field input:focus,.hc .hc-field textarea:focus{outline: 0; border-color: var(--hc-accent); box-shadow: 0 0 0 3px rgba(153, 34, 56, .14);}
.hc .hc-field.is-bad input{border-color: #c0392b; background: #fff7f6;}
.hc .hc-field__err{display: none; font-size: 13px; color: #c0392b;}
.hc .hc-field.is-bad .hc-field__err{display: block;}
.hc .hc-hp{position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden;}
.hc .hc-form__fine{font-size: 13px; line-height: 1.5; color: var(--hc-muted);}
.hc .hc-form__ok,.hc .hc-form__fail{padding: 14px 16px; border-radius: var(--hc-r); font-size: 15px; line-height: 1.5;}
.hc .hc-form__ok{background: #eaf4ee; color: var(--hc-ok); border: 1px solid #c8e0d2;}
.hc .hc-form__fail{background: #fdeceb; color: #a93226; border: 1px solid #f3c9c4;}
.hc .hc-form__ok[hidden],.hc .hc-form__fail[hidden]{display: none;}
.hc .hc-msgs{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px;}
.hc .hc-msgs__l{width: 100%; font-size: 14px; color: var(--hc-muted);}
.hc .hc-msgs__b{display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 18px; border: 1px solid var(--hc-line); border-radius: var(--hc-pill); background: #fff; font-size: 14.5px; font-weight: 600; color: var(--hc-ink); text-decoration: none; transition: all .2s;}
.hc .hc-msgs__b .hc-i{width: 20px; height: 20px; color: var(--hc-accent);}
.hc .hc-msgs__b:hover{border-color: var(--hc-accent); background: var(--hc-cream);}
.hc .hc-salon{background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg); overflow: hidden; box-shadow: var(--hc-shadow);}
.hc .hc-salon__pic{aspect-ratio: 16 / 10; background: var(--hc-sand);}
.hc .hc-salon__pic img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%;}
.hc .hc-salon__body{padding: 22px;}
.hc .hc-salon__list{display: grid; gap: 14px; margin-top: 4px;}
.hc .hc-salon__row{display: grid; grid-template-columns: 22px 1fr; gap: 12px; font-size: 15px; line-height: 1.5;}
.hc .hc-salon__row .hc-i{color: var(--hc-accent); margin-top: 2px;}
.hc .hc-salon__row b{display: block; font-weight: 600;}
.hc .hc-salon__row span,.hc .hc-salon__row a{color: var(--hc-muted); text-decoration: none;}
.hc .hc-salon__row a.hc-tel{color: var(--hc-accent); font-weight: 600;}
.hc .hc-salon .hc-btn{margin-top: 18px;}
@media (min-width: 900px){.hc .hc-form-sec{grid-template-columns: 1.05fr .95fr;}
.hc .hc-form .hc-btn{justify-self: start;}}
.hc .hc-team{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.hc .hc-person{margin: 0;}
.hc .hc-person__pic{aspect-ratio: 4 / 5; border-radius: var(--hc-r-lg); overflow: hidden; background: var(--hc-sand);}
.hc .hc-person__pic img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%;}
.hc .hc-person figcaption{margin-top: 10px; font-weight: 700; font-size: 16px;}
.hc .hc-person figcaption span{display: block; margin-top: 2px; font-weight: 500; font-size: 13.5px; line-height: 1.4; color: var(--hc-muted);}
.hc .hc-team__more{grid-column: 1 / -1; display: grid; gap: 4px; padding: 20px; border: 1px dashed var(--hc-gold-2); border-radius: var(--hc-r-lg); background: var(--hc-cream);}
.hc .hc-team__more b{font-size: 16px;}
.hc .hc-team__more span{font-size: 14.5px; color: var(--hc-muted); line-height: 1.55;}
@media (min-width: 800px){.hc .hc-team{grid-template-columns: repeat(4, 1fr); gap: 20px;}}
.hc .hc-brands{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.hc .hc-brand{display: flex; flex-direction: column; padding: 20px; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg);}
.hc .hc-brand__logo{display: grid; place-items: center; height: 56px; margin-bottom: 14px;}
.hc .hc-brand__logo img{max-height: 40px; max-width: 150px; width: auto; object-fit: contain; filter: grayscale(1); opacity: .85; transition: all .3s;}
.hc .hc-brand:hover .hc-brand__logo img{filter: none; opacity: 1;}
.hc .hc-brand__c{font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--hc-gold);}
.hc .hc-brand p{margin-top: 6px; font-size: 14px; line-height: 1.55; color: var(--hc-muted);}
@media (min-width: 900px){.hc .hc-brands{grid-template-columns: repeat(4, 1fr);}}
.hc .hc-rel{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.hc .hc-rel__a{position: relative; display: block; aspect-ratio: 4 / 3.3; overflow: hidden; border-radius: var(--hc-r-lg); background: var(--hc-ink); color: #fff; text-decoration: none;}
.hc .hc-rel__a img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .86; transition: transform .6s cubic-bezier(.2, .7, .2, 1), opacity .3s;}
.hc .hc-rel__a::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(36, 28, 20, 0) 35%, rgba(36, 28, 20, .82));}
.hc .hc-rel__a:hover img{transform: scale(1.05); opacity: 1;}
.hc .hc-rel__t{position: absolute; z-index: 2; left: 14px; right: 14px; bottom: 12px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; font-weight: 600; font-size: 15px; line-height: 1.25;}
.hc .hc-rel__t .hc-i{width: 18px; height: 18px; flex: none;}
.hc .hc-rel__a--plain{background: var(--hc-cream); color: var(--hc-ink); border: 1px solid var(--hc-line);}
.hc .hc-rel__a--plain::after{display: none;}
@media (min-width: 720px){.hc .hc-rel{grid-template-columns: repeat(4, 1fr);}
.hc .hc-rel__t{font-size: 16px;}}
.hc .hc-shop{display: grid; gap: var(--hc-gap);}
.hc .hc-shop__card{display: grid; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg); overflow: hidden;}
.hc .hc-shop__pic{aspect-ratio: 16 / 9; background: var(--hc-sand);}
.hc .hc-shop__pic img{width: 100%; height: 100%; object-fit: cover;}
.hc .hc-shop__body{padding: 22px;}
.hc .hc-shop__links{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
.hc .hc-shop__body .hc-btn{margin-top: 18px;}
@media (min-width: 900px){.hc .hc-shop{grid-template-columns: 1fr 1fr;}}
.hc .hc-callout{display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-left: 4px solid var(--hc-gold-2); border-radius: 0 var(--hc-r) var(--hc-r) 0; background: var(--hc-cream);}
.hc .hc-callout .hc-i{color: var(--hc-gold); width: 24px; height: 24px; margin-top: 2px;}
.hc .hc-callout b{display: block; font-size: 16px;}
.hc .hc-callout p{margin-top: 4px; font-size: 15px; line-height: 1.6; color: var(--hc-muted);}
.hc .hc-tbl-wrap{overflow-x: auto; border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg); background: #fff;}
.hc .hc-tbl{width: 100%; min-width: 520px; border-collapse: collapse; font-size: 15px;}
.hc .hc-tbl th,.hc .hc-tbl td{padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--hc-line); vertical-align: top;}
.hc .hc-tbl thead th{background: var(--hc-cream); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--hc-gold);}
.hc .hc-tbl tr:last-child td{border-bottom: 0;}
.hc .hc-route__ends{display: grid; grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr); align-items: center; gap: 8px; margin-bottom: clamp(18px, 3vw, 32px);}
.hc .hc-route__end{display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; padding: 14px 10px; border: 1px solid var(--hc-line); border-radius: var(--hc-r); background: #fff; text-align: center;}
.hc .hc-route__end--workshop{background: var(--hc-cream); border-color: var(--hc-gold-2);}
.hc .hc-route__dot{display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--hc-accent); color: #fff;}
.hc .hc-route__end--workshop .hc-route__dot{background: var(--hc-ink); color: #f1cf8a;}
.hc .hc-route__dot .hc-i{width: 20px; height: 20px;}
.hc .hc-route__name{display: block; min-width: 0; font-size: 13px; line-height: 1.35; color: var(--hc-muted);}
.hc .hc-route__name b{display: block; margin-bottom: 2px; font-size: 17px; font-weight: 700; color: var(--hc-ink);}
.hc .hc-route__thread{position: relative; align-self: stretch;}
.hc .hc-route__thread::before{content: ""; position: absolute; left: -9px; right: -9px; top: 50%; border-top: 2px dashed var(--hc-gold-2);}
.hc .hc-route__thread::after{content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4px 0 0 -4.5px; border-radius: 50%; background: var(--hc-accent); box-shadow: 0 0 0 4px #fff;}
.hc .hc-route__steps{display: grid; gap: 10px;}
.hc .hc-route__step{position: relative; padding: 14px 14px 16px 84px; border: 1px solid transparent; border-radius: var(--hc-r);}
.hc .hc-route__step::before{content: ""; position: absolute; left: 41px; top: 72px; bottom: -24px; border-left: 2px dashed var(--hc-gold-2);}
.hc .hc-route__step:last-child::before{display: none;}
.hc .hc-route__step--workshop{background: var(--hc-cream); border-color: var(--hc-gold-2);}
.hc .hc-route__ico{position: absolute; z-index: 1; left: 14px; top: 14px; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 1px solid var(--hc-line); color: var(--hc-accent); box-shadow: var(--hc-shadow);}
.hc .hc-route__step--workshop .hc-route__ico{background: var(--hc-ink); border-color: var(--hc-ink); color: #f1cf8a;}
.hc .hc-route__ico .hc-i{width: 26px; height: 26px;}
.hc .hc-route__k{display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 4px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--hc-gold);}
.hc .hc-route__at{display: inline-flex; align-items: center; padding: 3px 10px; border-radius: var(--hc-pill); background: rgba(153, 34, 56, .08); color: var(--hc-accent); font-size: 12px; letter-spacing: .02em; text-transform: none;}
.hc .hc-route__step--workshop .hc-route__at{background: var(--hc-ink); color: #f1cf8a;}
.hc .hc-route__step .hc-h3{padding-top: 2px;}
.hc .hc-route__p{margin-top: 6px; font-size: 15px; line-height: 1.6; color: var(--hc-muted);}
.hc .hc-route__note{margin-top: 18px; font-size: 14.5px; line-height: 1.55; color: var(--hc-muted);}
@media (min-width: 640px){.hc .hc-route__ends{grid-template-columns: minmax(0, 1fr) minmax(48px, 1.4fr) minmax(0, 1fr); gap: 14px;}
.hc .hc-route__end{flex-direction: row; gap: 12px; padding: 14px 18px; text-align: left;}
.hc .hc-route__name{font-size: 14px;}}
@media (min-width: 960px){.hc .hc-route__steps{grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 12px;}
.hc .hc-route__step{padding: 84px 16px 20px;}
.hc .hc-route__ico{left: 16px; top: 16px;}
.hc .hc-route__step::before{left: 78px; right: -22px; top: 43px; bottom: auto; border-left: 0; border-top: 2px dashed var(--hc-gold-2);}}
.hc .hc-areas{display: grid; gap: clamp(22px, 4vw, 56px); align-items: center;}
.hc .hc-areas__body .hc-prose{margin-top: 16px; color: var(--hc-ink);}
.hc .hc-areas__body .hc-btn,.hc .hc-areas__body .hc-msgr{margin-top: 24px;}
.hc .hc-areas__box{padding: clamp(20px, 3vw, 32px); border: 1px solid var(--hc-line); border-radius: var(--hc-r-lg); background: radial-gradient(circle, rgba(138, 109, 59, .18) 1px, transparent 1.6px) 0 0 / 18px 18px, var(--hc-cream);}
.hc .hc-areas__l{display: flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 14.5px; font-weight: 600; color: var(--hc-ink);}
.hc .hc-areas__l .hc-i{width: 18px; height: 18px; color: var(--hc-accent);}
.hc .hc-areas__list{display: flex; flex-wrap: wrap; gap: 8px;}
.hc .hc-area{padding: 8px 14px; border: 1px solid var(--hc-line); border-radius: var(--hc-pill); background: #fff; font-size: 14px; line-height: 1.3; font-weight: 500; color: var(--hc-ink);}
.hc .hc-areas__note{margin-top: 16px; font-size: 14px; line-height: 1.5; color: var(--hc-muted);}
@media (min-width: 900px){.hc .hc-areas{grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);}}
.hc .hc-salon--city{position: relative; overflow: visible; margin-top: 10px;}
.hc .hc-salon--city::before{content: ""; position: absolute; top: -5px; left: 14px; right: 14px; height: 8px; border-radius: 8px; background: linear-gradient(180deg, #d9b97a, #8a6d3b 70%, #6f5530); box-shadow: 0 3px 8px rgba(36, 28, 20, .22);}
.hc .hc-salon--city .hc-salon__body{padding: 28px 22px 22px;}
.hc .hc-salon__p{margin: 8px 0 18px; font-size: 15px; line-height: 1.55; color: var(--hc-muted);}
.hc .hc-sticky{position: fixed; z-index: 9990; left: 0; right: 0; bottom: 0; display: flex; gap: 8px; align-items: center; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .97); border-top: 1px solid var(--hc-line); box-shadow: 0 -10px 28px rgba(36, 28, 20, .12); transform: translateY(110%); transition: transform .3s ease; backdrop-filter: blur(10px);}
.hc .hc-sticky.is-on{transform: none;}
.hc .hc-sticky .hc-btn{flex: 1; min-height: 50px; padding: 12px 16px; font-size: 14.5px;}
.hc .hc-sticky__ic{display: grid; place-items: center; flex: none; width: 50px; height: 50px; border: 1px solid var(--hc-line); border-radius: 50%; background: #fff; color: var(--hc-accent); text-decoration: none;}
.hc .hc-sticky__ic .hc-i{width: 22px; height: 22px;}
.hc .hc-sticky__ic:hover{background: var(--hc-cream);}
.hc .hc-sticky-gap{height: 78px;}
@media (min-width: 900px){.hc .hc-sticky,.hc .hc-sticky-gap{display: none;}}
.hc.is-js .hc-rv{opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1);}
.hc.is-js .hc-rv.is-in{opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce){.hc.is-js .hc-rv{opacity: 1; transform: none; transition: none;}
.hc *,.hc *::before,.hc *::after{animation: none !important; transition: none !important; scroll-behavior: auto !important;}}
.hc .hc-crumbs{display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; padding: 12px var(--hc-pad) 0; font-size: 13px; line-height: 1.5; color: var(--hc-muted);}
.hc .hc-crumbs a{color: inherit; text-decoration: none;}
.hc .hc-crumbs a:hover{color: var(--hc-accent);}
.hc .hc-crumbs i{margin: 0 8px; font-style: normal; opacity: .5;}
.hc .hc-crumbs span{color: var(--hc-ink);}@media (max-width: 899px) {
html.hc-has-sticky .aio-contact-parent { display: none !important; }
}.hbf {
--hbf-bg: #fbf8f3;
--hbf-card: #fff;
--hbf-ink: #241c14;
--hbf-mut: #7d6c58;
--hbf-line: #e8e0d3;
--hbf-gold: #c19a4b;
--hbf-brand: #992238;
background: var(--hbf-bg);
border-top: 1px solid var(--hbf-line);
color: var(--hbf-ink);
font-size: 15px;
line-height: 1.6;
}
.hbf ul {
list-style: none;
margin: 0;
padding: 0;
}
.hbf a {
color: inherit;
text-decoration: none;
transition: color .15s ease;
}
.hbf a:hover,
.hbf a:focus-visible {
color: var(--hbf-brand);
}
.hbf :focus-visible {
outline: 2px solid var(--hbf-brand);
outline-offset: 3px;
border-radius: 3px;
}
.hbf .hbf-i {
flex: none;
width: 18px;
height: 18px;
} .hbf-top {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px 22px;
padding: 48px 0 8px;
}
.hbf-brand {
grid-column: 1 / -1;
}
@media (min-width: 600px) {
.hbf-top {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.hbf-top {
grid-template-columns: minmax(0, 1.55fr) repeat(4, minmax(0, 1fr));
gap: 40px 30px;
padding: 60px 0 12px;
}
.hbf-brand {
grid-column: auto;
padding-right: 24px;
}
} .hbf-logo {
display: inline-block;
}
.hbf-logo img {
display: block;
width: 220px;
max-width: 100%;
height: auto;
}
.hbf-about {
margin: 18px 0 0;
max-width: 34em;
color: var(--hbf-mut);
font-size: 14px;
}
.hbf-contact {
display: grid;
gap: 11px;
margin-top: 20px;
}
.hbf-contact li {
display: grid;
grid-template-columns: 18px minmax(0, 1fr);
align-items: start;
gap: 10px;
}
.hbf-contact .hbf-i {
margin-top: 3px;
color: var(--hbf-gold);
}
.hbf-contact a,
.hbf-contact span {
overflow-wrap: anywhere;
}
.hbf-phone {
font-weight: 600;
letter-spacing: .01em;
white-space: nowrap;
}
.hbf-social {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-top: 22px;
}
.hbf-social a {
display: grid;
place-items: center;
width: 38px;
height: 38px;
border: 1px solid var(--hbf-line);
border-radius: 50%;
background: var(--hbf-card);
color: var(--hbf-mut);
transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
.hbf-social a:hover,
.hbf-social a:focus-visible {
background: var(--hbf-brand);
border-color: var(--hbf-brand);
color: #fff;
} .hbf-social .hbf-mark {
width: 17px;
height: 17px;
}
.hbf-social .hbf-s-viber a:hover,
.hbf-social .hbf-s-viber a:focus-visible {
background: #7360f2;
border-color: #7360f2;
}
.hbf-social .hbf-s-whatsapp a:hover,
.hbf-social .hbf-s-whatsapp a:focus-visible {
background: #25d366;
border-color: #25d366;
}
.hbf-rating {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: 20px;
padding: 8px 14px;
border: 1px solid var(--hbf-line);
border-radius: 999px;
background: var(--hbf-card);
font-size: 13px;
line-height: 1;
}
.hbf-rating .hbf-i {
width: 15px;
height: 15px;
color: var(--hbf-gold);
}
.hbf-rating b {
font-weight: 700;
}
.hbf-rating span {
color: var(--hbf-mut);
}
.hbf-rating:hover {
border-color: var(--hbf-gold);
} .hbf-h {
margin: 0 0 15px;
color: var(--hbf-mut);
font-size: 11px;
font-weight: 700;
letter-spacing: .14em;
line-height: 1.4;
text-transform: uppercase;
}
.hbf-list li + li {
margin-top: 9px;
} .hbf-list a {
display: block;
max-width: 100%;
overflow-wrap: anywhere;
font-size: 14.5px;
} .hbf-strips {
display: grid;
gap: 12px;
margin-top: 34px;
padding: 22px 0 4px;
border-top: 1px solid var(--hbf-line);
}
.hbf-strip {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 10px;
font-size: 13.5px;
color: var(--hbf-mut);
}
.hbf-strip-label {
font-weight: 600;
color: var(--hbf-ink);
white-space: nowrap;
}
.hbf-strip ul {
display: flex;
flex-wrap: wrap;
gap: 4px 8px;
}
.hbf-strip li + li::before {
content: "·";
margin-right: 8px;
color: var(--hbf-gold);
}
.hbf-strip a {
color: var(--hbf-mut);
border-bottom: 1px solid transparent;
}
.hbf-strip a:hover,
.hbf-strip a:focus-visible {
border-bottom-color: currentColor;
} .hbf-bottom {
margin-top: 26px;
border-top: 1px solid var(--hbf-line);
padding: 16px 0;
}
.hbf-bottom .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 26px;
}
.hbf-legal {
margin: 0;
color: var(--hbf-mut);
font-size: 12.5px;
}
.hbf-dev,
.hbf-seller {
white-space: nowrap;
}
.hbf-dev::before,
.hbf-seller::before {
content: "·";
margin: 0 8px;
color: var(--hbf-gold);
}
.hbf-heart {
color: var(--hbf-brand);
}
.hbf-pay {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
color: var(--hbf-mut);
font-size: 12.5px;
}
.hbf-pay img {
display: block;
width: auto;
height: 22px;
} .hbf-pay .hbf-mono {
align-self: flex-start;
width: 31px;
height: 20px;
margin-right: -7px;
border-radius: 3px;
object-fit: cover;
}
@media (max-width: 575px) {
.hbf-bottom .container {
justify-content: flex-start;
}
.hbf-dev,
.hbf-seller {
display: block;
}
.hbf-dev::before,
.hbf-seller::before {
content: none;
}
}
@media (prefers-reduced-motion: reduce) {
.hbf a,
.hbf-social a {
transition: none;
}
}.hbp {
--hbp-ink: #1a1a1a;
--hbp-muted: #6b6461;
--hbp-wine: #992238;
--hbp-sand: #faf7f5;
--hbp-line: #e1e1e1;
clear: both;
max-width: 1320px;
margin: 40px auto;
padding: 0;
color: var(--hbp-ink);
font-family: Raleway, system-ui, sans-serif;
text-align: left;
}
.hbp *,
.hbp *::before,
.hbp *::after { box-sizing: border-box; }
.hbp-head { margin: 0 0 18px; }
.hbp .hbp-title {
margin: 0 0 6px;
font-family: Raleway, system-ui, sans-serif;
font-size: clamp(22px, 2.2vw, 28px);
font-weight: 600;
line-height: 1.25 !important;
letter-spacing: 0;
text-transform: none;
color: var(--hbp-ink);
}
.hbp-lead { margin: 0; color: var(--hbp-muted); font-size: 15px; line-height: 1.6; }
.hbp-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
} .hbp ul.hbp-grid { padding-left: 0 !important; }
.hbp-card { margin: 0; padding: 0; list-style: none; }
.hbp-card a {
display: flex;
flex-direction: column;
height: 100%;
color: var(--hbp-ink);
text-decoration: none;
}
.hbp-pic {
display: block;
aspect-ratio: 3 / 4;
overflow: hidden;
margin: 0 0 10px;
background: #fff;
border: 1px solid var(--hbp-line);
border-radius: 12px;
}
.hbp-pic img,
.hbp .hbp-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.hbp-card a:hover .hbp-img { transform: scale(1.04); }
.hbp-card a:focus-visible { outline: 3px solid var(--hbp-wine); outline-offset: 3px; border-radius: 12px; }
.hbp-why {
align-self: flex-start;
margin: 0 0 6px;
padding: 2px 10px;
border-radius: 999px;
background: var(--hbp-sand);
color: var(--hbp-wine);
font-size: 12px;
font-weight: 600;
line-height: 1.6;
}
.hbp-name { font-size: 15px; font-weight: 500; line-height: 1.4; }
.hbp-card a:hover .hbp-name { text-decoration: underline; }
.hbp-price { margin-top: 6px; font-size: 16px; font-weight: 700; }
.hbp-price del { color: var(--hbp-muted); font-weight: 400; }
.hbp-price ins { text-decoration: none; }
.hbp-more {
display: inline-block;
margin-top: 18px;
color: var(--hbp-wine);
font-weight: 600;
text-decoration: none;
}
.hbp-more:hover { text-decoration: underline; } .hbp[data-place="home"] { padding: 0 15px; }
.hbp[data-place="home"] .hbp-grid { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
@media (max-width: 767px) {
.hbp { margin: 28px 0; }
.hbp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.hbp-name { font-size: 14px; }
.hbp[data-place="home"] .hbp-grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-inline: 15px;
scrollbar-width: none;
margin: 0 -15px;
padding: 0 15px 4px;
}
.hbp[data-place="home"] ul.hbp-grid { padding-left: 15px !important; }
.hbp[data-place="home"] .hbp-grid::-webkit-scrollbar { display: none; }
.hbp[data-place="home"] .hbp-card { flex: 0 0 44%; scroll-snap-align: start; }
} .hbp-card { display: flex; flex-direction: column; }
.hbp-card > a:first-child { flex: 1; }
.hbp .hbp-add {
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
height: auto;
flex-direction: row;
margin-top: 10px;
padding: 0 12px;
border: 1px solid var(--hbp-wine);
border-radius: 2px;
background: var(--hbp-wine);
color: #fff !important;
font-size: 14px;
font-weight: 600;
text-decoration: none;
text-align: center;
white-space: nowrap;
transition: background .2s, color .2s;
}
.hbp .hbp-add:hover { background: #fff; color: var(--hbp-wine) !important; } .hbp-strip {
clear: both;
float: left;
width: 100%;
padding: 0 15px;
margin: 6px 0 30px;
font-family: Raleway, system-ui, sans-serif;
} .hb-catalog-wide .products-grid > .hbp-strip {
float: none;
padding: 0;
margin: 0;
}
.hbp-strip a {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
overflow: hidden;
border-radius: 10px;
background: #300e1c;
color: #f6f0e6 !important;
text-decoration: none;
}
.hbp-strip-tx { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 28px 32px; }
.hbp-strip-tx em {
align-self: flex-start;
padding: 3px 8px;
border-radius: 2px;
background: #992238;
color: #fff;
font-style: normal;
font-size: 10px;
letter-spacing: .08em;
text-transform: uppercase;
}
.hbp-strip-tx b { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.15; color: #f6f0e6; }
.hbp-strip-tx small { font-size: 14px; line-height: 1.5; color: #d9b591; }
.hbp-strip-tx i {
align-self: flex-start;
margin-top: 6px;
padding: 10px 18px;
border-radius: 2px;
background: #f6f0e6;
color: #300e1c;
font-style: normal;
font-size: 14px;
font-weight: 600;
}
.hbp-strip-ph { display: block; min-height: 200px; }
.hbp-strip-ph img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.hbp-strip a:hover img { transform: scale(1.03); } .hbp-curt .hbp[data-place="curtains"] { margin: 0 auto; }
.hbp-curt-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 22px; }
.hbp-curt-cta .hbp-more { margin-top: 0; }
.hbp .hbp-btn {
display: inline-flex;
align-items: center;
min-height: 48px;
padding: 0 24px;
border-radius: 2px;
background: var(--hbp-wine);
color: #fff !important;
font-weight: 600;
text-decoration: none;
}
.hbp .hbp-btn:hover { background: #7d1b2d; }
@media (max-width: 767px) {
.hbp-strip { margin: 0 0 22px; }
.hbp-strip a { grid-template-columns: 1fr; }
.hbp-strip-ph { order: -1; min-height: 0; aspect-ratio: 16 / 7; }
.hbp-strip-tx { padding: 16px 16px 18px; gap: 6px; }
.hbp-strip-tx small { font-size: 13px; }
.hbp .hbp-add { font-size: 13px; min-height: 40px; }
} .hbp-curt .hbp-card a { color: var(--hbp-ink) !important; text-decoration: none !important; }
.hbp-curt .hbp-card a .hbp-name,
.hbp-curt .hbp-card a .hbp-price { color: var(--hbp-ink); text-decoration: none; }
.hbp-curt .hbp-card a:hover .hbp-name { text-decoration: underline; }
.hbp-curt .hbp-more { text-decoration: none !important; }