@font-face {
font-family: "Marcellus";
src: url("assets/fonts/Marcellus-Regular.woff2") format("woff2"), url("_ds/conmarble-natural-finishes-design-system-8dc94468-2d7c-430d-94ef-0c65148d61fa/assets/fonts/Marcellus-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Minion Variable Concept";
src: url("assets/fonts/MinionVariableConcept-Roman.woff2") format("woff2"), url("_ds/conmarble-natural-finishes-design-system-8dc94468-2d7c-430d-94ef-0c65148d61fa/assets/fonts/MinionVariableConcept-Roman.otf") format("opentype");
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Minion Variable Concept";
src: url("assets/fonts/MinionVariableConcept-Italic.woff2") format("woff2"), url("_ds/conmarble-natural-finishes-design-system-8dc94468-2d7c-430d-94ef-0c65148d61fa/assets/fonts/MinionVariableConcept-Italic.otf") format("opentype");
font-weight: 400 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "DIN Next LT Arabic";
src: url("_ds/conmarble-natural-finishes-design-system-8dc94468-2d7c-430d-94ef-0c65148d61fa/assets/fonts/DINNextLTArabic-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--color-paper: #EDEDEB;
--color-ink:   #1C1A15;
--greige-gesso:     #FAFAF8;
--greige-chalk:     #F4F4F2;
--greige-plaster:   #EDEDEB;
--greige-limewash:  #DDDDDA;
--greige-pumice:    #CDCDC8;
--greige-oatstone:  #BEBDB7;
--greige-mushroom:  #AEADA6;
--greige-greige:    #9F9E96;
--greige-claysmoke: #908F87;
--greige-flint:     #838179;
--greige-granite:   #73726B;
--greige-basalt:    #66645E;
--greige-ironstone: #595750;
--color-caramel: #C49061;
--surface-page:     var(--color-paper);
--surface-raised:   var(--greige-chalk);
--surface-sunken:   var(--greige-limewash);
--surface-panel:    var(--greige-pumice);
--surface-inverse:  var(--color-ink);
--surface-inverse-soft: var(--greige-ironstone);
--text-body:        var(--color-ink);
--text-h1:          var(--color-ink);
--text-h2:          var(--greige-granite);
--text-h3:          var(--greige-basalt);
--text-h4:          var(--greige-ironstone);
--text-eyebrow:     var(--greige-claysmoke);
--text-caption:     var(--greige-claysmoke);
--text-secondary:   var(--greige-greige);
--text-on-dark:     var(--color-paper);
--token-conmarble:  var(--greige-granite);
--token-nf:         var(--greige-ironstone);
--rule-hairline:    var(--color-ink);
--rule-soft:        var(--greige-limewash);
--accent:           var(--color-caramel);
--font-display: "Marcellus", "Times New Roman", serif;
--font-text:    "Minion Variable Concept", "Minion Pro", Georgia, serif;
--font-arabic:  "DIN Next LT Arabic", "Tahoma", sans-serif;
--track-wordmark: 0.5em;
--track-display:  0.5em;
--track-h1:       0.25em;
--track-label:    0.08em;
--track-body:     0;
--fs-hero:    clamp(2.75rem, 5vw, 4.5rem);
--fs-h1:      clamp(2rem, 3.5vw, 3rem);
--fs-h2:      1.75rem;
--fs-h3:      1.375rem;
--fs-h4:      1.125rem;
--fs-body:    1.0625rem;
--fs-body-lg: 1.1875rem;
--fs-small:   0.9375rem;
--fs-eyebrow: 0.75rem;
--fs-caption: 0.8125rem;
--fw-regular: 400;
--fw-bold:    700;
--lh-tight:   1.1;
--lh-heading: 1.25;
--lh-body:    1.65;
--lh-loose:   1.8;
--space-0:   0;
--space-1:   0.25rem;
--space-2:   0.5rem;
--space-3:   0.75rem;
--space-4:   1rem;
--space-5:   1.5rem;
--space-6:   2rem;
--space-7:   3rem;
--space-8:   4rem;
--space-9:   6rem;
--space-10:  8rem;
--grid-columns: 12;
--grid-gutter:  24px;
--margin-page:  10%;
--margin-page-flyer: 8%;
--measure-body: 64ch;
--col-email:    640px;
--hairline-width: 1px;
--rule-ink:  var(--hairline-width) solid var(--color-ink);
--rule-soft-border: var(--hairline-width) solid var(--greige-limewash);
--rule-greige: var(--hairline-width) solid var(--greige-oatstone);
--rule-accent: var(--hairline-width) solid var(--color-caramel);
--radius-none:  0;
--radius-hair:  1px;
--radius-max:   2px;
--shadow-none: none;
--shadow-quiet: 0 1px 2px rgba(28, 26, 21, 0.06), 0 8px 24px rgba(28, 26, 21, 0.05);
--ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
--dur-fast:  140ms;
--dur-base:  240ms;
--dur-slow:  420ms;
}
.cmf-hero { font-family: var(--font-display); font-weight: var(--fw-regular); text-transform: uppercase; letter-spacing: var(--track-display); font-size: var(--fs-hero); line-height: var(--lh-tight); color: var(--text-body); }
.cmf-h1 { font-family: var(--font-display); font-weight: var(--fw-regular); text-transform: uppercase; letter-spacing: var(--track-h1); font-size: var(--fs-h1); line-height: var(--lh-heading); color: var(--text-h1); }
.cmf-h2 { font-family: var(--font-text); font-size: var(--fs-h2); line-height: var(--lh-heading); color: var(--text-h2); }
.cmf-h3 { font-family: var(--font-text); font-size: var(--fs-h3); line-height: var(--lh-heading); color: var(--text-h3); }
.cmf-h4 { font-family: var(--font-text); font-size: var(--fs-h4); line-height: var(--lh-heading); color: var(--text-h4); }
.cmf-eyebrow { font-family: var(--font-text); font-size: var(--fs-eyebrow); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--text-eyebrow); }
.cmf-body { font-family: var(--font-text); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--text-body); }
.cmf-caption { font-family: var(--font-text); font-size: var(--fs-caption); color: var(--text-caption); }
.cmf-slogan { font-family: var(--font-text); font-weight: var(--fw-bold); font-style: italic; color: var(--text-body); white-space: nowrap; }
.cmf-arabic { font-family: var(--font-arabic); direction: rtl; text-align: right; }
body {
background: var(--surface-page);
color: var(--text-body);
font-family: var(--font-text);
font-size: var(--fs-body);
line-height: var(--lh-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
h1 { font-family: var(--font-display); font-weight: var(--fw-regular); text-transform: uppercase; letter-spacing: var(--track-h1); color: var(--text-h1); line-height: var(--lh-heading); }
h2 { font-family: var(--font-text); color: var(--text-h2); font-weight: var(--fw-regular); line-height: var(--lh-heading); }
h3 { font-family: var(--font-text); color: var(--text-h3); font-weight: var(--fw-regular); line-height: var(--lh-heading); }
h4 { font-family: var(--font-text); color: var(--text-h4); font-weight: var(--fw-regular); line-height: var(--lh-heading); }
p { text-wrap: pretty; }
a { color: inherit; }
::selection { background: rgba(196, 144, 97, 0.28); }
@media (prefers-reduced-motion: reduce) {
* { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}
:root {
--ink: #1C1A15;
--paper: #F9F8F7;
--alabaster: #F4F3F2;
--hairline: #DDDCD9;
--granite: #73726B;
--caramel: #C49061;
--caramel-dark: #8F6039;
--g96: 96px;
}
@media (max-width: 1080px) { :root { --g96: 48px; } }
@media (max-width: 640px)  { :root { --g96: 22px; } }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
*, *::before, *::after { border-radius: 0 !important; box-sizing: border-box; }
body { margin: 0; background: #F9F8F7; font-family: 'Minion Variable Concept', Georgia, serif; color: #1C1A15; -webkit-font-smoothing: antialiased; }
a { color: #1C1A15; text-decoration: none; }
p { text-wrap: pretty; }
img { max-width: 100%; }
picture { display: contents; }
.el-skip { position: absolute; left: -9999px; top: 0; z-index: 200; background: #1C1A15; color: #F9F8F7; padding: 12px 18px; font-family: 'Marcellus', Georgia, serif; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; }
.el-skip:focus { left: 0; }
#el-progress { position: fixed; top: 0; left: 0; height: 2px; width: 100%; background: #C49061; z-index: 120; transform: scaleX(0); transform-origin: 0 0; will-change: transform; transition: transform 80ms linear; }
.el-header { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 48px; padding: 34px var(--g96) 30px; background: #F9F8F7; border-bottom: 1px solid #DDDCD9; transition: padding 200ms ease, box-shadow 200ms ease; }
.el-header.is-scrolled { padding-top: 16px; padding-bottom: 14px; box-shadow: 0 1px 0 #DDDCD9, 0 10px 30px rgba(28,26,21,0.07); }
.el-wordmark { display: block; font-family: 'Marcellus', Georgia, serif; font-size: 24px; letter-spacing: 0.34em; color: #1C1A15; line-height: 1; white-space: nowrap; }
.el-nav { display: flex; gap: 34px; margin-left: auto; }
.el-nav a { font-family: 'Marcellus', Georgia, serif; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #1C1A15; }
.el-nav a:hover, .el-nav a.is-current { color: #8F6039; }
.el-header-cta { background: #1C1A15; color: #F9F8F7; font-family: 'Marcellus', Georgia, serif; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; padding: 15px 22px; white-space: nowrap; }
.el-header-cta:hover { background: #C49061; color: #1C1A15; }
.el-burger { display: none; background: none; border: none; padding: 10px 4px; cursor: pointer; }
.el-burger span { display: block; width: 26px; height: 2px; background: #1C1A15; margin: 5px 0; transition: transform 200ms ease, opacity 200ms ease; }
.el-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.el-burger.is-open span:nth-child(2) { opacity: 0; }
.el-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (max-width: 1080px) {
.el-nav, .el-header-cta { display: none; }
.el-burger { display: block; }
}
.el-header--mobile-only { display: none; }
@media (max-width: 820px) {
.el-header--mobile-only { display: flex; }
.el-hero-full { min-height: 520px; }
.el-hero-bar { display: none !important; }
}
@media (max-width: 640px) {
.el-hero-full { min-height: 480px; }
}
@media (max-width: 720px) {
.el-hero-ctas { flex-direction: column; align-items: stretch !important; gap: 12px !important; }
.el-hero-ctas > a { text-align: center; }
}
@media (max-width: 400px) {
.el-hero-ctas > a { padding-left: 16px !important; padding-right: 16px !important; }
.el-hero-ctas > a + a { display: none !important; }
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 3px solid #9C6B41;
outline-offset: 3px;
border-radius: 0;
}
[style*="background: #1C1A15"] :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.el-hero-full :where(a, button, [tabindex]):focus-visible,
.el-lightbox :where(a, button, [tabindex]):focus-visible {
outline-color: #F9F8F7;
box-shadow: 0 0 0 6px rgba(28, 26, 21, 0.55);
}
.el-skip:focus-visible { outline-offset: 0; }
.el-sr {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.el-sr-focusable:focus {
position: static !important;
width: auto; height: auto;
clip: auto; white-space: normal; margin: 0;
}
.el-nav a[aria-current="page"],
.el-mobile-menu nav a[aria-current="page"] { color: #8F6039; }
.el-nav a[aria-current="page"] { border-bottom: 1px solid #9C6B41; padding-bottom: 2px; }
.el-chip { cursor: pointer; font: inherit; }
.el-chip[aria-pressed="true"] { background: #1C1A15 !important; color: #F9F8F7 !important; border-color: #1C1A15 !important; }
.el-marquee-pause {
display: inline-flex; align-items: center; gap: 8px;
margin-bottom: 12px; background: none; border: 1px solid #DDDCD9;
padding: 8px 14px; cursor: pointer;
font-family: 'Marcellus', Georgia, serif; font-size: 11px;
letter-spacing: 0.14em; text-transform: uppercase; color: #73726B;
}
.el-marquee-pause:hover { border-color: #8F6039; color: #8F6039; }
.el-marquee.is-paused .el-marquee-track { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .el-marquee-pause { display: none; } }
.el-field-error {
display: block; margin: -12px 0 16px;
font-size: 15px; line-height: 1.45; color: #8C2F1E;
}
.el-field-error::before { content: "\26A0\FE0E"; margin-right: 7px; }
input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"] {
border: 2px solid #8C2F1E !important;
}
.el-form-summary {
margin: 0 0 22px; padding: 16px 18px;
border: 2px solid #8C2F1E; background: #FBF2F0; color: #6E2517;
}
.el-form-summary:focus-visible { outline: 3px solid #8C2F1E; outline-offset: 2px; }
.el-form-summary h2 { margin: 0 0 8px; font-size: 17px; font-family: 'Marcellus', Georgia, serif; }
.el-form-summary ul { margin: 0; padding-left: 20px; }
.el-form-summary a { color: #6E2517; text-decoration: underline; }
.el-req { color: #8C2F1E; }
.el-form-note.is-error { color: #8C2F1E; }
.el-form-note.is-error::before { content: "\26A0\FE0E"; margin-right: 7px; }
.el-form-note.is-ok::before { content: "\2713"; margin-right: 7px; }
.el-mobile-menu { position: fixed; inset: 0; z-index: 90; background: #F9F8F7; padding: 120px var(--g96) 40px; overflow-y: auto; }
.el-mobile-menu nav { display: flex; flex-direction: column; }
.el-mobile-menu nav a { font-family: 'Marcellus', Georgia, serif; font-size: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: #1C1A15; padding: 16px 0; border-bottom: 1px solid #DDDCD9; }
.el-mobile-menu nav a:hover { color: #8F6039; }
.el-mobile-cta { display: inline-block; margin-top: 28px; background: #1C1A15; color: #F9F8F7; font-family: 'Marcellus', Georgia, serif; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; padding: 17px 26px; }
.el-mobile-cta:hover { background: #C49061; color: #1C1A15; }
.el-reveal { opacity: 0; transform: translateY(16px); transition: opacity 700ms cubic-bezier(0.2, 0.6, 0.2, 1), transform 700ms cubic-bezier(0.2, 0.6, 0.2, 1); will-change: opacity, transform; }
.el-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
.el-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}
[style*="position: relative"][style*="overflow: hidden"][style*="background: #1C1A15"] {
min-height: 80vh;
min-height: 80svh;
}
[style*="position: relative"][style*="height: 1042px"][style*="overflow: hidden"] {
height: 88vh;
height: 88svh;
min-height: 80vh;
}
.el-parallax { will-change: transform; transform: scale(1.08); }
@media (prefers-reduced-motion: reduce) { .el-parallax { transform: none !important; } }
.el-lightbox { position: fixed; inset: 0; z-index: 150; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px; background: rgba(28,26,21,0.94); padding: 48px; opacity: 0; pointer-events: none; transition: opacity 250ms ease; }
.el-lightbox.is-open { opacity: 1; pointer-events: auto; }
.el-lightbox img { max-width: min(1400px, 92vw); max-height: 82vh; width: auto; height: auto; object-fit: contain; box-shadow: 0 30px 80px rgba(0,0,0,0.5); }
.el-lightbox figcaption { font-style: italic; font-size: 15px; color: rgba(249,248,247,0.82); font-family: 'Minion Variable Concept', Georgia, serif; text-align: center; max-width: 80ch; }
.el-lightbox-close { position: absolute; top: 26px; right: 30px; background: none; border: 1px solid rgba(249,248,247,0.5); color: #F9F8F7; font-family: 'Marcellus', Georgia, serif; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; padding: 12px 18px; cursor: pointer; }
.el-lightbox-close:hover { background: #F9F8F7; color: #1C1A15; }
figure[data-el-zoom] img { cursor: zoom-in; transition: filter 300ms ease; }
figure[data-el-zoom] img:hover { filter: brightness(1.05); }
.el-chip-active { background: #1C1A15 !important; color: #F9F8F7 !important; border-color: #1C1A15 !important; }
[data-el-filterable].el-filtered-out,
[data-el-catsection].el-filtered-out { display: none !important; }
article table { width: 100%; border-collapse: collapse; }
article th, article td { text-align: left; }
@media (max-width: 640px) { article table { font-size: 15px !important; } }
[data-el-doc].is-locked a[data-el-download] { opacity: 0.45; pointer-events: auto; }
[data-el-doc].is-requested a[data-el-download] { background: #1C1A15 !important; color: #F9F8F7 !important; border-color: #1C1A15 !important; pointer-events: none; }
.el-form-note { margin: 14px 0 0; font-size: 15px; line-height: 1.5; color: #73726B; font-style: italic; }
.el-form-note.is-error { color: #8a3b2b; }
@media (max-width: 1080px) {
[style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
[style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
[style*="grid-template-columns: 34fr 66fr"] { grid-template-columns: 1fr !important; gap: 28px !important; }
[style*="grid-template-columns: 30fr 22fr 20fr 28fr"] { grid-template-columns: 1fr 1fr !important; }
[style*="font-size: 72px"] { font-size: 52px !important; }
[style*="font-size: 66px"] { font-size: 48px !important; }
[style*="font-size: 62px"] { font-size: 46px !important; }
[style*="font-size: 56px"] { font-size: 42px !important; }
}
@media (max-width: 820px) {
[style*="grid-template-columns: repeat(2, 1fr)"] { grid-template-columns: 1fr !important; }
[style*="grid-column: span 2"] { grid-column: span 1 !important; }
[style*="height: 640px"][style*="overflow-y: auto"] { height: 500px !important; }
[style*="position: sticky"][style*="height: 640px"] { height: 500px !important; }
[style*="font-size: 42px"] { font-size: 32px !important; }
[style*="font-size: 38px"] { font-size: 30px !important; }
[style*="font-size: 34px"] { font-size: 28px !important; }
[style*="height: 620px"][style*="position: relative"][style*="overflow: hidden"] { height: 80vh !important; min-height: 420px; }
figure img[style*="height: 620px"] { height: 440px !important; }
figure img[style*="height: 520px"] { height: 360px !important; }
[style*="padding: 150px"] { padding-top: 96px !important; }
[style*="display: flex"][style*="gap: 34px"][style*="margin-left: auto"] { display: none !important; }
}
@media (max-width: 640px) {
[style*="grid-template-columns: repeat(4, 1fr)"],
[style*="grid-template-columns: repeat(3, 1fr)"],
[style*="grid-template-columns: repeat(2, 1fr)"],
[style*="grid-template-columns: 30fr 22fr 20fr 28fr"] { grid-template-columns: 1fr !important; }
[style*="font-size: 72px"], [style*="font-size: 66px"], [style*="font-size: 62px"] { font-size: 36px !important; }
[style*="font-size: 56px"] { font-size: 32px !important; }
[style*="height: 640px"][style*="overflow-y: auto"] { height: 420px !important; }
[style*="position: sticky"][style*="height: 640px"] { height: 420px !important; }
[style*="height: 620px"][style*="position: relative"][style*="overflow: hidden"] { height: 80vh !important; min-height: 380px; }
figure img[style*="height: 620px"] { height: 340px !important; }
figure img[style*="height: 520px"] { height: 280px !important; }
[style*="font-size: 21px"] { font-size: 18px !important; }
[style*="font-size: 20px"] { font-size: 17px !important; }
.el-wordmark { font-size: 18px; letter-spacing: 0.28em; }
.el-footer-legal { flex-direction: column !important; }
}
.el-tab { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.el-tab:hover { border-color: #1C1A15 !important; }
.el-tab:focus-visible { outline: 2px solid #1C1A15; outline-offset: 3px; }
[data-el-tabs] a[download] { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
[data-el-tabs] a[download]:hover { background: #1C1A15 !important; color: #F9F8F7 !important; border-color: #1C1A15 !important; }
.el-swatch-img { transition: opacity .3s ease; }
a:hover > .el-swatch-img { opacity: 0.88; }
@media (max-width: 640px) {
[style*="grid-template-columns: repeat(4, 1fr)"]:has(.el-swatch-img),
[style*="grid-template-columns: repeat(3, 1fr)"]:has(.el-swatch-img) { grid-template-columns: repeat(2, 1fr) !important; gap: 20px 16px !important; }
}
figure[style*="grid-column: span 2"] > img,
figure[style*="grid-column: span 2"] > video {
width: 100% !important;
max-width: 100%;
height: auto !important;
aspect-ratio: 3 / 2;
object-fit: contain !important;
}
figure > video[data-el-loop] {
height: auto !important;
aspect-ratio: 848 / 480;
max-width: 880px;
margin-left: auto;
margin-right: auto;
object-fit: contain !important;
}
.el-feat-img { transition: transform .6s cubic-bezier(0.22, 0.61, 0.36, 1); }
a:hover > div > .el-feat-img { transform: scale(1.03); }
@media (max-width: 820px) {
.el-feat-img { height: 420px !important; }
}
.el-cw-mark { transition: opacity .3s ease; }
.el-cw-fam { transition: transform .6s cubic-bezier(0.22, 0.61, 0.36, 1); }
a:hover > div > .el-cw-fam { transform: scale(1.04); }
.el-marquee { overflow: hidden; margin-left: calc(var(--g96) * -1); margin-right: calc(var(--g96) * -1); padding-left: var(--g96); }
.el-marquee-track { display: flex; gap: 24px; width: max-content; animation: el-marquee-run 70s linear infinite; }
.el-marquee:hover .el-marquee-track,
.el-marquee:focus-within .el-marquee-track,
.el-marquee.is-off .el-marquee-track { animation-play-state: paused; }
@keyframes el-marquee-run {
from { transform: translateX(0); }
to   { transform: translateX(calc(-50% - 12px)); }
}
@media (prefers-reduced-motion: reduce) {
.el-marquee { overflow-x: auto; }
.el-marquee-track { animation: none; }
}
@media (max-width: 1080px) {
[style*="grid-template-columns: repeat(4, 1fr)"]:has(.el-cw-fam) { grid-template-columns: repeat(2, 1fr) !important; }
.el-cw-mark { height: 72px !important; }
}
@media (max-width: 640px) {
[style*="grid-template-columns: repeat(4, 1fr)"]:has(.el-cw-fam) { grid-template-columns: repeat(2, 1fr) !important; }
.el-cw-fam { height: 300px !important; }
.el-cw-mark { height: 56px !important; }
}
.el-fnav .el-flink {
position: relative;
font-size: 17px;
line-height: 1.45;
color: rgba(249, 248, 247, 0.86);
text-decoration: none;
padding-left: 0;
transition: color var(--dur-base, 240ms) var(--ease-standard, ease),
padding-left var(--dur-base, 240ms) var(--ease-standard, ease);
}
.el-fnav .el-flink::before {
content: "";
position: absolute;
left: 0;
top: 0.72em;
width: 0;
height: 1px;
background: #C49061;
transition: width var(--dur-base, 240ms) var(--ease-standard, ease);
}
.el-fnav .el-flink:hover,
.el-fnav .el-flink:focus-visible { color: #C49061; padding-left: 20px; }
.el-fnav .el-flink:hover::before,
.el-fnav .el-flink:focus-visible::before { width: 12px; }
.el-fnav .el-flink:hover span,
.el-fnav .el-flink:focus-visible span { color: rgba(196, 144, 97, 0.72) !important; }
.el-fnav .el-flink:focus-visible {
outline: 1px solid #C49061;
outline-offset: 4px;
}
.el-flink-accent { color: #C49061 !important; }
.el-fnav .el-flink-legal { font-size: 15px; color: rgba(249, 248, 247, 0.6); }
.el-fcta {
transition: background-color var(--dur-base, 240ms) var(--ease-standard, ease),
border-color var(--dur-base, 240ms) var(--ease-standard, ease),
color var(--dur-base, 240ms) var(--ease-standard, ease);
}
.el-fcta:hover, .el-fcta:focus-visible { background: #C49061; border-color: #C49061 !important; color: #1C1A15 !important; }
.el-fcta:focus-visible { outline: 1px solid #C49061; outline-offset: 4px; }
@media (max-width: 1180px) {
[style*="grid-template-columns: 26fr 20fr 20fr 16fr 20fr"] { grid-template-columns: repeat(3, 1fr) !important; gap: 48px 40px !important; }
}
@media (max-width: 820px) {
[style*="grid-template-columns: 26fr 20fr 20fr 16fr 20fr"] { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 560px) {
[style*="grid-template-columns: 26fr 20fr 20fr 16fr 20fr"] { grid-template-columns: 1fr !important; }
}
.el-re-hero > img { will-change: transform; }
@media (max-width: 1080px) {
.el-re-hero h1 { font-size: 54px !important; }
.el-re-line { font-size: 30px !important; max-width: 30ch !important; }
.el-re-strata svg { height: 150px !important; }
.el-re-strata [style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
.el-re-strata [style*="border-left: 1px solid rgba(249,248,247,0.18)"] { border-left: 0 !important; border-top: 1px solid rgba(249,248,247,0.18) !important; padding-left: var(--g96) !important; padding-right: var(--g96) !important; }
.el-re-strata [style*="padding: 48px 34px 48px var(--g96)"] { padding-right: var(--g96) !important; }
}
@media (max-width: 640px) {
.el-re-hero h1 { font-size: 38px !important; letter-spacing: 0.06em !important; }
.el-re-line { font-size: 24px !important; }
.el-re-strata svg { height: 110px !important; }
}
@media (max-width: 1080px) {
.el-alupco-top, .el-alupco-quote { grid-template-columns: 1fr !important; gap: 44px !important; }
.el-alupco-line { font-size: 28px !important; max-width: none !important; }
.el-alupco-figs { grid-template-columns: repeat(3, 1fr) !important; }
.el-alupco-figs > div { padding-left: 24px !important; border-left: 1px solid rgba(249,248,247,0.22) !important; }
.el-alupco-figs > div:first-child { padding-left: 0 !important; border-left: 0 !important; }
.el-alupco-quote blockquote { font-size: 30px !important; max-width: none !important; }
}
@media (max-width: 640px) {
.el-alupco-figs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.el-alupco-figs > div > span:first-child { font-size: 27px !important; }
.el-alupco-line { font-size: 24px !important; }
.el-alupco img { width: 220px !important; }
.el-alupco-quote blockquote { font-size: 25px !important; }
}
@media (max-width: 820px) {
.el-slide-name { font-size: 12px !important; padding: 9px 13px !important; top: 16px !important; left: 16px !important; letter-spacing: 0.09em !important; }
.el-slide-credit { left: 16px !important; right: 92px !important; bottom: 16px !important; }
.el-slide-credit > span:first-child { font-size: 14px !important; }
.el-slide-credit > span + span { font-size: 12.5px !important; }
}
@media (max-width: 480px) {
.el-slide-name { font-size: 11px !important; padding: 8px 11px !important; max-width: calc(100% - 32px); }
.el-slide-credit > span:first-child { font-size: 13px !important; }
}