@font-face { font-family: "Kalameh"; src: url("../fonts/KalamehWeb-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } /* Conversation language preference — explicit, human and translation-free. */ .lucerna-chat__language-choice{margin:0 0 15px;padding:0;border:0}.lucerna-chat__language-choice legend{width:100%;display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:0;color:var(--chat-primary)}.lucerna-chat__language-choice legend>span:last-child{display:grid;gap:2px}.lucerna-chat__language-choice legend strong{font-size:.7rem;line-height:1.35}.lucerna-chat__language-choice legend small{color:var(--chat-muted);font-size:.53rem;font-weight:500;line-height:1.4}.lucerna-chat__language-choice-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:var(--chat-action);background:rgba(98,162,40,.1);border:1px solid rgba(98,162,40,.18);border-radius:10px}.lucerna-chat__language-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lucerna-chat__language-options button{min-width:0;min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 8px;color:var(--chat-primary);background:#fff;border:1px solid var(--chat-line);border-radius:11px;box-shadow:0 4px 12px rgba(35,72,16,.025);cursor:pointer;text-align:start;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.lucerna-chat__language-options button:hover{transform:translateY(-1px);border-color:rgba(98,162,40,.48);box-shadow:0 7px 18px rgba(35,72,16,.07)}.lucerna-chat__language-options button.is-selected{background:linear-gradient(145deg,#fbfef8,#f1f8eb);border-color:var(--chat-action);box-shadow:0 0 0 2px rgba(98,162,40,.12)}.lucerna-chat__language-options button>span{min-width:0;display:grid;gap:2px}.lucerna-chat__language-options strong{font-size:.64rem;white-space:nowrap}.lucerna-chat__language-options small{overflow:hidden;color:var(--chat-muted);font-size:.46rem;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.lucerna-chat__language-options i{width:17px;height:17px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--chat-action);border-radius:50%;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease}.lucerna-chat__language-options button.is-selected i{opacity:1;transform:scale(1)}.lucerna-chat__language-error{margin:7px 0 0!important;padding:7px 9px;color:#8c342d!important;background:#fff5f3;border:1px solid #f1d2ce;border-radius:8px;font-size:.53rem!important}.lucerna-chat__language-error[hidden]{display:none!important}.lucerna-chat__language--preference>span>span{display:grid;gap:1px}.lucerna-chat__language--preference small{color:var(--chat-muted);font-size:.46rem;font-weight:600}.lucerna-chat__language--preference strong{color:var(--chat-primary);font-size:.62rem}.lucerna-chat__language--preference>svg{color:var(--chat-action)} @media(max-width:370px){.lucerna-chat__language-options{grid-template-columns:1fr}.lucerna-chat__language-options button{min-height:48px}.lucerna-chat__language-options small{white-space:normal}} @media(prefers-reduced-motion:reduce){.lucerna-chat__language-options button,.lucerna-chat__language-options i{transition:none!important}} :root { --lg-primary: #265101; --lg-secondary: #62a228; --lg-accent: #d8b96b; --lg-ink: #172115; --lg-muted: #657060; --lg-cream: #f5f1e7; --lg-cream-deep: #ebe4d4; --lg-white: #fff; --lg-line: rgba(38, 81, 1, 0.14); --lg-shadow: 0 24px 70px rgba(31, 59, 11, 0.12); --lg-radius-sm: 12px; --lg-radius: 22px; --lg-radius-lg: 38px; --lg-container: 1320px; --lg-header-height: 88px; --lg-font: Inter, "Segoe UI", Arial, sans-serif; --lg-display: Georgia, "Times New Roman", serif; } * { box-sizing: border-box; } html { min-width: 320px; scroll-behavior: smooth; } body { margin: 0; overflow-x: hidden; color: var(--lg-ink); background: #fff; font-family: var(--lg-font); font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.admin-bar .site-header { top: 32px; } body.menu-open { overflow: hidden; } [dir="rtl"] body { font-family: Tahoma, Arial, sans-serif; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] .button { font-family: "Kalameh", Tahoma, sans-serif; } img { display: block; max-width: 100%; height: auto; } .lucerna-picture { display: contents; } #wpadminbar #wp-admin-bar-lucerna > .ab-item { display:flex;align-items:center;gap:7px; } #wpadminbar .lucerna-toolbar-mark { width:22px;height:22px;display:grid;place-items:center;color:#fff;background:#265101;border:1px solid #d8b96b;border-radius:50%;font:700 7px/1 Georgia,"Times New Roman",serif; } a { color: inherit; text-decoration: none; } button, input, select, textarea { font: inherit; } button { color: inherit; } ::selection { color: #fff; background: var(--lg-primary); } :focus-visible { outline: 3px solid #80b64b; outline: 3px solid color-mix(in srgb, var(--lg-secondary) 70%, white); outline-offset: 3px; } h1, h2, h3, h4, p { margin-top: 0; } h1, h2, h3, h4 { line-height: 1.12; text-wrap: balance; } h1, h2 { font-family: var(--lg-display); font-weight: 500; letter-spacing: -0.035em; } h3, h4 { letter-spacing: -0.02em; } .container { width: min(calc(100% - 48px), var(--lg-container)); margin-inline: auto; } .container--content { max-width: 860px; } .site-shell { position: relative; overflow: clip; } .site-main { min-height: 55vh; } .section { padding: clamp(84px, 9vw, 140px) 0; } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .screen-reader-text:focus { z-index: 100000; top: 12px; left: 12px; width: auto; height: auto; clip: auto; padding: 12px 18px; color: #fff; background: var(--lg-primary); border-radius: 8px; } .entry-content > * { max-width: 100%; } .entry-content .alignwide { width: min(1120px, 100vw - 48px); max-width: none; margin-inline: 50%; transform: translateX(-50%); } .entry-content .alignfull { width: 100vw; max-width: none; margin-inline: 50%; transform: translateX(-50%); } [dir="rtl"] .entry-content .alignwide, [dir="rtl"] .entry-content .alignfull { transform: translateX(50%); } .button, button.button, input[type="submit"] { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 22px; border: 1px solid transparent; border-radius: 999px; font-size: 0.79rem; font-weight: 800; letter-spacing: 0.055em; line-height: 1; text-transform: uppercase; cursor: pointer; transition: transform 0.25s ease, color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .button:hover { transform: translateY(-2px); } .button--primary, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { color: #fff; background: var(--lg-primary); border-color: var(--lg-primary); box-shadow: 0 12px 28px rgba(38, 81, 1, 0.17); } .button--primary:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { color: #fff; background: var(--lg-secondary); border-color: var(--lg-secondary); } .button--cream { color: var(--lg-primary); background: var(--lg-cream); border-color: var(--lg-cream); } .button--cream:hover { background: #fff; border-color: #fff; } .button--text { min-height: 46px; padding-inline: 4px; color: var(--lg-primary); border-radius: 0; border-bottom-color: var(--lg-line); } .button--text:hover { color: var(--lg-secondary); border-bottom-color: var(--lg-secondary); } .text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--lg-primary); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; } .text-link svg { transition: transform 0.2s ease; } .text-link:hover svg { transform: translateX(4px); } [dir="rtl"] .text-link:hover svg { transform: translateX(-4px); } .eyebrow { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 18px; color: var(--lg-secondary); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.16em; line-height: 1.3; text-transform: uppercase; } .eyebrow::before { content: ""; width: 30px; height: 1px; background: currentColor; } .eyebrow--light { color: #add882; } .section-heading { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.65fr); align-items: end; gap: 50px; margin-bottom: 54px; } .section-heading h2 { max-width: 760px; margin: 0; color: var(--lg-primary); font-size: clamp(2.5rem, 5vw, 4.75rem); } .section-heading > p { max-width: 440px; margin: 0 0 7px; color: var(--lg-muted); font-size: 1.04rem; } .section-heading--center { display: block; max-width: 850px; margin-inline: auto; text-align: center; } .section-heading--center h2 { margin-inline: auto; } .section-heading--center .eyebrow { justify-content: center; } .section-heading--light h2 { color: #fff; } .section-heading--light > p { color: rgba(255,255,255,.67); } .site-preloader { position: fixed; z-index: 99999; inset: 0; display: grid; place-content: center; justify-items: center; gap: 18px; color: #fff; background: var(--lg-primary); transition: opacity 0.55s ease, visibility 0.55s ease; } .site-preloader.is-hidden { opacity: 0; visibility: hidden; } .site-preloader strong { font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; } .site-preloader__mark { width: 54px; height: 54px; position: relative; transform-origin: 50% 50%; animation: preloaderSpin 1.35s linear infinite; } .site-preloader__mark::after { content:"";width:9px;height:9px;position:absolute;left:22.5px;top:22.5px;background:#d8edc4;border-radius:50%;box-shadow:0 0 18px rgba(216,237,196,.45); } .site-preloader__mark span { width: 12px; height: 27px; position: absolute; left: 21px; top: 2px; border-radius: 85% 8% 85% 8%; background: linear-gradient(180deg,#e4f2d7,#83ba55); box-shadow: 0 0 18px rgba(169,212,127,.2); transform-origin: 6px 25px; } .site-preloader__mark span:nth-child(2) { transform: rotate(120deg); } .site-preloader__mark span:nth-child(3) { transform: rotate(240deg); } @keyframes preloaderSpin { to { transform: rotate(360deg); } } .announcement-bar { color: #e8f3df; background: #173901; font-size: 0.72rem; letter-spacing: 0.025em; } .announcement-bar__inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .announcement-bar p { margin: 0; } .announcement-bar__contact { display: flex; align-items: center; gap: 22px; } .announcement-bar__contact a { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.77); transition: color .2s; } .announcement-bar__contact a:hover { color: #fff; } .site-header { position: sticky; z-index: 1000; top: 0; height: var(--lg-header-height); color: var(--lg-ink); background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(38,81,1,.09); backdrop-filter: blur(18px); transition: height .25s ease, box-shadow .25s ease; } .site-header.is-scrolled { --lg-header-height: 74px; box-shadow: 0 10px 35px rgba(29,61,9,.08); } .site-header__inner { height: 100%; display: flex; align-items: center; gap: clamp(22px, 3.5vw, 58px); } .site-brand { flex: 0 0 auto; } .site-logo { width: clamp(205px, 18vw, 286px); height: auto; } .primary-navigation { flex: 1 1 auto; min-width: 0; } .mobile-navigation__intro,.mobile-navigation__footer { display:none; } .primary-menu { display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2vw, 34px); padding: 0; margin: 0; list-style: none; } .primary-menu li { position: relative; } .primary-menu > li > a { position: relative; display: flex; align-items: center; min-height: 50px; font-size: .77rem; font-weight: 750; letter-spacing: .03em; } .primary-menu > li > a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 6px; height: 2px; background: var(--lg-secondary); transition: right .25s ease; } .primary-menu > li:hover > a, .primary-menu > .current-menu-item > a, .primary-menu > .current_page_item > a, .primary-menu > .current_page_parent > a, .primary-menu > .current-menu-ancestor > a, .primary-menu > .current_page_ancestor > a { color: var(--lg-primary); } .primary-menu > .current-menu-item > a, .primary-menu > .current_page_item > a, .primary-menu > .current_page_parent > a, .primary-menu > .current-menu-ancestor > a, .primary-menu > .current_page_ancestor > a { font-weight: 900; } .primary-menu > li:hover > a::after, .primary-menu > .current-menu-item > a::after, .primary-menu > .current_page_item > a::after, .primary-menu > .current_page_parent > a::after, .primary-menu > .current-menu-ancestor > a::after, .primary-menu > .current_page_ancestor > a::after { right: 0; } .primary-menu .sub-menu { position: absolute; top: calc(100% + 8px); left: -20px; width: 220px; padding: 10px; margin: 0; opacity: 0; visibility: hidden; transform: translateY(8px); list-style: none; background: #fff; border: 1px solid var(--lg-line); border-radius: 14px; box-shadow: var(--lg-shadow); transition: .2s ease; } .primary-menu li:hover > .sub-menu, .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } .primary-menu .sub-menu a { display: block; padding: 10px 12px; border-radius: 8px; font-size: .8rem; } .primary-menu .sub-menu a:hover { color: var(--lg-primary); background: var(--lg-cream); } .header-actions { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; } .header-icon-link { width: 40px; height: 40px; display: grid; place-items: center; position: relative; color: var(--lg-primary); border: 1px solid var(--lg-line); border-radius: 50%; transition: .2s; } .header-icon-link:hover { color: #fff; background: var(--lg-primary); } .header-cart span { position: absolute; top: -5px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px; display: grid; place-items: center; color: #fff; background: var(--lg-secondary); border: 2px solid #fff; border-radius: 20px; font-size: 9px; } .button--header { min-height: 44px; padding: 10px 17px; color: #fff; background: var(--lg-primary); } .button--header:hover { color: #fff; background: var(--lg-secondary); } .menu-toggle { width: 45px; height: 45px; position: relative; display: none; align-items: center; justify-items: center; padding: 0; line-height: 0; border: 1px solid var(--lg-line); border-radius: 50%; background: transparent; } .menu-toggle__open,.menu-toggle__close { position: absolute; inset: 0; align-items: center; justify-content: center; line-height: 0; } .menu-toggle__open { display: flex; } .menu-toggle__close { display: none; } .menu-toggle svg { width: 24px; height: 24px; display: block; margin: 0; } .menu-toggle[aria-expanded="true"] .menu-toggle__open { display: none; } .menu-toggle[aria-expanded="true"] .menu-toggle__close { display: flex; } .hero { min-height: min(820px, calc(100vh - 90px)); position: relative; isolation: isolate; display: flex; color: #fff; background: #1d3c0e; overflow: hidden; } .hero__media { position: absolute; z-index: -2; inset: 0; overflow: hidden; } .hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center right; } .hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(16,40,5,.96) 0%, rgba(23,53,7,.88) 30%, rgba(26,54,12,.36) 60%, rgba(20,45,5,.03) 100%); } .hero__inner { display: flex; align-items: center; position: relative; padding-top: 74px; padding-bottom: 100px; } .hero__content { width: min(650px, 54%); position: relative; z-index: 2; } .hero__eyebrow { color: #c4e2a4; } .hero h1 { max-width: 10ch; margin: 0 0 27px; color:#fffaf0; font-size: clamp(4.3rem, 7.2vw, 7rem); line-height: .91; letter-spacing: -.055em; text-shadow:0 4px 34px rgba(4,22,0,.72),0 1px 0 rgba(255,255,255,.12); } .hero__content > p { max-width: 570px; margin-bottom: 33px; color: rgba(255,255,255,.74); font-size: clamp(1rem, 1.2vw, 1.16rem); line-height: 1.8; } .hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; } .hero-cta { min-height:58px;display:inline-flex;align-items:center;gap:18px;padding:10px 13px 10px 24px;color:#244801;background:#f5efdf;border:1px solid #d8b96b;border-radius:2px;box-shadow:inset 0 0 0 3px rgba(38,81,1,.08),0 14px 32px rgba(7,27,0,.22);font-family:var(--lg-display);font-size:1.02rem;font-weight:600;letter-spacing:.015em;line-height:1;text-transform:none;transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease; } .hero-cta i { width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:var(--lg-primary);background:transparent;border-left:1px solid rgba(38,81,1,.2);border-radius:0;font-style:normal;transition:transform .25s ease,color .25s ease; } .hero-cta:hover { color:#fff;background:var(--lg-primary);border-color:#d8b96b;box-shadow:inset 0 0 0 3px rgba(216,185,107,.18),0 16px 36px rgba(7,27,0,.3); } .hero-cta:hover i { color:#dfeecd;transform:translateX(2px); } .hero-secondary { min-height:58px;position:relative;gap:13px;padding:10px 19px;color:#fffaf0;background:rgba(11,34,3,.38);border:1px solid rgba(216,185,107,.58);border-radius:2px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.045);font-family:var(--lg-display);font-size:1rem;font-weight:600;letter-spacing:.015em;text-transform:none;backdrop-filter:blur(8px); } .hero-secondary::before { content:"";width:19px;height:1px;background:#d8b96b;transition:width .25s ease,background .25s ease; } .hero-secondary svg { color:#d8b96b;transition:color .25s ease,transform .25s ease; } .hero-secondary:hover { color:var(--lg-primary);background:#f5efdf;border-color:#d8b96b;box-shadow:inset 0 0 0 3px rgba(38,81,1,.07),0 14px 30px rgba(7,27,0,.22); } .hero-secondary:hover::before { width:27px;background:var(--lg-primary); } .hero-secondary:hover svg { color:var(--lg-primary);transform:translate(2px,-2px); } .hero__assurance { display: flex; align-items: center; gap: 12px; margin-top: 42px; } .hero__assurance > span { width: 42px; height: 42px; display: grid; place-items: center; color: #cae6af; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; } .hero__assurance p { display: grid; margin: 0; color: rgba(255,255,255,.6); font-size: .75rem; line-height: 1.4; } .hero__assurance strong { color: #fff; font-size: .77rem; letter-spacing: .04em; } .hero__scroll { position: absolute; left: 34px; bottom: 50px; display: flex; align-items: center; gap: 14px; color: rgba(255,255,255,.5); font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; transform: rotate(-90deg); transform-origin: left bottom; } .hero__scroll span { width: 50px; height: 1px; position: relative; overflow: hidden; background: rgba(255,255,255,.25); } .hero__scroll span::after { content: ""; position: absolute; inset: 0; background: #fff; transform: translateX(-100%); animation: scrollLine 2.2s ease-in-out infinite; } @keyframes scrollLine { 50%, 100% { transform: translateX(100%); } } .home-main { position: relative; isolation: isolate; } .home-main > .hero { position: sticky; z-index: 0; top: 74px; } body.admin-bar .home-main > .hero { top: 106px; } .home-main > section:not(.hero) { position: relative; z-index: 2; } .trust-strip { margin-top: -30px; position: relative; z-index: 3; overflow: hidden; background: #fff; border: 1px solid rgba(38,81,1,.1); border-bottom-color: var(--lg-line); border-radius: 30px 30px 0 0; box-shadow: 0 -24px 55px rgba(8,32,2,.16); } .trust-strip__grid { display: grid; grid-template-columns: repeat(4, 1fr); } .trust-strip__grid > div { min-height: 132px; display: flex; align-items: center; justify-content: center; gap: 17px; border-inline-end: 1px solid var(--lg-line); } .trust-strip__grid > div:first-child { border-inline-start: 1px solid var(--lg-line); } .trust-strip strong { color: var(--lg-primary); font-family: var(--lg-display); font-size: 2.3rem; font-weight: 500; } .trust-strip span { max-width: 86px; color: var(--lg-muted); font-size: .7rem; font-weight: 700; line-height: 1.4; letter-spacing: .05em; text-transform: uppercase; } .product-world { background: #fff; } .category-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(245px,100%),1fr)); gap: 15px; } .category-card { min-height: 440px; position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; overflow: hidden; background: var(--lg-cream); border: 1px solid transparent; border-radius: var(--lg-radius); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } .category-card:nth-child(even) { transform: translateY(32px); } .category-card:hover { z-index: 2; transform: translateY(-7px); border-color: rgba(38,81,1,.14); box-shadow: var(--lg-shadow); } .category-card:nth-child(even):hover { transform: translateY(20px); } .category-card__number { position: absolute; z-index: 2; top: 18px; left: 20px; display: inline-flex; padding: 6px 9px; color: #fff; background: rgba(16,41,3,.62); border: 1px solid rgba(255,255,255,.25); border-radius: 50px; font-size: .62rem; font-weight: 800; letter-spacing: .14em; backdrop-filter: blur(8px); } .category-card__art { position: absolute; z-index: -1; inset: 0 0 126px; overflow: hidden; background: #e9e3d6; } .category-card__art::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,var(--lg-cream)); } .category-card__art img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1); } .category-card:hover .category-card__art img { transform: scale(1.07); } .category-card:nth-child(4n + 2) { background: #eef2e8; } .category-card:nth-child(4n + 2) .category-card__art::after { background: linear-gradient(transparent,#eef2e8); } .category-card:nth-child(4n + 3) { background: #f3e8db; } .category-card:nth-child(4n + 3) .category-card__art::after { background: linear-gradient(transparent,#f3e8db); } .category-card:nth-child(4n) { background: #edf0da; } .category-card:nth-child(4n) .category-card__art::after { background: linear-gradient(transparent,#edf0da); } .category-card h3 { margin: 0 0 9px; color: var(--lg-primary); font-family: var(--lg-display); font-size: 1.8rem; font-weight: 500; } .category-card p { margin: 0; color: var(--lg-muted); font-size: .85rem; line-height: 1.55; } .category-card p { display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3; } .category-card__arrow { position: absolute; right: 23px; bottom: 25px; width: 39px; height: 39px; display: grid; place-items: center; color: var(--lg-primary); background: #fff; border-radius: 50%; opacity: 0; transform: translate(-8px, 8px); transition: .25s ease; } .category-card:hover .category-card__arrow { opacity: 1; transform: translate(0); } .category-card > div:last-of-type { padding-inline-end: 32px; } .story-section { background: var(--lg-cream); } .story-section__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .88fr); align-items: center; gap: clamp(60px, 8vw, 120px); } .story-visual { min-height: 650px; position: relative; } .story-visual::before { content: ""; position: absolute; top: -18px; left: -18px; width: 56%; height: 54%; border: 1px solid rgba(38,81,1,.23); border-radius: 180px 180px 18px 18px; } .story-visual img { width: 88%; height: 610px; margin-inline-start: auto; object-fit: cover; object-position: 65% center; border-radius: 190px 190px 20px 20px; box-shadow: var(--lg-shadow); } .story-visual__seal { position: absolute; left: 0; bottom: 12%; width: 152px; aspect-ratio: 1; display: grid; place-content: center; justify-items: center; color: #fff; background: var(--lg-primary); border: 10px solid var(--lg-cream); border-radius: 50%; text-align: center; } .story-visual__seal::before { content: ""; position: absolute; inset: 8px; border: 1px dashed rgba(255,255,255,.4); border-radius: 50%; } .story-visual__seal strong { font-family: var(--lg-display); font-size: 2.35rem; font-weight: 500; line-height: 1; } .story-visual__seal span { max-width: 86px; margin-top: 5px; color: rgba(255,255,255,.72); font-size: .55rem; line-height: 1.35; letter-spacing: .07em; text-transform: uppercase; } .story-copy h2 { max-width: 650px; margin: 0 0 28px; color: var(--lg-primary); font-size: clamp(2.7rem, 4.7vw, 4.9rem); } .story-copy__lead { max-width: 610px; margin-bottom: 33px; color: var(--lg-muted); font-size: 1.08rem; } .check-list { display: grid; gap: 18px; padding: 0; margin: 0 0 35px; list-style: none; } .check-list li { display: flex; align-items: flex-start; gap: 14px; color: var(--lg-muted); font-size: .87rem; } .check-list li > svg { flex: 0 0 auto; margin-top: 4px; padding: 3px; color: #fff; background: var(--lg-secondary); border-radius: 50%; } .check-list li span { display: grid; } .check-list strong { color: var(--lg-ink); font-size: .95rem; } .promise-section { background: #fff; } .promise-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--lg-line); border-left: 1px solid var(--lg-line); } .promise-card { min-height: 330px; position: relative; padding: 36px 30px; border-right: 1px solid var(--lg-line); border-bottom: 1px solid var(--lg-line); transition: color .3s ease, background .3s ease, transform .3s ease; } .promise-card:hover { z-index: 1; color: #fff; background: var(--lg-primary); transform: translateY(-6px); } .promise-card__icon { width: 54px; height: 54px; display: grid; place-items: center; color: var(--lg-primary); background: var(--lg-cream); border-radius: 50%; transition: .3s; } .promise-card__index { position: absolute; top: 40px; right: 30px; color: #a9b4a3; font-size: .62rem; font-weight: 800; } .promise-card h3 { margin: 54px 0 14px; color: var(--lg-primary); font-family: var(--lg-display); font-size: 1.55rem; font-weight: 500; transition: color .3s; } .promise-card p { margin: 0; color: var(--lg-muted); font-size: .84rem; transition: color .3s; } .promise-card:hover h3, .promise-card:hover p, .promise-card:hover .promise-card__index { color: #fff; } .promise-card:hover .promise-card__icon { color: #fff; background: rgba(255,255,255,.13); } .journey-section { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: #163306; } .journey-section::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .15; background-image: radial-gradient(circle at 30% 30%, #88bd5e 0 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(90deg, transparent, #000, transparent); } .journey-grid { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; } .journey-grid::before { content: ""; position: absolute; top: 34px; left: 8%; right: 8%; height: 1px; background: rgba(255,255,255,.18); } .journey-step { position: relative; padding: 0 35px 0 0; } .journey-step > span { width: 68px; height: 68px; position: relative; z-index: 1; display: grid; place-items: center; margin-bottom: 35px; color: #d5ebc0; background: #163306; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; font-size: .7rem; font-weight: 800; } .journey-step h3 { margin-bottom: 12px; font-family: var(--lg-display); font-size: 1.65rem; font-weight: 500; } .journey-step p { max-width: 225px; margin: 0; color: rgba(255,255,255,.61); font-size: .84rem; } .home-contact { padding-block: 105px; background: var(--lg-cream); } .home-contact__grid { display: grid; grid-template-columns: 1fr 1.05fr; align-items: end; gap: 80px; } .home-contact h2 { max-width: 670px; margin: 0; color: var(--lg-primary); font-size: clamp(2.8rem, 4.7vw, 4.8rem); } .home-contact__details { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .home-contact__details > a:not(.button) { display: flex; align-items: center; gap: 14px; padding: 20px; background: #fff; border: 1px solid var(--lg-line); border-radius: 14px; transition: .2s; } .home-contact__details > a:not(.button):hover { transform: translateY(-3px); box-shadow: 0 14px 35px rgba(38,81,1,.09); } .home-contact__details > a:not(.button) > svg { color: var(--lg-secondary); } .home-contact__details span { display: grid; overflow: hidden; font-size: .8rem; font-weight: 750; text-overflow: ellipsis; } .home-contact__details small { color: var(--lg-muted); font-size: .65rem; font-weight: 500; } .home-contact__details .button { grid-column: 1 / -1; justify-self: start; margin-top: 10px; } .site-footer { position: relative; color: rgba(255,255,255,.68); background: #102903; } .footer-cta { min-height: 265px; display: flex; align-items: center; justify-content: space-between; gap: 50px; border-bottom: 1px solid rgba(255,255,255,.14); } .footer-cta h2 { max-width: 800px; margin: 0; color: #fff; font-size: clamp(2.5rem, 4vw, 4.2rem); } .footer-main { display: grid; grid-template-columns: 1.5fr .72fr 1.05fr .8fr; gap: 55px; padding: 80px 0 70px; } .footer-logo { width: min(100%, 285px); padding: 12px; background: #fff; border-radius: 8px; } .footer-brand p { max-width: 355px; margin: 24px 0; font-size: .86rem; } .footer-socials { display: flex; gap: 9px; } .footer-socials a { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; font-size: .72rem; font-weight: 800; transition: .2s; } .footer-socials a:hover { color: var(--lg-primary); background: #fff; } .footer-column h3, .footer-widget__title { margin: 4px 0 24px; color: #fff; font-size: .76rem; letter-spacing: .13em; text-transform: uppercase; } .footer-menu { display: grid; gap: 11px; padding: 0; margin: 0; list-style: none; } .footer-menu a { font-size: .84rem; transition: color .2s, padding .2s; } .footer-menu a:hover { padding-inline-start: 5px; color: #fff; } .footer-contact { display: grid; align-content: start; gap: 17px; } .footer-contact h3 { margin-bottom: 7px; } .footer-contact a { display: flex; align-items: flex-start; gap: 12px; font-size: .78rem; } .footer-contact a svg { flex: 0 0 auto; margin-top: 4px; color: #9fce77; } .footer-contact a:hover { color: #fff; } .footer-widgets > * { margin-bottom: 28px; } .footer-bottom { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(255,255,255,.12); font-size: .66rem; letter-spacing: .04em; } .footer-bottom p { margin: 0; } .back-to-top { position: fixed; z-index: 500; left: 25px; right: auto; bottom: 25px; width: 46px; height: 46px; display: grid; place-items: center; padding: 0; color: #fff; background: var(--lg-primary); border: 1px solid rgba(255,255,255,.28); border-radius: 50%; box-shadow: 0 10px 25px rgba(23,54,4,.22); opacity: 0; visibility: hidden; transform: translateY(10px); cursor: pointer; transition: .25s ease; } .back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } .back-to-top:hover { background: var(--lg-secondary); } .page-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--lg-cream); } .page-hero::before { content: ""; position: absolute; z-index: -1; width: 600px; height: 600px; top: -360px; right: -160px; border: 1px solid rgba(38,81,1,.12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(38,81,1,.025), 0 0 0 160px rgba(38,81,1,.018); } .page-hero__grid { min-height: 635px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 80px; padding-block: 85px; } .page-hero__copy h1 { max-width: 850px; margin: 0 0 27px; color: var(--lg-primary); font-size: clamp(3.6rem, 6.4vw, 6.5rem); line-height: .97; } .page-hero__copy p { max-width: 640px; margin: 0; color: var(--lg-muted); font-size: 1.08rem; } .page-hero__image { height: 480px; position: relative; } .page-hero__image::after { content: ""; position: absolute; left: -18px; bottom: -18px; width: 44%; height: 47%; border-left: 2px solid var(--lg-secondary); border-bottom: 2px solid var(--lg-secondary); border-radius: 0 0 0 28px; } .page-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: 70% center; border-radius: 18px 220px 18px 18px; box-shadow: var(--lg-shadow); } .page-hero--compact { min-height: 480px; display: flex; align-items: center; padding: 95px 0; } .page-hero--compact .page-hero__copy { max-width: 900px; } .page-hero--compact .page-hero__copy h1 { font-size: clamp(3.5rem, 6vw, 6rem); } .page-hero--center .page-hero__copy { margin-inline: auto; text-align: center; } .page-hero--center .eyebrow { justify-content: center; } .page-hero--center .page-hero__copy p { margin-inline: auto; } .prose { color: #455040; } .prose > *:first-child { margin-top: 0; } .prose p, .prose li { font-size: 1.02rem; line-height: 1.9; } .prose h2 { margin: 2.2em 0 .6em; color: var(--lg-primary); font-size: 2.4rem; } .prose h3 { margin: 1.8em 0 .55em; color: var(--lg-primary); font-size: 1.55rem; } .prose a { color: var(--lg-secondary); text-decoration: underline; text-underline-offset: 3px; } .prose blockquote { margin: 40px 0; padding: 8px 0 8px 28px; color: var(--lg-primary); border-left: 3px solid var(--lg-secondary); font-family: var(--lg-display); font-size: 1.5rem; } .entry-featured { margin: -40px 0 55px; } .entry-featured img { border-radius: var(--lg-radius); box-shadow: var(--lg-shadow); } .about-intro__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 100px; } .about-intro h2 { margin: 0; color: var(--lg-primary); font-size: clamp(2.8rem, 5vw, 5rem); } .about-intro .prose p:first-child { color: var(--lg-ink); font-size: 1.2rem; } .about-signature { overflow:hidden;background:#f7f3e9; } .about-signature__grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(60px,8vw,125px); } .about-signature__visual { min-height:680px;position:relative; } .about-signature__image { position:absolute;object-fit:cover;box-shadow:0 28px 70px rgba(29,59,8,.15); } .about-signature__image--main { width:78%;height:610px;left:0;top:0;border-radius:220px 220px 18px 18px; } .about-signature__image--small { width:42%;height:285px;right:0;bottom:0;border:10px solid #f7f3e9;border-radius:120px 120px 12px 12px; } .about-signature__stamp { width:145px;height:145px;position:absolute;right:4%;top:7%;display:grid;place-content:center;justify-items:center;color:#fff;background:var(--lg-primary);border:7px solid #f7f3e9;border-radius:50%;box-shadow:0 18px 40px rgba(29,59,8,.22); } .about-signature__stamp::before { content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.4);border-radius:50%; } .about-signature__stamp strong { font-family:var(--lg-display);font-size:2rem;line-height:1; } .about-signature__stamp span { max-width:90px;color:rgba(255,255,255,.68);font-size:.54rem;letter-spacing:.08em;text-align:center;text-transform:uppercase; } .about-signature__copy h2 { max-width:720px;margin:0 0 25px;color:var(--lg-primary);font-size:clamp(3.2rem,5vw,5.7rem);line-height:.96; } .about-signature__copy>p { max-width:660px;color:var(--lg-muted); } .about-signature__copy blockquote { max-width:650px;margin:35px 0;padding:22px 0 22px 28px;border-left:2px solid var(--lg-accent); } .about-signature__copy blockquote p { margin:0 0 8px;color:var(--lg-primary);font-family:var(--lg-display);font-size:1.35rem;line-height:1.5; } .about-signature__copy cite { color:var(--lg-muted);font-size:.62rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase; } .about-signature__metrics { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lg-line); } .about-signature__metrics div { display:grid;padding:22px 18px 0 0; } .about-signature__metrics strong { color:var(--lg-primary);font-family:var(--lg-display);font-size:2rem;font-weight:500; } .about-signature__metrics span { color:var(--lg-muted);font-size:.6rem;text-transform:uppercase; } .values-band { color: #fff; background: var(--lg-primary); } .values-band .section-heading h2 { color: #fff; } .values-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255,255,255,.16); } .value-card { min-height: 280px; padding: 32px; border-inline-end: 1px solid rgba(255,255,255,.16); } .value-card:last-child { border: 0; } .value-card > span { color: #a9d184; font-size: .68rem; font-weight: 800; } .value-card h3 { margin: 75px 0 15px; font-family: var(--lg-display); font-size: 1.7rem; font-weight: 500; } .value-card p { margin: 0; color: rgba(255,255,255,.63); font-size: .85rem; } .vision-section__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; } .vision-card { padding: clamp(35px, 6vw, 75px); background: var(--lg-cream); border-radius: var(--lg-radius-lg); } .vision-card h2 { margin: 0; color: var(--lg-primary); font-size: clamp(2.6rem, 4.5vw, 4.6rem); } .vision-details { display: grid; align-content: center; gap: 26px; } .vision-details > div { padding: 28px 0 28px 75px; position: relative; border-bottom: 1px solid var(--lg-line); } .vision-details svg { position: absolute; left: 0; top: 31px; color: var(--lg-secondary); } .vision-details h3 { margin: 0 0 9px; color: var(--lg-primary); font-family: var(--lg-display); font-size: 1.45rem; font-weight: 500; } .vision-details p { margin: 0; color: var(--lg-muted); font-size: .88rem; } .about-process { background:#fff; } .about-process .section-heading>p { max-width:510px;color:var(--lg-muted); } .about-process__grid { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lg-line);border-bottom:1px solid var(--lg-line); } .about-process__step { min-height:350px;position:relative;padding:34px;border-right:1px solid var(--lg-line); } .about-process__step:last-child { border-right:0; } .about-process__step>span { color:#a9b0a5;font-size:.62rem;letter-spacing:.12em; } .about-process__step>div { width:50px;height:50px;display:grid;place-items:center;margin:55px 0 25px;color:var(--lg-secondary);background:#edf4e7;border-radius:50%; } .about-process__step h3 { margin-bottom:12px;color:var(--lg-primary);font-family:var(--lg-display);font-size:1.55rem;font-weight:500; } .about-process__step p { margin:0;color:var(--lg-muted);font-size:.78rem; } .about-dubai { position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--lg-primary); } .about-dubai::before { content:"DXB";position:absolute;z-index:-1;right:-2vw;bottom:-10vw;color:rgba(255,255,255,.035);font-family:var(--lg-display);font-size:32vw;line-height:1; } .about-dubai__grid { display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(60px,9vw,150px); } .about-dubai__copy { position:relative;z-index:2; } .about-dubai__copy h2 { max-width:820px;margin:0 0 25px;color:#fffaf0!important;font-size:clamp(3.4rem,6vw,6.8rem);line-height:.94;text-shadow:0 3px 28px rgba(8,31,0,.2); } .about-dubai__copy p { max-width:700px;margin-bottom:35px;color:rgba(255,255,255,.7); } .about-dubai__card { display:grid;padding:38px;background:#f5f0e3;border-radius:120px 120px 18px 18px;color:var(--lg-primary); } .about-dubai__card>span { width:52px;height:52px;display:grid;place-items:center;margin-bottom:50px;color:#fff;background:var(--lg-secondary);border-radius:50%; } .about-dubai__card p { margin-bottom:26px;font-family:var(--lg-display);font-size:1.3rem;line-height:1.5; } .about-dubai__card a { padding:10px 0;border-top:1px solid var(--lg-line);font-size:.72rem;font-weight:750;overflow-wrap:anywhere; } .contact-section { background: #fff; } .contact-grid, .support-layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: start; gap: clamp(50px, 8vw, 110px); } .contact-sidebar, .support-sidebar { position: sticky; top: 120px; } .contact-sidebar h2, .support-sidebar h2 { margin: 0 0 20px; color: var(--lg-primary); font-size: clamp(2.5rem, 4vw, 4rem); } .contact-sidebar > p, .support-sidebar > p { color: var(--lg-muted); } .contact-methods { display: grid; gap: 13px; margin-top: 35px; } .contact-methods a { display: flex; align-items: flex-start; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--lg-line); } .contact-methods a > svg { flex: 0 0 auto; margin-top: 5px; color: var(--lg-secondary); } .contact-methods span { display: grid; min-width: 0; } .contact-methods small { color: var(--lg-muted); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; } .contact-methods strong { overflow-wrap: anywhere; color: var(--lg-primary); font-size: .83rem; } .contact-hours { display: grid; margin-top: 30px; padding: 20px 22px; background: var(--lg-cream); border-radius: 12px; font-size: .8rem; } .contact-hours span { color: var(--lg-muted); font-size: .68rem; } .form-card { padding: clamp(30px, 5vw, 58px); background: #fff; border: 1px solid var(--lg-line); border-radius: var(--lg-radius); box-shadow: var(--lg-shadow); } .form-card__heading { margin-bottom: 32px; } .form-card__heading > span { color: var(--lg-secondary); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .form-card__heading h2 { margin: 8px 0 0; color: var(--lg-primary); font-size: clamp(2.1rem, 3.6vw, 3.2rem); } .lucerna-form { display: grid; gap: 20px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .lucerna-form label { display: grid; gap: 7px; color: var(--lg-ink); font-size: .74rem; font-weight: 700; letter-spacing: .025em; } .lucerna-form input, .lucerna-form select, .lucerna-form textarea, .search-field, .comment-form input, .comment-form textarea { width: 100%; color: var(--lg-ink); background: #fbfcf9; border: 1px solid #dfe5db; border-radius: 10px; outline: 0; transition: border .2s, box-shadow .2s, background .2s; } .lucerna-form input, .lucerna-form select, .search-field, .comment-form input { height: 52px; padding: 0 15px; } .lucerna-form textarea, .comment-form textarea { min-height: 150px; padding: 14px 15px; resize: vertical; } .lucerna-form input:focus, .lucerna-form select:focus, .lucerna-form textarea:focus, .search-field:focus, .comment-form input:focus, .comment-form textarea:focus { background: #fff; border-color: var(--lg-secondary); box-shadow: 0 0 0 3px rgba(98,162,40,.12); } .lucerna-form input::placeholder, .lucerna-form textarea::placeholder { color: #99a294; font-weight: 400; } .form-submit { display: flex; align-items: center; gap: 20px; margin-top: 8px; } .form-submit small { max-width: 250px; color: var(--lg-muted); font-size: .66rem; line-height: 1.5; } .contact-submit { min-width: 178px;justify-content:center; } .contact-submit:disabled { opacity:.88;cursor:progress; } .contact-submit__loader { display:none;align-items:center;gap:4px; } .contact-submit__loader i { width:4px;height:4px;display:block;background:currentColor;border-radius:50%;animation:contactSubmitPulse .9s ease-in-out infinite; } .contact-submit__loader i:nth-child(2) { animation-delay:.12s; } .contact-submit__loader i:nth-child(3) { animation-delay:.24s; } .lucerna-form.is-submitting .contact-submit__loader { display:inline-flex; } .lucerna-form.is-submitting .contact-submit>svg { display:none; } .form-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .form-notice { margin-bottom: 24px; padding: 14px 17px; border-radius: 10px; font-size: .8rem; } .form-notice[hidden] { display:none; } .form-notice[data-contact-form-status] { opacity:0;transform:translateY(-5px);transition:opacity .22s ease,transform .22s ease; } .form-notice[data-contact-form-status].is-visible { opacity:1;transform:translateY(0); } .form-notice--success { color: #214c08; background: #e9f5df; border: 1px solid #bcdba3; } .form-notice--error { color: #79281f; background: #fff0ed; border: 1px solid #efc2bb; } @keyframes contactSubmitPulse { 0%,70%,100% { opacity:.35;transform:translateY(0); } 35% { opacity:1;transform:translateY(-3px); } } .office-location { padding: clamp(80px,9vw,135px) 0; overflow: hidden; background: linear-gradient(135deg,#f7f3e8 0%,#fff 62%); } .office-location__grid { display: grid; grid-template-columns: minmax(300px,.78fr) minmax(480px,1.22fr); align-items: stretch; gap: clamp(44px,7vw,105px); } .office-location__copy { align-self: center; } .office-location__copy h2 { margin: 14px 0 22px; color: var(--lg-primary); font-size: clamp(2.7rem,4.7vw,5rem); line-height: .98; } .office-location__copy > p { max-width: 520px; margin: 0 0 30px; color: var(--lg-muted); font-size: 1rem; line-height: 1.85; } .office-location__address { display: flex; gap: 17px; margin: 0 0 20px; padding: 22px; background: rgba(255,255,255,.75); border: 1px solid rgba(38,81,1,.1); border-radius: 16px; box-shadow: 0 18px 50px rgba(38,81,1,.06); } .office-location__address > svg { flex: 0 0 auto; color: var(--lg-secondary); } .office-location__address div { display: grid; gap: 6px; } .office-location__address small,.office-location__hours span { color: var(--lg-secondary); font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .office-location__address address { color: var(--lg-primary); font-size: .9rem; font-style: normal; font-weight: 720; line-height: 1.65; } .office-location__hours { display: grid; gap: 5px; margin: 0 0 30px; padding-inline-start: 4px; } .office-location__hours strong { color: #3e4f35; font-size: .84rem; } .office-location__map { min-height: 570px; position: relative; padding: 10px; background: var(--lg-primary); border-radius: 30px 30px 120px 30px; box-shadow: 0 35px 90px rgba(23,61,2,.2); } .office-location__map::before { content:""; position:absolute; z-index:-1; width:220px; height:220px; right:-72px; top:-64px; border:1px solid rgba(98,162,40,.24); border-radius:50%; box-shadow:0 0 0 35px rgba(98,162,40,.05),0 0 0 70px rgba(98,162,40,.035); } .office-location__map iframe { width: 100%; height: 100%; display: block; filter: saturate(.72) contrast(1.05); border: 0; border-radius: 21px 21px 110px 21px; } .office-location__map-label { position: absolute; left: 32px; bottom: 32px; display: flex; align-items: center; gap: 12px; padding: 15px 18px; color: var(--lg-primary); background: rgba(255,255,255,.93); border: 1px solid rgba(255,255,255,.8); border-radius: 13px; box-shadow: 0 15px 40px rgba(15,38,3,.2); backdrop-filter: blur(12px); } .office-location__map-label i { width:10px;height:10px;background:var(--lg-secondary);border-radius:50%;box-shadow:0 0 0 6px rgba(98,162,40,.15); } .office-location__map-label span { display:grid;gap:2px;font-size:.74rem;font-weight:780; } .office-location__map-label small { color:var(--lg-muted);font-size:.6rem;font-weight:650;text-transform:uppercase;letter-spacing:.08em; } .faq-section { background: #fff; } .faq-layout { display: grid; grid-template-columns: 330px 1fr; align-items: start; gap: 85px; } .faq-aside { position: sticky; top: 120px; padding: 32px; background: var(--lg-cream); border-radius: var(--lg-radius); } .faq-aside h2 { margin: 0 0 15px; color: var(--lg-primary); font-size: 2.2rem; } .faq-aside p { color: var(--lg-muted); font-size: .87rem; } .faq-aside .button { margin-top: 15px; } .faq-list { border-top: 1px solid var(--lg-line); } .faq-item { border-bottom: 1px solid var(--lg-line); } .faq-item h2 { margin: 0; font-family: var(--lg-font); letter-spacing: 0; } .faq-item button { width: 100%; min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 22px 4px; color: var(--lg-primary); background: transparent; border: 0; font-size: 1.03rem; font-weight: 750; text-align: start; cursor: pointer; } .faq-item button svg { flex: 0 0 auto; transition: transform .25s; } .faq-item.is-open button svg { transform: rotate(180deg); } .faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; } .faq-answer > div { overflow: hidden; } .faq-answer p { max-width: 760px; margin: 0; padding: 0 50px 28px 4px; color: var(--lg-muted); font-size: .91rem; } .faq-answer ul,.faq-answer ol { max-width:760px;margin:0;padding:0 50px 28px 24px;color:var(--lg-muted);font-size:.91rem; } .faq-answer a { color:var(--lg-secondary);text-decoration:underline;text-underline-offset:3px; } .faq-empty { padding:35px;color:var(--lg-muted);background:var(--lg-cream);border-radius:16px;text-align:center; } .faq-item.is-open .faq-answer { grid-template-rows: 1fr; } .support-section { background: #f8f8f4; } .support-sidebar__icon { width: 65px; height: 65px; display: grid; place-items: center; margin-bottom: 28px; color: #fff; background: var(--lg-primary); border-radius: 50%; } .support-sidebar .check-list { margin-top: 28px; } .support-sidebar .check-list li { align-items: center; } .support-direct { display: grid; margin-top: 35px; padding-top: 25px; border-top: 1px solid var(--lg-line); } .support-direct span { color: var(--lg-muted); font-size: .7rem; } .support-direct a { color: var(--lg-primary); font-size: .85rem; font-weight: 750; overflow-wrap: anywhere; } .ticket-confirmation { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 25px; padding: 16px 18px; color: #214c08; background: #e9f5df; border: 1px solid #bcdba3; border-radius: 10px; } .ticket-confirmation span { font-size: .75rem; } .ticket-confirmation strong { font-size: 1.05rem; letter-spacing: .08em; } .my-tickets { padding-top: 0; background: #f8f8f4; } .ticket-table-wrap { overflow-x: auto; background: #fff; border: 1px solid var(--lg-line); border-radius: var(--lg-radius); } .ticket-table { width: 100%; border-collapse: collapse; } .ticket-table th, .ticket-table td { padding: 17px 20px; text-align: start; border-bottom: 1px solid var(--lg-line); font-size: .8rem; } .ticket-table th { color: var(--lg-primary); background: var(--lg-cream); font-size: .67rem; letter-spacing: .08em; text-transform: uppercase; } .ticket-table tbody tr:last-child td { border: 0; } .ticket-status { display: inline-flex; padding: 4px 9px; color: var(--lg-primary); background: #edf5e6; border-radius: 50px; font-size: .66rem; font-weight: 750; } .post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } .post-card { overflow: hidden; background: #fff; border: 1px solid var(--lg-line); border-radius: var(--lg-radius); transition: transform .25s, box-shadow .25s; } .post-card:hover { transform: translateY(-6px); box-shadow: var(--lg-shadow); } .post-card__image { height: 250px; display: block; overflow: hidden; background: var(--lg-cream); } .post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .post-card:hover .post-card__image img { transform: scale(1.05); } .post-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: rgba(38,81,1,.3); font-family: var(--lg-display); font-size: 5rem; } .post-card__body { padding: 26px; } .post-card__date { color: var(--lg-secondary); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .post-card h2 { margin: 10px 0 13px; color: var(--lg-primary); font-size: 1.7rem; } .post-card p { color: var(--lg-muted); font-size: .84rem; } .pagination { margin-top: 50px; } .nav-links { display: flex; align-items: center; justify-content: center; gap: 8px; } .page-numbers { min-width: 40px; height: 40px; display: grid; place-items: center; padding: 0 10px; border: 1px solid var(--lg-line); border-radius: 50px; font-size: .75rem; } .page-numbers.current, .page-numbers:hover { color: #fff; background: var(--lg-primary); } .search-form { max-width: 560px; position: relative; margin-top: 30px; } .search-form label { display: block; } .search-form button { position: absolute; top: 6px; right: 6px; width: 40px; height: 40px; display: grid; place-items: center; color: #fff; background: var(--lg-primary); border: 0; border-radius: 50%; cursor: pointer; } .search-results-list { display: grid; gap: 0; border-top: 1px solid var(--lg-line); } .search-result { padding: 28px 0; border-bottom: 1px solid var(--lg-line); } .search-result > span { color: var(--lg-secondary); font-size: .64rem; font-weight: 800; text-transform: uppercase; } .search-result h2 { margin: 7px 0; color: var(--lg-primary); font-size: 1.8rem; } .search-result p { max-width: 720px; margin: 0; color: var(--lg-muted); } .empty-state { grid-column: 1 / -1; padding: 70px 30px; text-align: center; background: var(--lg-cream); border-radius: var(--lg-radius); } .empty-state h2 { color: var(--lg-primary); font-size: 2.2rem; } .post-navigation-custom { display: flex; justify-content: space-between; gap: 25px; padding: 35px 0 90px; border-top: 1px solid var(--lg-line); font-weight: 700; } .comments-area { padding-bottom: 100px; } .comment-list { padding: 0; list-style: none; } .comment-body { padding: 22px; margin-bottom: 15px; background: var(--lg-cream); border-radius: 12px; } .home-journal { position: relative; isolation: isolate; overflow: hidden; background: #f4f1e8; } .home-journal::before { content: "LG"; position: absolute; z-index: -1; top: -90px; right: -15px; color: rgba(38,81,1,.035); font-family: var(--lg-display); font-size: clamp(18rem,34vw,36rem); line-height: 1; letter-spacing: -.12em; } .home-journal__heading { align-items: end; } .home-journal__heading > div:last-child { max-width: 480px; justify-self: end; } .home-journal__heading > div:last-child p { margin: 0 0 18px; color: var(--lg-muted); } .home-journal__layout { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } .home-journal__layout--count-1 { max-width: 1080px; grid-template-columns: 1fr; } .home-journal__layout--count-2 { grid-template-columns: repeat(2,minmax(0,1fr)); } .home-journal__layout--count-4 { grid-template-columns: repeat(4,minmax(0,1fr)); } .journal-card { min-width: 0; position: relative; overflow: hidden; background: #fff; border: 1px solid rgba(38,81,1,.24); border-radius: 0; box-shadow: 10px 10px 0 rgba(38,81,1,.055); transition: transform .3s ease,box-shadow .3s ease,border-color .3s ease; } .journal-card::before { content: ""; width: 34px; height: 3px; position: absolute; z-index: 4; top: 0; left: 0; background: var(--lg-accent); pointer-events: none; transition: width .35s ease; } .journal-card:hover { transform: translateY(-3px); border-color: rgba(38,81,1,.5); box-shadow: 13px 13px 0 rgba(38,81,1,.085); } .journal-card:hover::before { width: 82px; } .journal-card__media { position: relative; display: block; overflow: hidden; background: #e8eddf; } .journal-card__media::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,rgba(12,35,1,.35)); pointer-events: none; } .journal-card__media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); } .journal-card:hover .journal-card__media img { transform: scale(1.045); } .journal-card__media > span { width: 46px; height: 46px; position: absolute; z-index: 2; right: 18px; bottom: 18px; display: grid; place-items: center; color: var(--lg-primary); background: #f8f4e9; border: 1px solid rgba(216,185,107,.8); border-radius: 0; box-shadow: 5px 5px 0 rgba(19,48,2,.16); transition: transform .3s ease,background .3s ease,color .3s ease; } .journal-card:hover .journal-card__media > span { color: #fff; background: var(--lg-primary); transform: translate(-2px,-2px); } .journal-card__body { position: relative; padding: 27px; border-top: 3px double rgba(38,81,1,.2); } .journal-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 15px; color: #818a7c; font-size: .61rem; font-weight: 750; letter-spacing: .065em; text-transform: uppercase; } .journal-card__meta > * + * { position: relative; } .journal-card__meta > * + *::before { content: ""; width: 1px; height: 10px; position: absolute; left: -8px; top: 50%; background: #b5bdaf; transform: translateY(-50%); } .journal-card__meta a { color: var(--lg-secondary); } .journal-card h3 { margin: 13px 0 11px; color: var(--lg-primary); font-size: 1.72rem; line-height: 1.08; } .journal-card h3 a { color: inherit; } .journal-card__body > p { margin: 0; color: var(--lg-muted); font-size: .82rem; line-height: 1.8; } .journal-card__read { width: fit-content; display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; padding-bottom: 4px; color: var(--lg-primary); border-bottom: 1px solid rgba(216,185,107,.85); font-size: .68rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; } .journal-card__read svg { transition: transform .25s ease; } .journal-card__read:hover svg { transform: translateX(4px); } .journal-card--home { display: flex; flex-direction: column; } .journal-card--home .journal-card__media { height: 225px; flex: 0 0 auto; } .journal-card--home .journal-card__media > span { width: 42px; height: 42px; right: 14px; bottom: 14px; } .journal-card--home .journal-card__body { min-height: 235px; display: flex; flex-direction: column; padding: 24px; } .journal-card--home h3 { font-size: 1.55rem; } .journal-card--home .journal-card__body > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .journal-card--home .journal-card__read { margin-top: auto; padding-top: 18px; } .home-journal__layout--count-1 .journal-card--home { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); } .home-journal__layout--count-1 .journal-card--home .journal-card__media { height: 330px; } .home-journal__layout--count-1 .journal-card--home .journal-card__body { min-height: 330px; justify-content: center; padding: clamp(30px,4vw,55px); } .home-journal__layout--count-1 .journal-card--home h3 { font-size: clamp(2.2rem,3.4vw,3.5rem); } .home-journal__layout--count-1 .journal-card--home .journal-card__read { margin-top: 21px; padding-top: 0; } .journal-hero { min-height: 590px; position: relative; isolation: isolate; display: grid; align-items: center; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 12%,rgba(130,193,77,.25),transparent 27%),linear-gradient(135deg,#112d02 0%,#265101 70%,#346d0e 100%); } .journal-hero::before { content: ""; width: 560px; aspect-ratio: 1; position: absolute; z-index: -1; right: 8%; top: 50%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 75px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.015); transform: translateY(-50%); } .journal-hero__grid { display: grid; grid-template-columns: minmax(0,1.15fr) 330px; align-items: center; gap: clamp(55px,9vw,150px); padding-block: 105px; } .journal-hero__copy { max-width: 830px; } .journal-hero__copy h1 { max-width: 880px; margin: 9px 0 22px; color: #fff; font-size: clamp(4.7rem,8vw,8.2rem); line-height: .86; letter-spacing: -.055em; } .journal-hero--archive .journal-hero__copy h1 { font-size: clamp(4.2rem,7vw,7rem); } .journal-hero__copy p { max-width: 680px; margin: 0; color: rgba(255,255,255,.7); font-size: 1rem; line-height: 1.85; } .journal-hero__edition { position: relative; display: grid; padding: 30px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 22px; backdrop-filter: blur(14px); box-shadow: 0 20px 65px rgba(7,25,0,.18); } .journal-hero__edition > span { color: #b9df98; font-size: .63rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; } .journal-hero__edition > strong { margin: 7px 0 -2px; color: #fff; font-family: var(--lg-display); font-size: 5.5rem; font-weight: 500; line-height: 1; } .journal-hero__edition > small { color: rgba(255,255,255,.6); font-size: .72rem; } .journal-hero__edition .search-form { width: 100%; margin-top: 25px; } .journal-hero__edition .search-form input { height: 52px; color: #fff; background: rgba(9,30,0,.35); border-color: rgba(255,255,255,.15); } .journal-hero__edition .search-form input::placeholder { color: rgba(255,255,255,.5); } .journal-hero__edition .search-form button { top: 6px; background: var(--lg-secondary); } .journal-categories { position: relative; z-index: 3; overflow: hidden; background: #fff; border-bottom: 1px solid var(--lg-line); box-shadow: 0 10px 32px rgba(28,62,5,.045); } .journal-categories .container { display: flex; align-items: center; gap: 9px; overflow-x: auto; padding-block: 16px; scrollbar-width: none; } .journal-categories .container::-webkit-scrollbar { display: none; } .journal-categories a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; color: #5f695a; border: 1px solid transparent; border-radius: 50px; font-size: .67rem; font-weight: 750; } .journal-categories a span { min-width: 20px; height: 20px; display: grid; place-items: center; color: #7c8677; background: #edf2e9; border-radius: 50%; font-size: .55rem; } .journal-categories a:hover,.journal-categories a.is-active { color: #fff; background: var(--lg-primary); border-color: var(--lg-primary); } .journal-categories a:hover span,.journal-categories a.is-active span { color: var(--lg-primary); background: #fff; } .journal-library { background: #fbfbf8; } .journal-library__heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.55fr); align-items: end; gap: 50px; margin-bottom: 55px; } .journal-library__heading h2 { max-width: 780px; margin: 8px 0 0; color: var(--lg-primary); font-size: clamp(3.2rem,5vw,5.7rem); line-height: .92; } .journal-library__heading > p { max-width: 420px; justify-self: end; margin: 0; color: var(--lg-muted); } .journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; } .journal-card--lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); } .journal-card--lead .journal-card__media { min-height: 480px; } .journal-card--lead .journal-card__body { align-self: center; padding: clamp(35px,5vw,70px); } .journal-card--lead h3 { font-size: clamp(2.5rem,4vw,4.5rem); } .journal-card--lead .journal-card__body > p { max-width: 580px; font-size: .9rem; } .journal-card--standard .journal-card__media { height: 270px; } .journal-card--standard .journal-card__body { min-height: 285px; display: flex; flex-direction: column; } .journal-card--standard .journal-card__read { margin-top: auto; padding-top: 20px; } .journal-grid--related { grid-template-columns: repeat(3,minmax(0,1fr)); } .journal-empty { grid-column: 1 / -1; padding: 90px 35px; text-align: center; background: #f2f4ed; border: 1px solid var(--lg-line); border-radius: 25px; } .journal-empty > span { width: 72px; aspect-ratio: 1; display: grid; place-items: center; margin: 0 auto 20px; color: #fff; background: var(--lg-primary); border-radius: 50%; font-family: var(--lg-display); font-size: 1.4rem; } .journal-empty h2 { margin: 0 0 10px; color: var(--lg-primary); font-size: 2.4rem; } .journal-empty p { color: var(--lg-muted); } .journal-library .pagination { margin-top: 60px; } .article-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 82% 0,rgba(126,192,72,.24),transparent 26%),linear-gradient(135deg,#122f02,#265101); } .article-hero::after { content: "LG"; position: absolute; right: -1vw; bottom: -10vw; color: rgba(255,255,255,.035); font-family: var(--lg-display); font-size: min(38vw,34rem); line-height: .8; letter-spacing: -.1em; } .article-hero__inner { position: relative; z-index: 1; padding-top: 48px; padding-bottom: 150px; } .article-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 70px; color: rgba(255,255,255,.52); font-size: .65rem; } .article-breadcrumb a { color: rgba(255,255,255,.73); } .article-breadcrumb a:hover { color: #bce293; } .article-hero__copy { max-width: 1000px; } .article-hero__category { display: inline-flex; padding: 8px 13px; color: #173704; background: #bde395; border-radius: 50px; font-size: .61rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; } .article-hero__copy h1 { max-width: 1000px; margin: 20px 0; color: #fff; font-size: clamp(4rem,7.2vw,7.6rem); line-height: .9; letter-spacing: -.05em; } .article-hero__copy > p { max-width: 760px; margin: 0; color: rgba(255,255,255,.69); font-size: 1.04rem; line-height: 1.8; } .article-hero__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 40px; margin-top: 42px; } .article-hero__meta > span { display: flex; align-items: center; gap: 11px; } .article-hero__meta > span + span { padding-inline-start: 30px; border-inline-start: 1px solid rgba(255,255,255,.18); } .article-hero__meta img { border-radius: 50%; } .article-hero__meta span span { display: grid; } .article-hero__meta small { color: rgba(255,255,255,.5); font-size: .56rem; letter-spacing: .08em; text-transform: uppercase; } .article-hero__meta strong { color: #fff; font-size: .76rem; } .article-featured { position: relative; z-index: 2; height: clamp(430px,58vw,720px); margin-top: -82px; overflow: hidden; background: #e8eddf; border: 8px solid #fff; border-radius: 28px; box-shadow: 0 30px 80px rgba(19,48,2,.17); } .article-featured img { width: 100%; height: 100%; display: block; object-fit: cover; } .article-layout { display: grid; grid-template-columns: 145px minmax(0,790px); justify-content: center; gap: clamp(45px,7vw,100px); padding-top: 90px; padding-bottom: 95px; } .article-rail { align-self: start; position: sticky; top: calc(var(--lg-header-height) + 35px); display: grid; gap: 11px; } .article-rail > span { margin-bottom: 4px; color: #8a9385; font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .article-rail a { min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 8px 12px; color: var(--lg-primary); background: #f2f5ed; border: 1px solid var(--lg-line); border-radius: 10px; font-weight: 850; } .article-rail a > span { font-size: .61rem; font-weight: 750; } .article-rail a:hover { color: #fff; background: var(--lg-primary); } .article-content { min-width: 0; color: #3f483b; font-family: Georgia,"Times New Roman",serif; font-size: 1.08rem; line-height: 1.95; } .article-content > *:first-child { margin-top: 0; } .article-content p { margin: 0 0 1.55em; } .article-content h2,.article-content h3,.article-content h4 { margin: 1.6em 0 .55em; color: var(--lg-primary); line-height: 1.08; } .article-content h2 { font-size: 2.8rem; } .article-content h3 { font-size: 2.05rem; } .article-content h4 { font-size: 1.5rem; } .article-content ul,.article-content ol { padding-inline-start: 1.35em; margin: 0 0 1.7em; } .article-content li { margin-bottom: .48em; padding-inline-start: .25em; } .article-content a { color: #3e7d10; text-decoration: underline; text-decoration-color: rgba(62,125,16,.3); text-underline-offset: 3px; } .article-content blockquote { position: relative; margin: 2.3em 0; padding: 35px 38px 35px 52px; color: var(--lg-primary); background: #f0f4e9; border: 0; border-inline-start: 4px solid var(--lg-secondary); border-radius: 0 18px 18px 0; font-family: var(--lg-display); font-size: 1.65rem; line-height: 1.35; } .article-content blockquote p:last-child { margin-bottom: 0; } .article-content img { height: auto; border-radius: 17px; } .article-content figure { margin: 2.2em 0; } .article-content figcaption { margin-top: 8px; color: #8b9387; font-family: var(--lg-sans); font-size: .66rem; text-align: center; } .article-content table { width: 100%; margin: 2em 0; overflow: hidden; border-collapse: collapse; font-family: var(--lg-sans); font-size: .82rem; } .article-content th,.article-content td { padding: 13px; border: 1px solid var(--lg-line); text-align: start; } .article-content th { color: #fff; background: var(--lg-primary); } .article-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 30px; margin-top: 55px; border-top: 1px solid var(--lg-line); font-family: var(--lg-sans); } .article-tags > span { margin-inline-end: 8px; color: #828b7e; font-size: .61rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .article-tags a { padding: 8px 12px; color: var(--lg-primary); background: #f1f4ed; border-radius: 40px; font-size: .65rem; font-weight: 700; text-decoration: none; } .article-author { padding: 65px 0; background: #eef2e8; border-block: 1px solid var(--lg-line); } .article-author .container--content { max-width: 920px; } .article-author .container--content > div { display: flex; align-items: center; gap: 25px; } .article-author img { border: 5px solid #fff; border-radius: 50%; box-shadow: 0 10px 30px rgba(23,53,4,.12); } .article-author span { color: var(--lg-secondary); font-size: .61rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; } .article-author h2 { margin: 4px 0 8px; color: var(--lg-primary); font-size: 2rem; } .article-author p { max-width: 670px; margin: 0; color: var(--lg-muted); font-size: .8rem; } .article-related { background: #fff; } .post-navigation-custom { max-width: var(--lg-container); } .post-navigation-custom span { max-width: 46%; } .post-navigation-custom a { color: var(--lg-primary); font-family: var(--lg-display); font-size: 1.25rem; } .post-navigation-custom span:last-child { text-align: end; } .single-article .comments-area { width: min(calc(100% - 48px),820px); margin-inline: auto; } .error-page { min-height:clamp(790px,calc(100svh - 120px),980px);position:relative;isolation:isolate;display:grid;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 73% 42%,rgba(98,162,40,.23),transparent 31%),linear-gradient(135deg,#0b2900 0%,#174500 54%,#245d08 100%); } .error-page::before { content:"";position:absolute;z-index:-1;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 75%); } .error-page::after { content:"";width:560px;aspect-ratio:1;position:absolute;z-index:-1;left:-340px;bottom:-310px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.016); } .error-page__engraving { position:absolute;z-index:-1;right:-.045em;top:50%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);font:500 clamp(18rem,39vw,46rem)/.7 var(--lg-display);letter-spacing:-.1em;transform:translateY(-50%);user-select:none; } .error-page__grid { min-height:inherit;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:clamp(55px,7vw,125px);padding-block:88px 125px; } .error-page__content { position:relative;z-index:3; } .error-page__edition { display:flex;align-items:center;gap:12px;margin-bottom:46px;color:rgba(255,255,255,.52);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; } .error-page__edition i { width:42px;height:1px;background:rgba(216,185,107,.65); } .error-page h1 { max-width:720px;margin:13px 0 23px;color:#fff;font-size:clamp(3.8rem,5.8vw,6.25rem);line-height:.91;letter-spacing:-.055em; } .error-page__content>p { max-width:600px;margin:0 0 30px;color:rgba(255,255,255,.66);font-size:.9rem;line-height:1.85; } .error-page__search { width:min(100%,590px);min-height:58px;display:grid;grid-template-columns:48px minmax(0,1fr) 56px;align-items:center;margin:0 0 25px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 45px rgba(3,20,0,.13);backdrop-filter:blur(12px); } .error-page__search>span { display:grid;place-items:center;color:#a8d985; } .error-page__search input { width:100%;height:56px;padding:0;color:#fff;background:transparent;border:0;outline:0;font-family:var(--lg-sans);font-size:.76rem;box-shadow:none; } .error-page__search input::placeholder { color:rgba(255,255,255,.43); } .error-page__search button { width:56px;height:56px;display:grid;place-items:center;color:var(--lg-primary);background:var(--lg-cream);border:0;border-left:1px solid rgba(255,255,255,.18);cursor:pointer;transition:background .2s,color .2s; } .error-page__search button:hover,.error-page__search button:focus-visible { color:#fff;background:var(--lg-secondary); } .error-page__actions { display:flex;align-items:center;flex-wrap:wrap;gap:23px; } .error-page__contact { display:inline-flex;align-items:center;gap:8px;color:#d9efc7;border-bottom:1px solid rgba(217,239,199,.32);font-size:.67rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase; } .error-page__contact:hover { color:#fff;border-color:#fff; } .error-page__routes { width:min(100%,660px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-block:1px solid rgba(255,255,255,.14); } .error-page__routes a { min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;padding:17px 15px;color:#fff;border-right:1px solid rgba(255,255,255,.12);transition:background .2s; } .error-page__routes a:first-child { padding-left:0; } .error-page__routes a:last-child { border-right:0; } .error-page__routes a:hover { background:rgba(255,255,255,.055); } .error-page__routes span { grid-row:1/3;color:#8dcc5e;font-size:.55rem;font-weight:850; } .error-page__routes strong { overflow:hidden;font:500 1rem/1.1 var(--lg-display);text-overflow:ellipsis;white-space:nowrap; } .error-page__routes small { overflow:hidden;color:rgba(255,255,255,.43);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap; } .error-page__visual { min-height:650px;position:relative;z-index:2;display:grid;align-items:center; } .error-page__plate { width:min(100%,590px);height:610px;overflow:hidden;position:relative;justify-self:end;color:#fff;background:#0c2304;border:1px solid rgba(216,185,107,.56);border-radius:280px 280px 3px 3px;box-shadow:0 45px 100px rgba(2,20,0,.42); } .error-page__plate::before { content:"";position:absolute;z-index:4;inset:13px;border:1px solid rgba(255,255,255,.2);border-radius:270px 270px 0 0;pointer-events:none; } .error-page__plate::after { content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(5,19,0,.2) 0%,transparent 36%,transparent 58%,rgba(5,18,0,.82) 100%);pointer-events:none; } .error-page__portal,.error-page__portal .lucerna-picture,.error-page__portal img { width:100%;height:100%;display:block; } .error-page__portal { position:absolute;z-index:1;inset:0; } .error-page__portal img { object-fit:cover;object-position:center;transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.7,.2,1); } .error-page__plate:hover .error-page__portal img { transform:scale(1.045); } .error-page__plate-head,.error-page__plate-foot { position:absolute;z-index:5;right:40px;left:40px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.52rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase; } .error-page__plate-head { top:38px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.22);text-shadow:0 2px 12px rgba(0,0,0,.35); } .error-page__plate-head b { color:#d3eac1;font-size:.48rem;font-weight:750; } .error-page__plate-foot { bottom:34px;color:rgba(255,255,255,.63);text-shadow:0 2px 10px rgba(0,0,0,.45); } .error-page__plate-foot i { height:1px;flex:1;background:rgba(255,255,255,.28); } .error-page__plate-code { position:absolute;z-index:5;left:38px;bottom:58px;color:#f5edcf;font:500 7.4rem/.68 var(--lg-display);letter-spacing:-.1em;text-shadow:0 12px 32px rgba(0,0,0,.35); } .error-page__monogram { width:112px;aspect-ratio:1;position:absolute;z-index:6;right:22px;top:105px;display:grid;place-content:center;justify-items:center;color:#fff;background:var(--lg-primary);border:7px solid #f2ecd9;border-radius:50%;box-shadow:0 16px 35px rgba(25,63,5,.2);transform:rotate(7deg); } .error-page__monogram::before { content:"";position:absolute;inset:6px;border:1px dashed rgba(255,255,255,.35);border-radius:50%; } .error-page__monogram strong { font:600 1.55rem/1 var(--lg-display); } .error-page__monogram span { max-width:70px;margin-top:5px;color:rgba(255,255,255,.65);font-size:.43rem;font-weight:750;line-height:1.25;letter-spacing:.06em;text-align:center;text-transform:uppercase; } .error-page__ticker { height:39px;position:absolute;z-index:7;right:0;bottom:0;left:0;overflow:hidden;color:#163a04;background:var(--lg-accent,#d8b96b);font-size:.55rem;font-weight:900;line-height:39px;letter-spacing:.14em;text-align:center;white-space:nowrap; } .button--ghost { color:#fff;background:transparent;border-color:rgba(255,255,255,.28); } .button--ghost:hover { background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5); } .commerce-shell { padding: 75px 0 120px; } .woocommerce .woocommerce-breadcrumb { margin-bottom: 35px; color: var(--lg-muted); font-size: .72rem; } .woocommerce-products-header__title, .woocommerce div.product .product_title { color: var(--lg-primary); font-family: var(--lg-display); font-size: clamp(2.8rem, 5vw, 5rem); font-weight: 500; } .woocommerce ul.products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 45px 0 0; } .woocommerce ul.products::before, .woocommerce ul.products::after { display: none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: auto; float: none; margin: 0; padding: 0 0 24px; overflow: hidden; background: #fff; border: 1px solid var(--lg-line); border-radius: var(--lg-radius); transition: transform .25s, box-shadow .25s; } .woocommerce ul.products li.product:hover { transform: translateY(-6px); box-shadow: var(--lg-shadow); } .woocommerce ul.products li.product a img { height: 340px; margin: 0 0 23px; object-fit: cover; background: var(--lg-cream); } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .star-rating { margin-inline: 22px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--lg-primary); font-family: var(--lg-display); font-size: 1.45rem; font-weight: 500; } .woocommerce ul.products li.product .price { color: var(--lg-secondary); font-weight: 750; } .woocommerce ul.products li.product .button { margin: 17px 22px 0; } .woocommerce span.onsale { min-width: auto; min-height: auto; top: 15px; left: 15px; padding: 7px 11px; background: var(--lg-secondary); border-radius: 50px; font-size: .64rem; line-height: 1; } .woocommerce div.product { display: flow-root; } .woocommerce div.product div.images img { border-radius: var(--lg-radius); background: var(--lg-cream); } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--lg-secondary); } .woocommerce div.product form.cart .variations select, .woocommerce .quantity .qty, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { min-height: 48px; padding: 8px 12px; border: 1px solid var(--lg-line); border-radius: 8px; } .woocommerce-message, .woocommerce-info { border-top-color: var(--lg-secondary); background: var(--lg-cream); } .woocommerce-message::before, .woocommerce-info::before { color: var(--lg-secondary); } .woocommerce table.shop_table { overflow: hidden; border-color: var(--lg-line); border-radius: 14px; } .woocommerce-checkout #payment { background: var(--lg-cream); border-radius: 14px; } .lucerna-maintenance-page { min-height: 100vh; background: #123600; } .maintenance-stage { min-height: 100vh; position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 22px; padding: clamp(20px,2.4vw,38px); overflow: hidden; background: radial-gradient(circle at 0 0,rgba(126,184,72,.23),transparent 30%),radial-gradient(circle at 100% 100%,rgba(216,185,107,.12),transparent 30%),#123600; } .maintenance-stage::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(135deg,#000,transparent 70%); } .maintenance-stage__header,.maintenance-stage__footer { width: min(1500px,100%); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(255,255,255,.65); } .maintenance-stage__logo { min-height: 54px; display: flex; align-items: center; padding: 9px 18px; background: #fbfaf5; border: 1px solid rgba(255,255,255,.5); border-radius: 12px; } .maintenance-stage__logo .site-logo { width: clamp(185px,18vw,260px); } .maintenance-stage__header-status,.maintenance-stage__eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .65rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .maintenance-stage__header-status i,.maintenance-stage__eyebrow i { width: 8px; height: 8px; background: #a8dc77; border-radius: 50%; box-shadow: 0 0 0 6px rgba(168,220,119,.13); animation: maintenancePulse 1.7s ease-in-out infinite; } @keyframes maintenancePulse { 50% { box-shadow: 0 0 0 12px rgba(168,220,119,0); } } .maintenance-stage__panel { width: min(1500px,100%); min-height: min(745px,calc(100vh - 170px)); flex: 1; display: grid; grid-template-columns: 1.06fr .94fr; margin-inline: auto; overflow: hidden; background: #f8f5eb; border: 1px solid rgba(255,255,255,.3); border-radius: clamp(24px,2.5vw,40px); box-shadow: 0 35px 100px rgba(3,21,0,.35); } .maintenance-stage__copy { align-self: center; padding: clamp(52px,6vw,104px); } .maintenance-stage__eyebrow { margin-bottom: 28px; color: var(--lg-secondary); } .maintenance-stage__eyebrow i { background: var(--lg-secondary); box-shadow: 0 0 0 6px rgba(98,162,40,.12); } .maintenance-stage__copy h1 { max-width: 720px; margin: 0 0 25px; color: var(--lg-primary); font-size: clamp(3.7rem,6.1vw,7.1rem); line-height: .9; } .maintenance-stage__message { max-width: 650px; margin-bottom: 34px; color: var(--lg-muted); font-size: clamp(.94rem,1.1vw,1.08rem); line-height: 1.8; } .maintenance-stage__notice { max-width: 650px; display: flex; align-items: center; gap: 20px; padding: 19px 22px; background: #fff; border: 1px solid var(--lg-line); border-radius: 17px; box-shadow: 0 14px 34px rgba(38,81,1,.07); } .maintenance-stage__notice > div:last-child { display: grid; } .maintenance-stage__notice strong { color: var(--lg-primary); font-size: .87rem; } .maintenance-stage__notice span { color: var(--lg-muted); font-size: .7rem; line-height: 1.55; } .maintenance-stage__loader { width: 49px; height: 49px; position: relative; flex: 0 0 49px; display: grid; place-items: center; border: 1px solid #d8e3ce; border-radius: 50%; } .maintenance-stage__loader::before { content: ""; position: absolute; inset: -1px; border: 2px solid transparent; border-top-color: var(--lg-secondary); border-right-color: var(--lg-secondary); border-radius: 50%; animation: preloaderSpin 1.2s linear infinite; } .maintenance-stage__loader span { width: 8px; height: 20px; background: var(--lg-primary); border-radius: 80% 4% 80% 4%; transform: rotate(-35deg); } .maintenance-stage__loader i { width: 5px; height: 12px; position: absolute; left: 18px; bottom: 12px; background: var(--lg-secondary); border-radius: 80% 4% 80% 4%; transform: rotate(38deg); } .maintenance-stage__contacts { max-width: 650px; display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 13px; } .maintenance-stage__contacts a { min-width: 0; display: grid; grid-template-columns:auto minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px 16px; color: var(--lg-primary); background: transparent; border: 1px solid var(--lg-line); border-radius: 13px; transition: .22s ease; } .maintenance-stage__contacts a:hover { background: #fff; border-color: rgba(98,162,40,.45); transform: translateY(-2px); } .maintenance-stage__contacts a > svg:first-child { color: var(--lg-secondary); } .maintenance-stage__contacts span { min-width: 0; display: grid; overflow-wrap: anywhere; font-size: .69rem; font-weight: 800; } .maintenance-stage__contacts small { color: var(--lg-muted); font-size: .56rem; font-weight: 550; } .maintenance-stage__support { display: flex; align-items: center; gap: 8px; margin: 20px 0 0; color: #788274; font-size: .63rem; } .maintenance-stage__support svg { color: var(--lg-secondary); } .maintenance-stage__visual { min-height: 580px; position: relative; isolation: isolate; overflow: hidden; margin: 12px; background: var(--lg-primary); border-radius: 28px; } .maintenance-stage__hero,.maintenance-stage__visual-shade { width: 100%; height: 100%; position: absolute; inset: 0; } .maintenance-stage__hero { object-fit: cover; object-position: 62% center; } .maintenance-stage__visual-shade { z-index: 1; background: linear-gradient(155deg,rgba(12,43,0,.1),rgba(9,32,0,.72)); } .maintenance-stage__visual-card { position: absolute; z-index: 3; left: 24px; bottom: 24px; display: flex; align-items: center; gap: 13px; padding: 9px 17px 9px 9px; color: #fff; background: rgba(19,54,1,.76); border: 1px solid rgba(255,255,255,.26); border-radius: 15px; box-shadow: 0 18px 45px rgba(0,0,0,.24); backdrop-filter: blur(14px); } .maintenance-stage__visual-card img { width: 55px; height: 55px; object-fit: cover; border-radius: 10px; } .maintenance-stage__visual-card div { display: grid; } .maintenance-stage__visual-card span { color: rgba(255,255,255,.58); font-size: .55rem; text-transform: uppercase; } .maintenance-stage__visual-card strong { display: flex; align-items: center; gap: 7px; font-size: .69rem; } .maintenance-stage__visual-card strong i { width: 7px; height: 7px; background: #9ada65; border-radius: 50%; box-shadow: 0 0 0 4px rgba(154,218,101,.13); } .maintenance-stage__footer { padding-inline: 7px; font-size: .58rem; letter-spacing: .06em; } .lucerna-chat { position: fixed; z-index: 3000; right: 24px; bottom: 22px; font-family: var(--lg-font); } .lucerna-chat [hidden] { display: none !important; } .lucerna-chat__launcher { width: 62px; height: 62px; position: relative; display: grid; place-items: center; padding: 0; color: #fff; background: linear-gradient(145deg,var(--lg-secondary),var(--lg-primary)); border: 1px solid rgba(255,255,255,.32); border-radius: 50%; box-shadow: 0 15px 35px rgba(28,65,5,.3); cursor: pointer; transition: transform .25s,box-shadow .25s; } .lucerna-chat__launcher::before { content: ""; position: absolute; inset: -6px; border: 1px solid rgba(98,162,40,.32); border-radius: 50%; animation: chatHalo 2.2s ease-out infinite; } @keyframes chatHalo { 70%,100% { opacity: 0; transform: scale(1.28); } } .lucerna-chat__launcher:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 20px 45px rgba(28,65,5,.38); } .lucerna-chat__launcher-close { display: none; } .lucerna-chat.is-open .lucerna-chat__launcher-open { display: none; } .lucerna-chat.is-open .lucerna-chat__launcher-close { display: inline-flex; } .lucerna-chat__launcher > i { min-width: 22px; height: 22px; position: absolute; top: -4px; right: -3px; display: grid; place-items: center; padding: 0 5px; color: #fff; background: #d54b3e; border: 2px solid #fff; border-radius: 20px; font-size: 10px; font-style: normal; font-weight: 800; } .lucerna-chat__launcher.has-unread { animation: chatAttention .75s ease 2; } @keyframes chatAttention { 50% { transform: scale(1.13) rotate(-6deg); } } .lucerna-chat__panel { width: min(390px,calc(100vw - 30px)); height: min(650px,calc(100vh - 120px)); position: absolute; right: 0; bottom: 78px; display: flex; flex-direction: column; overflow: hidden; opacity: 0; visibility: hidden; color: var(--lg-ink); background: #fff; border: 1px solid rgba(38,81,1,.13); border-radius: 23px; box-shadow: 0 28px 90px rgba(18,52,1,.25); transform: translateY(18px) scale(.97); transform-origin: right bottom; transition: opacity .25s,visibility .25s,transform .25s; } .lucerna-chat.is-open .lucerna-chat__panel { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .lucerna-chat__header { min-height: 84px; display: flex; align-items: center; gap: 12px; padding: 15px 17px; color: #fff; background: radial-gradient(circle at 0 0,rgba(139,197,88,.25),transparent 45%),var(--lg-primary); } .lucerna-chat__avatar { width: 47px; height: 47px; position: relative; flex: 0 0 auto; display: grid; place-items: center; color: var(--lg-primary); background: var(--lg-cream); border-radius: 50%; font-family: var(--lg-display); font-size: 1.05rem; } .lucerna-chat__avatar span { width: 11px; height: 11px; position: absolute; right: 0; bottom: 1px; background: #72c13e; border: 2px solid var(--lg-primary); border-radius: 50%; } .lucerna-chat__header > div:nth-child(2) { min-width: 0; display: grid; flex: 1; } .lucerna-chat__header strong { font-size: .83rem; } .lucerna-chat__header div > span { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.65); font-size: .62rem; } .lucerna-chat__header div > span i { width: 5px; height: 5px; background: #8bd056; border-radius: 50%; } .lucerna-chat__header button { width: 36px; height: 36px; display: grid; place-items: center; padding: 0; color: #fff; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.14); border-radius: 50%; cursor: pointer; } .lucerna-chat__body { min-height: 0; flex: 1; position: relative; overflow: hidden; background: #f8f8f4; } .lucerna-chat__intro { height: 100%; padding: 25px; overflow-y: auto; } .lucerna-chat__intro-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 17px; color: var(--lg-primary); background: #eaf3e3; border-radius: 50%; } .lucerna-chat__intro h2 { margin: 0 0 8px; color: var(--lg-primary); font-family: var(--lg-display); font-size: 1.8rem; font-weight: 500; } .lucerna-chat__intro > p { margin-bottom: 18px; color: var(--lg-muted); font-size: .75rem; line-height: 1.55; } .lucerna-chat__intro form { display: grid; gap: 11px; } .lucerna-chat__intro label { display: grid; gap: 5px; color: #485344; font-size: .65rem; font-weight: 700; } .lucerna-chat__intro input,.lucerna-chat__intro textarea { width: 100%; min-height: 42px; padding: 9px 11px; color: var(--lg-ink); background: #fff; border: 1px solid #dce3d7; border-radius: 8px; outline: 0; resize: vertical; } .lucerna-chat__intro input:focus,.lucerna-chat__intro textarea:focus { border-color: var(--lg-secondary); box-shadow: 0 0 0 3px rgba(98,162,40,.1); } .lucerna-chat__trap { position: absolute!important; left: -9999px!important; width: 1px!important; height: 1px!important; } .lucerna-chat__submit { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 4px; color: #fff; background: var(--lg-primary); border: 0; border-radius: 999px; font-size: .67rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; } .lucerna-chat__submit:disabled { opacity: .65; cursor: wait; } .lucerna-chat__conversation { height: 100%; min-height:0; display:grid; grid-template-rows:minmax(0,1fr) auto; } .lucerna-chat__messages { min-height:0; display: flex; flex-direction: column; gap: 11px; padding: 22px 17px; overflow-y: auto; overscroll-behavior: contain; } .lucerna-chat__message { max-width: 82%; display: grid; align-self: flex-start; } .lucerna-chat__message p { margin: 0; padding: 11px 13px; color: var(--lg-ink); background: #fff; border: 1px solid var(--lg-line); border-radius: 5px 14px 14px 14px; box-shadow: 0 6px 18px rgba(38,81,1,.05); font-size: .76rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; } .lucerna-chat__message > span { margin-top: 3px; color: #92998e; font-size: .54rem; } .lucerna-chat__message--visitor { align-self: flex-end; justify-items: end; } .lucerna-chat__message--visitor p { color: #fff; background: var(--lg-primary); border-color: var(--lg-primary); border-radius: 14px 5px 14px 14px; } .lucerna-chat__message.is-pending { opacity: .62; } .lucerna-chat__message.is-failed p { background: #91352d; border-color: #91352d; } .lucerna-chat__closed { margin: 10px 0 0; padding: 14px; text-align: center; background: #ecefe9; border-radius: 10px; } .lucerna-chat__closed p { margin: 0 0 8px; color: var(--lg-muted); font-size: .7rem; } .lucerna-chat__closed button { padding: 0; color: var(--lg-primary); background: transparent; border: 0; font-size: .67rem; font-weight: 800; cursor: pointer; text-decoration: underline; } .lucerna-chat__typing { min-height:37px; display:none; align-items: center; gap: 3px; padding: 8px 18px 9px; color: var(--lg-muted); background:#f4f7f1; border-top:1px solid rgba(38,81,1,.08); font-size: .56rem; } .lucerna-chat__typing.is-visible { display:flex; } .lucerna-chat__typing i { width: 4px; height: 4px; background: var(--lg-secondary); border-radius: 50%; animation: chatTyping 1s ease infinite; } .lucerna-chat__typing i:nth-child(2) { animation-delay: .12s; }.lucerna-chat__typing i:nth-child(3) { animation-delay: .24s; } .lucerna-chat__typing span { margin-left:5px; } @keyframes chatTyping { 50% { transform: translateY(-3px); } } .lucerna-chat__composer { flex: 0 0 auto; padding: 11px 13px 9px; background: #fff; border-top: 1px solid var(--lg-line); } .lucerna-chat__composer form { display: flex; align-items: flex-end; gap: 8px; } .lucerna-chat__composer textarea { min-height: 42px; max-height: 110px; flex: 1; padding: 10px 11px; color: var(--lg-ink); background: #f6f8f4; border: 1px solid #dfe5db; border-radius: 10px; outline: 0; resize: none; font-size: .75rem; } .lucerna-chat__composer textarea:focus { border-color: var(--lg-secondary); } .lucerna-chat__composer button { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; padding: 0; color: #fff; background: var(--lg-primary); border: 0; border-radius: 50%; cursor: pointer; } .lucerna-chat__composer > span { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 6px; color: #a0a69d; font-size: .52rem; } .lucerna-chat__composer .lucerna-chat__tool { width: 32px; height: 42px; color: var(--lg-primary); background: transparent; border-radius: 9px; font-size: 1rem; } .lucerna-chat__composer .lucerna-chat__tool:hover { background: #edf3e9; } .lucerna-chat__composer .lucerna-chat__tool.is-recording { color: #fff; background: #c94438; animation: chatRecordPulse 1.1s ease infinite; } .lucerna-chat__composer .lucerna-chat__send { width: 42px; color: #fff; background: var(--lg-primary); border-radius: 50%; } .lucerna-chat__attachment-preview { min-height: 36px; display: flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 7px 9px; color: var(--lg-primary); background: #edf4e8; border: 1px solid rgba(38,81,1,.1); border-radius: 9px; font-size: .62rem; } .lucerna-chat__attachment-preview[hidden] { display: none; } .lucerna-chat__attachment-preview i { width: 23px; height: 23px; display: grid; place-items: center; background: #fff; border-radius: 6px; font-style: normal; } .lucerna-chat__attachment-preview span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lucerna-chat__attachment-preview button { width: 24px; height: 24px; color: #7d332c; background: transparent; font-size: 1rem; } .lucerna-chat__attachment { max-width: 100%; display: grid; gap: 5px; overflow: hidden; background: #fff; border: 1px solid var(--lg-line); border-radius: 12px; box-shadow: 0 7px 20px rgba(38,81,1,.06); } .lucerna-chat__attachment img,.lucerna-chat__attachment video { width: min(250px,100%); max-height: 220px; display: block; object-fit: cover; } .lucerna-chat__attachment audio { width: min(250px,100%); height: 38px; margin: 7px; } .lucerna-chat__attachment-name { max-width: 250px; padding: 8px 10px; overflow: hidden; color: var(--lg-primary); font-size: .62rem; font-weight: 700; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .lucerna-chat__attachment.is-audio { overflow:visible;background:transparent;border:0;box-shadow:none; } .lucerna-chat__voice { width:min(288px,70vw);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;color:var(--lg-primary);background:#fff;border:1px solid var(--lg-line);border-radius:18px 18px 18px 5px;box-shadow:0 7px 22px rgba(38,81,1,.08); } .lucerna-chat__message--visitor .lucerna-chat__voice { color:#fff;background:var(--lg-primary);border-color:var(--lg-primary);border-radius:18px 18px 5px 18px; } .lucerna-chat__voice-play { min-width:76px;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;color:#fff;background:var(--lg-secondary);border:0;border-radius:12px;font-size:.75rem;cursor:pointer;box-shadow:0 7px 16px rgba(68,128,20,.2);transition:transform .2s ease,background .2s ease; } .lucerna-chat__voice-play:hover { background:#4d8c1d;transform:translateY(-1px); } .lucerna-chat__voice-play svg { width:18px;height:18px;fill:currentColor; } .lucerna-chat__voice-play span { font-size:.5rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase; } .lucerna-chat__message--visitor .lucerna-chat__voice-play { color:var(--lg-primary);background:#fff; } .lucerna-chat__voice-wave { height:30px;display:flex;align-items:center;gap:2px;overflow:hidden;cursor:pointer; } .lucerna-chat__voice-wave i { width:3px;flex:0 0 3px;display:block;background:#b8c5af;border-radius:4px;transition:background .12s ease; } .lucerna-chat__voice-wave i.is-played,.lucerna-chat__voice.is-playing .lucerna-chat__voice-wave i:first-child { background:var(--lg-secondary); } .lucerna-chat__message--visitor .lucerna-chat__voice-wave i { background:rgba(255,255,255,.34); }.lucerna-chat__message--visitor .lucerna-chat__voice-wave i.is-played{background:#b9e096} .lucerna-chat__voice>span { color:#8a9385;font-size:.52rem;font-variant-numeric:tabular-nums;white-space:nowrap; }.lucerna-chat__message--visitor .lucerna-chat__voice>span{color:rgba(255,255,255,.7)} .lucerna-chat__voice audio { display:none; } @keyframes chatRecordPulse { 50% { box-shadow: 0 0 0 7px rgba(201,68,56,.14); } } .lucerna-chat__error { position: absolute; z-index: 3; left: 12px; right: 12px; bottom: 74px; padding: 9px 11px; color: #842c23; background: #ffefec; border: 1px solid #efc5bf; border-radius: 8px; font-size: .66rem; box-shadow: 0 10px 25px rgba(68,23,16,.12); } .lucerna-chat__toast { width:min(326px,calc(100vw - 32px));min-height:72px;position:absolute;right:0;bottom:80px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px 11px;padding:11px 39px 11px 12px;overflow:hidden;opacity:0;visibility:hidden;color:var(--lg-primary);background:#fbfcf8;border:1px solid #dce7d5;border-radius:15px;box-shadow:0 12px 32px rgba(25,57,7,.13),0 2px 7px rgba(25,57,7,.05);transform:translateY(10px) scale(.985);transform-origin:right bottom;transition:opacity .22s ease,visibility .22s ease,transform .38s cubic-bezier(.16,1,.3,1);cursor:default;pointer-events:auto; } .lucerna-chat__toast::after { content:"";width:74px;height:74px;position:absolute;right:-42px;bottom:-48px;background:rgba(98,162,40,.08);border-radius:50%;pointer-events:none; } .lucerna-chat__toast.is-visible { opacity:1;visibility:visible;transform:translateY(0) scale(1); } .lucerna-chat__toast.is-reply { cursor:pointer; } .lucerna-chat__toast-icon { width:36px;height:36px;position:relative;z-index:1;grid-row:1/3;display:grid;place-items:center;color:#397b16;background:#edf6e7;border:1px solid #d5e8c9;border-radius:50%; } .lucerna-chat__toast-icon::after { content:"";width:6px;height:6px;position:absolute;right:-1px;bottom:2px;background:#6fbd3b;border:2px solid #fbfcf8;border-radius:50%; } .lucerna-chat__toast-copy { min-width:0;position:relative;z-index:1;display:grid;gap:2px; } .lucerna-chat__toast-copy small { color:#659346;font-size:.47rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase; } .lucerna-chat__toast-copy strong { display:-webkit-box;overflow:hidden;color:#34412f;font-size:.66rem;font-weight:650;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2; } .lucerna-chat__toast-open,.lucerna-chat__toast-call { width:max-content;min-height:25px;position:relative;z-index:1;grid-column:2;display:inline-flex;align-items:center;padding:4px 9px;color:#2e6811;background:#eef6e9;border:1px solid #d5e7ca;border-radius:999px;font-size:.51rem;font-weight:800;text-decoration:none;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; } .lucerna-chat__toast-open:hover,.lucerna-chat__toast-call:hover { color:#fff;background:var(--lg-primary);border-color:var(--lg-primary);transform:translateX(2px); } .lucerna-chat__toast-call { color:#fff;background:var(--lg-secondary);border-color:var(--lg-secondary); } .lucerna-chat__toast-dismiss { width:25px;height:25px;position:absolute;z-index:2;right:7px;top:7px;display:grid;place-items:center;padding:0;color:#899184;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease; } .lucerna-chat__toast-dismiss:hover { color:#36552a;background:#edf3e9;transform:rotate(90deg); } .lucerna-chat__toast.is-visible .lucerna-chat__toast-icon { animation:chatToastIcon .46s cubic-bezier(.16,1,.3,1) both; } @keyframes chatToastIcon { from { opacity:0;transform:translateY(5px) scale(.82); } to { opacity:1;transform:translateY(0) scale(1); } } /* Reply notification styles — selectable in Theme settings. */ .lucerna-chat--toast-classic .lucerna-chat__toast { width:min(350px,calc(100vw - 32px));min-height:82px;grid-template-columns:42px minmax(0,1fr);gap:10px 12px;padding:13px 42px 13px 13px;overflow:visible;color:var(--lg-primary);background:rgba(255,255,255,.97);border-color:rgba(38,81,1,.16);border-radius:17px;box-shadow:0 22px 65px rgba(20,55,2,.22);backdrop-filter:blur(16px); } .lucerna-chat--toast-classic .lucerna-chat__toast::after { display:none; } .lucerna-chat--toast-classic .lucerna-chat__toast-icon { width:42px;height:42px;color:#fff;background:linear-gradient(145deg,var(--lg-secondary),var(--lg-primary));border:0;border-radius:14px;box-shadow:0 9px 20px rgba(38,81,1,.2); } .lucerna-chat--toast-classic .lucerna-chat__toast-icon::after { display:none; } .lucerna-chat--toast-classic .lucerna-chat__toast-copy { gap:3px; } .lucerna-chat--toast-classic .lucerna-chat__toast-copy small { color:var(--lg-secondary);font-size:.5rem;font-weight:850;letter-spacing:.08em; } .lucerna-chat--toast-classic .lucerna-chat__toast-copy strong { color:#31412a;font-size:.69rem;font-weight:700;line-height:1.5; } .lucerna-chat--toast-classic .lucerna-chat__toast-open,.lucerna-chat--toast-classic .lucerna-chat__toast-call { min-height:27px;padding:4px 10px;color:#fff;background:var(--lg-primary);border:0;font-size:.54rem; } .lucerna-chat--toast-classic .lucerna-chat__toast-call { background:var(--lg-secondary); } .lucerna-chat--toast-editorial .lucerna-chat__toast { width:min(336px,calc(100vw - 32px));min-height:78px;grid-template-columns:34px minmax(0,1fr);gap:7px 12px;padding:13px 39px 13px 15px;background:#faf6e9;border:1px solid #dfd3ae;border-radius:7px 15px 15px 7px;box-shadow:0 16px 38px rgba(61,55,29,.13); } .lucerna-chat--toast-editorial .lucerna-chat__toast::before { content:"";width:3px;position:absolute;inset:9px auto 9px 0;background:linear-gradient(#b8953e,#e4d39f);border-radius:0 3px 3px 0; } .lucerna-chat--toast-editorial .lucerna-chat__toast::after { width:82px;height:82px;right:-49px;bottom:-54px;background:transparent;border:1px solid rgba(184,149,62,.18); } .lucerna-chat--toast-editorial .lucerna-chat__toast-icon { width:34px;height:34px;color:#745d24;background:#f4ead0;border:1px solid #ddc98e;border-radius:7px; } .lucerna-chat--toast-editorial .lucerna-chat__toast-icon::after { background:#88aa51;border-color:#faf6e9; } .lucerna-chat--toast-editorial .lucerna-chat__toast-copy small { color:#987c35;font-family:var(--lg-font);letter-spacing:.11em; } .lucerna-chat--toast-editorial .lucerna-chat__toast-copy strong { color:#3e3a29;font-family:var(--lg-display);font-size:.72rem;font-weight:500;line-height:1.38; } .lucerna-chat--toast-editorial .lucerna-chat__toast-open,.lucerna-chat--toast-editorial .lucerna-chat__toast-call { color:#67521f;background:transparent;border-color:#cdb979;border-radius:5px; } .lucerna-chat--toast-editorial .lucerna-chat__toast-open:hover,.lucerna-chat--toast-editorial .lucerna-chat__toast-call:hover { color:#fff;background:#6e5925;border-color:#6e5925; } .lucerna-chat--toast-glass .lucerna-chat__toast { width:min(334px,calc(100vw - 32px));min-height:76px;grid-template-columns:38px minmax(0,1fr);gap:7px 11px;padding:12px 40px 12px 12px;background:rgba(250,253,248,.84);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 16px 42px rgba(23,60,3,.15),inset 0 0 0 1px rgba(56,106,24,.07);backdrop-filter:blur(20px) saturate(1.25); } .lucerna-chat--toast-glass .lucerna-chat__toast::after { width:92px;height:92px;right:-45px;bottom:-61px;background:radial-gradient(circle,rgba(124,193,75,.19),rgba(124,193,75,0) 68%); } .lucerna-chat--toast-glass .lucerna-chat__toast-icon { width:38px;height:38px;color:#397f15;background:rgba(255,255,255,.72);border:1px solid rgba(98,162,40,.24);border-radius:50%;box-shadow:0 0 0 5px rgba(98,162,40,.08); } .lucerna-chat--toast-glass .lucerna-chat__toast-icon::after { box-shadow:0 0 0 4px rgba(111,189,59,.13); } .lucerna-chat--toast-glass .lucerna-chat__toast-copy small { color:#5e9740; } .lucerna-chat--toast-glass .lucerna-chat__toast-copy strong { color:#2f3e2a;font-weight:600; } .lucerna-chat--toast-glass .lucerna-chat__toast-open,.lucerna-chat--toast-glass .lucerna-chat__toast-call { color:#2f6f10;background:rgba(255,255,255,.65);border-color:rgba(66,124,29,.2);box-shadow:0 4px 12px rgba(36,78,11,.06); } .lucerna-chat--toast-minimal .lucerna-chat__toast { width:min(330px,calc(100vw - 32px));min-height:58px;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:9px 37px 9px 10px;background:#fff;border-color:#dfe7da;border-radius:13px;box-shadow:0 9px 25px rgba(24,54,8,.11); } .lucerna-chat--toast-minimal .lucerna-chat__toast::after { width:3px;height:auto;inset:8px auto 8px 0;background:#79b94c;border-radius:0 3px 3px 0; } .lucerna-chat--toast-minimal .lucerna-chat__toast-icon { width:30px;height:30px;grid-row:1;color:#42811f;background:#f0f6ec;border:0;border-radius:9px; } .lucerna-chat--toast-minimal .lucerna-chat__toast-icon::after { display:none; } .lucerna-chat--toast-minimal .lucerna-chat__toast-copy { grid-row:1;gap:1px; } .lucerna-chat--toast-minimal .lucerna-chat__toast-copy small { font-size:.43rem; } .lucerna-chat--toast-minimal .lucerna-chat__toast-copy strong { overflow:hidden;font-size:.61rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1; } .lucerna-chat--toast-minimal .lucerna-chat__toast-open,.lucerna-chat--toast-minimal .lucerna-chat__toast-call { min-height:25px;grid-column:3;grid-row:1;padding:4px 8px;color:#326d15;background:#f2f7ef;border:0;font-size:.47rem; } .lucerna-chat--toast-minimal .lucerna-chat__toast-dismiss { top:50%;transform:translateY(-50%); } .lucerna-chat--toast-minimal .lucerna-chat__toast-dismiss:hover { transform:translateY(-50%) rotate(90deg); } .lucerna-chat__phone-offer { display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:3px;padding:12px;color:#27411b;background:linear-gradient(135deg,#f4f9ef,#edf6e6);border:1px solid #cee3bd;border-radius:15px;box-shadow:0 10px 28px rgba(38,81,1,.08);animation:chatPhoneOfferIn .48s cubic-bezier(.16,1,.3,1) both; } .lucerna-chat__phone-offer>span:first-child { width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--lg-secondary);border-radius:12px;box-shadow:0 8px 17px rgba(78,137,28,.2); } .lucerna-chat__phone-offer>span:nth-child(2) { min-width:0;display:grid;gap:3px; } .lucerna-chat__phone-offer strong { font-size:.62rem;line-height:1.45; } .lucerna-chat__phone-offer small { color:#6b7865;font-size:.56rem;font-weight:750;direction:ltr;text-align:left; } .lucerna-chat__phone-offer a { min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;color:#fff;background:var(--lg-primary);border-radius:999px;font-size:.52rem;font-weight:800;white-space:nowrap;text-decoration:none; } @keyframes chatPhoneOfferIn { from { opacity:0;transform:translateY(12px) scale(.97); } to { opacity:1;transform:translateY(0) scale(1); } } @media(max-width:420px) { .lucerna-chat__toast { right:15px;bottom:88px; } .lucerna-chat__phone-offer { grid-template-columns:38px minmax(0,1fr); } .lucerna-chat__phone-offer a { width:max-content;grid-column:2; } } .has-lucerna-chat .back-to-top { left:25px;right:auto; } .has-reveal-motion .reveal { opacity: 0; transform: translateY(25px); transition: opacity .7s ease var(--delay, 0ms), transform .7s ease var(--delay, 0ms); } .has-reveal-motion .reveal.is-visible { opacity: 1; transform: translateY(0); } [dir="rtl"] .hero__media img { object-position: center left; } [dir="rtl"] .hero::before { background: linear-gradient(-90deg, rgba(16,40,5,.96) 0%, rgba(23,53,7,.88) 30%, rgba(26,54,12,.36) 60%, rgba(20,45,5,.03) 100%); } [dir="rtl"] .hero__scroll { left: auto; right: 34px; transform: rotate(90deg); transform-origin: right bottom; } [dir="rtl"] .primary-menu .sub-menu { left: auto; right: -20px; } [dir="rtl"] .category-card__number { left: auto; right: 24px; } [dir="rtl"] .category-card__arrow { right: auto; left: 23px; } [dir="rtl"] .promise-card__index { right: auto; left: 30px; } [dir="rtl"] .journey-step { padding: 0 0 0 35px; } [dir="rtl"] .vision-details > div { padding: 28px 75px 28px 0; } [dir="rtl"] .vision-details svg { left: auto; right: 0; } [dir="rtl"] .search-form button { right: auto; left: 6px; } [dir="rtl"] .prose blockquote { padding: 8px 28px 8px 0; border-left: 0; border-right: 3px solid var(--lg-secondary); } [dir="rtl"] .journal-card__media > span { right: auto; left: 18px; } [dir="rtl"] .journal-card__meta > * + *::before { left: auto; right: -9px; } [dir="rtl"] .article-content blockquote { padding: 35px 52px 35px 38px; border-right-width: 4px; border-radius: 18px 0 0 18px; } @media (max-width: 1180px) { .site-header__inner { gap: 24px; } .primary-menu { gap: 18px; } .primary-menu > li > a { font-size: .7rem; } .header-icon-link { display: none; } .category-grid { grid-template-columns: repeat(2, 1fr); } .category-card:nth-child(even) { transform: none; } .category-card:hover, .category-card:nth-child(even):hover { transform: translateY(-6px); } .promise-grid { grid-template-columns: repeat(2, 1fr); } .footer-main { grid-template-columns: 1.3fr .7fr 1fr; } .footer-main > :last-child { display: none; } .journal-card--lead { grid-template-columns: minmax(0,1fr) minmax(340px,.9fr); } } @media (max-width: 960px) { .home-main > .hero { top: 76px; } body.admin-bar .home-main > .hero { top: 108px; } :root { --lg-header-height: 76px; } body.admin-bar .site-header { top: 32px; } .announcement-bar__contact a:first-child { display: none; } .button--header { display: none; } body.menu-open { overflow:hidden; } body.menu-open .lucerna-chat,body.menu-open .back-to-top { opacity:0;visibility:hidden;pointer-events:none; } .site-header { isolation:isolate; } .menu-toggle { width:48px;height:48px;z-index:3;display:grid;flex:0 0 auto;place-items:center;margin-inline-start:auto;color:var(--lg-primary);background:#f7f3e8;border-color:rgba(38,81,1,.2);border-radius:50%;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease; } .menu-toggle[aria-expanded="true"] { color:#173901;background:#e2c77d;border-color:#e2c77d;transform:rotate(90deg); } .primary-navigation { position:fixed;z-index:2;inset:var(--lg-header-height) 0 auto;height:calc(100dvh - var(--lg-header-height));padding:clamp(28px,6vh,54px) max(24px,calc((100vw - 760px)/2)) 34px;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;color:#f8f3e6;background:radial-gradient(circle at 92% 8%,rgba(129,184,79,.2),transparent 28%),linear-gradient(145deg,#0d2d01 0%,#173f03 58%,#214f08 100%);transform:translateY(-16px);transition:opacity .3s ease,visibility .3s ease,transform .4s cubic-bezier(.2,.75,.2,1); } .primary-navigation::before { content:"LG";position:fixed;right:-.06em;bottom:-.18em;color:rgba(255,255,255,.025);font:500 min(58vw,31rem)/.8 var(--lg-display);letter-spacing:-.1em;pointer-events:none; } body.admin-bar .primary-navigation { top:calc(var(--lg-header-height) + 32px);height:calc(100dvh - var(--lg-header-height) - 32px); } .primary-navigation.is-open { opacity:1;visibility:visible;transform:translateY(0); } .mobile-navigation__intro { position:relative;display:grid;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.17); } .mobile-navigation__intro span,.mobile-navigation__footer>div>span { color:#a9d485;font-size:.58rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase; } .mobile-navigation__intro strong { margin-top:7px;color:#fffaf0;font:500 clamp(1.55rem,6vw,2.15rem)/1 var(--lg-display); } .primary-menu { position:relative;display:grid;align-items:stretch;justify-content:stretch;gap:0;counter-reset:mobile-nav; } .primary-menu > li { counter-increment:mobile-nav;border-bottom:1px solid rgba(255,255,255,.13);opacity:0;transform:translateX(-18px);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.75,.2,1); } .primary-navigation.is-open .primary-menu>li { opacity:1;transform:translateX(0); } .primary-navigation.is-open .primary-menu>li:nth-child(2) { transition-delay:.035s; } .primary-navigation.is-open .primary-menu>li:nth-child(3) { transition-delay:.07s; } .primary-navigation.is-open .primary-menu>li:nth-child(4) { transition-delay:.105s; } .primary-navigation.is-open .primary-menu>li:nth-child(5) { transition-delay:.14s; } .primary-navigation.is-open .primary-menu>li:nth-child(6) { transition-delay:.175s; } .primary-navigation.is-open .primary-menu>li:nth-child(7) { transition-delay:.21s; } .primary-menu > li > a { min-height:58px;display:grid;grid-template-columns:35px 1fr auto;gap:12px;color:rgba(255,255,255,.76);font:500 clamp(1.28rem,5vw,1.7rem)/1 var(--lg-display);letter-spacing:0; } .primary-menu > li > a::before { content:counter(mobile-nav,decimal-leading-zero);color:#93c568;font:800 .55rem/1 var(--lg-font);letter-spacing:.08em; } .primary-menu > li > a::after { width:7px;height:7px;position:static;display:block;background:transparent;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg); } .primary-menu > .current-menu-item > a,.primary-menu > .current_page_item > a,.primary-menu > .current_page_parent > a,.primary-menu > .current-menu-ancestor > a,.primary-menu > .current_page_ancestor > a { padding-inline:12px;color:#173901;background:#f4eddc;border-radius:0; } .primary-menu > .current-menu-item > a::before,.primary-menu > .current_page_item > a::before,.primary-menu > .current_page_parent > a::before,.primary-menu > .current-menu-ancestor > a::before,.primary-menu > .current_page_ancestor > a::before { color:#558e28; } .primary-menu .sub-menu { width: auto; position: static; display: grid; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 15px 15px; } .mobile-navigation__footer { position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-top:25px;padding-top:22px;border-top:1px solid rgba(255,255,255,.17); } .mobile-navigation__quote { min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 16px;color:#173901;background:#e2c77d;font-size:.67rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase; } .mobile-navigation__footer>div { display:grid;gap:6px;text-align:right; } .mobile-navigation__footer>div a { color:#fff;font-size:.7rem;font-weight:700; } .header-actions { margin: 0; } .hero { min-height: 750px; } .hero__media img { object-position: 60% center; } .hero::before { background: linear-gradient(90deg, rgba(15,39,4,.94) 0%, rgba(19,44,5,.75) 55%, rgba(19,44,5,.25) 100%); } .hero__content { width: min(630px, 75%); } .trust-strip__grid { grid-template-columns: repeat(2, 1fr); } .trust-strip__grid > div { border-bottom: 1px solid var(--lg-line); } .trust-strip__grid > div:nth-child(3) { border-inline-start: 1px solid var(--lg-line); } .story-section__grid, .about-intro__grid, .vision-section__grid, .home-contact__grid { grid-template-columns: 1fr; } .about-signature__grid,.about-dubai__grid { grid-template-columns:1fr; } .about-signature__visual { min-height:640px; } .about-process__grid { grid-template-columns:repeat(2,1fr); } .about-process__step:nth-child(2) { border-right:0; } .about-process__step:nth-child(-n+2) { border-bottom:1px solid var(--lg-line); } .about-dubai__card { max-width:520px; } .story-visual { min-height: 580px; } .story-visual img { height: 550px; } .journey-grid { grid-template-columns: repeat(2, 1fr); gap: 50px 0; } .journey-grid::before { display: none; } .home-contact__grid { gap: 50px; } .footer-main { grid-template-columns: 1.2fr .8fr; } .footer-main > :last-child { display: grid; } .page-hero__grid { grid-template-columns: 1fr; gap: 55px; } .page-hero__image { height: 420px; } .contact-grid, .support-layout { grid-template-columns: 1fr; } .contact-sidebar, .support-sidebar { position: static; } .contact-sidebar { max-width: 680px; } .office-location__grid { grid-template-columns: 1fr; } .office-location__map { min-height: 520px; } .faq-layout { grid-template-columns: 1fr; gap: 50px; } .faq-aside { position: static; } .post-grid { grid-template-columns: repeat(2, 1fr); } .home-journal__layout:not(.home-journal__layout--count-1) { grid-template-columns: repeat(2,minmax(0,1fr)); } .home-journal__layout--count-1 { max-width: none; } .journal-hero { min-height: 560px; } .journal-hero__grid { grid-template-columns: 1fr; gap: 45px; padding-block: 85px; } .journal-hero__edition { max-width: 520px; grid-template-columns: auto 1fr; align-items: center; column-gap: 22px; } .journal-hero__edition > span,.journal-hero__edition > small { grid-column: 2; } .journal-hero__edition > strong { grid-column: 1; grid-row: 1 / 3; } .journal-hero__edition .search-form { grid-column: 1 / -1; } .journal-library__heading { grid-template-columns: 1fr; gap: 20px; } .journal-library__heading > p { justify-self: start; } .journal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .journal-card--lead { grid-template-columns: 1fr; } .journal-card--lead .journal-card__media { min-height: 430px; } .article-layout { grid-template-columns: minmax(0,790px); gap: 35px; padding-top: 70px; } .article-rail { position: static; display: flex; flex-wrap: wrap; } .article-rail > span { width: 100%; } .article-rail a { min-width: 110px; } .journal-grid--related { grid-template-columns: repeat(3,minmax(0,1fr)); } .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); } .error-page__grid { grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:35px; } .error-page__visual { min-height:570px; } .error-page__plate { height:540px; } .error-page__monogram { width:98px; } } @media (max-width: 782px) { body.admin-bar .home-main > .hero { top: 122px; } body.admin-bar .site-header { top: 46px; } body.admin-bar .primary-navigation { top:calc(var(--lg-header-height) + 46px);height:calc(100dvh - var(--lg-header-height) - 46px); } .announcement-bar__contact { display: none; } .announcement-bar__inner { justify-content: center; text-align: center; } .maintenance-stage__header-status { display: none; } .maintenance-stage__panel { grid-template-columns: 1fr; } .maintenance-stage__visual { min-height: 440px; } } @media (max-width: 680px) { body.chat-open { overflow:hidden; } .home-main > .hero { position: relative; top: auto; } body.admin-bar .home-main > .hero { top: auto; } .trust-strip { margin-top: -22px; border-radius: 22px 22px 0 0; box-shadow: 0 -16px 38px rgba(8,32,2,.14); } .container { width: min(calc(100% - 32px), var(--lg-container)); } .section { padding: 75px 0; } .site-logo { width: 205px; } .section-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 38px; } .section-heading h2 { font-size: 2.7rem; } .hero { min-height: 740px; } .hero__media img { object-position: 67% center; } .hero::before { background: linear-gradient(90deg, rgba(12,34,3,.96), rgba(18,44,5,.78)); } .hero__inner { align-items: flex-end; padding: 90px 0 90px; } .hero__content { width: 100%; } .hero h1 { font-size: clamp(3.7rem, 17vw, 5.2rem); } .hero__content > p { font-size: .95rem; } .hero__assurance { display: none; } .hero__scroll { display: none; } .trust-strip__grid > div { min-height: 105px; gap: 11px; } .trust-strip strong { font-size: 1.8rem; } .trust-strip span { font-size: .6rem; } .category-grid, .promise-grid, .values-grid, .post-grid, .journal-grid, .journal-grid--related { grid-template-columns: 1fr; } .home-journal::before { top: 40px; font-size: 17rem; } .home-journal__heading > div:last-child { justify-self: start; } .home-journal__layout:not(.home-journal__layout--count-1) { display: flex; gap: 14px; margin-inline: -16px; padding: 5px 16px 22px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .home-journal__layout:not(.home-journal__layout--count-1)::-webkit-scrollbar { display: none; } .home-journal__layout:not(.home-journal__layout--count-1) > .journal-card { flex: 0 0 calc(100% - 46px); scroll-snap-align: start; } .journal-card--home .journal-card__media { height: 185px; } .journal-card--home .journal-card__body { min-height: 218px; padding: 20px; } .journal-card--home h3 { font-size: 1.45rem; } .home-journal__layout--count-1 .journal-card--home { display: flex; } .home-journal__layout--count-1 .journal-card--home .journal-card__media { height: 215px; } .home-journal__layout--count-1 .journal-card--home .journal-card__body { min-height: 0; padding: 23px; } .home-journal__layout--count-1 .journal-card--home h3 { font-size: 2rem; } .journal-hero { min-height: auto; } .journal-hero::before { width: 330px; right: -130px; } .journal-hero__grid { padding-block: 75px; } .journal-hero__copy h1,.journal-hero--archive .journal-hero__copy h1 { font-size: 4rem; } .journal-hero__copy p { font-size: .9rem; } .journal-hero__edition { padding: 23px; } .journal-hero__edition > strong { font-size: 4.3rem; } .journal-categories .container { width: 100%; padding-inline: 16px; } .journal-library__heading { margin-bottom: 38px; } .journal-library__heading h2 { font-size: 3.1rem; } .journal-card--lead .journal-card__media,.journal-card--standard .journal-card__media { min-height: 280px; height: 280px; } .journal-card--lead .journal-card__body { padding: 28px 24px; } .journal-card--lead h3 { font-size: 2.4rem; } .journal-card--standard .journal-card__body { min-height: 0; } .article-hero__inner { padding-top: 35px; padding-bottom: 105px; } .article-breadcrumb { margin-bottom: 45px; } .article-hero__copy h1 { font-size: 3.55rem; } .article-hero__copy > p { font-size: .9rem; } .article-hero__meta { align-items: flex-start; flex-direction: column; gap: 16px; margin-top: 32px; } .article-hero__meta > span + span { padding-inline-start: 0; border-inline-start: 0; } .article-featured { height: 360px; margin-top: -55px; border-width: 5px; border-radius: 20px; } .article-layout { padding-top: 55px; padding-bottom: 65px; } .article-rail a { min-width: 0; } .article-rail a > span { display: none; } .article-content { font-size: 1rem; } .article-content h2 { font-size: 2.25rem; } .article-content h3 { font-size: 1.75rem; } .article-content blockquote { padding: 26px 25px 26px 32px; font-size: 1.38rem; } .article-author .container--content > div { align-items: flex-start; } .post-navigation-custom { padding-inline: 0; } .category-card { min-height: 390px; } .story-section__grid { gap: 55px; } .story-visual { min-height: 460px; } .story-visual img { width: 92%; height: 430px; border-radius: 130px 130px 18px 18px; } .story-visual__seal { width: 125px; } .promise-card { min-height: 270px; } .promise-card h3 { margin-top: 38px; } .journey-grid { grid-template-columns: 1fr; } .journey-step { display: grid; grid-template-columns: 58px 1fr; column-gap: 20px; padding: 0; } .journey-step > span { width: 58px; height: 58px; grid-row: 1 / 3; margin: 0; } .journey-step h3 { margin: 4px 0 8px; } .home-contact__details { grid-template-columns: 1fr; } .home-contact__details .button { grid-column: auto; } .footer-cta { min-height: 320px; align-items: flex-start; justify-content: center; flex-direction: column; } .footer-main { grid-template-columns: 1fr; gap: 45px; padding: 65px 0; } .footer-main > :last-child { display: none; } .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; padding: 23px 0; } .page-hero__grid { min-height: auto; padding-block: 75px; } .page-hero__copy h1, .page-hero--compact .page-hero__copy h1 { font-size: 3.55rem; } .page-hero__image { height: 330px; } .page-hero--compact { min-height: 430px; padding: 75px 0; } .about-intro__grid { gap: 40px; } .about-signature__grid { gap:55px; } .about-signature__visual { min-height:500px; } .about-signature__image--main { height:455px; } .about-signature__image--small { height:220px; } .about-signature__stamp { width:118px;height:118px; } .about-signature__copy h2 { font-size:3.45rem; } .about-signature__metrics strong { font-size:1.55rem; } .about-process__grid { grid-template-columns:1fr; } .about-process__step { min-height:auto;padding:29px;border-right:0;border-bottom:1px solid var(--lg-line); } .about-process__step>div { margin:30px 0 20px; } .about-dubai__copy h2 { font-size:3.6rem; } .about-dubai__card { padding:32px 27px;border-radius:90px 90px 16px 16px; } .values-grid { border-bottom: 0; } .value-card { min-height: 230px; border: 0; border-bottom: 1px solid rgba(255,255,255,.16); } .value-card h3 { margin-top: 45px; } .vision-section__grid { gap: 40px; } .vision-card { padding: 35px 28px; } .form-row { grid-template-columns: 1fr; } .form-submit { align-items: flex-start; flex-direction: column; } .office-location__grid { grid-template-columns: 1fr; } .office-location__map { min-height: 480px; border-radius: 24px 24px 80px 24px; } .office-location__map iframe { border-radius: 17px 17px 72px 17px; } .faq-item button { min-height: 78px; font-size: .92rem; } .faq-answer p { padding-right: 5px; } .post-card__image { height: 225px; } .woocommerce ul.products { grid-template-columns: 1fr; } .woocommerce ul.products li.product a img { height: 380px; } .error-page { min-height:auto; } .error-page__engraving { top:31%;font-size:21rem; } .error-page__grid { min-height:auto;grid-template-columns:1fr;gap:52px;padding-block:72px 105px; } .error-page__edition { margin-bottom:32px; } .error-page h1 { max-width:620px;font-size:clamp(3.5rem,12vw,5.2rem); } .error-page__visual { min-height:520px; } .error-page__plate { width:min(100%,520px);height:500px;justify-self:center;border-radius:240px 240px 3px 3px; } .error-page__plate::before { border-radius:230px 230px 0 0; } .error-page__plate-code { left:32px;bottom:55px;font-size:6.7rem; } .error-page__routes { margin-top:38px; } .maintenance-stage { gap: 15px; padding: 15px; } .maintenance-stage__header { justify-content: center; } .maintenance-stage__panel { border-radius: 24px; } .maintenance-stage__copy { padding: 47px 25px; } .maintenance-stage__copy h1 { font-size: 3.7rem; } .maintenance-stage__contacts { grid-template-columns: 1fr; } .maintenance-stage__visual { min-height: 390px; margin: 0 8px 8px; border-radius: 19px; } .maintenance-stage__footer { align-items: flex-start; flex-direction: column; gap: 3px; } .lucerna-chat { position:fixed;inset:0;pointer-events:none; } .lucerna-chat__launcher { position:absolute;right:15px;bottom:15px;pointer-events:auto; } .lucerna-chat__panel { width:100vw;height:100dvh;position:fixed;inset:0;border:0;border-radius:0;pointer-events:auto;transform:translateY(100%);transform-origin:center bottom; } .lucerna-chat.is-open .lucerna-chat__panel { transform:translateY(0); } .lucerna-chat.is-open .lucerna-chat__launcher { opacity:0;visibility:hidden;pointer-events:none; } .lucerna-chat__header { padding-top:max(15px,env(safe-area-inset-top)); } .lucerna-chat__composer { padding-bottom:max(9px,env(safe-area-inset-bottom)); } .has-lucerna-chat .back-to-top { left:15px;right:auto;bottom:22px; } } @media (max-width: 420px) { .site-logo { width: 176px; } .announcement-bar { font-size: .64rem; } .hero__actions { align-items: flex-start; flex-direction: column; } .hero .button,.hero-cta { width: 100%; } .hero-cta { justify-content: space-between; } .hero-secondary svg { margin-inline-start:auto; } .trust-strip__grid > div { flex-direction: column; gap: 1px; text-align: center; } .trust-strip span { max-width: 110px; } .category-card { padding: 23px; } .story-visual__seal { left: -9px; } .home-contact__details > a:not(.button) { padding: 16px; } .page-hero__copy h1, .page-hero--compact .page-hero__copy h1 { font-size: 3rem; } .form-card { padding: 27px 20px; } .ticket-confirmation { align-items: flex-start; flex-direction: column; } .error-page__grid { gap:38px;padding-top:55px; } .error-page__edition { margin-bottom:26px; } .error-page h1 { font-size:3.35rem; } .error-page__content>p { font-size:.8rem; } .error-page__search { grid-template-columns:43px minmax(0,1fr) 51px; } .error-page__search button { width:51px; } .error-page__actions { align-items:flex-start;flex-direction:column;gap:18px; } .error-page__actions .button { width:100%;justify-content:space-between; } .error-page__routes { grid-template-columns:1fr; } .error-page__routes a,.error-page__routes a:first-child { padding:14px 5px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1); } .error-page__routes a:last-child { border-bottom:0; } .error-page__visual { min-height:430px; } .error-page__plate { height:410px;border-radius:195px 195px 3px 3px; } .error-page__plate::before { inset:9px;border-radius:190px 190px 0 0; } .error-page__plate-head,.error-page__plate-foot { right:24px;left:24px; } .error-page__plate-head { top:27px; } .error-page__plate-head b { display:none; } .error-page__plate-foot { bottom:24px; } .error-page__plate-code { left:24px;bottom:49px;font-size:5.25rem; } .error-page__monogram { width:82px;right:8px;top:78px;border-width:5px; } .error-page__monogram span { display:none; } .error-page__ticker { font-size:.48rem;text-align:left; } .home-journal__layout:not(.home-journal__layout--count-1) > .journal-card { flex-basis: calc(100% - 36px); } .journal-card--home .journal-card__media { height: 175px; } .journal-card--home .journal-card__meta span:last-child { display: none; } .home-journal__layout--count-1 .journal-card--home .journal-card__media { height: 200px; } .journal-hero__copy h1,.journal-hero--archive .journal-hero__copy h1 { font-size: 3.35rem; } .journal-hero__edition { grid-template-columns: 1fr; } .journal-hero__edition > span,.journal-hero__edition > small,.journal-hero__edition > strong { grid-column: 1; grid-row: auto; } .article-hero__copy h1 { font-size: 3rem; } .article-featured { height: 290px; } .article-author .container--content > div { flex-direction: column; } .post-navigation-custom { flex-direction: column; } .post-navigation-custom span { max-width: 100%; } .post-navigation-custom span:last-child { text-align: start; } .maintenance-stage__notice { align-items: flex-start; } .maintenance-stage__visual-card { right: 14px; left: 14px; bottom: 14px; } .lucerna-chat__intro { padding: 20px; } } .product-world__intro { display:grid;gap:22px;justify-items:start; } .product-world__intro p { margin:0; } .catalog-hero { position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(125deg,#163900 0%,#265101 54%,#337109 100%); } .catalog-hero::before { content:"COLLECTION";position:absolute;z-index:-1;right:-3vw;bottom:-4vw;color:rgba(255,255,255,.026);font-family:var(--lg-display);font-size:15vw;line-height:.75;letter-spacing:-.08em;white-space:nowrap; } .catalog-hero::after { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 12%,rgba(183,224,144,.16),transparent 29%),linear-gradient(90deg,transparent 49.94%,rgba(255,255,255,.08) 50%,transparent 50.06%); } .catalog-hero__grid { min-height:min(650px,calc(100svh - var(--lg-header-height)));display:grid;grid-template-columns:minmax(0,.93fr) minmax(430px,1.07fr);align-items:center;gap:clamp(50px,6vw,96px);padding-block:clamp(42px,4vw,64px); } .catalog-hero__copy { max-width:720px; } .catalog-hero__copy h1 { max-width:760px;margin:15px 0 30px;color:#fffaf0;font-size:clamp(3.8rem,5.5vw,6.3rem);line-height:.96;letter-spacing:-.045em; } .catalog-hero__copy>p { max-width:660px;margin:0 0 8px;color:rgba(255,255,255,.72);font-size:1.02rem;line-height:1.9; } .catalog-hero__foot { display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2); } .catalog-hero__foot>span { color:#c8e9aa;font-size:.67rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase; } .catalog-hero__foot a { display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase; } .catalog-hero__visual { min-height:510px;position:relative;display:grid;align-items:center; } .catalog-hero__frame { height:500px;position:relative;margin:0 46px 0 0; } .catalog-hero__frame::before { content:"";position:absolute;z-index:-1;inset:-18px 18px 18px -18px;border:1px solid rgba(216,185,107,.55); } .catalog-hero__frame img { width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.03);box-shadow:0 38px 80px rgba(5,24,0,.24); } .catalog-hero__frame::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,34,0,.4));pointer-events:none; } .catalog-hero__monogram { position:absolute;z-index:2;right:24px;bottom:17px;color:rgba(255,255,255,.88);font:500 4.5rem/1 var(--lg-display);letter-spacing:-.08em; } .catalog-support-nudge { width:330px;position:fixed;z-index:2998;right:112px;bottom:27px;padding:18px 44px 18px 20px;color:#25331f;background:#fffdf7;border:1px solid rgba(38,81,1,.22);border-left:4px solid var(--lg-secondary);box-shadow:0 18px 50px rgba(18,52,1,.18);animation:catalogNudgeIn .42s cubic-bezier(.2,.75,.25,1) both; } .catalog-support-nudge[hidden] { display:none; } .catalog-support-nudge strong { display:block;color:var(--lg-primary);font:500 1.25rem/1.1 var(--lg-display); } .catalog-support-nudge p { margin:7px 0 12px;color:#687364;font-size:.68rem;line-height:1.55; } .catalog-support-nudge>div { display:flex;align-items:center;gap:15px; } .catalog-support-nudge__chat,.catalog-support-nudge a { display:inline-flex;align-items:center;gap:5px;padding:0;color:var(--lg-primary);background:transparent;border:0;font-size:.61rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase;cursor:pointer; } .catalog-support-nudge__chat { padding-bottom:3px;border-bottom:2px solid var(--lg-secondary); } .catalog-support-nudge a { color:#65715f; } .catalog-support-nudge__close { width:27px;height:27px;position:absolute;right:10px;top:10px;display:grid;place-items:center;padding:0;color:#667260;background:#f0f3eb;border:0;cursor:pointer;transition:.2s ease; } .catalog-support-nudge__close:hover { color:#fff;background:var(--lg-primary); } .catalog-support-nudge__arrow { position:absolute;right:-52px;bottom:4px;color:var(--lg-secondary);transform:rotate(22deg); } @keyframes catalogNudgeIn { from { opacity:0;transform:translate(18px,8px); } to { opacity:1;transform:translate(0,0); } } .catalog-collection { background:#fbfaf6; } .catalog-heading { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:end;gap:clamp(45px,8vw,120px);padding-bottom:64px;border-bottom:1px solid var(--lg-line); } .catalog-heading h2 { max-width:820px;margin:12px 0 0;color:var(--lg-primary);font-size:clamp(3.1rem,5.4vw,6rem);line-height:1; } .catalog-heading>p { margin:0 0 4px;color:var(--lg-muted);font-size:.87rem;line-height:1.9; } .catalog-category-bar { display:flex;align-items:center;justify-content:space-between;gap:34px;margin:28px 0 80px;border-bottom:1px solid var(--lg-line); } .catalog-category-bar__label { flex:0 0 auto;color:#7c8678;font-size:.58rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase; } .catalog-filters { min-width:0;display:flex;align-items:stretch;justify-content:flex-end;gap:34px; } .catalog-filter { position:relative;display:inline-flex;align-items:center;gap:7px;padding:18px 0 17px;color:#6c7668;font-size:.72rem;font-weight:750;letter-spacing:.015em;white-space:nowrap;transition:color .2s ease; } .catalog-filter::after { width:0;height:2px;position:absolute;right:0;bottom:-1px;content:"";background:var(--lg-secondary);transition:width .28s ease; } .catalog-filter:hover,.catalog-filter.is-active { color:var(--lg-primary); } .catalog-filter:hover::after,.catalog-filter.is-active::after { width:100%;right:auto;left:0; } .catalog-filter sup { min-width:18px;display:inline-grid;place-items:center;color:#8b9488;font-size:.5rem;font-weight:850;line-height:1; } .catalog-filter.is-active sup { color:var(--lg-secondary); } .catalog-filter[aria-busy="true"] { cursor:wait; } .catalog-document-page { background:#f8f6ef; } .catalog-document-hero { padding:clamp(78px,9vw,138px) 0 clamp(72px,8vw,116px);border-bottom:1px solid var(--lg-line); } .catalog-document-hero__inner { max-width:850px;text-align:center; } .catalog-document-hero__inner h1 { margin:15px 0 22px;color:var(--lg-primary);font-size:clamp(4rem,8.2vw,8.3rem);line-height:.86;letter-spacing:-.055em; } .catalog-document-hero__inner p { max-width:650px;margin:0 auto;color:#65705f;font-size:clamp(.9rem,1.2vw,1.06rem);line-height:1.85; } .catalog-document-hero__inner>a { display:inline-flex;align-items:center;gap:9px;margin-top:32px;padding-bottom:7px;color:var(--lg-primary);border-bottom:2px solid var(--lg-secondary);font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase; } .catalog-document-pages { padding:clamp(70px,9vw,130px) 0;background:#eeece3; } .catalog-document-sheet { max-width:1080px;margin:0 auto; } .catalog-document-sheet+ .catalog-document-sheet { margin-top:clamp(76px,9vw,125px); } .catalog-document-sheet header { display:flex;align-items:center;gap:14px;margin-bottom:16px;color:#6d7769; } .catalog-document-sheet header::after { height:1px;flex:1;content:"";background:rgba(38,81,1,.16); } .catalog-document-sheet header span { color:var(--lg-secondary);font-size:.58rem;font-weight:850;letter-spacing:.12em; } .catalog-document-sheet header p { margin:0;color:var(--lg-primary);font-size:.64rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase; } .catalog-document-sheet>a { display:block;background:#fff;box-shadow:0 22px 55px rgba(30,52,15,.12); } .catalog-document-sheet picture,.catalog-document-sheet img { width:100%;display:block; } .catalog-document-contact { max-width:1080px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin:clamp(82px,10vw,140px) auto 0;padding:34px 38px;color:#fffdf5;background:var(--lg-primary); } .catalog-document-contact span { display:block;margin-bottom:7px;color:#a9d683;font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase; } .catalog-document-contact h2 { margin:0;color:#fffdf5;font-size:clamp(2rem,3.4vw,3.35rem);line-height:.98; } .catalog-document-contact .button { flex:0 0 auto;background:#fffdf5;color:var(--lg-primary); } .catalog-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:108px 34px;counter-reset:catalog; } .catalog-results { min-height:420px;overflow-anchor:none;transition:opacity .2s ease; } .catalog-results.is-loading { opacity:.42;pointer-events:none; } .catalog-card { min-width:0;grid-column:span 6;counter-increment:catalog; } .catalog-page--editorial .catalog-card:nth-child(4n+1),.catalog-page--editorial .catalog-card:nth-child(4n) { grid-column:span 7; } .catalog-page--editorial .catalog-card:nth-child(4n+2),.catalog-page--editorial .catalog-card:nth-child(4n+3) { grid-column:span 5; } .catalog-card__image { height:520px;display:block;position:relative;overflow:hidden;background:#e9e3d6; } .catalog-page--editorial .catalog-card:nth-child(4n+1) .catalog-card__image,.catalog-page--editorial .catalog-card:nth-child(4n) .catalog-card__image { height:610px; } .catalog-card__image::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,30,0,.02) 45%,rgba(8,30,0,.52));transition:.45s ease; } .catalog-card__image img { width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.72,.2,1),filter .5s ease; } .catalog-card:hover .catalog-card__image img { transform:scale(1.018);filter:saturate(1.035); } .catalog-card__image>span { width:48px;height:48px;position:absolute;z-index:2;left:18px;top:18px;display:grid;place-items:center;color:#fff;background:rgba(19,56,1,.78);border:1px solid rgba(255,255,255,.3);font:700 .65rem/1 var(--lg-font);letter-spacing:.08em;backdrop-filter:blur(8px); } .catalog-card__image>em { position:absolute;z-index:2;right:18px;top:18px;padding:8px 12px;color:#173801;background:#f3e7c7;font-size:.56rem;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase; } .catalog-card__preview { min-height:82px;position:absolute;z-index:3;right:16px;bottom:16px;left:16px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:4px 18px;overflow:hidden;padding:17px 18px;color:#fff;background:rgba(15,48,1,.82);border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 44px rgba(5,25,0,.24);opacity:0;transform:translateY(calc(100% + 18px));backdrop-filter:blur(16px) saturate(1.15);transition:opacity .34s ease,transform .52s cubic-bezier(.16,1,.3,1),background .35s ease; } .catalog-card__preview::before { content:"";height:2px;position:absolute;right:0;top:0;left:0;background:linear-gradient(90deg,transparent,#d6eca8 25%,#fff 50%,#d6eca8 75%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .72s cubic-bezier(.16,1,.3,1) .08s; } .catalog-card__preview::after { content:"";width:38%;position:absolute;inset:-55% auto -55% -48%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);transition:left .85s cubic-bezier(.16,1,.3,1) .08s;pointer-events:none; } .catalog-card__preview span { color:#c8eaa9;font-size:.5rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase; } .catalog-card__preview strong { overflow:hidden;color:#fff;font:500 1.15rem/1.08 var(--lg-display);text-overflow:ellipsis;white-space:nowrap; } .catalog-card__preview i { width:43px;height:43px;grid-column:2;grid-row:1/3;display:grid;place-items:center;align-self:center;color:#173801;background:#d6eca8;border-radius:50%;font-style:normal;transform:rotate(-12deg) scale(.82);transition:transform .55s cubic-bezier(.16,1,.3,1),background .3s ease; } .catalog-card__body { position:relative;padding:32px 0 22px;border-top:4px solid var(--lg-primary); } .catalog-card__category { display:block;margin-bottom:15px;color:var(--lg-secondary);font-size:.62rem;font-weight:850;letter-spacing:.11em;line-height:1.5;text-transform:uppercase; } .catalog-card__body h2 { max-width:86%;margin:0 0 22px;color:var(--lg-primary);font-size:clamp(2rem,3vw,3.25rem);line-height:1.05; } .catalog-card__body>p { max-width:720px;margin:0 0 30px;color:var(--lg-muted);font-size:.82rem;line-height:1.85; } .catalog-card__facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 25px;border-top:1px solid var(--lg-line);border-bottom:1px solid var(--lg-line); } .catalog-card__facts>div { min-width:0;padding:13px 15px 13px 0; } .catalog-card__facts>div+div { padding-left:15px;border-left:1px solid var(--lg-line); } .catalog-card__facts dt { color:#8a9387;font-size:.53rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; } .catalog-card__facts dd { overflow:hidden;margin:3px 0 0;color:#34402f;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap; } .catalog-card__link { display:inline-flex;align-items:center;gap:12px;color:var(--lg-primary);font-size:.66rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase; } .catalog-card__link svg { transition:transform .2s ease; } .catalog-card__link:hover svg { transform:translate(3px,-3px); } .catalog-page .navigation.pagination { margin-top:80px; } .catalog-page .nav-links { display:flex;justify-content:center;gap:7px; } .catalog-page .page-numbers { min-width:42px;height:42px;display:grid;place-items:center;color:var(--lg-primary);background:#fff;border:1px solid var(--lg-line);font-size:.72rem;font-weight:800; } .catalog-page .page-numbers.current,.catalog-page .page-numbers:hover { color:#fff;background:var(--lg-primary);border-color:var(--lg-primary); } .catalog-empty { min-height:480px;display:grid;place-content:center;justify-items:center;padding:60px;color:var(--lg-muted);background:#f2eee2;border:1px solid var(--lg-line);text-align:center; } .catalog-empty>span { width:64px;height:64px;display:grid;place-items:center;margin-bottom:24px;color:#fff;background:var(--lg-primary);font:500 1.3rem/1 var(--lg-display); } .catalog-empty h2 { max-width:620px;margin:0;color:var(--lg-primary);font-size:3.5rem; } .catalog-empty p { max-width:540px;margin:15px auto 28px; } .catalog-standards { color:#fff;background:#173b02; } .catalog-standards__grid { display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(70px,10vw,150px); } .catalog-standards__heading { position:sticky;top:calc(var(--lg-header-height) + 35px);align-self:start; } .catalog-standards__heading h2 { max-width:560px;margin:15px 0 0;color:#fffaf0;font-size:clamp(3.3rem,5vw,5.9rem);line-height:.9; } .catalog-standards__list { counter-reset:standards; } .catalog-standards__list article { min-height:230px;display:grid;grid-template-columns:78px minmax(0,.65fr) minmax(240px,1fr);align-items:center;gap:30px;border-top:1px solid rgba(255,255,255,.18); } .catalog-standards__list article:last-child { border-bottom:1px solid rgba(255,255,255,.18); } .catalog-standards__list span { color:#b9df96;font:500 1.25rem/1 var(--lg-display); } .catalog-standards__list h3 { margin:0;color:#fff;font:500 2rem/1 var(--lg-display); } .catalog-standards__list p { margin:0;color:rgba(255,255,255,.62);font-size:.8rem;line-height:1.75; } .catalog-cta { overflow:hidden;background:#f1ecdf; } .catalog-cta__grid { display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(65px,9vw,135px); } .catalog-cta__image { height:610px;position:relative; } .catalog-cta__image::before { content:"";position:absolute;inset:-20px 22px 22px -20px;border:1px solid rgba(38,81,1,.28); } .catalog-cta__image img { width:100%;height:100%;position:relative;object-fit:cover;box-shadow:var(--lg-shadow); } .catalog-cta__copy h2 { max-width:680px;margin:15px 0 24px;color:var(--lg-primary);font-size:clamp(3.2rem,5vw,5.6rem);line-height:.93; } .catalog-cta__copy p { max-width:600px;margin:0 0 34px;color:var(--lg-muted); } .product-profile__hero { color:#fff;background:linear-gradient(125deg,#153700,#2b6107); } .product-profile__hero-grid { min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:clamp(65px,8vw,130px);padding-block:clamp(80px,9vw,135px); } .product-profile__image { height:650px;position:relative; } .product-profile__image::before { content:"";position:absolute;inset:-18px 20px 20px -18px;border:1px solid rgba(216,185,107,.55); } .product-profile__image img { width:100%;height:100%;position:relative;object-fit:cover;box-shadow:0 38px 80px rgba(5,24,0,.25); } .product-profile__image>span { position:absolute;right:20px;bottom:12px;color:rgba(255,255,255,.86);font:500 5rem/1 var(--lg-display); } .product-profile__intro h1 { margin:18px 0 24px;color:#fffaf0;font-size:clamp(4.2rem,6vw,7rem);line-height:.86; } .product-profile__intro>p { max-width:620px;margin:0 0 34px;color:rgba(255,255,255,.7);font-size:1rem; } .product-profile__back { display:inline-flex;margin-bottom:42px;color:#bddd9f;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; } .product-profile__facts { display:grid;margin:0 0 35px;border-top:1px solid rgba(255,255,255,.2); } .product-profile__facts>div { display:grid;grid-template-columns:145px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.2); } .product-profile__facts dt { color:rgba(255,255,255,.48);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; } .product-profile__facts dd { margin:0;color:#fff;font-size:.75rem; } .product-profile__content { background:#fbfaf6; } .product-profile__content-grid { display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(70px,10vw,150px); } .product-profile__content-heading { position:sticky;top:calc(var(--lg-header-height) + 35px); } .product-profile__content-heading h2 { margin:13px 0 0;color:var(--lg-primary);font-size:clamp(3rem,4.3vw,5rem);line-height:.93; } .product-profile__content .prose { max-width:780px;font-size:1rem;line-height:1.9; } .product-profile__note { margin-top:38px;padding:28px 30px;color:#fff;background:var(--lg-primary);border-left:5px solid var(--lg-accent); } .product-profile__note strong { color:#d8efc4;font-size:.65rem;letter-spacing:.09em;text-transform:uppercase; } .product-profile__note p { margin:10px 0 0;color:rgba(255,255,255,.76); } .product-related { background:#f1ecdf; } .product-related__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; } .product-related__card { min-width:0;position:relative;padding-bottom:24px;border-bottom:3px solid var(--lg-primary); } .product-related__card>div { height:370px;margin-bottom:20px;overflow:hidden;background:#e5dfd1; } .product-related__card img { width:100%;height:100%;object-fit:cover;transition:transform .6s ease; } .product-related__card:hover img { transform:scale(1.05); } .product-related__card>span { color:var(--lg-secondary);font-size:.57rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase; } .product-related__card h3 { margin:8px 35px 0 0;color:var(--lg-primary);font:500 2rem/1 var(--lg-display); } .product-related__card>svg { position:absolute;right:0;bottom:29px;color:var(--lg-primary); } .product-experience { overflow:clip;background:#fbfaf5; } .product-experience__hero { min-height:760px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(125deg,#102d00 0%,#1f4a04 56%,#2f6d0c 100%); } .product-experience__hero::before { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--product-accent) 35%,transparent),transparent 32%),linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.07) 50%,transparent 50.05%); } .product-experience__word { position:absolute;z-index:-1;left:-2vw;bottom:-.12em;max-width:110vw;overflow:hidden;color:rgba(255,255,255,.025);font:500 clamp(8rem,17vw,20rem)/.72 var(--lg-display);letter-spacing:-.08em;white-space:nowrap; } .product-experience__hero-grid { min-height:760px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(55px,7vw,120px);padding-block:clamp(65px,7vw,105px); } .product-experience__intro { position:relative;z-index:2; } .product-experience__breadcrumb { display:flex;align-items:center;gap:10px;margin-bottom:55px;color:rgba(255,255,255,.48);font-size:.61rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; } .product-experience__breadcrumb a { color:#c7e6a9; } .product-experience__meta { display:flex;align-items:center;gap:13px;margin-bottom:18px;color:#d8efc4;font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase; } .product-experience__meta>span { width:38px;height:38px;display:grid;place-items:center;color:#173901;background:var(--product-accent); } .product-experience__meta a { color:#d8efc4; } .product-experience__intro h1 { max-width:760px;margin:0;color:#fffaf0;font-size:clamp(4.8rem,7vw,8.3rem);line-height:.78;letter-spacing:-.064em;text-wrap:balance; } .product-experience__intro>p { max-width:600px;margin:32px 0 0;color:rgba(255,255,255,.7);font-size:1.02rem;line-height:1.85; } .product-experience__actions { display:flex;align-items:center;gap:27px;margin-top:38px; } .product-experience__actions>a:last-child { display:inline-flex;align-items:center;gap:8px;color:#d5e9c4;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase; } .product-experience__visual { min-height:620px;position:relative;display:grid;align-items:center; } .product-experience__photo { height:610px;position:relative;margin-right:34px; } .product-experience__photo::before { content:"";position:absolute;z-index:-1;inset:-17px 21px 21px -17px;border:1px solid color-mix(in srgb,var(--product-accent) 72%,transparent); } .product-experience__photo::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(9,28,0,.35));pointer-events:none; } .product-experience__photo picture,.product-experience__photo img { width:100%;height:100%;display:block; } .product-experience__photo img { object-fit:cover;box-shadow:0 35px 90px rgba(4,20,0,.3); } .product-experience__stamp { width:150px;aspect-ratio:1;position:absolute;right:-4px;bottom:6px;z-index:3;display:grid;place-content:center;justify-items:center;padding:16px;color:#173901;background:#f4e8c8;border:8px solid #1d4b03;text-align:center;transform:rotate(3deg); } .product-experience__stamp span { font:500 .78rem/1 var(--lg-display); } .product-experience__stamp strong { margin:5px 0;color:var(--lg-primary);font:500 3.3rem/.82 var(--lg-display); } .product-experience__stamp small { max-width:80px;font-size:.5rem;font-weight:850;line-height:1.3;letter-spacing:.08em;text-transform:uppercase; } .product-experience__nav { min-height:58px;position:sticky;z-index:80;top:var(--lg-header-height);display:flex;align-items:center;background:rgba(251,250,245,.94);border-bottom:1px solid var(--lg-line);backdrop-filter:blur(14px); } .admin-bar .product-experience__nav { top:calc(var(--lg-header-height) + 32px); } .product-experience__nav .container { display:flex;align-items:center;gap:clamp(22px,4vw,54px);overflow-x:auto;scrollbar-width:none; } .product-experience__nav a { min-height:57px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#5f6b59;font-size:.61rem;font-weight:820;letter-spacing:.07em;text-transform:uppercase; } .product-experience__nav a:hover { color:var(--lg-primary); } .product-experience__nav a:last-child { margin-left:auto;color:var(--lg-primary);border-bottom:3px solid var(--product-accent); } .product-overview { background:#fbfaf5; } .product-overview__grid { display:grid;grid-template-columns:minmax(320px,.83fr) minmax(0,1.17fr);align-items:start;gap:clamp(75px,11vw,165px); } .product-overview__heading { position:sticky;top:calc(var(--lg-header-height) + 95px); } .product-overview__heading h2 { max-width:680px;margin:16px 0 0;color:var(--lg-primary);font-size:clamp(3.25rem,5vw,5.8rem);line-height:.9;letter-spacing:-.04em; } .product-overview__copy .prose { max-width:800px;color:#505c4b;font-size:1rem;line-height:1.95; } .product-overview__copy .prose p:first-child::first-letter { float:left;margin:4px 9px 0 0;color:var(--lg-primary);font:500 4.2rem/.75 var(--lg-display); } .product-overview__lead { margin:42px 0 0;padding:25px 0 0;color:var(--lg-primary);border-top:1px solid var(--lg-line);font:500 clamp(1.65rem,2.2vw,2.45rem)/1.18 var(--lg-display); } .product-fact-rail { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:80px;border-top:1px solid var(--lg-line);border-bottom:1px solid var(--lg-line); } .product-fact-rail>div { min-height:145px;display:grid;align-content:center;gap:12px;padding:28px 34px;border-right:1px solid var(--lg-line); } .product-fact-rail>div:first-child { padding-left:0; } .product-fact-rail>div:last-child { border-right:0; } .product-fact-rail span { color:#8b9487;font-size:.56rem;font-weight:820;letter-spacing:.09em;text-transform:uppercase; } .product-fact-rail strong { color:#33432c;font:500 1.28rem/1.25 var(--lg-display); } .product-character { min-height:780px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#173b02; } .product-character::before { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 48%,color-mix(in srgb,var(--product-accent) 24%,transparent),transparent 34%),linear-gradient(90deg,transparent 50%,rgba(255,255,255,.035) 50%); } .product-character__type { position:absolute;z-index:-1;left:-.05em;bottom:-.2em;color:rgba(255,255,255,.025);font:500 48rem/.7 var(--lg-display); } .product-character__grid { min-height:780px;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(480px,1.22fr);align-items:center;gap:clamp(60px,9vw,140px);padding-block:95px; } .product-character__copy h2 { max-width:650px;margin:18px 0 28px;color:#fffaf0;font-size:clamp(3.3rem,5vw,6rem);line-height:.88; } .product-character__copy p { max-width:560px;margin:0;color:rgba(255,255,255,.62);font-size:.9rem;line-height:1.85; } .product-character__stage { min-height:590px;position:relative;display:grid;place-items:center; } .product-character__stage::before { content:"";width:min(510px,88%);aspect-ratio:1;position:absolute;border:1px solid color-mix(in srgb,var(--product-accent) 72%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--product-accent) 17%,transparent),transparent 68%);transform:rotate(8deg); } .product-character__stage picture { width:min(720px,108%);position:relative;z-index:2;display:block;animation:productFloat 7s ease-in-out infinite; } .product-character__stage img { width:100%;height:auto;display:block;filter:drop-shadow(0 35px 30px rgba(4,20,0,.36)); } .product-character__stage>span { position:absolute;right:3%;bottom:5%;z-index:3;padding:10px 14px;color:#173901;background:var(--product-accent);font-size:.55rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase; } @keyframes productFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-14px) rotate(1deg); } } .product-applications { background:#f2ede0; } .product-applications__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(38,81,1,.22);border-bottom:1px solid rgba(38,81,1,.22); } .product-applications__grid article { min-height:360px;position:relative;padding:42px 35px 38px;border-right:1px solid rgba(38,81,1,.22);transition:.3s ease; } .product-applications__grid article:last-child { border-right:0; } .product-applications__grid article:hover { color:#fff;background:var(--lg-primary);transform:translateY(-8px); } .product-applications__grid article>span { color:var(--lg-secondary);font:500 1rem/1 var(--lg-display); } .product-applications__grid h3 { max-width:320px;margin:90px 0 17px;color:var(--lg-primary);font:500 clamp(2rem,2.7vw,3.2rem)/.98 var(--lg-display);transition:color .3s; } .product-applications__grid p { max-width:340px;margin:0;color:#6e7969;font-size:.78rem;line-height:1.75;transition:color .3s; } .product-applications__grid article:hover h3,.product-applications__grid article:hover p { color:#fff; } .product-commercial { color:#fff;background:#102d00; } .product-commercial__grid { display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(70px,10vw,155px); } .product-commercial__heading { position:sticky;top:calc(var(--lg-header-height) + 95px);align-self:start; } .product-commercial__heading h2 { max-width:620px;margin:17px 0 0;color:#fffaf0;font-size:clamp(3.2rem,4.8vw,5.7rem);line-height:.9; } .product-commercial__steps { border-top:1px solid rgba(255,255,255,.18); } .product-commercial__steps article { min-height:190px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:25px;border-bottom:1px solid rgba(255,255,255,.18); } .product-commercial__steps article>span { color:var(--product-accent);font:500 1.2rem/1 var(--lg-display); } .product-commercial__steps h3 { margin:0 0 9px;color:#fff;font:500 2rem/1 var(--lg-display); } .product-commercial__steps p { max-width:600px;margin:0;color:rgba(255,255,255,.58);font-size:.8rem;line-height:1.7; } .product-specification { padding:0;background:#102d00; } .product-specification__inner { display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:35px;padding-block:33px;color:#173901;background:var(--product-accent); } .product-specification__inner::before,.product-specification__inner::after { content:"";width:50vw;height:100%;position:absolute;background:var(--product-accent); } .product-specification__inner { position:relative; } .product-specification__inner::before { right:100%; }.product-specification__inner::after { left:100%; } .product-specification__inner>span { font-size:.59rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase; } .product-specification__inner p { margin:0;font-size:.8rem;line-height:1.65; } .product-specification__inner a { display:inline-flex;align-items:center;gap:9px;color:#173901;font-size:.6rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap; } .product-faq { background:#fbfaf5; } .product-faq__grid { display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(70px,10vw,150px); } .product-faq__heading { position:sticky;top:calc(var(--lg-header-height) + 95px); } .product-faq__heading h2 { margin:16px 0 20px;color:var(--lg-primary);font-size:clamp(3.1rem,4.6vw,5.3rem);line-height:.9; } .product-faq__heading p { max-width:430px;color:var(--lg-muted);font-size:.85rem;line-height:1.75; } .product-faq__list { border-top:1px solid var(--lg-line); } .product-faq__list .faq-item button { min-height:105px;padding-inline:0;font-family:var(--lg-font);font-size:1rem; } .product-faq__list .faq-item button i { width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;color:var(--lg-primary);background:#edf2e9;font-style:normal;transition:.25s; } .product-faq__list .faq-item.is-open button i { color:#173901;background:var(--product-accent);transform:rotate(45deg); } .product-faq__list .faq-answer p { max-width:760px;padding-left:0;font-size:.86rem;line-height:1.8; } .product-enquiry { padding-block:90px;color:#fff;background:linear-gradient(110deg,#1b4702,#32730d); } .product-enquiry__inner { display:flex;align-items:center;justify-content:space-between;gap:60px; } .product-enquiry__inner>div>span { color:var(--product-accent);font-size:.61rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase; } .product-enquiry__inner h2 { margin:12px 0 15px;color:#fffaf0;font-size:clamp(3rem,5vw,5.8rem);line-height:.88; } .product-enquiry__inner p { max-width:680px;margin:0;color:rgba(255,255,255,.65);font-size:.88rem;line-height:1.75; } .product-enquiry__inner>.button { flex:0 0 auto; } @media(max-width:1100px) { .product-experience__hero-grid { grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:48px; } .product-experience__intro h1 { font-size:5.6rem; } .product-experience__photo { height:550px; } .product-experience__visual { min-height:560px; } .product-character__grid { grid-template-columns:minmax(300px,.85fr) minmax(400px,1.15fr);gap:55px; } .product-character__stage { min-height:520px; } .catalog-hero__grid,.product-profile__hero-grid { grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:45px; } .catalog-hero__copy h1,.product-profile__intro h1 { font-size:5.1rem; } .catalog-hero__frame { height:500px; } .product-profile__image { height:560px; } .catalog-card__image,.catalog-page--editorial .catalog-card:nth-child(n) .catalog-card__image { height:470px; } .catalog-standards__grid { gap:60px; } .catalog-standards__list article { grid-template-columns:55px 1fr;gap:15px 25px;padding:28px 0; } .catalog-standards__list p { grid-column:2; } } @media(max-width:960px) { .product-experience__hero-grid,.product-overview__grid,.product-character__grid,.product-commercial__grid,.product-faq__grid { grid-template-columns:1fr; } .product-experience__hero-grid { padding-block:65px; } .product-experience__intro { max-width:760px; } .product-experience__breadcrumb { margin-bottom:38px; } .product-experience__visual { min-height:600px; } .product-experience__photo { height:580px;margin-right:28px; } .product-experience__nav { top:var(--lg-header-height); } .admin-bar .product-experience__nav { top:calc(var(--lg-header-height) + 32px); } .product-overview__heading,.product-commercial__heading,.product-faq__heading { position:static; } .product-overview__grid,.product-commercial__grid,.product-faq__grid { gap:52px; } .product-character__grid { padding-block:78px; } .product-character__copy { max-width:760px; } .product-character__stage { min-height:570px; } .product-applications__grid article { min-height:320px;padding-inline:25px; } .product-applications__grid h3 { margin-top:65px; } .catalog-hero__grid,.product-profile__hero-grid,.catalog-heading,.catalog-standards__grid,.catalog-cta__grid,.product-profile__content-grid { grid-template-columns:1fr; } .catalog-hero__grid,.product-profile__hero-grid { padding-block:75px; } .catalog-hero__copy,.product-profile__intro { max-width:760px; } .catalog-hero__visual { min-height:570px; } .catalog-hero__frame { height:540px;margin-right:35px; } .catalog-heading { align-items:start;gap:32px;padding-bottom:52px; } .catalog-heading>p { max-width:680px; } .catalog-standards__heading,.product-profile__content-heading { position:static; } .catalog-standards__list article { min-height:190px; } .catalog-cta__image { height:530px; } .product-profile__image { grid-row:2;height:590px; } .product-profile__content-grid { gap:55px; } .product-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:782px) { .admin-bar .product-experience__nav { top:calc(var(--lg-header-height) + 46px); } } @media(max-width:680px) { .product-experience__hero,.product-experience__hero-grid { min-height:0; } .product-experience__hero-grid { padding-block:52px 70px; } .product-experience__breadcrumb { overflow-x:auto;margin-bottom:30px;white-space:nowrap; } .product-experience__intro h1 { font-size:4.2rem;line-height:.83; } .product-experience__intro>p { margin-top:24px;font-size:.91rem; } .product-experience__actions { align-items:flex-start;flex-direction:column;gap:20px;margin-top:30px; } .product-experience__visual { min-height:470px; } .product-experience__photo { height:450px;margin-right:14px; } .product-experience__stamp { width:112px;border-width:6px; } .product-experience__stamp strong { font-size:2.35rem; } .product-experience__nav { min-height:54px; } .product-experience__nav .container { gap:26px; } .product-experience__nav a { min-height:53px; } .product-experience__nav a:last-child { margin-left:0; } .admin-bar .product-experience__nav { top:calc(var(--lg-header-height) + 46px); } .product-overview__heading h2 { font-size:3.55rem; } .product-overview__copy .prose { font-size:.91rem; } .product-fact-rail { grid-template-columns:1fr;margin-top:55px; } .product-fact-rail>div { min-height:110px;padding:23px 0;border-right:0;border-bottom:1px solid var(--lg-line); } .product-fact-rail>div:last-child { border-bottom:0; } .product-character,.product-character__grid { min-height:0; } .product-character__grid { padding-block:65px; } .product-character__copy h2 { font-size:3.65rem; } .product-character__stage { min-height:440px; } .product-character__stage picture { width:112%; } .product-character__stage>span { right:0;bottom:0; } .product-applications__grid { grid-template-columns:1fr; } .product-applications__grid article { min-height:260px;padding:32px 0;border-right:0;border-bottom:1px solid rgba(38,81,1,.22); } .product-applications__grid article:last-child { border-bottom:0; } .product-applications__grid h3 { margin-top:45px;font-size:2.7rem; } .product-commercial__heading h2 { font-size:3.55rem; } .product-commercial__steps article { min-height:170px;grid-template-columns:45px 1fr; } .product-specification__inner { grid-template-columns:1fr;gap:16px;padding-block:28px; } .product-specification__inner a { margin-top:4px; } .product-faq__heading h2 { font-size:3.45rem; } .product-faq__list .faq-item button { min-height:88px;font-size:.88rem; } .product-enquiry { padding-block:65px; } .product-enquiry__inner { align-items:flex-start;flex-direction:column;gap:35px; } .product-enquiry__inner h2 { font-size:3.55rem; } .catalog-support-nudge { display:none; } .catalog-hero::after { background:radial-gradient(circle at 78% 12%,rgba(183,224,144,.14),transparent 30%); } .catalog-hero__grid,.product-profile__hero-grid { min-height:0;padding-block:64px; } .catalog-hero__copy h1,.product-profile__intro h1 { margin-bottom:26px;font-size:3.75rem;line-height:.98; } .catalog-hero__copy>p { margin-bottom:12px;line-height:1.85; } .catalog-hero__foot { align-items:flex-start;flex-direction:column;margin-top:42px; } .catalog-hero__visual { min-height:455px; } .catalog-hero__frame { height:430px;margin-right:16px; } .catalog-heading { gap:28px;padding-bottom:48px; } .catalog-heading h2 { margin-top:14px;font-size:3.4rem;line-height:1.03; } .catalog-heading>p { line-height:1.85; } .catalog-filters { margin-bottom:0; } .catalog-grid { grid-template-columns:1fr;gap:78px; } .catalog-card,.catalog-page--editorial .catalog-card:nth-child(n) { grid-column:auto; } .catalog-card__image,.catalog-page--editorial .catalog-card:nth-child(n) .catalog-card__image { height:440px; } .catalog-card__body { padding-top:27px;padding-bottom:12px; } .catalog-card__category { margin-bottom:13px; } .catalog-card__body h2 { max-width:100%;margin-bottom:19px;font-size:2.55rem;line-height:1.06; } .catalog-card__body>p { margin-bottom:27px;line-height:1.82; } .catalog-card__facts { grid-template-columns:1fr; } .catalog-card__facts>div+div { padding-left:0;border-top:1px solid var(--lg-line);border-left:0; } .catalog-standards__heading h2 { font-size:3.55rem; } .catalog-standards__list article { grid-template-columns:45px 1fr; } .catalog-standards__list h3 { font-size:1.65rem; } .catalog-cta__image { height:430px; } .catalog-cta__copy h2 { font-size:3.45rem; } .product-profile__image { height:470px; } .product-profile__facts>div { grid-template-columns:1fr;gap:3px; } .product-profile__content-heading h2 { font-size:3.45rem; } .product-related__grid { grid-template-columns:1fr; } .product-related__card>div { height:400px; } } /* Global interaction motion system · v3.12.7 */ @keyframes lgHoverIconKick { 0% { transform:translate3d(0,0,0) rotate(0); } 45% { transform:translate3d(3px,-2px,0) rotate(-5deg); } 100% { transform:translate3d(0,0,0) rotate(0); } } @keyframes lgHoverRing { 0% { box-shadow:0 0 0 0 rgba(108,174,50,.28); } 100% { box-shadow:0 0 0 9px rgba(108,174,50,0); } } @keyframes lgHeroOrbitOuter { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(-30px,24px,0) scale(1.045); } } @keyframes lgHeroOrbitInner { 0%,100% { transform:translate3d(0,0,0) rotate(0deg) scale(1);opacity:.62; } 50% { transform:translate3d(20px,15px,0) rotate(8deg) scale(.94);opacity:1; } } .page-hero::before { animation:lgHeroOrbitOuter 18s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform; } .page-hero::after { content:"";width:360px;height:360px;position:absolute;z-index:-1;right:38px;top:-185px;border:1px solid rgba(98,162,40,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(98,162,40,.018);pointer-events:none;animation:lgHeroOrbitInner 23s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform; } @media (hover:hover) and (pointer:fine) { :root { --lg-hover-ease:cubic-bezier(.2,.8,.2,1); } .button:hover, button.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .hero-cta:hover, .hero-secondary:hover { transform:translateY(-4px) scale(1.018); filter:saturate(1.08); box-shadow:0 18px 38px rgba(27,71,5,.2),0 3px 9px rgba(27,71,5,.12); } .button:active, button.button:active, .hero-cta:active, .hero-secondary:active { transform:translateY(-1px) scale(.985);transition-duration:.1s!important; } .button:hover svg, .hero-cta:hover svg, .hero-secondary:hover svg { animation:lgHoverIconKick .48s var(--lg-hover-ease) both; } .site-brand { transition:transform .45s var(--lg-hover-ease),filter .35s ease; } .site-brand:hover { transform:translateY(-2px) scale(1.018);filter:drop-shadow(0 8px 13px rgba(38,81,1,.13)); } .primary-menu > li > a { transition:color .25s ease,transform .3s var(--lg-hover-ease),letter-spacing .3s ease; } .primary-menu > li:hover > a { transform:translateY(-2px);letter-spacing:.018em; } .primary-menu > li > a::after { transition:width .38s var(--lg-hover-ease),opacity .25s ease,transform .38s var(--lg-hover-ease);transform-origin:center; } .primary-menu > li:hover > a::after { transform:scaleX(1.08); } .primary-menu .sub-menu { transform:translateY(13px) scale(.975);transform-origin:top center;transition:opacity .25s ease,visibility .25s ease,transform .36s var(--lg-hover-ease); } .primary-menu li:hover > .sub-menu { transform:translateY(0) scale(1); } .primary-menu .sub-menu a { transition:color .22s ease,background .22s ease,padding .3s var(--lg-hover-ease),transform .3s var(--lg-hover-ease); } .primary-menu .sub-menu a:hover { padding-inline-start:22px;transform:translateX(3px); } [dir=rtl] .primary-menu .sub-menu a:hover { transform:translateX(-3px); } .header-icon-link:hover,.footer-socials a:hover,.back-to-top:hover { transform:translateY(-3px) rotate(-4deg) scale(1.06);box-shadow:0 12px 25px rgba(29,72,7,.2); } .header-icon-link:hover svg,.footer-socials a:hover svg,.back-to-top:hover svg { animation:lgHoverRing .55s ease-out; } .category-card, .post-card, .journal-card, .woocommerce ul.products li.product { transition-duration:.45s!important;transition-timing-function:var(--lg-hover-ease)!important; } .category-card:hover, .post-card:hover, .woocommerce ul.products li.product:hover { box-shadow:0 28px 65px rgba(29,72,7,.16),0 6px 16px rgba(29,72,7,.08); } .category-card:hover .category-card__art img, .post-card:hover .post-card__image img, .journal-card:hover .journal-card__media img, .woocommerce ul.products li.product:hover img { transform:scale(1.075) rotate(.35deg);filter:saturate(1.08) contrast(1.025); } .category-card h3,.post-card h2,.journal-card h3 { transition:color .28s ease,transform .38s var(--lg-hover-ease); } .category-card:hover h3,.post-card:hover h2,.journal-card:hover h3 { transform:translateY(-2px);color:var(--lg-secondary); } .category-card:hover .category-card__arrow { transform:translate(0) rotate(-8deg) scale(1.08);box-shadow:0 10px 24px rgba(38,81,1,.18); } .catalog-card { transition:none!important; } .catalog-card__image { transition:transform .48s var(--lg-hover-ease),box-shadow .45s ease; } .catalog-card:hover .catalog-card__image { transform:translateY(-4px);box-shadow:0 24px 55px rgba(27,65,7,.15); } .catalog-card:hover .catalog-card__image::after { background:linear-gradient(180deg,rgba(8,30,0,.02) 30%,rgba(8,30,0,.45)); } .catalog-card:hover .catalog-card__image img { transform:scale(1.018);filter:saturate(1.035) contrast(1.012); } .catalog-card:hover .catalog-card__preview, .catalog-card__image:focus-visible .catalog-card__preview { opacity:1;transform:translateY(0); } .catalog-card:hover .catalog-card__preview::before, .catalog-card__image:focus-visible .catalog-card__preview::before { transform:scaleX(1); } .catalog-card:hover .catalog-card__preview::after, .catalog-card__image:focus-visible .catalog-card__preview::after { left:112%; } .catalog-card:hover .catalog-card__preview i, .catalog-card__image:focus-visible .catalog-card__preview i { transform:rotate(0) scale(1); } .catalog-card__preview:hover { background:rgba(25,70,3,.9); } .catalog-card__preview:hover i { background:#eff8dc;transform:rotate(6deg) scale(1.06); } .catalog-card__image > span,.catalog-card__image > em { transition:transform .48s var(--lg-hover-ease),opacity .32s ease,background .3s ease; } .catalog-card:hover .catalog-card__image > span { transform:translateY(-2px) rotate(-5deg); } .catalog-card:hover .catalog-card__image > em { transform:translateY(-2px); } .promise-card { overflow:hidden;transition:color .42s ease,background .42s var(--lg-hover-ease),transform .42s var(--lg-hover-ease),box-shadow .42s ease; } .promise-card:hover { transform:translateY(-9px) scale(1.012);box-shadow:0 28px 60px rgba(26,67,5,.2); } .promise-card__icon { transition:transform .5s var(--lg-hover-ease),color .3s ease,background .3s ease,box-shadow .3s ease; } .promise-card:hover .promise-card__icon { transform:translateY(-5px) rotate(-7deg) scale(1.12);box-shadow:0 13px 26px rgba(0,0,0,.14); } .trust-strip__grid > div { transition:background .35s ease,transform .38s var(--lg-hover-ease),box-shadow .35s ease; } .trust-strip__grid > div:hover { z-index:2;background:#f8fbf5;transform:translateY(-5px);box-shadow:0 18px 38px rgba(34,77,9,.1); } .trust-strip__grid > div strong { transition:transform .4s var(--lg-hover-ease),color .3s ease; } .trust-strip__grid > div:hover strong { transform:scale(1.1);color:var(--lg-secondary); } .about-process__step { overflow:hidden;transition:background .38s ease,transform .4s var(--lg-hover-ease),box-shadow .38s ease; } .about-process__step:hover { z-index:2;background:#f7faF4;transform:translateY(-7px);box-shadow:0 24px 54px rgba(31,73,8,.11); } .about-process__step > div,.about-dubai__card > span { transition:transform .5s var(--lg-hover-ease),box-shadow .35s ease,background .35s ease; } .about-process__step:hover > div,.about-dubai__card:hover > span { transform:translateY(-5px) rotate(8deg) scale(1.1);box-shadow:0 13px 28px rgba(38,81,1,.16); } .about-dubai__card { transition:transform .5s var(--lg-hover-ease),box-shadow .4s ease; } .about-dubai__card:hover { transform:translateY(-8px) rotate(.35deg);box-shadow:0 34px 72px rgba(8,31,0,.24); } .home-contact__details > a:not(.button),.contact-methods a { transition:transform .38s var(--lg-hover-ease),box-shadow .35s ease,border-color .3s ease,background .3s ease; } .home-contact__details > a:not(.button):hover,.contact-methods a:hover { transform:translateY(-5px) translateX(3px);border-color:rgba(98,162,40,.36);background:#fbfdf9;box-shadow:0 20px 42px rgba(38,81,1,.1); } [dir=rtl] .home-contact__details > a:not(.button):hover,[dir=rtl] .contact-methods a:hover { transform:translateY(-5px) translateX(-3px); } .home-contact__details svg,.contact-methods svg { transition:transform .45s var(--lg-hover-ease),color .3s ease; } .home-contact__details a:hover svg,.contact-methods a:hover svg { transform:rotate(-9deg) scale(1.13);color:var(--lg-primary); } .faq-item { overflow:hidden;transition:background .32s ease,border-color .3s ease,box-shadow .35s ease; } .faq-item:hover { z-index:1;background:linear-gradient(90deg,rgba(239,247,233,.8),rgba(255,255,255,.3));border-color:rgba(98,162,40,.28);box-shadow:0 12px 32px rgba(38,81,1,.055); } .faq-item button { transition:padding .38s var(--lg-hover-ease),color .28s ease; } .faq-item:hover button { padding-inline:15px;color:var(--lg-secondary); } .faq-item button svg { transition:transform .48s var(--lg-hover-ease),color .3s ease; } .faq-item:hover button svg { transform:translateY(-2px) rotate(8deg) scale(1.08); } .faq-item.is-open:hover button svg { transform:rotate(180deg) scale(1.08); } input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea { transition:border-color .28s ease,box-shadow .32s ease,background-color .28s ease,transform .3s var(--lg-hover-ease); } input:not([type=checkbox]):not([type=radio]):not([type=hidden]):hover,select:hover,textarea:hover { border-color:rgba(98,162,40,.48);box-shadow:0 8px 24px rgba(38,81,1,.07); } input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,select:focus,textarea:focus { transform:translateY(-2px);box-shadow:0 0 0 4px rgba(98,162,40,.1),0 13px 30px rgba(38,81,1,.09); } .journal-categories a,.catalog-filter,.page-numbers { transition:color .28s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .35s var(--lg-hover-ease); } .journal-categories a:hover,.catalog-filter:hover,.page-numbers:hover { transform:translateY(-4px);box-shadow:0 12px 25px rgba(38,81,1,.11); } .journal-categories a:hover span { transform:rotate(-8deg) scale(1.08); } .journal-categories a span { transition:transform .38s var(--lg-hover-ease),background .3s ease,color .3s ease; } .catalog-support-nudge { transition:transform .45s var(--lg-hover-ease),box-shadow .4s ease,border-color .3s ease; } .catalog-support-nudge:hover { transform:translateY(-7px) scale(1.006);border-color:rgba(108,174,50,.4);box-shadow:0 28px 65px rgba(24,65,4,.17); } .catalog-support-nudge__close { transition:transform .42s var(--lg-hover-ease),background .3s ease,color .3s ease; } .catalog-support-nudge__close:hover { transform:rotate(90deg) scale(1.08); } .catalog-standards__list article, .product-commercial__steps article { transition:transform .44s var(--lg-hover-ease),background .36s ease,box-shadow .38s ease,padding .44s var(--lg-hover-ease); } .catalog-standards__list article:hover, .product-commercial__steps article:hover { z-index:2;padding-inline:16px;background:rgba(255,255,255,.045);transform:translateX(7px);box-shadow:-10px 0 0 rgba(177,220,137,.14); } [dir=rtl] .catalog-standards__list article:hover, [dir=rtl] .product-commercial__steps article:hover { transform:translateX(-7px);box-shadow:10px 0 0 rgba(177,220,137,.14); } .catalog-standards__list span, .product-commercial__steps article > span { transition:transform .45s var(--lg-hover-ease),color .3s ease,text-shadow .3s ease; } .catalog-standards__list article:hover span, .product-commercial__steps article:hover > span { transform:translateY(-4px) scale(1.14) rotate(-4deg);color:#d9f4c0;text-shadow:0 7px 18px rgba(185,223,150,.2); } .product-related__card { transition:transform .48s var(--lg-hover-ease),box-shadow .4s ease,border-color .32s ease; } .product-related__card:hover { transform:translateY(-8px);border-color:var(--lg-secondary);box-shadow:0 28px 60px rgba(30,70,8,.14); } .product-related__card img { transition:transform .7s var(--lg-hover-ease),filter .4s ease!important; } .product-related__card:hover img { transform:scale(1.08) rotate(.45deg);filter:saturate(1.09) contrast(1.03); } .product-related__card > svg { transition:transform .48s var(--lg-hover-ease),color .3s ease; } .product-related__card:hover > svg { transform:translate(4px,-4px) rotate(-8deg) scale(1.12);color:var(--lg-secondary); } [dir=rtl] .product-related__card:hover > svg { transform:translate(-4px,-4px) rotate(8deg) scale(1.12); } .product-fact-rail > div { transition:transform .42s var(--lg-hover-ease),background .35s ease,box-shadow .35s ease; } .product-fact-rail > div:hover { z-index:2;background:#f6faF2;transform:translateY(-6px);box-shadow:0 20px 42px rgba(33,75,10,.1); } .product-fact-rail strong { transition:transform .4s var(--lg-hover-ease),color .3s ease;transform-origin:left center; } [dir=rtl] .product-fact-rail strong { transform-origin:right center; } .product-fact-rail > div:hover strong { transform:scale(1.055);color:var(--lg-secondary); } .product-applications__grid article { overflow:hidden;transition:color .42s ease,background .45s var(--lg-hover-ease),transform .48s var(--lg-hover-ease),box-shadow .4s ease!important; } .product-applications__grid article:hover { z-index:3;transform:translateY(-11px) scale(1.012);box-shadow:0 30px 58px rgba(24,65,4,.22); } .product-applications__grid article > span, .product-applications__grid h3 { transition:transform .5s var(--lg-hover-ease),color .32s ease; } .product-applications__grid article:hover > span { display:inline-block;transform:translateY(-4px) rotate(-5deg) scale(1.12); } .product-applications__grid article:hover h3 { transform:translateY(-5px); } .product-experience__nav a { position:relative;transition:color .28s ease,translate .35s var(--lg-hover-ease),letter-spacing .34s ease; } .product-experience__nav a::after { content:"";position:absolute;right:0;bottom:8px;left:0;height:2px;background:var(--product-accent,var(--lg-secondary));transform:scaleX(0);transform-origin:center;transition:transform .38s var(--lg-hover-ease); } .product-experience__nav a:hover { translate:0 -3px;letter-spacing:.09em; } .product-experience__nav a:hover::after { transform:scaleX(1); } .product-experience__nav a:last-child::after { display:none; } .catalog-cta__image img, .product-profile__image img, .product-experience__photo img { transition:transform .9s var(--lg-hover-ease),filter .5s ease; } .catalog-cta__image:hover img, .product-profile__image:hover img, .product-experience__photo:hover img { transform:scale(1.035) rotate(.25deg);filter:saturate(1.06) contrast(1.025); } .product-experience__stamp { transition:transform .55s var(--lg-hover-ease),box-shadow .4s ease,filter .35s ease; } .product-experience__stamp:hover { transform:rotate(-3deg) scale(1.065);filter:saturate(1.12);box-shadow:0 24px 45px rgba(18,61,0,.25); } .text-link,.journal-card__read,.post-navigation-custom a,.footer-menu a { transition:color .28s ease,letter-spacing .32s ease,transform .34s var(--lg-hover-ease),padding .32s var(--lg-hover-ease); } .text-link:hover,.journal-card__read:hover,.post-navigation-custom a:hover { letter-spacing:.075em;transform:translateY(-2px); } .footer-menu a:hover { transform:translateX(4px); } [dir=rtl] .footer-menu a:hover { transform:translateX(-4px); } .lucerna-chat__header button:hover,.lucerna-chat__launcher:hover { transform:translateY(-3px) rotate(-5deg) scale(1.07);filter:brightness(1.08);box-shadow:0 15px 32px rgba(31,84,8,.25); } .lucerna-chat__intents button,.lucerna-chat__product-result,.lucerna-chat__quick-actions > button,.lucerna-chat__next-actions button,.lucerna-chat__rating button { transition:transform .35s var(--lg-hover-ease),box-shadow .32s ease,border-color .28s ease,background .3s ease,color .28s ease; } .lucerna-chat__intents button:hover,.lucerna-chat__product-result:hover,.lucerna-chat__quick-actions > button:hover,.lucerna-chat__next-actions button:hover { transform:translateY(-4px) scale(1.012);box-shadow:0 14px 30px rgba(38,81,1,.13);border-color:var(--chat-action); } .lucerna-chat__intents button:hover svg,.lucerna-chat__quick-actions > button:hover .lucerna-chat__quick-action-icon { transform:rotate(-7deg) scale(1.1); } .lucerna-chat__rating button:hover { transform:translateY(-5px) rotate(-4deg) scale(1.08);animation:lgHoverRing .55s ease-out; } .lucerna-chat__composer button:hover { filter:brightness(1.08);box-shadow:0 9px 22px rgba(38,81,1,.15); } } @media (prefers-reduced-motion:reduce) { .page-hero::before,.page-hero::after { animation:none!important; } } @media(max-width:420px) { .product-experience__intro h1 { font-size:3.65rem; } .product-experience__visual { min-height:400px; } .product-experience__photo { height:385px; } .product-character__copy h2,.product-overview__heading h2,.product-commercial__heading h2,.product-faq__heading h2,.product-enquiry__inner h2 { font-size:3rem; } .product-character__stage { min-height:360px; } .catalog-hero__copy h1,.product-profile__intro h1 { font-size:3.25rem;line-height:1; } .catalog-hero__frame { height:370px; } .catalog-card__image,.catalog-page--editorial .catalog-card:nth-child(n) .catalog-card__image { height:380px; } .catalog-empty { min-height:400px;padding:35px 22px; } .catalog-empty h2 { font-size:2.7rem; } .catalog-standards__list article { grid-template-columns:1fr;gap:10px;padding:30px 0; } .catalog-standards__list p { grid-column:auto; } .catalog-cta__image,.product-profile__image { height:390px; } .product-related__card>div { height:350px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .has-reveal-motion .reveal { opacity: 1; transform: none; } } @media print { .announcement-bar, .site-header, .site-footer, .back-to-top, .site-preloader, .lucerna-chat { display: none !important; } body { color: #000; background: #fff; } .site-main { min-height: 0; } } /* Professional commercial chat · v3.12 */ .lucerna-chat{--chat-primary:var(--lg-primary,#265101);--chat-action:var(--lg-secondary,#62a228);--chat-accent:var(--lg-accent,#d8b96b);--chat-surface:#fff;--chat-soft:#f5f8f2;--chat-line:rgba(38,81,1,.13);--chat-ink:#172113;--chat-muted:#74806f} .lucerna-chat__panel{width:min(430px,calc(100vw - 30px));height:min(720px,calc(100dvh - 112px));border-color:var(--chat-line);border-radius:26px;background:var(--chat-surface);box-shadow:0 32px 100px rgba(17,48,1,.28)} .lucerna-chat__header{min-height:88px;position:relative;padding:15px 13px 15px 17px;background:radial-gradient(circle at 12% 0,rgba(216,185,107,.18),transparent 38%),linear-gradient(135deg,#1d4404,var(--chat-primary));overflow:visible} .lucerna-chat__avatar{color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.19);box-shadow:inset 0 0 0 5px rgba(255,255,255,.035)} .lucerna-chat__avatar span{background:#81d04b;border-color:#214b06;box-shadow:0 0 0 4px rgba(129,208,75,.16);animation:chatOnlinePulse 2.3s ease-out infinite} .lucerna-chat__header div>span{color:rgba(255,255,255,.78);font-weight:650}.lucerna-chat__header div>span i{width:7px;height:7px;background:#91dc5d;box-shadow:0 0 0 4px rgba(145,220,93,.13)} .lucerna-chat__header-action{margin-inline-start:auto}.lucerna-chat__header>[data-chat-close]{margin-inline-start:4px} .lucerna-chat__menu{position:absolute;z-index:8;top:76px;right:12px;left:12px;display:grid;padding:8px;background:var(--chat-surface);border:1px solid var(--chat-line);border-radius:15px;box-shadow:0 18px 45px rgba(17,46,2,.2);animation:chatSheetIn .18s ease both} .lucerna-chat__menu[hidden]{display:none}.lucerna-chat__menu button{min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 11px;color:var(--chat-ink);background:transparent;border:0;border-radius:9px;text-align:start;cursor:pointer}.lucerna-chat__menu button:hover{color:var(--chat-primary);background:var(--chat-soft)} .lucerna-chat__language{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px 10px;margin-bottom:4px;border-bottom:1px solid var(--chat-line)}.lucerna-chat__language>span{display:flex;align-items:center;gap:7px;color:var(--chat-muted);font-size:.55rem;font-weight:750}.lucerna-chat__language>div{display:flex;gap:3px}.lucerna-chat__language button{min-width:30px!important;min-height:28px!important;justify-content:center!important;padding:3px!important;border:1px solid var(--chat-line)!important;font-size:.5rem;font-weight:800}.lucerna-chat__language button.is-active{color:#fff!important;background:var(--chat-primary)!important;border-color:var(--chat-primary)!important} .lucerna-chat__body{background:linear-gradient(180deg,#f8faf6,#f2f6ef)} .lucerna-chat__intro{padding:24px 22px 28px;scrollbar-width:thin}.lucerna-chat__eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--chat-action);font-size:.61rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.lucerna-chat__eyebrow i{width:7px;height:7px;background:var(--chat-action);border-radius:50%;box-shadow:0 0 0 5px rgba(98,162,40,.12)} .lucerna-chat__intro h2{margin-bottom:7px;font-size:1.72rem;line-height:1.08}.lucerna-chat__intro>p{margin:0 0 16px;line-height:1.65} .lucerna-chat__product-context{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 15px;padding:9px;color:var(--chat-primary);background:#fff;border:1px solid var(--chat-line);border-radius:13px;box-shadow:0 8px 25px rgba(38,81,1,.06)}.lucerna-chat__product-context img{width:52px;height:48px;object-fit:cover;border-radius:9px}.lucerna-chat__product-context div{min-width:0;display:grid}.lucerna-chat__product-context span{color:var(--chat-action);font-size:.52rem;font-weight:800;text-transform:uppercase}.lucerna-chat__product-context strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.lucerna-chat__product-context small{overflow:hidden;color:var(--chat-muted);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap} .lucerna-chat__intents{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.lucerna-chat__intents button{min-height:66px;display:flex;align-items:flex-start;gap:8px;padding:10px;color:var(--chat-primary);background:#fff;border:1px solid var(--chat-line);border-radius:12px;text-align:start;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.lucerna-chat__intents button:hover,.lucerna-chat__intents button.is-selected{border-color:var(--chat-action);box-shadow:0 8px 22px rgba(72,132,23,.11);transform:translateY(-2px)}.lucerna-chat__intents button>span{min-width:0;display:grid}.lucerna-chat__intents strong{font-size:.64rem}.lucerna-chat__intents small{margin-top:3px;color:var(--chat-muted);font-size:.5rem;line-height:1.35} .lucerna-chat__message-field{font-weight:700}.lucerna-chat__message-field textarea{min-height:66px}.lucerna-chat__submit{position:relative;overflow:hidden;text-transform:none;letter-spacing:0}.lucerna-chat__submit:after{content:"";width:60px;height:100%;position:absolute;top:0;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);animation:chatButtonSweep 4s ease-in-out infinite}.lucerna-chat__submit span,.lucerna-chat__submit svg{position:relative;z-index:1} .lucerna-chat__conversation{grid-template-rows:auto minmax(0,1fr) auto}.lucerna-chat__queue{display:flex;align-items:center;gap:9px;padding:8px 16px;color:var(--chat-primary);background:#edf5e7;border-bottom:1px solid var(--chat-line);animation:chatQueueIn .32s ease both}.lucerna-chat__queue>span{width:28px;height:28px;display:grid;place-items:center;background:#fff;border-radius:9px}.lucerna-chat__queue div{display:grid}.lucerna-chat__queue strong{font-size:.58rem}.lucerna-chat__queue small{color:var(--chat-muted);font-size:.5rem} .lucerna-chat__messages{padding:18px 15px}.lucerna-chat__message{position:relative;animation:chatMessageIn .26s cubic-bezier(.2,.8,.2,1) both}.lucerna-chat__message p{font-size:.72rem}.lucerna-chat__message-meta{font-variant-numeric:tabular-nums}.lucerna-chat__translate{width:max-content;display:flex;align-items:center;gap:4px;margin-top:4px;padding:3px 6px;color:#768071;background:transparent;border:0;border-radius:6px;font-size:.48rem;cursor:pointer}.lucerna-chat__message--visitor .lucerna-chat__translate{justify-self:end}.lucerna-chat__translate:hover{color:var(--chat-action);background:rgba(98,162,40,.08)}.lucerna-chat__translation{margin-top:5px;padding:9px 11px;color:var(--chat-primary);background:#edf5e7;border-inline-start:2px solid var(--chat-action);border-radius:8px;font-size:.66rem;line-height:1.55;white-space:pre-wrap}.lucerna-chat__message-product{min-width:250px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:6px;padding:7px;color:var(--chat-primary);background:#fff;border:1px solid var(--chat-line);border-radius:12px;text-decoration:none;box-shadow:0 7px 20px rgba(38,81,1,.06)}.lucerna-chat__message-product img{width:48px;height:44px;object-fit:cover;border-radius:8px}.lucerna-chat__message-product span{min-width:0;display:grid}.lucerna-chat__message-product strong{overflow:hidden;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.lucerna-chat__message-product small{overflow:hidden;color:var(--chat-muted);font-size:.5rem;text-overflow:ellipsis;white-space:nowrap} .lucerna-chat__quick-actions{display:flex;align-items:center;gap:5px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.lucerna-chat__quick-actions::-webkit-scrollbar{display:none}.lucerna-chat__quick-actions>button,.lucerna-chat__quick-actions>div button{min-height:28px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:4px 9px;color:var(--chat-primary);background:var(--chat-soft);border:1px solid var(--chat-line);border-radius:99px;font-size:.52rem;font-weight:750;cursor:pointer}.lucerna-chat__quick-actions>div{display:flex;gap:5px}.lucerna-chat__quick-actions button:hover{border-color:var(--chat-action);background:#edf5e7} .lucerna-chat__sheet{height:100%;padding:0;overflow-y:auto;background:var(--chat-surface);animation:chatSheetIn .24s ease both}.lucerna-chat__sheet[hidden]{display:none}.lucerna-chat__sheet>header{min-height:68px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--chat-soft);border-bottom:1px solid var(--chat-line)}.lucerna-chat__sheet>header button{width:34px;height:34px;display:grid;place-items:center;color:var(--chat-primary);background:#fff;border:1px solid var(--chat-line);border-radius:10px;cursor:pointer;transform:rotate(180deg)}html[dir=rtl] .lucerna-chat__sheet>header button{transform:none}.lucerna-chat__sheet>header div{display:grid;flex:1}.lucerna-chat__sheet>header span{color:var(--chat-action);font-size:.5rem;font-weight:850;text-transform:uppercase}.lucerna-chat__sheet>header strong{color:var(--chat-ink);font-size:.76rem}.lucerna-chat__sheet>header b{padding:5px 8px;color:var(--chat-primary);background:#fff;border-radius:8px;font-size:.55rem} .lucerna-chat__sheet form{display:grid;gap:11px;padding:18px}.lucerna-chat__sheet form>p{margin:0 0 5px;color:var(--chat-muted);font-size:.68rem;line-height:1.6}.lucerna-chat__sheet label{display:grid;gap:5px;color:var(--chat-ink);font-size:.59rem;font-weight:750}.lucerna-chat__sheet input,.lucerna-chat__sheet select,.lucerna-chat__sheet textarea{width:100%;min-height:42px;padding:9px 10px;color:var(--chat-ink);background:#fff;border:1px solid #dce3d7;border-radius:9px;outline:0}.lucerna-chat__sheet input:focus,.lucerna-chat__sheet select:focus,.lucerna-chat__sheet textarea:focus{border-color:var(--chat-action);box-shadow:0 0 0 3px rgba(98,162,40,.1)}.lucerna-chat__sheet form>button,.lucerna-chat__sheet form footer button{min-height:42px;padding:8px 13px;color:#fff;background:var(--chat-primary);border:0;border-radius:10px;font-size:.62rem;font-weight:800;cursor:pointer} .lucerna-chat__quote-step{display:none;gap:12px;animation:chatStepIn .25s ease both}.lucerna-chat__quote-step.is-active{display:grid}.lucerna-chat__quote-step h3{margin:0 0 4px;color:var(--chat-primary);font-family:var(--lg-display);font-size:1.28rem;font-weight:500}.lucerna-chat__field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lucerna-chat__product-picker{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;color:var(--chat-primary);background:var(--chat-soft);border:1px solid var(--chat-line);border-radius:11px;text-align:start;cursor:pointer}.lucerna-chat__quote-step+footer{}.lucerna-chat__sheet form>footer{display:flex;justify-content:flex-end;gap:7px;padding-top:6px}.lucerna-chat__sheet form>footer [data-quote-prev]{color:var(--chat-primary);background:var(--chat-soft);border:1px solid var(--chat-line)} .lucerna-chat__product-search{display:flex!important;align-items:center;gap:7px;margin:12px 15px 5px;padding:0 10px;background:var(--chat-soft);border:1px solid var(--chat-line);border-radius:10px}.lucerna-chat__product-search input{border:0!important;background:transparent!important;box-shadow:none!important}.lucerna-chat__product-results{display:grid;gap:7px;padding:10px 15px 20px}.lucerna-chat__product-results.is-loading{min-height:110px;opacity:.55}.lucerna-chat__product-result{min-height:64px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;color:var(--chat-primary);background:#fff;border:1px solid var(--chat-line);border-radius:12px;text-align:start;cursor:pointer;transition:.18s}.lucerna-chat__product-result:hover{border-color:var(--chat-action);transform:translateY(-1px);box-shadow:0 8px 20px rgba(38,81,1,.07)}.lucerna-chat__product-result img{width:54px;height:50px;object-fit:cover;border-radius:9px}.lucerna-chat__product-result>span{min-width:0;display:grid}.lucerna-chat__product-result strong{font-size:.67rem}.lucerna-chat__product-result small{overflow:hidden;color:var(--chat-muted);font-size:.51rem;text-overflow:ellipsis;white-space:nowrap} .lucerna-chat__ended{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;text-align:center;overflow-y:auto;animation:chatStepIn .3s ease both}.lucerna-chat__ended[hidden]{display:none}.lucerna-chat__ended>span{width:62px;height:62px;display:grid;place-items:center;color:#fff;background:var(--chat-action);border-radius:50%;box-shadow:0 0 0 10px rgba(98,162,40,.1);animation:chatSuccess .5s cubic-bezier(.2,.9,.2,1.3) both}.lucerna-chat__ended h2{margin:20px 0 6px;color:var(--chat-primary);font-family:var(--lg-display);font-size:1.65rem;font-weight:500}.lucerna-chat__ended>p{margin:0 0 15px;color:var(--chat-muted);font-size:.7rem}.lucerna-chat__rating{display:flex;gap:7px}.lucerna-chat__rating button{width:38px;height:38px;display:grid;place-items:center;color:var(--chat-primary);background:#fff;border:1px solid var(--chat-line);border-radius:10px;cursor:pointer}.lucerna-chat__rating button.is-selected{color:#fff;background:var(--chat-action);border-color:var(--chat-action);transform:translateY(-2px)}.lucerna-chat__ended select,.lucerna-chat__ended textarea{width:100%;margin-top:9px;padding:9px;color:var(--chat-ink);background:#fff;border:1px solid var(--chat-line);border-radius:9px}.lucerna-chat__ended>[data-chat-submit-rating]{width:100%;min-height:40px;margin-top:9px;color:#fff;background:var(--chat-primary);border:0;border-radius:9px;cursor:pointer}.lucerna-chat__next-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.lucerna-chat__next-actions button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--chat-primary);background:var(--chat-soft);border:1px solid var(--chat-line);border-radius:9px;font-size:.57rem;cursor:pointer} .lucerna-chat__connection{position:absolute;z-index:9;right:12px;bottom:82px;left:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--chat-primary);background:#edf5e7;border:1px solid rgba(98,162,40,.25);border-radius:10px;box-shadow:0 10px 30px rgba(38,81,1,.14);font-size:.58rem;animation:chatQueueIn .2s ease both}.lucerna-chat__connection.is-offline{color:#84372f;background:#fff0ed;border-color:#efc9c3}.lucerna-chat__connection[hidden]{display:none} .lucerna-chat__connection>span{flex:1}.lucerna-chat__connection>button{display:none;min-height:30px;padding:4px 8px;color:#fff;background:#84372f;border:0;border-radius:7px;font-size:.49rem;font-weight:750;cursor:pointer}.lucerna-chat__connection.is-offline>button{display:block} .lucerna-chat__launcher{background:linear-gradient(145deg,#6cae32,var(--chat-primary))}.lucerna-chat__launcher:after{content:"";width:9px;height:9px;position:absolute;right:2px;bottom:4px;background:#8cdb55;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(140,219,85,.16)} @keyframes chatOnlinePulse{0%{box-shadow:0 0 0 0 rgba(129,208,75,.45)}70%,100%{box-shadow:0 0 0 8px rgba(129,208,75,0)}}@keyframes chatButtonSweep{0%,55%{left:-80px}75%,100%{left:115%}}@keyframes chatMessageIn{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@keyframes chatSheetIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes chatStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes chatQueueIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes chatSuccess{from{opacity:0;transform:scale(.65) rotate(-10deg)}to{opacity:1;transform:none}} @media (max-width:600px){.lucerna-chat__panel{width:100vw;height:100dvh;border-radius:0}.lucerna-chat__header{min-height:76px;padding-top:max(12px,env(safe-area-inset-top))}.lucerna-chat__intro{padding:19px 16px 24px}.lucerna-chat__intro h2{font-size:1.5rem}.lucerna-chat__intents{gap:7px}.lucerna-chat__intents button{min-height:62px;padding:8px}.lucerna-chat__messages{padding:15px 12px}.lucerna-chat__message-product{min-width:min(260px,76vw)}.lucerna-chat__composer{padding-inline:10px}.lucerna-chat__sheet form{padding:16px}.lucerna-chat__field-pair{grid-template-columns:1fr}.lucerna-chat__menu{top:max(68px,calc(env(safe-area-inset-top) + 58px))}.lucerna-chat__next-actions{grid-template-columns:1fr}} @media (max-width:350px){.lucerna-chat__intents{grid-template-columns:1fr}.lucerna-chat__intents button{min-height:54px}.lucerna-chat__product-context{grid-template-columns:46px minmax(0,1fr) auto}.lucerna-chat__product-context img{width:46px;height:44px}} @media (prefers-color-scheme:dark) and (max-width:0px){.lucerna-chat{--chat-surface:#101b0d;--chat-soft:#172514;--chat-line:rgba(177,208,151,.17);--chat-ink:#edf5e7;--chat-muted:#9eae98}.lucerna-chat__body{background:linear-gradient(180deg,#111d0e,#0d170b)}.lucerna-chat__intro input,.lucerna-chat__intro textarea,.lucerna-chat__product-context,.lucerna-chat__intents button,.lucerna-chat__sheet input,.lucerna-chat__sheet select,.lucerna-chat__sheet textarea,.lucerna-chat__product-result,.lucerna-chat__message-product,.lucerna-chat__rating button,.lucerna-chat__ended select,.lucerna-chat__ended textarea{color:var(--chat-ink);background:#142210;border-color:var(--chat-line)}.lucerna-chat__message p,.lucerna-chat__attachment{color:var(--chat-ink);background:#182615}.lucerna-chat__message--visitor p{color:#fff;background:var(--chat-primary)}.lucerna-chat__composer{background:#101b0d}.lucerna-chat__composer textarea{color:var(--chat-ink);background:#172514;border-color:var(--chat-line)}} /* Closed conversation feedback and continuation */ .lucerna-chat__feedback-form{width:100%;display:grid;gap:8px}.lucerna-chat__feedback-form[hidden],.lucerna-chat__feedback-result[hidden]{display:none!important}.lucerna-chat__feedback-form>[data-chat-submit-rating]{width:100%;min-height:42px;color:#fff;background:linear-gradient(135deg,var(--chat-primary),#397f12);border:0;border-radius:10px;font-weight:750;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.lucerna-chat__feedback-form>[data-chat-submit-rating]:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(38,81,1,.16)}.lucerna-chat__feedback-form>[data-chat-submit-rating]:disabled{opacity:.62;cursor:wait;transform:none}.lucerna-chat__feedback-result{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;color:#245d0e;background:linear-gradient(135deg,#edf8e7,#f8fcf5);border:1px solid #cfe5c2;border-radius:13px;text-align:start;animation:chatStepIn .28s ease both}.lucerna-chat__feedback-result>svg{width:34px;height:34px;padding:8px;color:#fff;background:#4b9725;border-radius:10px;box-sizing:border-box}.lucerna-chat__feedback-result>div{display:grid;gap:2px}.lucerna-chat__feedback-result strong{font-size:.72rem}.lucerna-chat__feedback-result span{color:#6a7964;font-size:.59rem}.lucerna-chat__next-actions{grid-template-columns:1.25fr 1fr 1fr}.lucerna-chat__next-actions [data-chat-reopen]{color:#fff;background:var(--chat-primary);border-color:var(--chat-primary)}.lucerna-chat__message--event{align-self:center;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;max-width:92%;margin:7px auto;padding:7px 10px;color:#64715f;background:rgba(245,249,241,.92);border:1px solid var(--chat-line);border-radius:999px;font-size:.55rem;text-align:center}.lucerna-chat__message--event>span:first-child{width:23px;height:23px;display:grid;place-items:center;color:var(--chat-action);background:#e9f5e1;border-radius:50%}.lucerna-chat__message--event time{font-size:.48rem;white-space:nowrap;opacity:.72} @media(max-width:600px){.lucerna-chat__next-actions{grid-template-columns:1fr}.lucerna-chat__message--event{grid-template-columns:auto 1fr}.lucerna-chat__message--event time{grid-column:2}} @media(prefers-reduced-motion:reduce){.lucerna-chat__feedback-result,.lucerna-chat__feedback-form>[data-chat-submit-rating]{animation:none;transition:none}} /* Live chat comfort pass · v3.12.1 */ .lucerna-chat{--chat-primary:#326f0d;--chat-action:#69a93a;--chat-surface:#fff;--chat-soft:#f4f8f1;--chat-line:rgba(48,105,13,.13);--chat-ink:#1e2b19;--chat-muted:#6f7c69} .lucerna-chat__panel{border-color:rgba(48,105,13,.16);box-shadow:0 28px 85px rgba(22,56,4,.19)} .lucerna-chat__header{background:radial-gradient(circle at 10% 0,rgba(224,239,211,.23),transparent 40%),linear-gradient(135deg,#397b12,#2d650c)} .lucerna-chat__body{background:linear-gradient(180deg,#fcfdfa,#f6f9f3)} .lucerna-chat__messages{background:radial-gradient(circle at 20% 5%,rgba(112,171,65,.045),transparent 34%)} .lucerna-chat__message p{color:#263322;background:#fff;border-color:rgba(48,105,13,.12);box-shadow:0 5px 16px rgba(35,78,8,.045)} .lucerna-chat__message--visitor p{color:#fff;background:linear-gradient(145deg,#4c8d20,#397713);border-color:#397713;box-shadow:0 8px 20px rgba(49,110,14,.14)} .lucerna-chat__queue{position:relative;padding-block:10px;background:linear-gradient(90deg,#f3f9ee,#eef6e8);border-bottom-color:rgba(48,105,13,.1)} .lucerna-chat__queue::after{content:"";width:44px;height:2px;position:absolute;right:16px;bottom:0;background:linear-gradient(90deg,transparent,var(--chat-action),transparent);animation:chatQueueScan 2.2s ease-in-out infinite} .lucerna-chat__queue.is-resolved{color:#2d6810;background:#eaf7df}.lucerna-chat__queue.is-resolved>span{color:#fff;background:#61a832}.lucerna-chat__queue.is-resolved::after{display:none} .lucerna-chat__composer{background:rgba(255,255,255,.98)} .lucerna-chat__composer textarea{color:#24301f;background:#f8faf6;border-color:#dce6d6} .lucerna-chat__composer .lucerna-chat__record{color:#356f13}.lucerna-chat__composer .lucerna-chat__record:hover{color:#fff;background:#69a93a} /* Voice preview cleanup · v3.12.2 */ .lucerna-chat__attachment-preview.is-voice-preview{grid-template-columns:minmax(0,1fr) auto} .lucerna-chat__voice-ready{display:none!important} /* Intent and composer action refinement · v3.12.3 */ .lucerna-chat__product-context>button{width:32px;height:32px;display:grid;place-items:center;color:#7b8874;background:#f5f8f2;border:1px solid var(--chat-line);border-radius:50%;cursor:pointer;transition:.18s} .lucerna-chat__product-context>button:hover{color:#fff;background:#a6463d;border-color:#a6463d;transform:rotate(7deg)} .lucerna-chat__intent-other{grid-column:1/-1;min-height:54px!important} .lucerna-chat__quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px;overflow:visible} .lucerna-chat__quick-actions>button{min-height:38px;justify-content:center;padding:7px 10px;background:#f5f8f2;border-radius:10px;font-size:.57rem} .lucerna-chat__quick-actions>button:first-child{color:#fff;background:linear-gradient(135deg,#4e8d22,#397613);border-color:#397613;box-shadow:0 7px 17px rgba(48,106,13,.13)} .lucerna-chat__quick-actions>[data-chat-quick-replies]{display:none!important} .lucerna-chat__attachment-preview.is-voice-preview{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 9px;padding:10px 10px 10px 12px;background:linear-gradient(135deg,#f4faef,#edf7e7);border-color:rgba(71,137,27,.18);border-radius:15px} .lucerna-chat__voice-ready{grid-column:1/-1;color:#467825;font-size:.54rem;font-weight:800;letter-spacing:.025em} .lucerna-chat__attachment-preview.is-voice-preview .lucerna-chat__voice{width:100%;grid-column:1;padding:5px 4px;background:transparent;border:0;box-shadow:none} .lucerna-chat__voice-remove{width:34px!important;height:34px!important;align-self:center;color:#9a4b42!important;background:#fff!important;border:1px solid #efd9d5!important;border-radius:50%!important} .lucerna-chat__voice{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:8px 10px;border-radius:18px;box-shadow:0 6px 18px rgba(38,81,1,.065)} .lucerna-chat__voice-play{min-width:42px;width:42px;height:42px;padding:0;border-radius:50%;box-shadow:0 6px 15px rgba(73,133,25,.18)} .lucerna-chat__voice-play span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .lucerna-chat__voice-wave{height:34px;gap:2px}.lucerna-chat__voice-wave i{width:2px;flex-basis:2px;background:#b4c4a9}.lucerna-chat__voice-wave i.is-played{background:#69a93a} .lucerna-chat__attachment-preview.is-recording-preview{display:block;padding:9px 11px;color:#fff;background:linear-gradient(135deg,#d84d43,#b83731);border:0;border-radius:14px;box-shadow:0 9px 25px rgba(171,43,36,.18)} .lucerna-chat__recording-visual{display:grid;grid-template-columns:34px minmax(50px,1fr) minmax(0,1fr) auto;align-items:center;gap:9px}.lucerna-chat__recording-visual>span{width:34px;height:34px;display:grid;place-items:center;background:rgba(255,255,255,.15);border-radius:50%;animation:chatRecordGlow 1.3s ease-in-out infinite}.lucerna-chat__recording-visual>div:nth-of-type(2){display:grid}.lucerna-chat__recording-visual strong{font-size:.57rem}.lucerna-chat__recording-visual small{color:rgba(255,255,255,.7);font-size:.45rem}.lucerna-chat__recording-visual time{font-size:.59rem;font-variant-numeric:tabular-nums;font-weight:800} .lucerna-chat__recording-wave{height:28px;display:flex!important;align-items:center;gap:2px}.lucerna-chat__recording-wave i{width:2px;height:calc(7px + (var(--bar) % 5) * 3px);display:block;background:rgba(255,255,255,.8);border-radius:4px;animation:chatRecordingBar .8s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -45ms)} @keyframes chatQueueScan{0%,100%{transform:translateX(0);opacity:.25}50%{transform:translateX(-80px);opacity:1}}@keyframes chatRecordGlow{50%{box-shadow:0 0 0 7px rgba(255,255,255,.12)}}@keyframes chatRecordingBar{to{height:25px;opacity:.55}} @media(max-width:420px){.lucerna-chat__recording-visual{grid-template-columns:32px minmax(45px,1fr) auto}.lucerna-chat__recording-visual>div:nth-of-type(2){display:none}.lucerna-chat__voice{grid-template-columns:40px minmax(0,1fr) auto}.lucerna-chat__voice-play{width:40px;height:40px;min-width:40px}} @media (prefers-reduced-motion:reduce){.lucerna-chat *,.lucerna-chat *:before,.lucerna-chat *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} .error-page--centered { min-height:clamp(760px,calc(100svh - 120px),940px);position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;padding:78px 0 94px;color:#fff;background:#0a2500;text-align:center; } .error-page--centered::before { content:"";width:auto;position:absolute;z-index:1;inset:0;aspect-ratio:auto;background:radial-gradient(circle at 50% 44%,transparent 0,rgba(5,22,0,.15) 28%,rgba(5,22,0,.72) 74%),linear-gradient(180deg,rgba(5,20,0,.42),rgba(5,20,0,.72));border:0;border-radius:0;box-shadow:none;pointer-events:none; } .error-page--centered::after { content:none; } .error-page__scene,.error-page__scene .lucerna-picture,.error-page__scene img { width:100%;height:100%;display:block; } .error-page__scene { position:absolute;z-index:0;inset:0; } .error-page__scene img { object-fit:cover;object-position:center 53%;filter:saturate(.86) contrast(1.04);transform:scale(1.035); } .error-page__center { max-width:940px;position:relative;z-index:2;display:flex;align-items:center;flex-direction:column; } .error-page__status { display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:7px 12px;color:#f7ecc8;background:rgba(8,34,0,.7);border:1px solid rgba(216,185,107,.52);font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(12px); } .error-page__status span { width:20px;height:20px;display:grid;place-items:center;color:#173d04;background:#dfc878;border-radius:50%;font:900 .72rem/1 Arial,sans-serif; } .error-page__number { margin:0;color:#f6edcf;font:500 clamp(10rem,20vw,17rem)/.61 var(--lg-display);letter-spacing:-.095em;text-shadow:0 18px 55px rgba(0,0,0,.48); } .error-page__label { display:flex;align-items:center;gap:15px;margin:25px 0 15px;color:#b8e194;font-size:.65rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase; } .error-page__label::before,.error-page__label::after { content:"";width:42px;height:1px;background:rgba(184,225,148,.52); } .error-page--centered h1 { max-width:800px;margin:0;color:#fff;font-size:clamp(3rem,5vw,5rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance; } .error-page__message { max-width:680px;margin:21px auto 28px;color:rgba(255,255,255,.7);font-size:.86rem;line-height:1.8;text-wrap:balance; } .error-page--centered .error-page__actions { display:flex;align-items:center;justify-content:center;flex-flow:row wrap;gap:11px; } .error-page--centered .error-page__actions .button { min-height:49px; } .error-page__products { color:#fff;background:rgba(5,25,0,.56);border-color:rgba(255,255,255,.32);backdrop-filter:blur(12px); } .error-page__products:hover { color:var(--lg-primary);background:#fff;border-color:#fff; } .error-page--centered .error-page__search { width:min(100%,560px);min-height:52px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;margin:28px auto 0;color:var(--lg-primary);background:rgba(255,253,245,.94);border:1px solid rgba(255,255,255,.68);box-shadow:0 18px 55px rgba(2,15,0,.25);backdrop-filter:blur(14px); } .error-page--centered .error-page__search>span { color:#557a3d; } .error-page--centered .error-page__search input { height:50px;color:#173b05;background:transparent;font-size:.72rem; } .error-page--centered .error-page__search input::placeholder { color:#84947a; } .error-page--centered .error-page__search button { width:auto;height:50px;display:flex;align-items:center;gap:8px;padding:0 17px;color:#fff;background:var(--lg-primary);border:0;border-left:1px solid rgba(38,81,1,.12);font-size:.61rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase; } .error-page--centered .error-page__search button:hover,.error-page--centered .error-page__search button:focus-visible { color:#fff;background:var(--lg-secondary); } .error-page--centered .error-page__routes { width:auto;display:flex;align-items:center;justify-content:center;gap:14px;margin:23px 0 0;border:0; } .error-page--centered .error-page__routes a { display:block;padding:0;color:rgba(255,255,255,.64);border:0;font-size:.6rem;font-weight:750;letter-spacing:.04em;text-decoration:none; } .error-page--centered .error-page__routes a:hover { color:#fff;background:transparent; } .error-page--centered .error-page__routes i { width:3px;height:3px;background:#b7d99b;border-radius:50%; } .error-page__footerline { position:absolute;z-index:3;right:32px;bottom:22px;left:32px;display:grid;grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto;align-items:center;gap:13px;color:rgba(255,255,255,.4);font-size:.48rem;letter-spacing:.12em;text-transform:uppercase; } .error-page__footerline i { height:1px;background:rgba(255,255,255,.15); } .error-page__footerline strong { color:rgba(255,255,255,.58);font-size:.48rem;font-weight:850; } @media(max-width:680px) { .error-page--centered { min-height:calc(100svh - 90px);padding:54px 0 86px; } .error-page__scene img { object-position:58% center;transform:scale(1.08); } .error-page--centered::before { background:linear-gradient(180deg,rgba(4,18,0,.48),rgba(4,18,0,.78)),radial-gradient(circle at 50% 35%,transparent,rgba(4,18,0,.78) 72%); } .error-page__status { margin-bottom:18px; } .error-page__number { font-size:clamp(8rem,39vw,11rem); } .error-page__label { margin-top:23px;font-size:.58rem;letter-spacing:.17em; } .error-page__label::before,.error-page__label::after { width:25px; } .error-page--centered h1 { font-size:clamp(2.65rem,11vw,3.8rem); } .error-page__message { margin:17px auto 24px;font-size:.77rem;line-height:1.7; } .error-page--centered .error-page__actions { width:100%;display:grid;grid-template-columns:1fr; } .error-page--centered .error-page__actions .button { width:100%;justify-content:space-between; } .error-page--centered .error-page__search { margin-top:19px;grid-template-columns:42px minmax(0,1fr) 52px; } .error-page--centered .error-page__search button { width:52px;padding:0;justify-content:center;font-size:0; } .error-page--centered .error-page__routes { gap:10px;margin-top:19px; } .error-page__footerline { right:16px;bottom:17px;left:16px;grid-template-columns:auto 1fr auto; } .error-page__footerline i:last-of-type,.error-page__footerline span:last-child { display:none; } } .error-page--centered { min-height:clamp(720px,calc(100svh - 120px),880px);padding:70px 0 72px;color:var(--lg-primary);background:#f3f0e5;text-align:center; } .error-page--centered::before { content:"";position:absolute;z-index:0;inset:0;width:auto;aspect-ratio:auto;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(38,81,1,.075) 50%,transparent calc(50% + .5px)),radial-gradient(circle at 50% 45%,rgba(98,162,40,.08),transparent 34%);border:0;border-radius:0;box-shadow:none; } .error-page--centered::after { content:"";width:min(84vw,980px);height:min(84vw,980px);position:absolute;z-index:0;inset:50% auto auto 50%;border:1px solid rgba(38,81,1,.075);border-radius:50%;box-shadow:0 0 0 80px rgba(38,81,1,.018),0 0 0 160px rgba(38,81,1,.012);transform:translate(-50%,-50%);pointer-events:none; } .error-page__scene { display:none; } .error-page__center { max-width:900px; } .error-page__status { margin-bottom:25px;color:#fff;background:var(--lg-primary);border:1px solid var(--lg-primary);box-shadow:0 10px 30px rgba(38,81,1,.12);backdrop-filter:none; } .error-page__status span { color:var(--lg-primary);background:#d9c27b; } .error-page__number { color:var(--lg-primary);font-size:clamp(9.5rem,19vw,15.5rem);text-shadow:none; } .error-page__label { margin:28px 0 14px;color:var(--lg-secondary); } .error-page__label::before,.error-page__label::after { background:rgba(98,162,40,.45); } .error-page--centered h1 { max-width:760px;color:var(--lg-primary);font-size:clamp(2.8rem,4.6vw,4.7rem); } .error-page__message { max-width:650px;margin-bottom:27px;color:#697363; } .error-page--centered .error-page__actions .button--cream { color:#fff;background:var(--lg-primary);border-color:var(--lg-primary); } .error-page--centered .error-page__actions .button--cream:hover { background:var(--lg-secondary);border-color:var(--lg-secondary); } .error-page__products { color:var(--lg-primary);background:transparent;border-color:rgba(38,81,1,.3);backdrop-filter:none; } .error-page__products:hover { color:#fff;background:var(--lg-primary);border-color:var(--lg-primary); } .error-page--centered .error-page__search { margin-top:25px;background:#fff;border:1px solid rgba(38,81,1,.16);box-shadow:0 15px 45px rgba(38,81,1,.07);backdrop-filter:none; } .error-page--centered .error-page__routes a { color:#607254; } .error-page--centered .error-page__routes a:hover { color:var(--lg-primary); } .error-page--centered .error-page__routes i { background:rgba(38,81,1,.35); } .error-page__footerline { color:rgba(38,81,1,.4); } .error-page__footerline i { background:rgba(38,81,1,.14); } .error-page__footerline strong { color:rgba(38,81,1,.58); } @media(max-width:680px) { .error-page--centered { min-height:calc(100svh - 90px);padding:52px 0 74px; } .error-page--centered::before { background:radial-gradient(circle at 50% 34%,rgba(98,162,40,.08),transparent 36%); } .error-page--centered::after { width:135vw;height:135vw;box-shadow:0 0 0 48px rgba(38,81,1,.016); } .error-page__number { font-size:clamp(8rem,40vw,10.5rem); } .error-page--centered h1 { font-size:clamp(2.5rem,10.5vw,3.5rem); } .error-page__message { color:#6b7566; } } .error-products { position:relative;padding:clamp(72px,8vw,118px) 0;background:#fbfaf5;border-top:1px solid rgba(38,81,1,.14); } .error-products__heading { display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px;padding-bottom:27px;border-bottom:1px solid rgba(38,81,1,.18); } .error-products__heading h2 { max-width:760px;margin:12px 0 0;color:var(--lg-primary);font-size:clamp(2.7rem,4.3vw,4.8rem);line-height:.94;letter-spacing:-.04em;text-wrap:balance; } .error-products__heading .text-link { flex:0 0 auto;margin-bottom:8px; } .error-products__grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px); } .error-product { min-width:0;display:block;color:inherit;border-bottom:3px solid var(--lg-primary); } .error-product__image { height:clamp(260px,25vw,390px);position:relative;overflow:hidden;background:#e9e4d6; } .error-product__image picture,.error-product__image img { width:100%;height:100%;display:block; } .error-product__image img { object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.25,1); } .error-product:hover .error-product__image img { transform:scale(1.045); } .error-product__image>span { width:43px;height:43px;position:absolute;right:13px;bottom:13px;display:grid;place-items:center;color:var(--lg-primary);background:#fff;border:1px solid rgba(38,81,1,.14);transition:color .25s,background .25s; } .error-product:hover .error-product__image>span { color:#fff;background:var(--lg-primary); } .error-product__body { padding:21px 3px 25px; } .error-product__body small { display:block;overflow:hidden;margin-bottom:9px;color:var(--lg-secondary);font-size:.55rem;font-weight:850;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; } .error-product__body h3 { margin:0;color:var(--lg-primary);font:500 clamp(1.65rem,2.2vw,2.35rem)/1 var(--lg-display);letter-spacing:-.025em; } .error-product__body p { margin:13px 0 0;color:#6d7668;font-size:.72rem;line-height:1.7; } @media(max-width:1024px) { .error-products__grid { grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px; } .error-product__image { height:430px; } } @media(max-width:680px) { .error-products { padding:64px 0 72px; } .error-products__heading { align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:34px; } .error-products__heading h2 { font-size:clamp(2.55rem,11vw,3.4rem); } .error-products__heading .text-link { margin:0; } .error-products__grid { grid-template-columns:1fr;gap:40px; } .error-product { display:grid;grid-template-columns:minmax(128px,42%) minmax(0,1fr);align-items:stretch;border-bottom-width:2px; } .error-product__image { height:190px; } .error-product__image>span { width:36px;height:36px;right:8px;bottom:8px; } .error-product__body { display:flex;justify-content:center;flex-direction:column;padding:15px 0 17px 18px; } .error-product__body h3 { font-size:clamp(1.55rem,7vw,2.05rem); } .error-product__body p { display:-webkit-box;overflow:hidden;margin-top:10px;-webkit-box-orient:vertical;-webkit-line-clamp:3; } } @media(max-width:390px) { .error-product { grid-template-columns:118px minmax(0,1fr); } .error-product__image { height:174px; } .error-product__body { padding-left:14px; } .error-product__body h3 { font-size:1.5rem; } } /* Conversation shortcuts · v3.12.4 */ .lucerna-chat__composer .lucerna-chat__quick-actions{ width:100%; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 10px; overflow:visible; } .lucerna-chat__composer .lucerna-chat__quick-actions>button{ width:100%!important; height:auto!important; min-width:0!important; min-height:54px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr) 14px; align-items:center; gap:9px; justify-items:stretch; padding:8px 10px!important; color:#2e5f13; background:linear-gradient(145deg,#f8fbf5,#eef6e9); border:1px solid rgba(68,128,31,.2)!important; border-radius:14px!important; box-shadow:0 7px 20px rgba(36,78,10,.055); text-align:start; cursor:pointer; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease; } .lucerna-chat__composer .lucerna-chat__quick-actions>button:first-child{ color:#fff; background:linear-gradient(145deg,#4f9228,#347212); border-color:#347212!important; box-shadow:0 10px 23px rgba(42,100,11,.18); } .lucerna-chat__composer .lucerna-chat__quick-actions>button:hover{ border-color:#66a63c!important; background:linear-gradient(145deg,#fff,#edf7e7); box-shadow:0 12px 26px rgba(36,78,10,.12); transform:translateY(-2px); } .lucerna-chat__composer .lucerna-chat__quick-actions>button:first-child:hover{ color:#fff; background:linear-gradient(145deg,#5ba433,#397918); border-color:#397918!important; } .lucerna-chat__composer .lucerna-chat__quick-actions>button:focus-visible{ outline:2px solid #78b650; outline-offset:2px; } .lucerna-chat__quick-action-icon{ width:34px; height:34px; display:grid; place-items:center; color:#3f7d1b; background:#fff; border:1px solid rgba(54,114,23,.13); border-radius:10px; box-shadow:0 5px 14px rgba(38,81,1,.07); } .lucerna-chat__quick-actions>button:first-child .lucerna-chat__quick-action-icon{ color:#fff; background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.2); box-shadow:none; } .lucerna-chat__quick-action-copy{min-width:0;display:grid;gap:2px;text-align:start} .lucerna-chat__quick-action-copy strong{ overflow:hidden; font-size:.58rem; font-weight:850; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } .lucerna-chat__quick-action-copy small{ overflow:hidden; color:#7a8674; font-size:.45rem; font-weight:600; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } .lucerna-chat__quick-actions>button:first-child .lucerna-chat__quick-action-copy small{color:rgba(255,255,255,.7)} .lucerna-chat__quick-actions>button>svg:last-child{width:14px;height:14px;justify-self:end;transition:transform .2s ease} .lucerna-chat__quick-actions>button:hover>svg:last-child{transform:translateX(2px)} .lucerna-chat__quick-actions>[data-chat-quick-replies]{display:none!important} @media(max-width:380px){ .lucerna-chat__composer .lucerna-chat__quick-actions{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){ .lucerna-chat__composer .lucerna-chat__quick-actions>button{transition:none} } @media(max-width:1100px) { .catalog-filters { gap:24px; } } @media(max-width:960px) { .catalog-category-bar { margin-bottom:48px; } } @media(max-width:680px) { .catalog-category-bar { display:block;margin-top:18px; } .catalog-category-bar__label { display:block;padding:14px 0 5px; } .catalog-filters { width:100%;display:grid;grid-template-columns:.8fr .72fr 1.35fr;gap:0;justify-content:stretch; } .catalog-filter { min-width:0;justify-content:center;padding:15px 4px 14px;font-size:.62rem;white-space:normal;text-align:center;line-height:1.25; } .catalog-filter sup { min-width:13px;font-size:.45rem; } .catalog-document-hero { padding:64px 0 58px; } .catalog-document-hero__inner h1 { font-size:clamp(3.7rem,19vw,5.2rem); } .catalog-document-hero__inner p { font-size:.84rem;line-height:1.75; } .catalog-document-pages { padding:56px 0; } .catalog-document-sheet header { margin-bottom:10px; } .catalog-document-sheet>a { width:calc(100% + 20px);margin-left:-10px;box-shadow:0 12px 28px rgba(30,52,15,.12); } .catalog-document-contact { align-items:flex-start;flex-direction:column;margin-top:72px;padding:28px 24px; } .catalog-document-contact .button { width:100%;justify-content:center; } } /* Legacy comparison layer kept disabled; the original hover language is active. */ @media (hover:hover) and (pointer:fine) and (max-width:0px){ :root{--lg-hover-ease:cubic-bezier(.22,.75,.2,1)} .button,button.button,.woocommerce a.button,.woocommerce button.button,.hero-cta,.hero-secondary{translate:0 0!important;transition:transform .28s var(--lg-hover-ease),box-shadow .28s ease,background-color .24s ease,border-color .24s ease,color .24s ease,filter .24s ease!important} .button:hover,button.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.hero-cta:hover{transform:translateY(-2px) scale(1)!important;filter:none;box-shadow:0 10px 24px rgba(28,67,7,.14)} .hero-secondary:hover,.button--text:hover{transform:none!important;box-shadow:none;filter:none} .button:active,button.button:active,.hero-cta:active,.hero-secondary:active{transform:translateY(0) scale(.985)!important} .button:hover svg,.hero-cta:hover svg,.hero-secondary:hover svg{animation:none;transform:translate(2px,-2px)} [dir=rtl] .button:hover svg,[dir=rtl] .hero-cta:hover svg,[dir=rtl] .hero-secondary:hover svg{transform:translate(-2px,-2px)} .site-brand:hover{transform:none;filter:opacity(.82)} .primary-menu>li>a{transition:color .24s ease!important;transform:none!important;letter-spacing:normal!important} .primary-menu>li:hover>a{transform:none!important;letter-spacing:normal!important} .primary-menu>li>a::after{transition:width .32s var(--lg-hover-ease),opacity .2s ease!important;transform:none!important} .primary-menu>li:hover>a::after{transform:none!important} .primary-menu .sub-menu a:hover{padding-inline-start:16px;transform:none!important} .header-icon-link:hover,.footer-socials a:hover,.back-to-top:hover{transform:scale(1.045)!important;box-shadow:0 0 0 5px rgba(98,162,40,.1),0 8px 18px rgba(29,72,7,.12)} .header-icon-link:hover svg,.footer-socials a:hover svg,.back-to-top:hover svg{animation:none} .category-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 36px rgba(29,72,7,.1)!important} .category-card:nth-child(even):hover{transform:translateY(23px)!important} .category-card:hover .category-card__art img{transform:scale(1.04)!important;filter:saturate(1.035)!important} .category-card:hover h3{transform:none!important;color:var(--lg-secondary)} .category-card:hover .category-card__arrow{transform:translate(0)!important;box-shadow:none} .post-card:hover{transform:none!important;border-color:rgba(98,162,40,.32);box-shadow:0 14px 34px rgba(29,72,7,.09)!important} .post-card:hover .post-card__image img{transform:scale(1.035)!important;filter:saturate(1.04)!important} .post-card:hover h2{transform:none!important;color:var(--lg-primary)} .journal-card:hover{transform:translate(-2px,-2px)!important;border-color:rgba(38,81,1,.5);box-shadow:10px 10px 0 rgba(38,81,1,.08)!important} .journal-card:hover .journal-card__media img{transform:scale(1.03)!important;filter:none!important} .journal-card:hover h3{transform:none!important;color:var(--lg-primary)} .woocommerce ul.products li.product:hover{transform:none!important;border-color:rgba(98,162,40,.38);box-shadow:inset 0 -3px 0 var(--lg-secondary),0 12px 30px rgba(29,72,7,.08)!important} .woocommerce ul.products li.product:hover img{transform:scale(1.025)!important;filter:saturate(1.03)!important} .catalog-card:hover .catalog-card__image{transform:none!important;box-shadow:0 15px 36px rgba(27,65,7,.11)!important} .catalog-card:hover .catalog-card__image img{transform:scale(1.022)!important;filter:saturate(1.025)!important} .catalog-card:hover .catalog-card__image>span,.catalog-card:hover .catalog-card__image>em{transform:none!important} .catalog-card__preview:hover{background:rgba(25,70,3,.92)} .catalog-card__preview:hover i{transform:scale(1.04)!important} .promise-card:hover{color:inherit;background:#f8fbf5;transform:none!important;border-color:rgba(98,162,40,.35);box-shadow:inset 0 3px 0 rgba(98,162,40,.65),0 12px 28px rgba(26,67,5,.075)!important} .promise-card:hover h3,.promise-card:hover p,.promise-card:hover .promise-card__index{color:inherit} .promise-card:hover .promise-card__icon{color:var(--lg-primary);background:#e8f2e1;transform:scale(1.04)!important;box-shadow:none} .trust-strip__grid>div:hover{z-index:auto;background:#f7faf4;transform:none!important;box-shadow:inset 0 -2px 0 rgba(98,162,40,.42)!important} .trust-strip__grid>div:hover strong{transform:none!important;color:var(--lg-secondary)} .about-process__step:hover{z-index:auto;background:#f8faf6;transform:none!important;box-shadow:inset 3px 0 0 var(--lg-secondary)!important} [dir=rtl] .about-process__step:hover{box-shadow:inset -3px 0 0 var(--lg-secondary)!important} .about-process__step:hover>div,.about-dubai__card:hover>span{transform:scale(1.035)!important;box-shadow:none} .about-dubai__card:hover{transform:none!important;box-shadow:0 18px 42px rgba(8,31,0,.18)!important} .home-contact__details>a:not(.button):hover,.contact-methods a:hover{transform:none!important;border-color:rgba(98,162,40,.42);background:#fbfdf9;box-shadow:inset 3px 0 0 var(--lg-secondary),0 9px 22px rgba(38,81,1,.06)!important} [dir=rtl] .home-contact__details>a:not(.button):hover,[dir=rtl] .contact-methods a:hover{transform:none!important;box-shadow:inset -3px 0 0 var(--lg-secondary),0 9px 22px rgba(38,81,1,.06)!important} .home-contact__details a:hover svg,.contact-methods a:hover svg{transform:scale(1.07)!important;color:var(--lg-primary)} .faq-item:hover{background:linear-gradient(90deg,rgba(243,249,238,.92),rgba(255,255,255,.25));border-color:rgba(98,162,40,.22);box-shadow:none!important} .faq-item:hover button{padding-inline:4px;color:var(--lg-primary)} .faq-item:hover button svg{transform:translateY(2px)!important;color:var(--lg-secondary)} .faq-item.is-open:hover button svg{transform:rotate(180deg)!important} input:not([type=checkbox]):not([type=radio]):not([type=hidden]):hover,select:hover,textarea:hover{border-color:rgba(98,162,40,.42);box-shadow:none!important} input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,select:focus,textarea:focus{transform:none!important;box-shadow:0 0 0 3px rgba(98,162,40,.09)!important} .journal-categories a:hover,.catalog-filter:hover,.page-numbers:hover{transform:none!important;box-shadow:none!important} .journal-categories a:hover span{transform:none!important} .catalog-support-nudge:hover{transform:none!important;border-color:rgba(108,174,50,.4);box-shadow:0 15px 38px rgba(24,65,4,.11)!important} .catalog-support-nudge__close:hover{transform:rotate(90deg)!important} .catalog-standards__list article:hover,.product-commercial__steps article:hover{padding-inline:10px;background:rgba(255,255,255,.04);transform:none!important;box-shadow:inset 3px 0 0 rgba(177,220,137,.32)!important} [dir=rtl] .catalog-standards__list article:hover,[dir=rtl] .product-commercial__steps article:hover{transform:none!important;box-shadow:inset -3px 0 0 rgba(177,220,137,.32)!important} .catalog-standards__list article:hover span,.product-commercial__steps article:hover>span{transform:none!important;color:#d9f4c0;text-shadow:none} .product-related__card:hover{transform:none!important;border-color:var(--lg-secondary);box-shadow:0 14px 34px rgba(30,70,8,.1)!important} .product-related__card:hover img{transform:scale(1.035)!important;filter:saturate(1.04)!important} .product-related__card:hover>svg,[dir=rtl] .product-related__card:hover>svg{transform:translate(2px,-2px)!important;color:var(--lg-secondary)} .product-fact-rail>div:hover{z-index:auto;background:#f7faf4;transform:none!important;box-shadow:inset 0 -2px 0 rgba(98,162,40,.36)!important} .product-fact-rail>div:hover strong{transform:none!important;color:var(--lg-secondary)} .product-applications__grid article:hover{z-index:auto;transform:none!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)!important} .product-applications__grid article:hover>span{transform:scale(1.04)!important} .product-applications__grid article:hover h3{transform:none!important} .product-experience__nav a:hover{translate:0 0!important;letter-spacing:inherit} .catalog-cta__image:hover img,.product-profile__image:hover img,.product-experience__photo:hover img{transform:scale(1.025)!important;filter:saturate(1.035)!important} .product-experience__stamp:hover{transform:scale(1.025)!important;filter:none;box-shadow:0 16px 34px rgba(18,61,0,.17)!important} .text-link:hover,.journal-card__read:hover,.post-navigation-custom a:hover{letter-spacing:inherit;transform:none!important} .footer-menu a:hover{transform:none!important;padding-inline-start:5px} .lucerna-chat__header button:hover,.lucerna-chat__launcher:hover{transform:scale(1.04)!important;filter:brightness(1.04);box-shadow:0 0 0 5px rgba(105,169,58,.1),0 10px 24px rgba(31,84,8,.17)!important} .lucerna-chat__intents button:hover,.lucerna-chat__product-result:hover,.lucerna-chat__quick-actions>button:hover,.lucerna-chat__next-actions button:hover{transform:none!important;box-shadow:inset 0 0 0 1px var(--chat-action)!important;border-color:var(--chat-action)} .lucerna-chat__intents button:hover svg,.lucerna-chat__quick-actions>button:hover .lucerna-chat__quick-action-icon{transform:scale(1.04)!important} .lucerna-chat__rating button:hover{transform:scale(1.045)!important;animation:none;box-shadow:0 0 0 4px rgba(98,162,40,.1)} .lucerna-chat__composer button:hover{transform:none!important;filter:brightness(1.035);box-shadow:0 0 0 3px rgba(98,162,40,.08)!important} }