/* cmsms stylesheet: page_about modified: вівторок, 6 жовтня 2026 р. 14:59:28 */
/* ==========================================================LUMIÈRE — ABOUT INTRO========================================================== */.lumiere-about-intro {position: relative;z-index: 0;width: 100%;padding: 90px 0;background: transparent;color: var(--ink);}.lumiere-about-intro::before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 50%;width: 100vw;transform: translateX(-50%);background: var(--cream);}.lumiere-about-intro > .container {position: relative;z-index: 1;}.lumiere-about-intro__grid {display: grid;grid-template-columns: minmax(0, .88fr) minmax(400px, 1.12fr);gap: 70px;align-items: center;}.lumiere-about-intro__content {max-width: 500px;}.lumiere-about-intro__eyebrow {display: flex;align-items: center;gap: 10px;margin-bottom: 20px;color: var(--gold);font-family: "Plus Jakarta Sans", Arial, sans-serif;font-weight: 600;letter-spacing: .2em;text-transform: uppercase;}.lumiere-about-intro__eyebrow span:first-child,.lumiere-about-intro__eyebrow span:last-child {height: 1px;background: var(--gold);}.lumiere-about-intro__eyebrow span:first-child {width: 32px;}.lumiere-about-intro__eyebrow span:last-child {width: 22px;}.lumiere-about-intro__title {margin: 0 0 25px;font-family: "Cormorant Garamond", Georgia, serif;font-weight: 500;line-height: .95;color: var(--ink);}.lumiere-about-intro__text {max-width: 470px;font-family: "Plus Jakarta Sans", Arial, sans-serif;line-height: 1.7;color: var(--muted);}.lumiere-about-intro__text p {margin: 0 0 17px;}.lumiere-about-intro__text p:last-child {margin-bottom: 0;}.lumiere-about-intro__action {margin-top: 28px;}.lumiere-about-intro__button {display: inline-flex;align-items: center;gap: 28px;padding: 14px 24px;background: var(--gold);border: 1px solid var(--gold);color: #fff;text-decoration: none;font-family: "Plus Jakarta Sans", Arial, sans-serif;font-weight: 600;text-transform: uppercase;letter-spacing: .12em;transition:background .25s ease,border-color .25s ease;}.lumiere-about-intro__button:hover {background: var(--black);border-color: var(--black);color: #fff;}.lumiere-about-intro__button span:last-child {font-size: 18px;}.lumiere-about-intro__image {width: 100%;aspect-ratio: 1.55 / 1;overflow: hidden;border-radius: 7px;background: #e7ded5;}.lumiere-about-intro__image img {display: block;width: 100%;height: 100%;object-fit: cover;}/* ==========================================================TABLET========================================================== */@media (max-width: 991.98px) {.lumiere-about-intro {padding: 75px 0 85px;}.lumiere-about-intro__grid {grid-template-columns: minmax(0, .8fr) minmax(320px, 1.2fr);gap: 45px;}}/* ==========================================================MOBILE========================================================== */@media (max-width: 767.98px) {.lumiere-about-intro {padding: 60px 0 70px;}.lumiere-about-intro__grid {grid-template-columns: 1fr;gap: 35px;}.lumiere-about-intro__content {max-width: none;}.lumiere-about-intro__text {max-width: none;}.lumiere-about-intro__image {aspect-ratio: 1.25 / 1;}}/* ==========================================================НАША ФІЛОСОФІЯ========================================================== */.about-philosophy {position: relative;z-index: 0;width: 100%;padding: 75px 0 85px;background: transparent;color: var(--cream);}.about-philosophy::before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 50%;width: 100vw;transform: translateX(-50%);background: var(--black2);}.about-philosophy > .container {position: relative;z-index: 1;}.about-philosophy__header {text-align: center;margin-bottom: 45px;}.about-philosophy__eyebrow {display: flex;align-items: center;justify-content: center;gap: 12px;margin-bottom: 20px;color: var(--gold2);font-family: "Plus Jakarta Sans", Arial, sans-serif;font-weight: 600;letter-spacing: .2em;text-transform: uppercase;}.about-philosophy__eyebrow span:first-child,.about-philosophy__eyebrow span:last-child {display: block;flex: 0 0 45px;width: 45px;height: 1px;background: var(--gold);}.about-philosophy__eyebrow span:last-child {flex-basis: 45px;}.about-philosophy__title {margin: 0;font-family: "Cormorant Garamond", Georgia, serif;font-weight: 500;line-height: .95;color: var(--cream);}.about-philosophy__grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 45px;}.about-philosophy__item {text-align: center;}.about-philosophy__icon {width: 62px;height: 62px;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;border: 1px solid var(--gold);border-radius: 50%;color: var(--gold2);}.about-philosophy__icon svg {width: 31px;height: 31px;fill: none !important;stroke: currentColor !important;stroke-width: 1.35;stroke-linecap: round;stroke-linejoin: round;}.about-philosophy__icon svg path,.about-philosophy__icon svg circle,.about-philosophy__icon svg line {fill: none !important;stroke: currentColor !important;}.about-philosophy__item h3 {margin: 0 0 13px;font-family: "Cormorant Garamond", Georgia, serif;font-weight: 600;line-height: 1.05;color: var(--cream);}.about-philosophy__item p {max-width: 250px;margin: 0 auto;font-family: "Plus Jakarta Sans", Arial, sans-serif;line-height: 1.55;color: rgba(244,239,232,.72);}/* ==========================================================TABLET========================================================== */@media (max-width: 991.98px) {.about-intro {padding: 75px 0 85px;}.about-intro__grid {grid-template-columns: minmax(0, .8fr) minmax(320px, 1.2fr);gap: 45px;}.about-philosophy {padding: 70px 0 80px;}.about-philosophy__grid {gap: 25px;}}/* ==========================================================MOBILE========================================================== */@media (max-width: 767.98px) {.about-intro {padding: 60px 0 70px;}.about-intro__grid {grid-template-columns: 1fr;gap: 35px;}.about-intro__content {max-width: none;}.about-intro__text {max-width: none;}.about-intro__image {aspect-ratio: 1.25 / 1;}.about-philosophy {padding: 60px 0 70px;}.about-philosophy__header {margin-bottom: 40px;}.about-philosophy__grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 45px 25px;}}/* ==========================================================SMALL MOBILE========================================================== */@media (max-width: 575.98px) {.about-philosophy__grid {grid-template-columns: 1fr;gap: 40px;}}/* ==========================================================ABOUT GALLERY========================================================== */.about-gallery {position: relative;z-index: 0;width: 100%;padding: 90px 0;background: transparent;color: var(--ink);}.about-gallery::before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 50%;width: 100vw;transform: translateX(-50%);background: var(--cream);}.about-gallery > .container {position: relative;z-index: 1;}/* ==========================================================GRID========================================================== */.about-gallery__grid {display: grid;grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);gap: 80px;align-items: center;}/* ==========================================================LEFT CONTENT========================================================== */.about-gallery__content {max-width: 430px;}.about-gallery__eyebrow {display: flex;align-items: center;gap: 10px;margin-bottom: 22px;color: var(--gold);font-family: "Plus Jakarta Sans", Arial, sans-serif;font-size: 11px;font-weight: 600;letter-spacing: .22em;text-transform: uppercase;}.about-gallery__eyebrow span:first-child,.about-gallery__eyebrow span:last-child {width: 32px;height: 1px;background: var(--gold);}.about-gallery__eyebrow span:last-child {width: 22px;}.about-gallery__title {margin: 0 0 22px;font-family: "Cormorant Garamond", Georgia, serif;font-weight: 500;line-height: .95;color: var(--ink);}.about-gallery__comment {max-width: 390px;font-family: "Plus Jakarta Sans", Arial, sans-serif;line-height: 1.65;color: var(--muted);}.about-gallery__comment p {margin: 0 0 15px;}.about-gallery__comment p:last-child {margin-bottom: 0;}/* ==========================================================NAVIGATION========================================================== */.about-gallery__nav {display: flex;align-items: center;gap: 18px;margin-top: 28px;}.about-gallery__prev,.about-gallery__next {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;padding: 0;background: transparent;border: 1px solid #cdbba5;border-radius: 50%;color: var(--gold);cursor: pointer;transition:background .25s ease,color .25s ease,border-color .25s ease;}.about-gallery__prev:hover,.about-gallery__next:hover {background: var(--black);border-color: var(--black);color: var(--cream);}.about-gallery__prev svg,.about-gallery__next svg {width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;}/* ==========================================================PHOTOS========================================================== *//* ==========================================================PHOTOS========================================================== */.about-gallery__photos {display: grid;grid-template-columns: minmax(0, 2fr) minmax(180px, .85fr);grid-template-rows: 460px;gap: 10px;min-width: 0;}.about-gallery__main {width: 100%;height: 460px;min-width: 0;overflow: hidden;border-radius: 6px;background: #e7ded5;}.about-gallery__main-image {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 1;transition: opacity .45s ease;}.about-gallery__side {display: grid;grid-template-rows: repeat(2, 1fr);gap: 10px;height: 460px;min-width: 0;}.about-gallery__side-item {width: 100%;height: 100%;min-width: 0;min-height: 0;overflow: hidden;border-radius: 6px;background: #e7ded5;}.about-gallery__side-image {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 1;transition: opacity .45s ease;}/* ==========================================================HIDDEN DATA========================================================== */.about-gallery__data {display: none;}/* ==========================================================TABLET========================================================== */@media (max-width: 991.98px) {.about-gallery {padding: 75px 0 85px;}.about-gallery__grid {grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);gap: 45px;}.about-gallery__photos {grid-template-columns: minmax(0, 1.8fr) minmax(130px, .85fr);grid-template-rows: 350px;}.about-gallery__main {height: 350px;}.about-gallery__side {height: 350px;}}/* ==========================================================MOBILE========================================================== */@media (max-width: 767.98px) {.about-gallery {padding: 60px 0 70px;}.about-gallery__grid {grid-template-columns: 1fr;gap: 35px;}.about-gallery__content {max-width: none;}.about-gallery__comment {max-width: none;}.about-gallery__photos {grid-template-columns: minmax(0, 1.65fr) minmax(100px, .8fr);grid-template-rows: 300px;gap: 8px;}.about-gallery__main {height: 300px;}.about-gallery__side {height: 300px;gap: 8px;}.about-gallery__prev,.about-gallery__next {width: 46px;height: 46px;}}/* ==========================================================SMALL MOBILE========================================================== */@media (max-width: 575.98px) {.about-gallery__photos {grid-template-columns: 1fr;grid-template-rows: 300px 120px;}.about-gallery__main {height: 300px;}.about-gallery__side {grid-template-columns: repeat(2, minmax(0, 1fr));grid-template-rows: 120px;height: 120px;}}/* ==========================================================ЧОМУ LUMIÈRE========================================================== */.lumiere-about-why {position: relative;z-index: 0;width: 100%;padding: 75px 0;background: transparent;color: var(--ink);}.lumiere-about-why__grid {display: grid;grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);gap: 65px;align-items: stretch;}.lumiere-about-why__image {width: 100%;height: 100%;min-height: 0;overflow: hidden;border-radius: 6px;background: #e7ded5;}.lumiere-about-why__image img {display: block;width: 100%;height: 100%;object-fit: cover;}.lumiere-about-why__content {min-width: 0;align-self: center;padding: 5px 0;}.lumiere-about-why__title {margin: 0 0 30px;}.lumiere-about-why__eyebrow {display: flex;align-items: center;gap: 10px;margin-bottom: 20px;color: var(--gold);font-family: "Plus Jakarta Sans", Arial, sans-serif;font-weight: 600;letter-spacing: .2em;text-transform: uppercase;}.lumiere-about-why__eyebrow span:first-child,.lumiere-about-why__eyebrow span:last-child {display: block;flex: 0 0 32px;width: 32px;height: 1px;background: var(--gold);}.lumiere-about-why__eyebrow span:last-child {flex-basis: 22px;}.lumiere-about-why__items {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 45px;row-gap: 25px;}.lumiere-about-why__item {display: grid;grid-template-columns: 50px minmax(0, 1fr);gap: 15px;align-items: start;}.lumiere-about-why__icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border: 1px solid #cdbba5;border-radius: 50%;color: #a9804e;}.lumiere-about-why__icon svg {width: 26px;height: 26px;fill: none !important;stroke: currentColor !important;stroke-width: 1.4;stroke-linecap: round;stroke-linejoin: round;}.lumiere-about-why__icon svg path,.lumiere-about-why__icon svg circle,.lumiere-about-why__icon svg line {fill: none !important;stroke: currentColor !important;}.lumiere-about-why__item-content {min-width: 0;}.lumiere-about-why__item h3 {margin: 3px 0 6px;font-family: "Cormorant Garamond", Georgia, serif;font-weight: 600;line-height: 1.05;color: var(--ink);}.lumiere-about-why__item p {margin: 0;font-family: "Plus Jakarta Sans", Arial, sans-serif;line-height: 1.45;color: var(--muted);}/* ==========================================================TABLET========================================================== */@media (max-width: 991.98px) {.lumiere-about-why {padding: 65px 0 75px;}.lumiere-about-why__grid {grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);gap: 40px;}.lumiere-about-why__items {column-gap: 25px;row-gap: 25px;}}/* ==========================================================MOBILE========================================================== */@media (max-width: 767.98px) {.lumiere-about-why {padding: 60px 0 70px;}.lumiere-about-why__grid {grid-template-columns: 1fr;gap: 35px;}.lumiere-about-why__image {height: 320px;}.lumiere-about-why__content {padding: 0;}.lumiere-about-why__items {grid-template-columns: 1fr;gap: 25px;}}/* ==========================================================SMALL MOBILE========================================================== */@media (max-width: 575.98px) {.lumiere-about-why__image {height: 300px;}.lumiere-about-why__item {grid-template-columns: 48px minmax(0, 1fr);gap: 14px;}.lumiere-about-why__icon {width: 48px;height: 48px;}}{*CTA*}.lumiere-about-cta {position: relative;z-index: 0;width: 100vw;max-width: none;margin-left: calc(50% - 50vw);padding: 30px 0 65px;overflow: hidden;background: white;color: var(--ink);}.lumiere-about-cta > .container {position: relative;z-index: 2;}.lumiere-about-cta__content {max-width: 720px;margin: 0 auto;text-align: center;}.lumiere-about-cta__title {margin: 0 0 12px;color: var(--ink);font-family: "Cormorant Garamond", Georgia, serif;font-weight: 500;line-height: 1;}.lumiere-about-cta__text {max-width: 620px;margin: 0 auto 24px;color: var(--muted);font-family: "Plus Jakarta Sans", Arial, sans-serif;line-height: 1.6;}.lumiere-about-cta__button {display: inline-flex;align-items: center;justify-content: center;gap: 28px;padding: 14px 28px;background: var(--gold);border: 1px solid var(--gold);color: #fff;text-decoration: none;font-family: "Plus Jakarta Sans", Arial, sans-serif;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;transition:background .25s ease,border-color .25s ease,color .25s ease;}.lumiere-about-cta__button:hover {background: var(--black);border-color: var(--black);color: var(--cream);}.lumiere-about-cta__button span:last-child {font-size: 18px;line-height: 1;}/* ==========================================================DECORATIVE CIRCLES========================================================== */.lumiere-about-cta__decor {position: absolute;z-index: 1;width: 270px;height: 270px;border: 1px solid rgba(184,154,112,.45);border-radius: 50%;pointer-events: none;}.lumiere-about-cta__decor::after {content: "";position: absolute;width: 270px;height: 270px;border: 1px solid rgba(184,154,112,.25);border-radius: 50%;}.lumiere-about-cta__decor--left {left: -175px;bottom: -190px;}.lumiere-about-cta__decor--left::after {left: 38px;bottom: 28px;}.lumiere-about-cta__decor--right {right: -175px;top: -190px;}.lumiere-about-cta__decor--right::after {right: 38px;top: 28px;}@media (max-width: 991.98px) {.lumiere-about-cta {padding: 55px 0 60px;}.lumiere-about-cta__decor {width: 220px;height: 220px;}.lumiere-about-cta__decor::after {width: 220px;height: 220px;}}@media (max-width: 767.98px) {.lumiere-about-cta {padding: 50px 0 55px;}.lumiere-about-cta__text {max-width: 480px;}.lumiere-about-cta__button {gap: 20px;padding: 13px 24px;}.lumiere-about-cta__decor {width: 180px;height: 180px;}.lumiere-about-cta__decor::after {width: 180px;height: 180px;}.lumiere-about-cta__decor--left {left: -130px;bottom: -135px;}.lumiere-about-cta__decor--right {right: -130px;top: -135px;}}
