/* ========================================================================== AFOUR x Elementor compatibility layer (generated by tools/convert.py) 1. Elementor, the theme and the kit add their own defaults. On the live site (not the editor) every AFOUR element is reverted to browser defaults so only the original AFOUR stylesheet below applies. 2. Elementor widget wrappers are made layout-transparent (display: contents) so headings, text and buttons sit in the original grids and flex rows exactly like the static site. Specificity here is kept at or below the original rules, which all carry the `:root body:is(.afour-site,.afour-concept)` scope and therefore win. ========================================================================== */ body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) { all: revert; } body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :is(.afour-root, .afour-root :where(:not(svg, svg *, img))), body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :is(.afour-root, .afour-root :where(:not(svg, svg *, img)))::before, body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :is(.afour-root, .afour-root :where(:not(svg, svg *, img)))::after { all: revert; } body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :is( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) { display: contents; } body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :where(.elementor-widget).tag-picture { display: block; } /* Image widget: browser defaults for instead of Elementor's inline-block/middle (any original rule wins) */ body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :where(.afour-root .elementor-widget-image) img { display: inline; vertical-align: baseline; } /* Browser defaults of tags that became Elementor elements (dl -> container, dd -> Heading) */ body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :is(.afour-root) :where(div.tag-dl) { margin-block: 1em; } body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :is(.afour-root) :where(.afour-dd .elementor-heading-title, div.tag-dd) { margin-inline-start: 40px; } /* Accordion widget: only the real
/ keep a box, so the original disclosure styling applies */ body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :is( .e-n-accordion, .e-n-accordion-item-title-header, .e-n-accordion-item-title-text ) { display: contents; } body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) .e-n-accordion-item > .e-con { display: contents; } body:is(.afour-site, .afour-concept) .afour-details { --n-accordion-title-normal-color: initial; --n-accordion-title-hover-color: initial; --n-accordion-title-active-color: initial; --n-accordion-item-title-distance-from-content: initial; } body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) .elementor-widget-n-accordion.afour-details .e-n-accordion details > summary.e-n-accordion-item-title::-webkit-details-marker { display: revert; } /* Keep the sticky header working when a header plugin wraps the template */ body:is(.afour-site, .afour-concept):where(:not(.elementor-editor-active)) :where(:not(html, body, .afour-root)):has(.afour-root.site-header) { display: contents; } /* Editor canvas: approximate the static layout while keeping Elementor's handles usable */ body:is(.afour-site, .afour-concept).elementor-editor-active .afour-root.e-con, body:is(.afour-site, .afour-concept).elementor-editor-active .afour-root .e-con { display: block; padding: 0; gap: 0; width: auto; min-width: auto; max-width: none; flex-direction: row; text-align: inherit; } body:is(.afour-site, .afour-concept).elementor-editor-active .afour-root .elementor-widget { margin: 0; } body:is(.afour-site, .afour-concept).elementor-editor-active .afour-root .elementor-heading-title { line-height: inherit; color: inherit; font-family: inherit; } body:is(.afour-site, .afour-concept).elementor-editor-active .afour-root .elementor-button { all: revert; cursor: pointer; } /* ========================== Original AFOUR stylesheet ===================== */ /* ---- baseline-v362.css ---- */ @font-face { font-family: Plex; src: url("../fonts/asset-6dbe082463cf749c.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: AwesomeItalic; src: url("../fonts/asset-7f04a60049042dad.otf") format("opentype"); font-style: italic; font-weight: 400; font-display: swap; } @font-face { font-family: Azeret; src: url("../fonts/asset-1f92cc919d173882.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; } :root { --ink: #141414; --paper: #fcfbf7; --ash: #d5d4cf; --cashmere: #f4e3da; --cacao: #55260d; --cream: #f6eeb4; --blue: #336aab; --gutter: 5vw; --line: rgba(20, 20, 20, 0.25); --body: 18px; --space: 96px; --ease: cubic-bezier(0.22, 1, 0.36, 1); } :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 110px; } :root body.afour-site { margin: 0; background: var(--paper); color: var(--ink); font-family: Plex, Arial, sans-serif; font-size: var(--body); line-height: 1.55; font-synthesis: none; } :root body.afour-site h1, :root body.afour-site h2, :root body.afour-site h3, :root body.afour-site h4, :root body.afour-site p, :root body.afour-site :is(figure, div:where(.tag-figure)) { margin: 0; } :root body.afour-site h1, :root body.afour-site h2, :root body.afour-site h3, :root body.afour-site h4 { font-weight: 400; } :root body.afour-site h1, :root body.afour-site h2 { font-size: clamp(42px, 4.7vw, 72px); line-height: 1.05; letter-spacing: -0.045em; max-width: 1050px; } :root body.afour-site h3 { font-size: 30px; line-height: 1.15; letter-spacing: -0.025em; } :root body.afour-site h4 { font-size: 25px; line-height: 1.2; } :root body.afour-site em { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; color: var(--blue); letter-spacing: -0.025em; } :root body.afour-site a { color: inherit; text-underline-offset: 5px; text-decoration-thickness: 1px; } :root body.afour-site a:hover { text-decoration-thickness: 2px; } :root body.afour-site button, :root body.afour-site input, :root body.afour-site textarea, :root body.afour-site summary { font: inherit; } :root body.afour-site button { cursor: pointer; } :root body.afour-site button:disabled { cursor: default; opacity: 0.65; } :root body.afour-site button:focus-visible, :root body.afour-site a:focus-visible, :root body.afour-site summary:focus-visible, :root body.afour-site input:focus-visible, :root body.afour-site textarea:focus-visible { outline: 0px solid var(--blue); outline-offset: 0px; } :root body.afour-site img { display: block; max-width: 100%; height: auto; } :root body.afour-site :is(picture, div:where(.tag-picture)) { display: block; overflow: hidden; } :root body.afour-site :is(picture, div:where(.tag-picture)) img { width: 100%; height: 100%; object-fit: cover; } :root body.afour-site p + p, :root body.afour-site p + :where(.elementor-widget) > p, :root body.afour-site p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site :where(.elementor-widget):has(> p) + p, :root body.afour-site :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 18px; } :root body.afour-site ul, :root body.afour-site :is(ol, div:where(.tag-ol)) { margin: 0; padding: 0; } :root body.afour-site :is(li, div:where(.tag-li)) { list-style: none; } :root body.afour-site table { border-collapse: collapse; width: 100%; text-align: left; } :root body.afour-site th { font-weight: 400; } :root body.afour-site td, :root body.afour-site th { vertical-align: top; } :root body.afour-site button[hidden], :root body.afour-site [hidden]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: none !important; } :root body.afour-site .paper { background: var(--paper); } :root body.afour-site .cashmere { background: var(--cashmere); } :root body.afour-site .ash { background: var(--ash); } :root body.afour-site .dark { background: var(--ink); color: var(--paper); } :root body.afour-site .dark em { color: var(--paper); } :root body.afour-site .dark .eyebrow { color: var(--ash); } :root body.afour-site .scene { padding: var(--space) var(--gutter); position: relative; scroll-margin-top: 100px; } :root body.afour-site .scene > .eyebrow, :root body.afour-site .scene > :where(.elementor-widget) > .eyebrow, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin-bottom: 24px; } :root body.afour-site .scene > h1, :root body.afour-site .scene > :where(.elementor-widget) > h1, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > h1, :root body.afour-site .scene > h2, :root body.afour-site .scene > :where(.elementor-widget) > h2, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { margin-bottom: 40px; } :root body.afour-site .prose { max-width: 720px; } :root body.afour-site .prose p { max-width: 62ch; } :root body.afour-site .eyebrow { font-family: Azeret, monospace; font-size: 11px; line-height: 1.6; font-weight: 500; letter-spacing: 0.045em; text-transform: uppercase; } :root body.afour-site .caption, :root body.afour-site :is(figcaption, div:where(.tag-figcaption)) { font-size: 14px; line-height: 1.5; } :root body.afour-site .caption { max-width: 70ch; } :root body.afour-site .actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; margin-top: 30px; } :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site :is(.text-link, .elementor-button:where(.afour-text-link *)) { display: inline-flex; gap: 36px; align-items: center; justify-content: space-between; text-decoration: none; font-size: 16px; line-height: 1.3; min-height: 48px; max-width: 100%; text-align: left; } :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)) { border: 1px solid var(--ink); padding: 14px 22px; background: var(--ink); color: var(--paper); } :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)):hover { background: var(--blue); border-color: var(--blue); } :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)) span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site :is(.text-link, .elementor-button:where(.afour-text-link *)) span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { transition: transform 0.25s var(--ease); flex-shrink: 0; } :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)):hover span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site :is(.text-link, .elementor-button:where(.afour-text-link *)):hover span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { transform: translate(2px, -2px); } :root body.afour-site :is(.text-link, .elementor-button:where(.afour-text-link *)) { border-bottom: 1px solid; padding: 9px 0; } :root body.afour-site .skip-link { position: absolute; top: 8px; left: 20px; z-index: 100; background: var(--paper); color: var(--ink); padding: 12px; transform: translateY(-150%); } :root body.afour-site .skip-link:focus { transform: none; } :root body.afour-site .site-header { height: 96px; padding: 14px var(--gutter); display: flex; align-items: center; justify-content: space-between; background: var(--ink); color: var(--paper); position: sticky; top: 0; z-index: 50; transition: transform 0.3s var(--ease); } :root body.afour-site .site-header.is-hidden { transform: translateY(-105%); } :root body.afour-site .site-header:focus-within, :root body.afour-site .site-header:has(details[open]) { transform: none !important; } :root body.afour-site .logo { display: block; width: 124px; } :root body.afour-site .logo img { width: 124px; height: auto; } :root body.afour-site .desktop-nav { display: flex; gap: 34px; align-items: center; } :root body.afour-site .desktop-nav a { font-size: 15px; min-height: 44px; display: flex; align-items: center; text-decoration: none; border-bottom: 1px solid transparent; } :root body.afour-site .desktop-nav a:hover, :root body.afour-site .desktop-nav a[aria-current] { border-color: var(--paper); } :root body.afour-site .mobile-menu { display: none; } :root body.afour-site .review-status { padding: 8px var(--gutter); font-size: 11px; line-height: 1.4; background: var(--ash); color: var(--ink); } :root body.afour-site .context .context-world { margin-top: 40px; grid-column: auto; grid-row: auto; } :root body.afour-site .context .signal { grid-column: auto; grid-row: auto; } :root body.afour-site .context-main { min-width: 0; } :root body.afour-site .context-main > .actions { margin-top: 30px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)).is-reading { border-left: 3px solid var(--blue); } :root body.afour-site .hero { padding: 0; } :root body.afour-site .hero-top { display: grid; grid-template-columns: 46% 54%; min-height: 660px; } :root body.afour-site .hero-copy { padding: 68px 34px 64px var(--gutter); position: relative; z-index: 2; } :root body.afour-site .hero-copy .eyebrow { margin-bottom: 26px; } :root body.afour-site .hero-copy h1 { font-size: clamp(46px, 4.45vw, 70px); margin-bottom: 30px; } :root body.afour-site .hero-lead { max-width: 42ch; font-size: 18px; } :root body.afour-site .hero-visual { position: relative; min-width: 0; display: flex; flex-direction: column; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)) { flex: 1; min-height: 590px; height: 100%; } :root body.afour-site .hero-visual img { object-position: 68% 50%; height: 100%; min-height: 590px; } :root body.afour-site .hero-visual :is(figcaption, div:where(.tag-figcaption)) { padding: 12px 20px; background: var(--cashmere); font-size: 12px; } :root body.afour-site .hero-bottom { padding: 30px var(--gutter) 42px; display: grid; grid-template-columns: 36% 1fr; border-bottom: 1px solid var(--line); gap: 5%; } :root body.afour-site .hero-bottom .prose { font-size: 16px; max-width: 680px; } :root body.afour-site .hero-bottom p + p, :root body.afour-site .hero-bottom p + :where(.elementor-widget) > p, :root body.afour-site .hero-bottom p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .hero-bottom :where(.elementor-widget):has(> p) + p, :root body.afour-site .hero-bottom :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .hero-bottom :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .hero-bottom :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .hero-bottom :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .hero-bottom :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 10px; } :root body.afour-site .hero-image-reveal { animation: heroReveal 1100ms var(--ease) both; } @keyframes heroReveal { from { clip-path: inset(0 0 0 6%); transform: scale(1.035); } to { clip-path: inset(0); transform: scale(1); } } :root body.afour-site .context { display: grid; grid-template-columns: 58% 36%; gap: 52px 6%; align-items: start; } :root body.afour-site .context-title h2 { margin-bottom: 32px; } :root body.afour-site .context-title .eyebrow { margin-bottom: 22px; } :root body.afour-site .context-title .prose { max-width: 580px; } :root body.afour-site .context-world { grid-column: 1; grid-row: 2; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { height: 270px; } :root body.afour-site .intentions { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 28px; } :root body.afour-site .intentions h3 { margin: 12px 0; font-size: 26px; } :root body.afour-site .intentions p { font-size: 16px; } :root body.afour-site .signal { grid-column: 2; grid-row: 1 / span 2; border-top: 1px solid var(--ink); padding-top: 24px; margin-top: 72px; } :root body.afour-site .signal-main { margin: 30px 0; } :root body.afour-site .signal-value { font-size: 124px; letter-spacing: -0.08em; line-height: 1; } :root body.afour-site .signal-value span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 48px; letter-spacing: -0.04em; } :root body.afour-site .signal-main > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; } :root body.afour-site .signal > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 16px; } :root body.afour-site .context > .actions { grid-column: 1 / -1; margin: 0; } :root body.afour-site .stage { padding-top: 110px; padding-bottom: 110px; } :root body.afour-site .stage > h2, :root body.afour-site .stage > :where(.elementor-widget) > h2, :root body.afour-site .stage > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { max-width: 790px; } :root body.afour-site .readiness { margin: 60px 0 0 25%; border-left: 1px solid #696969; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: 110px 1fr; gap: 30px; padding: 36px 0 38px 36px; border-top: 1px solid #696969; } :root body.afour-site .stage-number { font-size: 74px; line-height: 1; color: var(--ash); letter-spacing: -0.04em; } :root body.afour-site .readiness .eyebrow { margin-bottom: 12px; } :root body.afour-site .readiness h3 { margin-bottom: 18px; } :root body.afour-site .readiness p { max-width: 680px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)):first-child .stage-number { color: var(--paper); } :root body.afour-site .invitation { padding-top: 130px; padding-bottom: 140px; } :root body.afour-site .invitation h2 { max-width: 1100px; font-size: clamp(46px, 5.7vw, 88px); } :root body.afour-site .invitation .prose { max-width: 680px; margin-left: 28%; } :root body.afour-site .invitation .actions { margin-left: 28%; } :root body.afour-site .chapter-opening { display: grid; grid-template-columns: 60% 32%; gap: 8%; align-items: end; } :root body.afour-site .chapter-opening > .eyebrow, :root body.afour-site .chapter-opening > :where(.elementor-widget) > .eyebrow, :root body.afour-site .chapter-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1 / -1; margin-bottom: 0; } :root body.afour-site .chapter-opening h1 { font-size: clamp(46px, 5.7vw, 86px); } :root body.afour-site .chapter-opening .prose { font-size: 16px; } :root body.afour-site .category-spread { display: grid; grid-template-columns: 58% 34%; gap: 70px 8%; margin-top: 72px; } :root body.afour-site .category :is(figcaption, div:where(.tag-figcaption)) { margin-top: 20px; } :root body.afour-site .category h3 { font-size: 26px; margin-top: 8px; } :root body.afour-site .category-0 :is(picture, div:where(.tag-picture)) { height: 530px; } :root body.afour-site .category-1 { padding-top: 140px; } :root body.afour-site .category-1 :is(picture, div:where(.tag-picture)) { height: 410px; } :root body.afour-site .category-2 { padding: 0 9% 0 15%; } :root body.afour-site .category-2 :is(picture, div:where(.tag-picture)) { height: 430px; } :root body.afour-site .category-3 { margin-top: 100px; } :root body.afour-site .category-3 :is(picture, div:where(.tag-picture)) { height: 380px; } :root body.afour-site .category-world > .caption, :root body.afour-site .category-world > :where(.elementor-widget) > .caption, :root body.afour-site .category-world > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 38px; } :root body.afour-site .journeys > h2, :root body.afour-site .journeys > :where(.elementor-widget) > h2, :root body.afour-site .journeys > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { max-width: 1020px; } :root body.afour-site .journeys > .caption, :root body.afour-site .journeys > :where(.elementor-widget) > .caption, :root body.afour-site .journeys > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 26px; } :root body.afour-site .journey-spread { display: grid; grid-template-columns: 1fr 1fr; gap: 6%; margin-top: 58px; } :root body.afour-site .journey > h3, :root body.afour-site .journey > :where(.elementor-widget) > h3, :root body.afour-site .journey > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 36px; margin: 12px 0 20px; } :root body.afour-site .journey > p:not(.eyebrow), :root body.afour-site .journey > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .journey > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 16px; min-height: 75px; } :root body.afour-site .product-specimen, :root body.afour-site .compare-specimen { margin-top: 30px; background: var(--paper); } :root body.afour-site .product-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site .compare-specimen :is(picture, div:where(.tag-picture)) { height: 330px; } :root body.afour-site .specimen-copy { padding: 26px 30px 30px; } :root body.afour-site .specimen-copy h4 { margin: 14px 0; } :root body.afour-site .specimen-copy p { font-size: 16px; } :root body.afour-site .specimen-copy :is(dl, div:where(.tag-dl)), :root body.afour-site .report-sheet :is(dl, div:where(.tag-dl)) { margin: 28px 0 0; } :root body.afour-site .specimen-copy :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site .report-sheet :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { padding-top: 16px; border-top: 1px solid var(--line); margin-top: 16px; font-size: 16px; } :root body.afour-site .specimen-copy :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site .report-sheet :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 7px 0 0; font-size: 15px; } :root body.afour-site .specimen-copy caption { font-size: 18px; margin: 12px 0; text-align: left; } :root body.afour-site .specimen-copy td, :root body.afour-site .specimen-copy th { padding: 12px 7px; font-size: 14px; border-bottom: 1px solid var(--line); } :root body.afour-site .journey details { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 22px; padding: 16px 0; font-size: 15px; } :root body.afour-site .journey details p { padding-top: 16px; } :root body.afour-site .journey summary { cursor: pointer; min-height: 28px; } :root body.afour-site .category-clarity > .prose { max-width: 650px; } :root body.afour-site .micro-scenes { margin-top: 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px 6%; } :root body.afour-site .micro-scene { display: grid; grid-template-columns: 34% 1fr; gap: 24px; border-top: 1px solid var(--line); padding-top: 24px; } :root body.afour-site .micro-scene :is(picture, div:where(.tag-picture)) { height: 190px; } :root body.afour-site .micro-scene h3 { font-size: 26px; margin: 12px 0 20px; } :root body.afour-site .micro-scene p { font-size: 16px; } :root body.afour-site .preview-scene > .prose { max-width: none; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 34px; font-size: 16px; margin-top: 50px; } :root body.afour-site .preview-scene > .prose p + p, :root body.afour-site .preview-scene > .prose p + :where(.elementor-widget) > p, :root body.afour-site .preview-scene > .prose p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .preview-scene > .prose :where(.elementor-widget):has(> p) + p, :root body.afour-site .preview-scene > .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .preview-scene > .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .preview-scene > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .preview-scene > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .preview-scene > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin: 0; } :root body.afour-site .preview-layout { display: grid; grid-template-columns: 65% 29%; gap: 6%; margin-top: 60px; align-items: start; } :root body.afour-site .preview-specimen { background: var(--paper); border: 1px solid var(--ink); box-shadow: 0 16px 40px #1414140d; } :root body.afour-site .specimen-bar { padding: 18px 22px; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); font-size: 12px; } :root body.afour-site .preview-cover { position: relative; } :root body.afour-site .preview-cover :is(picture, div:where(.tag-picture)) { height: 480px; } :root body.afour-site .preview-title { position: absolute; left: 24px; top: 30px; background: var(--paper); padding: 18px; max-width: 55%; } :root body.afour-site .preview-title h3 { font-size: 36px; margin-top: 15px; } :root body.afour-site .preview-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; padding: 22px; font-size: 14px; } :root body.afour-site .preview-region { padding: 10px 0; border-bottom: 3px solid transparent; transition: border-color 0.35s var(--ease); } :root body.afour-site [data-preview="1"]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) [data-region="1"]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site [data-preview="2"]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) [data-region="2"]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site [data-preview="3"]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) [data-region="3"]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-color: var(--blue); } :root body.afour-site .preview-callouts > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { font-size: 14px; margin-bottom: 20px; } :root body.afour-site .preview-callout { border-top: 1px solid var(--ink); padding: 22px 0; } :root body.afour-site .callout-button { display: flex; gap: 18px; background: transparent; border: 0; padding: 0 0 8px; color: var(--ink); font-size: 25px; line-height: 1.2; text-align: left; min-height: 44px; } :root body.afour-site .callout-button span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret; font-size: 11px; margin-top: 7px; } :root body.afour-site .callout-button[aria-pressed="true"] { color: var(--ink); text-decoration: underline; text-decoration-color: var(--blue); text-underline-offset: 8px; } :root body.afour-site .preview-callout p { font-size: 16px; margin-top: 12px; } :root body.afour-site .preview-process { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 34px; margin-top: 50px; } :root body.afour-site .preview-process :is(li, div:where(.tag-li)) { padding-top: 18px; border-top: 1px solid var(--ink); } :root body.afour-site .preview-process p { font-size: 16px; margin-top: 12px; } :root body.afour-site .service > h2, :root body.afour-site .service > :where(.elementor-widget) > h2, :root body.afour-site .service > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { max-width: 930px; } :root body.afour-site .service > .prose { max-width: 800px; } :root body.afour-site .issue-routes { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5%; margin-top: 58px; } :root body.afour-site .issue-routes article { border-top: 1px solid; padding-top: 20px; position: relative; } :root body.afour-site .issue-routes article:after { content: ""; display: block; height: 40px; border-left: 1px solid; margin: 24px 0 0 50%; } :root body.afour-site .issue-routes h3 { margin: 14px 0; } :root body.afour-site .issue-routes p { font-size: 16px; } :root body.afour-site .resolution { border-top: 1px solid; padding: 30px 0; margin: 0 14%; max-width: 900px; } :root body.afour-site .resolution h3 { font-size: 34px; margin: 18px 0; } :root body.afour-site .resolution p { font-size: 15px; } :root body.afour-site .service > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site .service > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site .service > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site .service > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site .service > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { margin-top: 26px; } :root body.afour-site .relationship h1 { font-size: clamp(48px, 5.7vw, 88px); } :root body.afour-site .relationship-intro { display: grid; grid-template-columns: 44% 48%; gap: 8%; align-items: center; margin-top: 50px; } :root body.afour-site .relationship-intro :is(picture, div:where(.tag-picture)) { height: 320px; } :root body.afour-site .relationship-intro .caption { margin-top: 12px; } :root body.afour-site .relationship-route { margin-top: 55px; padding: 30px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5%; margin: 30px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { position: relative; min-width: 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { content: "→"; position: absolute; right: 0; top: 34px; font-size: 35px; color: var(--blue); } :root body.afour-site .relationship-route h3 { margin: 12px 28px 12px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) p:not(.eyebrow) { font-size: 15px; } :root body.afour-site .relationship-route > p:last-child, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > p, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 16px; max-width: 720px; } :root body.afour-site .agenda { margin: 50px 0; } :root body.afour-site .agenda article { display: grid; grid-template-columns: 18% 1fr; gap: 7%; border-top: 1px solid var(--ink); padding: 28px 0; } :root body.afour-site .agenda-number { font-size: 76px; line-height: 1; letter-spacing: -0.05em; } :root body.afour-site .agenda h3 { font-size: 32px; margin-bottom: 24px; } :root body.afour-site .agenda ul { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; font-size: 17px; } :root body.afour-site .possible-outcomes { display: flex; gap: 40px; padding: 24px 0; border-top: 1px solid; font-size: 28px; } :root body.afour-site .fit > .prose { font-size: 17px; } :root body.afour-site .terms { display: grid; grid-template-columns: 1fr 1fr; gap: 45px 8%; margin-top: 60px; } :root body.afour-site .terms article { border-top: 1px solid; padding-top: 25px; } :root body.afour-site .terms h3 { margin: 18px 0 24px; } :root body.afour-site .terms p { font-size: 17px; } :root body.afour-site .stock-map { border-top: 1px solid #888; margin-top: 50px; padding: 28px 0; } :root body.afour-site .stock-relations { position: relative; display: grid; grid-template-columns: 28% 28% 28%; gap: 8%; align-items: center; min-height: 360px; margin: 35px 0; } :root body.afour-site .stock-relations ul, :root body.afour-site .stock-centre { position: relative; z-index: 2; background: var(--ink); } :root body.afour-site .stock-relations :is(li, div:where(.tag-li)) { padding: 18px 0; border-bottom: 1px solid #777; font-size: 20px; } :root body.afour-site .stock-centre { text-align: center; padding: 30px 12px; border: 1px solid var(--ash); } :root body.afour-site .stock-centre h3 { font-size: 38px; margin-top: 16px; } :root body.afour-site .stock-lines { position: absolute; width: 100%; height: 300px; top: 30px; left: 0; z-index: 1; fill: none; stroke: var(--ash); stroke-width: 1; } :root body.afour-site .stock-map > .caption, :root body.afour-site .stock-map > :where(.elementor-widget) > .caption, :root body.afour-site .stock-map > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { font-size: 15px; color: var(--ash); } :root body.afour-site .continuity-layout { display: grid; grid-template-columns: 47% 44%; gap: 9%; margin-top: 60px; } :root body.afour-site .evidence-route { margin-top: 40px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: 28% 1fr; gap: 8%; border-top: 1px solid; padding: 20px 0; } :root body.afour-site .evidence-route span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 25px; } :root body.afour-site .evidence-route p { font-size: 16px; } :root body.afour-site .report-sheet { background: var(--ash); padding: 38px; box-shadow: 9px 9px 0 var(--cashmere); } :root body.afour-site .report-sheet h3 { font-size: 36px; margin-top: 24px; } :root body.afour-site .report-questions { border-top: 1px solid var(--ink); margin-top: 28px; padding-top: 20px; } :root body.afour-site .report-questions p { font-size: 16px; } :root body.afour-site .report-sheet > .caption, :root body.afour-site .report-sheet > :where(.elementor-widget) > .caption, :root body.afour-site .report-sheet > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 28px; } :root body.afour-site .conversation-route { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6%; margin-top: 50px; } :root body.afour-site .conversation-route > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid; padding-top: 24px; } :root body.afour-site .conversation-route h3 { margin: 14px 0; } :root body.afour-site .conversation-route p { font-size: 16px; } :root body.afour-site .branch-note { margin: 35px 0 0 34%; padding-left: 24px; border-left: 2px solid var(--ink); max-width: 700px; font-size: 16px; } :root body.afour-site .contact-intro { padding-bottom: 80px; } :root body.afour-site .contact-intro h1 { font-size: clamp(48px, 6.5vw, 96px); max-width: 1000px; } :root body.afour-site .contact-intro .prose { margin: 30px 0 0 40%; max-width: 620px; } :root body.afour-site .company-contact { margin-top: 60px; border-top: 1px solid; padding-top: 28px; display: flex; justify-content: space-between; gap: 30px; } :root body.afour-site .company-contact a { font-size: clamp(22px, 3vw, 42px); letter-spacing: -0.03em; } :root body.afour-site .enquiry { padding-top: 80px; } :root body.afour-site .enquiry > h2, :root body.afour-site .enquiry > :where(.elementor-widget) > h2, :root body.afour-site .enquiry > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 56px; } :root body.afour-site .demo-notice { border-left: 3px solid var(--ink); padding: 12px 20px; margin: 20px 0 34px; max-width: 850px; font-size: 16px; } :root body.afour-site .demo-notice p { margin-top: 8px; } :root body.afour-site .enquiry-form, :root body.afour-site form { max-width: 900px; } :root body.afour-site .field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; } :root body.afour-site .field { margin-bottom: 28px; } :root body.afour-site .field label { display: block; font-size: 16px; margin-bottom: 10px; } :root body.afour-site input, :root body.afour-site textarea { display: block; width: 100%; border: 1px solid var(--ink); border-radius: 0; background: var(--paper); color: var(--ink); font-size: 18px; padding: 14px; min-height: 52px; } :root body.afour-site textarea { resize: vertical; min-height: 160px; } :root body.afour-site input[aria-invalid="true"], :root body.afour-site textarea[aria-invalid="true"] { border: 2px solid var(--cacao); } :root body.afour-site .helper, :root body.afour-site .error { font-size: 14px; margin-top: 10px; max-width: 750px; } :root body.afour-site .error { color: var(--cacao); } :root body.afour-site .validation-summary { padding: 18px; border: 2px solid var(--cacao); margin-bottom: 24px; font-size: 16px; } :root body.afour-site .enquiry form > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .enquiry form > :where(.elementor-widget) > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .enquiry form > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .enquiry form > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .enquiry form > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.button, .elementor-button:where(.afour-button *)) { margin-top: 26px; } :root body.afour-site .email-alternative { margin-top: 40px; font-size: 17px; } :root body.afour-site .next-note { font-size: 16px; max-width: 700px; } :root body.afour-site .site-footer { padding: 55px var(--gutter) 40px; background: var(--ink); color: var(--paper); } :root body.afour-site .footer-top { display: grid; grid-template-columns: 24% 36% 32%; gap: 4%; padding-bottom: 45px; } :root body.afour-site .footer-logo { display: block; width: 150px; } :root body.afour-site .footer-statement { font-size: 30px; line-height: 1.2; } :root body.afour-site .footer-top > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .footer-top > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .footer-top > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 16px; } :root body.afour-site .footer-nav { display: flex; flex-wrap: wrap; gap: 28px; border-top: 1px solid #777; padding: 24px 0; font-size: 15px; } :root body.afour-site :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) { border-top: 1px solid #777; padding-top: 20px; font-size: 14px; } :root body.afour-site :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) summary { cursor: pointer; min-height: 36px; } :root body.afour-site :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) p { max-width: 740px; } :root body.afour-site .motion-control { margin-top: 22px; border: 1px solid var(--ash); color: var(--paper); background: none; padding: 10px 18px; font-size: 14px; min-height: 44px; } @media (max-width: 1000px) { :root { --space: 70px; --gutter: 5vw; } :root body.afour-site .desktop-nav { gap: 22px; } :root body.afour-site .hero-top { grid-template-columns: 48% 52%; } :root body.afour-site .hero-copy { padding-top: 48px; padding-right: 26px; } :root body.afour-site .hero-copy h1 { font-size: 49px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { min-height: 610px; } :root body.afour-site .hero-lead { font-size: 16px; } :root body.afour-site .hero .actions { gap: 18px; } :root body.afour-site .chapter-opening { grid-template-columns: 1fr; gap: 26px; } :root body.afour-site .chapter-opening .prose { max-width: 650px; } :root body.afour-site .category-0 :is(picture, div:where(.tag-picture)) { height: 420px; } :root body.afour-site .category-1 :is(picture, div:where(.tag-picture)) { height: 340px; } :root body.afour-site .category-2 { padding-left: 0; } :root body.afour-site .category-2 :is(picture, div:where(.tag-picture)) { height: 350px; } :root body.afour-site .category-3 :is(picture, div:where(.tag-picture)) { height: 320px; } :root body.afour-site .micro-scenes { grid-template-columns: 1fr; } :root body.afour-site .micro-scene { grid-template-columns: 26% 1fr; } :root body.afour-site .micro-scene :is(picture, div:where(.tag-picture)) { height: 220px; } :root body.afour-site .preview-layout { grid-template-columns: 60% 34%; gap: 6%; } :root body.afour-site .preview-cover :is(picture, div:where(.tag-picture)) { height: 390px; } :root body.afour-site .preview-title h3 { font-size: 27px; } :root body.afour-site .preview-scene > .prose { grid-template-columns: 1fr; gap: 20px; } :root body.afour-site .stock-centre h3 { font-size: 30px; } :root body.afour-site .stock-relations :is(li, div:where(.tag-li)) { font-size: 17px; } :root body.afour-site .continuity-layout { gap: 6%; grid-template-columns: 47% 47%; } :root body.afour-site .report-sheet { padding: 26px; } :root body.afour-site .report-sheet h3 { font-size: 30px; } } @media (max-width: 800px) { :root { --space: 60px; --gutter: 5vw; --body: 17px; } :root body.afour-site .site-header { height: 80px; } :root body.afour-site .logo, :root body.afour-site .logo img { width: 104px; } :root body.afour-site .desktop-nav { display: none; } :root body.afour-site .mobile-menu { display: block; } :root body.afour-site .mobile-menu summary { min-width: 74px; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; list-style: none; } :root body.afour-site .mobile-menu summary::-webkit-details-marker { display: none; } :root body.afour-site .mobile-menu nav { position: absolute; left: 0; right: 0; top: 80px; background: var(--ink); padding: 20px var(--gutter) 30px; border-top: 1px solid #555; box-shadow: 0 10px 20px #14141433; } :root body.afour-site .mobile-menu nav a { display: block; padding: 16px 0; border-bottom: 1px solid #555; text-decoration: none; font-size: 23px; } :root body.afour-site .mobile-menu[open] summary span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { transform: rotate(45deg); } :root body.afour-site .hero-top { grid-template-columns: 1fr; } :root body.afour-site .hero-copy { padding: 42px var(--gutter) 34px; } :root body.afour-site .hero-copy h1 { font-size: 56px; max-width: 650px; line-height: 1.05; } :root body.afour-site .hero-copy .eyebrow { margin-bottom: 18px; } :root body.afour-site .hero-lead { max-width: 620px; font-size: 17px; } :root body.afour-site .hero-copy .actions { margin-top: 24px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 420px; min-height: 0; } :root body.afour-site .hero-visual :is(figcaption, div:where(.tag-figcaption)) { padding-left: var(--gutter); } :root body.afour-site .hero-bottom { grid-template-columns: 1fr; gap: 18px; } :root body.afour-site .context { grid-template-columns: 1fr; gap: 36px; } :root body.afour-site .context-world, :root body.afour-site .signal { grid-column: auto; grid-row: auto; } :root body.afour-site .signal { margin-top: 0; max-width: 660px; } :root body.afour-site .signal-main { display: flex; align-items: center; gap: 32px; } :root body.afour-site .signal-main > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin: 0; max-width: 250px; } :root body.afour-site .signal-value { font-size: 110px; } :root body.afour-site .readiness { margin-left: 0; } :root body.afour-site .invitation .prose, :root body.afour-site .invitation .actions { margin-left: 0; } :root body.afour-site .journey-spread { gap: 5%; } :root body.afour-site .specimen-copy { padding: 22px 20px; } :root body.afour-site .preview-layout { grid-template-columns: 1fr; gap: 36px; } :root body.afour-site .preview-callouts { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; } :root body.afour-site .preview-callouts > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { grid-column: 1 / -1; margin: 0; } :root body.afour-site .preview-cover :is(picture, div:where(.tag-picture)) { height: 430px; } :root body.afour-site .preview-title h3 { font-size: 34px; } :root body.afour-site .callout-button { font-size: 22px; display: block; } :root body.afour-site .callout-button span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; margin-bottom: 12px; } :root body.afour-site .issue-routes { gap: 4%; } :root body.afour-site .resolution { margin: 0 6%; } :root body.afour-site .relationship-intro { grid-template-columns: 1fr; gap: 30px; } :root body.afour-site .relationship-intro :is(picture, div:where(.tag-picture)) { height: 290px; } :root body.afour-site .stock-relations { grid-template-columns: 28% 28% 28%; } :root body.afour-site .stock-centre h3 { font-size: 26px; } :root body.afour-site .continuity-layout { grid-template-columns: 1fr; gap: 40px; } :root body.afour-site .report-sheet { max-width: 650px; } :root body.afour-site .conversation-route { gap: 4%; } :root body.afour-site .conversation-route h3 { font-size: 26px; } :root body.afour-site .contact-intro .prose { margin-left: 0; } :root body.afour-site .company-contact { display: block; } :root body.afour-site .company-contact p + p, :root body.afour-site .company-contact p + :where(.elementor-widget) > p, :root body.afour-site .company-contact p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; } :root body.afour-site .footer-top { grid-template-columns: 1fr 1fr; gap: 35px; } :root body.afour-site .footer-top > .footer-logo { grid-column: 1 / -1; } :root body.afour-site .footer-statement { font-size: 26px; } } @media (max-width: 600px) { :root { --space: 50px; --gutter: 22px; --body: 17px; } :root body.afour-site h1, :root body.afour-site h2 { font-size: 41px; letter-spacing: -0.04em; } :root body.afour-site h3 { font-size: 27px; } :root body.afour-site .scene > h1, :root body.afour-site .scene > :where(.elementor-widget) > h1, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > h1, :root body.afour-site .scene > h2, :root body.afour-site .scene > :where(.elementor-widget) > h2, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { margin-bottom: 28px; } :root body.afour-site .scene > .eyebrow, :root body.afour-site .scene > :where(.elementor-widget) > .eyebrow, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin-bottom: 18px; } :root body.afour-site .review-status { font-size: 10px; } :root body.afour-site .hero-copy { padding-top: 34px; padding-bottom: 30px; } :root body.afour-site .hero-copy h1 { font-size: 43px; line-height: 1.04; margin-bottom: 22px; } :root body.afour-site .hero-copy h1 br:first-of-type { display: none; } :root body.afour-site .hero-copy .eyebrow { font-size: 10px; } :root body.afour-site .hero-lead { font-size: 16px; line-height: 1.5; } :root body.afour-site .hero-copy .actions { gap: 12px; align-items: flex-start; } :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)) { padding: 14px 18px; min-width: 0; width: 260px; max-width: 100%; gap: 16px; font-size: 15px; } :root body.afour-site :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 15px; gap: 24px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 370px; min-height: 0; } :root body.afour-site .hero-visual img { object-position: 50% 50%; } :root body.afour-site .hero-visual :is(figcaption, div:where(.tag-figcaption)) { font-size: 11px; } :root body.afour-site .hero-bottom { padding-top: 24px; padding-bottom: 30px; } :root body.afour-site .hero-bottom .prose { font-size: 15px; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { height: 220px; } :root body.afour-site .intentions { grid-template-columns: 1fr; gap: 24px; } :root body.afour-site .intentions > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .intentions > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .intentions > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding-top: 20px; } :root body.afour-site .signal-main { gap: 22px; align-items: flex-start; } :root body.afour-site .signal-value { font-size: 89px; } :root body.afour-site .signal-value span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 32px; } :root body.afour-site .signal-main > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 15px; } :root body.afour-site .signal-main .caption { font-size: 12px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) { grid-template-columns: 52px 1fr; gap: 18px; padding: 28px 0 28px 18px; } :root body.afour-site .stage-number { font-size: 42px; } :root body.afour-site .readiness h3 { font-size: 26px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) p { font-size: 16px; } :root body.afour-site .invitation { padding-top: 70px; padding-bottom: 80px; } :root body.afour-site .invitation h2 { font-size: 45px; } :root body.afour-site .category-spread { display: block; margin-top: 42px; } :root body.afour-site .category { margin: 0 0 42px; padding: 0; } :root body.afour-site .category :is(picture, div:where(.tag-picture)) { height: 370px; } :root body.afour-site .category-1 { margin-left: 14%; } :root body.afour-site .category-1 :is(picture, div:where(.tag-picture)) { height: 330px; } :root body.afour-site .category-2 { margin-right: 10%; } :root body.afour-site .category-2 :is(picture, div:where(.tag-picture)) { height: 360px; } :root body.afour-site .category-3 :is(picture, div:where(.tag-picture)) { height: 320px; } :root body.afour-site .category h3 { font-size: 25px; } :root body.afour-site .journey-spread { display: block; margin-top: 38px; } :root body.afour-site .journey + .journey { margin-top: 55px; } :root body.afour-site .journey > p:not(.eyebrow), :root body.afour-site .journey > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .journey > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { min-height: 0; } :root body.afour-site .journey > h3, :root body.afour-site .journey > :where(.elementor-widget) > h3, :root body.afour-site .journey > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 31px; } :root body.afour-site .product-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site .compare-specimen :is(picture, div:where(.tag-picture)) { height: 270px; } :root body.afour-site .specimen-copy { padding: 22px; } :root body.afour-site .specimen-copy td, :root body.afour-site .specimen-copy th { font-size: 12px; padding: 10px 5px; } :root body.afour-site .micro-scenes { gap: 34px; margin-top: 38px; } :root body.afour-site .micro-scene { display: block; } :root body.afour-site .micro-scene :is(picture, div:where(.tag-picture)) { height: 190px; margin-bottom: 22px; } :root body.afour-site .micro-scene h3 { margin: 10px 0 16px; } :root body.afour-site .preview-layout { margin-top: 38px; } :root body.afour-site .specimen-bar { padding: 12px; font-size: 11px; gap: 10px; } :root body.afour-site .specimen-bar .eyebrow { font-size: 9px; } :root body.afour-site .preview-cover :is(picture, div:where(.tag-picture)) { height: 340px; } :root body.afour-site .preview-title { left: 14px; top: 18px; padding: 12px; max-width: 68%; } :root body.afour-site .preview-title h3 { font-size: 28px; } :root body.afour-site .preview-title .eyebrow { font-size: 9px; } :root body.afour-site .preview-footer { font-size: 12px; gap: 10px; padding: 16px; } :root body.afour-site .preview-callouts { display: block; } :root body.afour-site .preview-callouts > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-bottom: 20px; } :root body.afour-site .callout-button { display: flex; font-size: 26px; } :root body.afour-site .callout-button span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 8px; margin-bottom: 0; } :root body.afour-site .preview-scene > .prose { font-size: 16px; } :root body.afour-site .preview-process { display: block; margin-top: 35px; } :root body.afour-site .preview-process :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)) { margin-top: 24px; } :root body.afour-site .issue-routes { display: block; margin-top: 36px; } :root body.afour-site .issue-routes article { padding-top: 20px; } :root body.afour-site .issue-routes article:after { height: 26px; margin-top: 20px; } :root body.afour-site .resolution { margin: 0; padding-top: 26px; } :root body.afour-site .resolution h3 { font-size: 29px; } :root body.afour-site .relationship h1 { font-size: 46px; } :root body.afour-site .relationship-intro { margin-top: 30px; } :root body.afour-site .relationship-intro :is(picture, div:where(.tag-picture)) { height: 210px; } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { display: block; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { padding: 20px 0 26px; border-bottom: 1px solid var(--line); } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { content: "↓"; right: 14px; top: 65px; } :root body.afour-site .relationship-route h3 { font-size: 29px; } :root body.afour-site .agenda article { grid-template-columns: 42px 1fr; gap: 20px; } :root body.afour-site .agenda-number { font-size: 40px; } :root body.afour-site .agenda h3 { font-size: 29px; margin-bottom: 18px; } :root body.afour-site .agenda ul { display: block; font-size: 16px; } :root body.afour-site .agenda :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)) { margin-top: 18px; } :root body.afour-site .possible-outcomes { gap: 24px; font-size: 23px; } :root body.afour-site .terms { display: block; margin-top: 36px; } :root body.afour-site .terms article + article { margin-top: 35px; } :root body.afour-site .terms h3 { font-size: 28px; margin: 14px 0 20px; } :root body.afour-site .terms p { font-size: 16px; } :root body.afour-site .stock-relations { display: flex; flex-direction: column; gap: 28px; align-items: stretch; margin-top: 25px; min-height: 0; } :root body.afour-site .stock-relations ul { width: 100%; } :root body.afour-site .stock-relations :is(li, div:where(.tag-li)) { font-size: 17px; padding: 12px 0; } :root body.afour-site .stock-centre { padding: 22px; } :root body.afour-site .stock-centre h3 { font-size: 32px; } :root body.afour-site .stock-lines { display: none; } :root body.afour-site .stock-centre:before { content: ""; position: absolute; left: 50%; height: 28px; top: -29px; border-left: 1px solid var(--ash); } :root body.afour-site .stock-centre:after { content: ""; position: absolute; left: 50%; height: 28px; bottom: -29px; border-left: 1px solid var(--ash); } :root body.afour-site .record-sources { border-left: 1px solid var(--ash); padding-left: 18px; } :root body.afour-site .record-fields { border-left: 1px solid var(--ash); padding-left: 18px; } :root body.afour-site .continuity-layout { margin-top: 35px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) { grid-template-columns: 30% 1fr; gap: 8%; } :root body.afour-site .evidence-route span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 23px; } :root body.afour-site .report-sheet { padding: 25px; } :root body.afour-site .report-sheet h3 { font-size: 32px; } :root body.afour-site .conversation-route { display: block; margin-top: 35px; } :root body.afour-site .conversation-route > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conversation-route > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 26px; } :root body.afour-site .branch-note { margin-left: 0; padding-left: 18px; } :root body.afour-site .contact-intro h1 { font-size: 48px; } :root body.afour-site .company-contact a { font-size: 27px; overflow-wrap: anywhere; } :root body.afour-site .enquiry > h2, :root body.afour-site .enquiry > :where(.elementor-widget) > h2, :root body.afour-site .enquiry > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 43px; } :root body.afour-site .field-pair { display: block; } :root body.afour-site .field { margin-bottom: 24px; } :root body.afour-site .demo-notice { padding-left: 16px; font-size: 15px; } :root body.afour-site .footer-top { display: block; } :root body.afour-site .footer-statement { margin: 32px 0; } :root body.afour-site .footer-top > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .footer-top > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .footer-top > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 15px; } :root body.afour-site .footer-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; font-size: 14px; } :root body.afour-site .site-footer { padding-top: 42px; } :root body.afour-site .footer-logo { width: 140px; } } @media (max-width: 350px) { :root { --gutter: 18px; } :root body.afour-site h1, :root body.afour-site h2 { font-size: 37px; } :root body.afour-site .hero-copy h1 { font-size: 38px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 310px; } :root body.afour-site .hero-copy .eyebrow { font-size: 9px; } :root body.afour-site .review-status { font-size: 9px; } :root body.afour-site .invitation h2 { font-size: 40px; } :root body.afour-site .signal-main { display: block; } :root body.afour-site .signal-main > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; max-width: none; } :root body.afour-site .category :is(picture, div:where(.tag-picture)) { height: 320px; } :root body.afour-site .category-1 :is(picture, div:where(.tag-picture)) { height: 290px; } :root body.afour-site .category-2 :is(picture, div:where(.tag-picture)) { height: 310px; } :root body.afour-site .category-3 :is(picture, div:where(.tag-picture)) { height: 280px; } :root body.afour-site .preview-cover :is(picture, div:where(.tag-picture)) { height: 300px; } :root body.afour-site .preview-title h3 { font-size: 25px; } :root body.afour-site .preview-footer { font-size: 11px; } :root body.afour-site .possible-outcomes { gap: 18px; font-size: 21px; } :root body.afour-site .contact-intro h1 { font-size: 43px; } :root body.afour-site .company-contact a { font-size: 24px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) )::before, :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) )::after { animation: none !important; transition: none !important; } :root body.afour-site .site-header.is-hidden { transform: none; } :root body.afour-site .hero-image-reveal { transform: none; clip-path: none; } } html[data-motion="reduced"] { scroll-behavior: auto; } html[data-motion="reduced"] *, html[data-motion="reduced"] *::before, html[data-motion="reduced"] *::after { animation: none !important; transition: none !important; } html[data-motion="reduced"] .site-header { transform: none !important; } html[data-motion="reduced"] .hero-image-reveal { transform: none; clip-path: none; } @media print { :root body.afour-site .site-header { position: static; transform: none !important; } :root body.afour-site .review-status { font-size: 10px; } :root body.afour-site .scene { break-inside: avoid; scroll-margin: 0; } :root body.afour-site .hero-image-reveal { animation: none !important; transform: none; clip-path: none; } :root body.afour-site .motion-control { display: none; } :root body.afour-site .mobile-menu { display: none; } :root body.afour-site .desktop-nav { display: flex; } :root body.afour-site { font-size: 12pt; } :root body.afour-site .scene { padding: 36px; } :root body.afour-site .site-footer { break-inside: avoid; } :root body.afour-site a { color: inherit; } } :root body.afour-site .context .signal { grid-column: auto; grid-row: auto; } @media (max-width: 800px) { :root body.afour-site .context { display: block; } :root body.afour-site .context .signal { margin-top: 42px; } :root body.afour-site .context .context-world { margin-top: 30px; } } :root body.afour-site .hero-visual { display: block; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)) { height: 590px; min-height: 590px; } :root body.afour-site .hero-visual img { height: 590px; min-height: 590px; } @media (max-width: 800px) { :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 420px; min-height: 0; } } @media (max-width: 600px) { :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 370px; min-height: 0; } } @media (max-width: 350px) { :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 310px; min-height: 0; } } @media (min-width: 601px) { :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)) { min-width: 260px; } :root body.afour-site .hero-copy .actions { align-items: flex-start; } :root body.afour-site :is(.text-link, .elementor-button:where(.afour-text-link *)) { gap: 20px; } } :root body.afour-site .scene > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .scene > :where(.elementor-widget) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site .scene :is(picture, div:where(.tag-picture)) { width: 100%; min-width: 0; } :root body.afour-site .callout-button { width: 100%; max-width: 100%; min-width: 0; } :root body.afour-site .signal-main > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } @media (max-width: 600px) { :root body.afour-site .signal-main { display: block; } :root body.afour-site .signal-main > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; max-width: none; } } @media (max-width: 800px) { :root body.afour-site .preview-callouts { display: block; } :root body.afour-site .preview-callouts > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-bottom: 20px; } :root body.afour-site .footer-top > .footer-logo { grid-column: auto; } } @media (min-width: 601px) { :root body.afour-site .record-sources { border-right: 1px solid var(--ash); padding-right: 20px; } :root body.afour-site .record-sources:after { content: ""; position: absolute; right: -7.2vw; top: 50%; width: 7.2vw; border-top: 1px solid var(--ash); } :root body.afour-site .record-fields { border-left: 1px solid var(--ash); padding-left: 20px; } :root body.afour-site .record-fields:before { content: ""; position: absolute; left: -7.2vw; top: 50%; width: 7.2vw; border-top: 1px solid var(--ash); } } :root body.afour-site .readiness :is(li, div:where(.tag-li)).is-reading { border-left: 0; box-shadow: inset 3px 0 0 var(--blue); } @media (prefers-reduced-motion: reduce) { :root body.afour-site :is(.button, .elementor-button:where(.afour-button *)):hover span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site :is(.text-link, .elementor-button:where(.afour-text-link *)):hover span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { transform: none; } } html[data-motion="reduced"] .button:hover span, html[data-motion="reduced"] .text-link:hover span { transform: none; } @media (max-width: 600px) { :root body.afour-site .hero-copy .eyebrow, :root body.afour-site .specimen-bar .eyebrow, :root body.afour-site .preview-title .eyebrow { font-size: 11px; } } @media (min-width: 601px) { :root body.afour-site .issue-routes article { display: flex; flex-direction: column; } :root body.afour-site .issue-routes article p:last-of-type, :root body.afour-site .issue-routes article :where(.elementor-widget):where( :not( :has( ~ p, ~ :where(.elementor-widget) > p, ~ :where(.elementor-widget) > :where(.elementor-widget-container) > p ) ) ) > p:last-of-type, :root body.afour-site .issue-routes article :where(.elementor-widget):where( :not( :has( ~ p, ~ :where(.elementor-widget) > p, ~ :where(.elementor-widget) > :where(.elementor-widget-container) > p ) ) ) > :where(.elementor-widget-container) > p:last-of-type { margin-bottom: auto; } :root body.afour-site .issue-routes article:after { flex: 0 0 40px; } } @media (min-width: 801px) { :root body.afour-site .resolution { margin-left: 15%; margin-right: 15%; max-width: none; } } @media (min-width: 601px) and (max-width: 800px) { :root body.afour-site .resolution { margin-left: 15.3333%; margin-right: 15.3333%; max-width: none; } } html { scroll-behavior: auto; } :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) )::before, :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) )::after { animation: none !important; transition: none !important; } :root body.afour-site .site-header { position: relative; transform: none !important; } :root body.afour-site .motion-control { display: none !important; } :root body.afour-site .review-status { background: #f6eeb4; color: #141414; padding: 12px 5vw; line-height: 1.5; font-size: 13px; } :root body.afour-site .wholesale-intent { font-size: 22px; line-height: 1.45; max-width: 610px; margin: 24px 0; } :root body.afour-site .hero-copy { padding-top: 40px; padding-bottom: 35px; } :root body.afour-site .hero-copy h1 { font-size: clamp(40px, 4.1vw, 63px); line-height: 1.04; } :root body.afour-site .hero-lead { font-size: 18px; max-width: 560px; } :root body.afour-site .hero-copy .actions { margin-top: 25px; flex-wrap: wrap; gap: 20px; } :root body.afour-site .hero .hero-top { grid-template-columns: 49% 51%; } :root body.afour-site .hero-bottom { padding-top: 28px; padding-bottom: 30px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 680px; min-height: 680px; } :root body.afour-site .category-spread { display: grid; grid-template-columns: 1.9fr 1fr 1fr 1fr; gap: 28px; align-items: start; } :root body.afour-site .category { margin: 0; padding: 0; } :root body.afour-site .category :is(picture, div:where(.tag-picture)) { height: 340px; } :root body.afour-site .category-0 :is(picture, div:where(.tag-picture)) { height: 440px; } :root body.afour-site .category-1 { padding-top: 55px; } :root body.afour-site .category-3 { padding-top: 90px; } :root body.afour-site .category h3 { font-size: 23px; line-height: 1.2; } :root body.afour-site .category .eyebrow { font-size: 11px; } :root body.afour-site .micro-scenes { display: block; margin-top: 55px; } :root body.afour-site .micro-scene { display: block; border-top: 1px solid #d5d4cf; padding: 28px 0; } :root body.afour-site .micro-scene > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .micro-scene > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .micro-scene > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 25% 1fr; column-gap: 5%; row-gap: 16px; } :root body.afour-site .micro-scene .eyebrow { grid-column: 1; grid-row: 1 / span 2; color: #336aab; font-size: 15px; margin: 0; } :root body.afour-site .micro-scene h3 { grid-column: 2; background: #f4e3da; padding: 16px 22px; margin: 0; font-size: 28px; } :root body.afour-site .micro-scene p:not(.eyebrow) { grid-column: 2; margin: 0; font-size: 19px; line-height: 1.55; } :root body.afour-site .preview-layout { grid-template-columns: 60% 34%; gap: 6%; align-items: center; } :root body.afour-site .preview-specimen { box-shadow: none; } :root body.afour-site .preview-footer { border-bottom: 1px solid #141414; } :root body.afour-site .preview-region { border: 0 !important; } :root body.afour-site .preview-callouts { display: block; } :root body.afour-site .preview-callout { padding: 18px 0; } :root body.afour-site .preview-callout h3 { font-size: 25px; display: flex; line-height: 1.2; margin: 0; } :root body.afour-site .preview-callout p { font-size: 18px; line-height: 1.5; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) { margin: 38px 0 0; padding-top: 22px; border-top: 1px solid #141414; max-width: 1180px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary { cursor: pointer; font-size: 19px; line-height: 1.5; min-height: 44px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose { font-size: 19px; max-width: 1080px; margin: 28px 0; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process { display: block; margin-top: 24px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process :is(li, div:where(.tag-li)) { margin: 18px 0; padding: 16px 0; border-top: 1px solid #d5d4cf; max-width: 900px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process p { font-size: 18px; } :root body.afour-site .relationship-intro { display: block; margin-top: 35px; } :root body.afour-site .relationship-intro > .prose { max-width: 1080px; font-size: 23px; line-height: 1.55; } :root body.afour-site .relationship-intro > div:empty:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .relationship-intro > :where(.elementor-widget) > div:empty:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .relationship-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > div:empty:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: none; } :root body.afour-site .relationship-route { padding: 35px 0; border-bottom: 0; margin-top: 40px; } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { gap: 50px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { padding: 28px; border: 1px solid #141414; min-height: 210px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) { background: #f4e3da; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { right: -38px; top: 40%; font-size: 30px; } :root body.afour-site .relationship-route h3 { font-size: 31px; margin: 25px 0 15px; } :root body.afour-site .relationship-route > p:last-child, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > p, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { max-width: 1100px; font-size: 20px; margin-top: 30px; } :root body.afour-site .continuity-layout { display: block; } :root body.afour-site .continuity-layout > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .continuity-layout > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .continuity-layout > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: flex; flex-direction: column; } :root body.afour-site .continuity-layout .prose { order: 2; max-width: 1180px; font-size: 20px; margin-top: 30px; } :root body.afour-site .evidence-route { order: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 55px 12%; margin: 0 0 25px; list-style: none; position: relative; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) { display: block; border: 1px solid #d5d4cf; padding: 28px; position: relative; min-height: 210px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):first-child { background: #f4e3da; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):nth-child(3) { grid-column: 2; grid-row: 2; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):nth-child(4) { grid-column: 1; grid-row: 2; } :root body.afour-site .evidence-route span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; font-size: 30px; margin-bottom: 20px; } :root body.afour-site .evidence-route p { font-size: 20px; line-height: 1.5; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):after { color: #336aab; font-size: 30px; position: absolute; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):nth-child(1):after { content: "→"; right: -18%; top: 40%; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):nth-child(2):after { content: "↓"; bottom: -47px; left: 48%; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):nth-child(3):after { content: "←"; left: -18%; top: 40%; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):nth-child(4):after { content: "↑"; top: -53px; left: 48%; } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { max-width: 750px; margin-top: 25px; box-shadow: none; } :root body.afour-site .static-demo-form { max-width: 900px; } :root body.afour-site input:disabled, :root body.afour-site textarea:disabled { opacity: 1; color: #141414; } :root body.afour-site .enquiry :is(.button, .elementor-button:where(.afour-button *)):disabled { opacity: 1; } @media (max-width: 1000px) { :root body.afour-site .hero-copy h1 { font-size: 45px; } :root body.afour-site .wholesale-intent { font-size: 19px; } :root body.afour-site .hero-lead { font-size: 17px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 680px; min-height: 680px; } :root body.afour-site .category-spread { grid-template-columns: 1fr 1fr; } :root body.afour-site .category-1, :root body.afour-site .category-3 { padding-top: 0; } :root body.afour-site .category :is(picture, div:where(.tag-picture)) { height: 340px; } :root body.afour-site .category-0 :is(picture, div:where(.tag-picture)) { height: 400px; } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { gap: 30px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { padding: 20px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { right: -25px; } :root body.afour-site .relationship-route h3 { font-size: 26px; } } @media (max-width: 800px) { :root body.afour-site .hero .hero-top { display: block; } :root body.afour-site .hero-copy { padding: 38px 5vw; } :root body.afour-site .hero-copy h1 { font-size: 52px; max-width: 650px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 430px; min-height: 0; } :root body.afour-site .wholesale-intent { font-size: 22px; max-width: 650px; } :root body.afour-site .hero-lead { font-size: 19px; max-width: 650px; } :root body.afour-site .micro-scene > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .micro-scene > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .micro-scene > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-template-columns: 25% 1fr; } :root body.afour-site .preview-layout { display: block; } :root body.afour-site .preview-callouts { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 30px; } :root body.afour-site .preview-callouts > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { grid-column: 1 / -1; } :root body.afour-site .preview-callout h3 { font-size: 22px; } :root body.afour-site .preview-callout p { font-size: 17px; } :root body.afour-site .evidence-route { column-gap: 9%; } } @media (max-width: 600px) { :root body.afour-site .review-status { padding: 12px 22px; font-size: 12px; } :root body.afour-site .hero-copy { padding: 34px 22px; } :root body.afour-site .hero-copy h1 { font-size: 43px; } :root body.afour-site .wholesale-intent { font-size: 20px; margin: 25px 0; } :root body.afour-site .hero-lead { font-size: 17px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 370px; min-height: 0; } :root body.afour-site .hero-copy .actions { gap: 15px; } :root body.afour-site .category-spread { display: block; } :root body.afour-site .category { margin-bottom: 35px; } :root body.afour-site .category :is(picture, div:where(.tag-picture)), :root body.afour-site .category-0 :is(picture, div:where(.tag-picture)) { height: 330px; } :root body.afour-site .category-1 { margin-left: 10%; } :root body.afour-site .category-2 { margin-right: 10%; } :root body.afour-site .micro-scene > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .micro-scene > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .micro-scene > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site .micro-scene .eyebrow { margin-bottom: 18px; font-size: 13px; } :root body.afour-site .micro-scene h3 { font-size: 25px; padding: 16px; margin-bottom: 18px; } :root body.afour-site .micro-scene p:not(.eyebrow) { font-size: 18px; } :root body.afour-site .preview-callouts { display: block; } :root body.afour-site .preview-callout { margin-top: 18px; } :root body.afour-site .preview-callout h3 { font-size: 26px; } :root body.afour-site .preview-callout p { font-size: 18px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary { font-size: 18px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose { font-size: 18px; } :root body.afour-site .relationship-intro > .prose { font-size: 20px; } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { display: block; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { margin-bottom: 42px; min-height: 0; padding: 24px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { content: "↓"; right: 48%; top: auto; bottom: -37px; } :root body.afour-site .relationship-route h3 { font-size: 29px; } :root body.afour-site .evidence-route { display: flex; flex-direction: column; gap: 45px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) { min-height: 0; padding: 25px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):after { left: 48% !important; right: auto !important; top: auto !important; bottom: -42px !important; content: "↓" !important; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):last-child:after { display: none; } :root body.afour-site .evidence-route p { font-size: 18px; } :root body.afour-site .continuity-layout .prose { font-size: 18px; } } :root body.afour-site .future-format-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin: 25px 0; } :root body.afour-site .future-format-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border: 1px solid #d5d4cf; padding: 22px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) .future-format-label { font-family: Azeret, monospace; font-size: 12px; line-height: 1.5; text-transform: uppercase; margin: 0 0 16px; color: #d5d4cf; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) .future-format-groups p:not(.future-format-label) { font-size: 19px; line-height: 1.55; margin: 0; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) .future-expansion { font-size: 18px; line-height: 1.55; margin: 0; max-width: 950px; } @media (max-width: 800px) { :root body.afour-site .future-format-groups { grid-template-columns: 1fr; gap: 20px; } :root body.afour-site .future-format-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 20px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) .future-format-groups p:not(.future-format-label) { font-size: 18px; } } :root body.afour-site .site-header .logo { display: flex; align-items: center; gap: 24px; width: auto; max-width: 48%; text-decoration: none; } :root body.afour-site .site-header .logo img { display: block; width: 130px; height: auto; flex: none; } :root body.afour-site .brand-tagline { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: 26px; line-height: 1.15; color: var(--paper); white-space: nowrap; display: block; } :root body.afour-site .brand-emblem { display: block; width: 130px; height: 42.5px; overflow: hidden; flex: none; } :root body.afour-site .invitation > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > :where(.elementor-widget-container) > .brand-emblem { margin: 0 0 36px; } :root body.afour-site .hero-copy .wholesale-intent { border-left: 3px solid var(--cacao); padding-left: 18px; } :root body.afour-site .micro-scene h3 { border-left: 3px solid var(--cacao); } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) { border-top: 3px solid var(--cacao); } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) .eyebrow { color: var(--cacao); } @media (max-width: 1000px) and (min-width: 801px) { :root body.afour-site .site-header .logo { gap: 18px; max-width: 45%; } :root body.afour-site .site-header .logo img { width: 112px; } :root body.afour-site .brand-tagline { font-size: 23px; } } @media (max-width: 800px) { :root body.afour-site .site-header { height: 112px; } :root body.afour-site .site-header .logo { display: block; max-width: calc(100% - 104px); } :root body.afour-site .site-header .logo img { width: 104px; } :root body.afour-site .brand-tagline { font-size: 19px; margin-top: 8px; line-height: 1.1; } :root body.afour-site .mobile-menu nav { top: 112px; } :root body.afour-site .invitation > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > :where(.elementor-widget-container) > .brand-emblem { margin-bottom: 28px; } } @media (max-width: 350px) { :root body.afour-site .site-header .logo img { width: 96px; } :root body.afour-site .brand-tagline { font-size: 18px; } :root body.afour-site .site-header .logo { max-width: calc(100% - 94px); } } :root { --section-rule: rgba(20, 20, 20, 0.2); } :root body.afour-site .review-status { background: var(--ash); font-size: 12px; padding: 10px var(--gutter); } :root body.afour-site .scene { isolation: isolate; } :root body.afour-site .scene p { overflow-wrap: break-word; } :root body.afour-site .scene .eyebrow { letter-spacing: 0.035em; } :root body.afour-site .scene > h1, :root body.afour-site .scene > :where(.elementor-widget) > h1, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > h1, :root body.afour-site .scene > h2, :root body.afour-site .scene > :where(.elementor-widget) > h2, :root body.afour-site .scene > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { max-width: 1080px; } :root body.afour-site .hero-copy h1 { font-size: clamp(40px, 4.1vw, 63px); } :root body.afour-site .hero-visual img { object-position: 50% 52%; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)) { background: #75634f; } :root body.afour-site .context { grid-template-columns: minmax(0, 1fr) minmax(260px, 0.39fr); gap: 7%; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 3/2; } :root body.afour-site .context-world .intentions { margin-top: 30px; } :root body.afour-site .context .signal { margin-top: 70px; border-top: 2px solid var(--ink); padding-top: 26px; } :root body.afour-site .context .signal-value { font-size: clamp(84px, 7vw, 116px); } :root body.afour-site .context-title h2 { font-size: clamp(40px, 4vw, 64px); } :root body.afour-site .emblem-on-paper { filter: invert(1) brightness(1.1); mix-blend-mode: multiply; } :root body.afour-site .invitation { display: grid; grid-template-columns: 18% minmax(0, 1fr); column-gap: 7%; align-items: start; } :root body.afour-site .invitation > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > :where(.elementor-widget-container) > .brand-emblem { grid-column: 1; grid-row: 1 / span 4; width: 156px; height: 51px; margin-top: 6px; } :root body.afour-site .invitation > .eyebrow, :root body.afour-site .invitation > :where(.elementor-widget) > .eyebrow, :root body.afour-site .invitation > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site .invitation > h2, :root body.afour-site .invitation > :where(.elementor-widget) > h2, :root body.afour-site .invitation > :where(.elementor-widget) > :where(.elementor-widget-container) > h2, :root body.afour-site .invitation > .prose, :root body.afour-site .invitation > .actions { grid-column: 2; margin-left: 0; } :root body.afour-site .invitation > .prose { max-width: 760px; } :root body.afour-site .invitation h2 { font-size: clamp(44px, 4.8vw, 73px); } :root body.afour-site .category-spread { grid-template-columns: 1.12fr 0.88fr 1fr 0.88fr; gap: 26px; margin-top: 64px; align-items: start; } :root body.afour-site .category-spread .category { padding: 0; margin: 0; min-width: 0; } :root body.afour-site .category-spread .category :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 4/5; } :root body.afour-site .category-spread .category-0 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site .category-spread .category-1 { padding-top: 90px; } :root body.afour-site .category-spread .category-2 { padding-top: 36px; } :root body.afour-site .category-spread .category-3 { padding-top: 136px; } :root body.afour-site .category-spread .category-2 img, :root body.afour-site .category-spread .category-3 img { object-fit: contain; } :root body.afour-site .category h3 { font-size: 24px; margin-top: 10px; line-height: 1.2; } :root body.afour-site .category :is(figcaption, div:where(.tag-figcaption)) { padding-top: 20px; border-top: 1px solid var(--line); margin-top: 18px; } :root body.afour-site .category-world > .caption, :root body.afour-site .category-world > :where(.elementor-widget) > .caption, :root body.afour-site .category-world > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 38px; } :root body.afour-site .journey-spread { align-items: start; } :root body.afour-site .product-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site .compare-specimen :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 3/2; } :root body.afour-site .journey details { border-bottom: 1px solid var(--line); padding-bottom: 18px; } :root body.afour-site .journey details p { font-size: 16px; line-height: 1.6; margin-top: 16px; } :root body.afour-site .journey summary { min-height: 44px; padding: 12px 0; } :root body.afour-site .decision-studies { margin-top: 62px; display: block; } :root body.afour-site .decision-studies .micro-scene { display: grid; grid-template-columns: 42% 1fr; gap: 8%; border: 0; padding: 0; margin: 0 0 65px; align-items: center; position: relative; } :root body.afour-site .decision-studies .micro-scene > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; border-top: 1px solid var(--ink); padding-top: 25px; } :root body.afour-site .decision-studies .micro-scene h3 { border: 0; background: none; padding: 0; font-size: clamp(26px, 2.5vw, 38px); margin: 15px 0 24px; max-width: 460px; } :root body.afour-site .decision-studies .micro-scene p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 59ch; } :root body.afour-site .decision-studies .micro-scene .eyebrow { font-size: 12px; color: var(--cacao); margin: 0; } :root body.afour-site .decision-studies .study-2 { grid-template-columns: 1fr 42%; margin-left: 13%; gap: 9%; } :root body.afour-site .decision-studies .study-2 > svg, :root body.afour-site .decision-studies .study-2 > :where(.elementor-widget) > svg, :root body.afour-site .decision-studies .study-2 > :where(.elementor-widget) > :where(.elementor-widget-container) > svg { grid-column: 2; grid-row: 1; } :root body.afour-site .decision-studies .study-2 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .study-2 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .study-2 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 1; grid-row: 1; } :root body.afour-site .decision-studies .study-3 { grid-template-columns: 34% 1fr; margin-right: 15%; gap: 10%; } :root body.afour-site .decision-studies .study-4 { grid-template-columns: 1fr 39%; margin-left: 18%; gap: 8%; margin-bottom: 0; } :root body.afour-site .decision-studies .study-4 > svg, :root body.afour-site .decision-studies .study-4 > :where(.elementor-widget) > svg, :root body.afour-site .decision-studies .study-4 > :where(.elementor-widget) > :where(.elementor-widget-container) > svg { grid-column: 2; grid-row: 1; } :root body.afour-site .decision-studies .study-4 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .study-4 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .study-4 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 1; grid-row: 1; } :root body.afour-site .semantic-illustration { display: block; width: 100%; height: auto; overflow: visible; } :root body.afour-site .semantic-illustration .thin { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } :root body.afour-site .semantic-illustration .accent-line { fill: none; stroke: var(--blue); stroke-width: 2; } :root body.afour-site .svg-label { font-family: Plex, Arial, sans-serif; font-size: 16px; text-anchor: middle; fill: var(--ink); } :root body.afour-site .svg-note { font-family: Plex, Arial, sans-serif; font-size: 16px; text-anchor: middle; fill: var(--cacao); } :root body.afour-site .svg-field { font-family: Plex, Arial, sans-serif; font-size: 22px; fill: var(--ink); } :root body.afour-site .preview-layout { position: relative; display: grid; grid-template-columns: 60% 32%; gap: 8%; align-items: start; margin-top: 55px; } :root body.afour-site .preview-specimen { position: relative; overflow: visible; background: var(--paper); border: 1px solid var(--ink); } :root body.afour-site .preview-cover { position: relative; } :root body.afour-site .preview-cover :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 3/2; } :root body.afour-site .preview-title { top: 22px; left: 24px; max-width: 48%; padding: 16px; background: var(--paper); } :root body.afour-site .preview-title h3 { font-size: clamp(23px, 2.4vw, 35px); line-height: 1.05; } :root body.afour-site .preview-title .eyebrow { font-size: 10px; } :root body.afour-site .preview-footer { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0 25px; border-bottom: 0; } :root body.afour-site .preview-region { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line) !important; font-size: 17px; position: relative; } :root body.afour-site .preview-region:last-child { border-bottom: 0 !important; } :root body.afour-site .region-number { display: inline-grid; place-items: center; font-family: Azeret, monospace; font-size: 11px; width: 28px; height: 28px; border: 1px solid var(--blue); border-radius: 50%; color: var(--blue); flex-shrink: 0; } :root body.afour-site .preview-callouts { display: block; padding-top: 130px; position: relative; z-index: 2; } :root body.afour-site .preview-callouts > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-bottom: 25px; font-size: 14px; } :root body.afour-site .preview-callout { padding: 0; margin: 0 0 34px; background: var(--ash); } :root body.afour-site .preview-callout h3 { font-size: 25px; gap: 13px; align-items: center; line-height: 1.2; } :root body.afour-site .preview-callout h3 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin: 0; flex-shrink: 0; } :root body.afour-site .preview-callout p { font-size: 17px; margin-top: 12px; } :root body.afour-site .annotation-lines, :root body.afour-site .service-lines, :root body.afour-site .cycle-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 1; fill: none; stroke: var(--blue); stroke-width: 1.5; } :root body.afour-site .annotation-lines circle { fill: var(--blue); stroke: var(--ash); stroke-width: 2; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) { margin-top: 48px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary { min-height: 48px; padding: 12px 0; max-width: 900px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) )[open] > .prose { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 48px; max-width: none; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose p { font-size: 18px; margin: 0; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process { display: flex; gap: 5%; margin: 28px 0 0; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process :is(li, div:where(.tag-li)) { flex: 1; margin: 0; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process p { font-size: 16px; } :root body.afour-site .service-routing { display: grid; grid-template-columns: 44% 44%; gap: 12%; align-items: center; position: relative; margin: 50px 0; } :root body.afour-site .service-routing .issue-routes { display: block; margin: 0; position: relative; z-index: 2; } :root body.afour-site .service-routing .issue-routes article { display: block; background: var(--paper); padding: 24px 0; border-top: 1px solid var(--ink); } :root body.afour-site .service-routing .issue-routes article h3 { margin: 10px 0 12px; } :root body.afour-site .service-routing .issue-routes article:after { display: none; } :root body.afour-site .service-routing .issue-routes article p { max-width: 390px; } :root body.afour-site .service-routing .resolution { position: relative; z-index: 2; margin: 0; padding: 30px 0; border-top: 2px solid var(--cacao); border-bottom: 1px solid var(--ink); background: var(--paper); text-align: left; } :root body.afour-site .service-routing .resolution h3 { font-size: 37px; margin: 22px 0; } :root body.afour-site .relationship { display: grid; grid-template-columns: 45% 49%; gap: 0 6%; } :root body.afour-site .relationship > .eyebrow, :root body.afour-site .relationship > :where(.elementor-widget) > .eyebrow, :root body.afour-site .relationship > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site .relationship > .relationship-route, :root body.afour-site .relationship > .actions { grid-column: 1 / -1; } :root body.afour-site .relationship > h1, :root body.afour-site .relationship > :where(.elementor-widget) > h1, :root body.afour-site .relationship > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { font-size: clamp(45px, 4.6vw, 68px); } :root body.afour-site .relationship-intro { margin-top: 8px; } :root body.afour-site .relationship-intro > .prose { font-size: 20px; max-width: 640px; } :root body.afour-site .relationship-route { margin-top: 35px; padding: 30px 0 0; border-top: 1px solid var(--ink); } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { gap: 8%; margin: 40px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { border: 0 !important; border-top: 1px solid var(--ink) !important; background: transparent !important; padding: 22px 0 0; min-height: 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) { border-top: 3px solid var(--cacao) !important; } :root body.afour-site .relationship-route .semantic-illustration { width: 110px; height: 100px; margin: 20px 0 5px; } :root body.afour-site .relationship-route h3 { font-size: 32px; margin: 10px 0 14px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { right: -20%; top: 100px; font-size: 34px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) h3 { text-decoration: underline; text-decoration-color: var(--cacao); text-underline-offset: 8px; text-decoration-thickness: 1px; } :root body.afour-site .relationship-route > p:last-child, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > p, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; max-width: 820px; border-left: 2px solid var(--cacao); padding-left: 18px; } :root body.afour-site .relationship > .actions { margin-top: 35px; } :root body.afour-site .fit .agenda { max-width: 1150px; } :root body.afour-site .fit .agenda-number { color: var(--cacao); } :root body.afour-site .fit .possible-outcomes { font-size: 26px; gap: 48px; } :root body.afour-site .agreement-ledger { display: block; margin-top: 55px; max-width: 1180px; } :root body.afour-site .agreement-ledger article { display: grid; grid-template-columns: 5% 30% 1fr; gap: 5%; padding: 28px 0; border-top: 1px solid var(--ink); align-items: baseline; } :root body.afour-site .agreement-ledger h3 { margin: 0; font-size: 29px; } :root body.afour-site .agreement-ledger p { font-size: 18px; line-height: 1.6; max-width: 60ch; } :root body.afour-site .agreement-ledger article:last-child { border-bottom: 1px solid var(--ink); } :root body.afour-site .records .stock-centre { border-radius: 0; border-width: 2px; } :root body.afour-site .continuity-layout { margin-top: 50px; } :root body.afour-site .evidence-route { display: grid; grid-template-columns: 34% 56%; gap: 34px 10%; position: relative; margin: 0 55px 35px 0; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) { border: 0; background: none; display: block; padding: 25px 0 0; min-height: 0; position: relative; z-index: 2; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)):after { display: none !important; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 32px; line-height: 1.15; margin-bottom: 17px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) p { font-size: 18px; max-width: 43ch; } :root body.afour-site .evidence-route .opening-order { grid-column: 1; grid-row: 1 / span 3; align-self: start; background: var(--cashmere); padding: 28px; border-top: 3px solid var(--cacao); } :root body.afour-site .evidence-route .cycle-evidence { grid-column: 2; grid-row: 1; border-top: 1px solid var(--blue); padding-left: 25px; background: var(--paper); } :root body.afour-site .evidence-route .cycle-review { grid-column: 2; grid-row: 2; border-top: 1px solid var(--blue); padding-left: 25px; background: var(--paper); } :root body.afour-site .evidence-route .cycle-decisions { grid-column: 2; grid-row: 3; border-top: 1px solid var(--blue); padding-left: 25px; background: var(--paper); } :root body.afour-site .cycle-lines { z-index: 1; overflow: visible; } :root body.afour-site .cycle-lines .return-path { stroke: var(--cacao); stroke-dasharray: 5 4; } :root body.afour-site .continuity-layout .prose { font-size: 18px; max-width: 1040px; display: grid; grid-template-columns: 1fr 1fr; gap: 45px; } :root body.afour-site .continuity-layout .prose p { margin: 0; } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) { border-top: 1px solid var(--ink); } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { max-width: none; display: grid; grid-template-columns: 30% 1fr 26%; gap: 6%; padding: 30px 0; background: transparent; border-bottom: 1px solid var(--line); } :root body.afour-site .report-sheet h3 { margin: 0; font-size: 37px; } :root body.afour-site .report-sheet :is(dl, div:where(.tag-dl)) { margin: 0; } :root body.afour-site .report-sheet .report-questions { border: 0; padding: 0; margin: 0; } :root body.afour-site .report-sheet > .caption, :root body.afour-site .report-sheet > :where(.elementor-widget) > .caption, :root body.afour-site .report-sheet > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { grid-column: 1 / -1; margin: 0; } :root body.afour-site .conditional-path > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conditional-path > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conditional-path > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border: 1px dashed var(--ink); padding: 23px; } :root body.afour-site .next-step .branch-note { margin-left: 0; max-width: 800px; } :root body.afour-site .contact-intro { display: grid; grid-template-columns: 50% 43%; gap: 0 7%; } :root body.afour-site .contact-intro > .eyebrow, :root body.afour-site .contact-intro > :where(.elementor-widget) > .eyebrow, :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site .contact-intro > .company-contact { grid-column: 1 / -1; } :root body.afour-site .contact-intro > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { font-size: clamp(48px, 6.2vw, 90px); } :root body.afour-site .contact-intro .prose { margin: 20px 0 0; max-width: 600px; } :root body.afour-site .company-contact { margin-top: 40px; padding-top: 26px; } :root body.afour-site .enquiry .static-demo-form { max-width: 1000px; } :root body.afour-site .static-demo-form > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .static-demo-form > :where(.elementor-widget) > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .static-demo-form > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .static-demo-form > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.button, .elementor-button:where(.afour-button *)), :root body.afour-site .static-demo-form > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.button, .elementor-button:where(.afour-button *)) { margin-top: 28px; } :root body.afour-site .site-footer { border-top: 1px solid var(--ash); } :root body.afour-site .dark a:focus-visible, :root body.afour-site .site-header a:focus-visible, :root body.afour-site .site-header summary:focus-visible, :root body.afour-site .site-footer a:focus-visible, :root body.afour-site .site-footer summary:focus-visible { outline-color: var(--paper); } @media (max-width: 1100px) { :root body.afour-site .category-spread { grid-template-columns: 1fr 1fr; gap: 40px 35px; } :root body.afour-site .category-spread .category-1, :root body.afour-site .category-spread .category-3 { padding-top: 70px; } :root body.afour-site .category-spread .category-2 { padding-top: 0; } :root body.afour-site .category-spread .category :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/4.5; } :root body.afour-site .preview-callouts { padding-top: 65px; } :root body.afour-site .preview-title h3 { font-size: 25px; } :root body.afour-site .relationship-intro > .prose { font-size: 18px; } :root body.afour-site .relationship-route h3 { font-size: 27px; } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { grid-template-columns: 1fr 1fr; gap: 30px; } :root body.afour-site .report-sheet h3 { grid-column: 1 / -1; } :root body.afour-site .decision-studies .micro-scene { gap: 5%; } :root body.afour-site .agreement-ledger article { grid-template-columns: 5% 33% 1fr; gap: 4%; } } @media (max-width: 800px) { :root body.afour-site .context { display: block; } :root body.afour-site .context .signal { margin-top: 42px; max-width: none; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; } :root body.afour-site .invitation { grid-template-columns: 15% 1fr; gap: 0 6%; } :root body.afour-site .invitation > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > :where(.elementor-widget-container) > .brand-emblem { width: 95px; height: 31px; } :root body.afour-site .preview-layout { display: block; } :root body.afour-site .preview-callouts { padding-top: 0; margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } :root body.afour-site .preview-callouts > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > .caption, :root body.afour-site .preview-callouts > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { grid-column: 1 / -1; margin-bottom: 0; } :root body.afour-site .preview-callout { border-top: 1px solid var(--blue); padding-top: 20px; margin: 0; } :root body.afour-site .preview-callout h3 { display: block; font-size: 23px; } :root body.afour-site .preview-callout h3 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-bottom: 12px; } :root body.afour-site .preview-callout p { font-size: 16px; } :root body.afour-site .annotation-lines { display: none; } :root body.afour-site .preview-footer { display: flex; flex-direction: row; gap: 20px; padding: 15px 20px; } :root body.afour-site .preview-region { border: 0 !important; flex: 1; display: block; font-size: 14px; padding: 0; } :root body.afour-site .region-number { margin-bottom: 8px; } :root body.afour-site .preview-title h3 { font-size: 30px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) )[open] > .prose { display: block; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose p + p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose p + :where(.elementor-widget) > p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose :where(.elementor-widget):has(> p) + p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 20px; } :root body.afour-site .service-routing { grid-template-columns: 45% 43%; gap: 12%; } :root body.afour-site .service-routing .resolution h3 { font-size: 30px; } :root body.afour-site .relationship { display: block; } :root body.afour-site .relationship h1 { max-width: 680px; } :root body.afour-site .relationship-intro > .prose { max-width: none; font-size: 20px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { padding: 20px 0 0; } :root body.afour-site .relationship-route h3 { font-size: 25px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { right: -22%; top: 100px; } :root body.afour-site .decision-studies .micro-scene { grid-template-columns: 38% 1fr; margin-left: 0; margin-right: 0; gap: 5%; } :root body.afour-site .decision-studies .study-2, :root body.afour-site .decision-studies .study-4 { grid-template-columns: 1fr 38%; } :root body.afour-site .decision-studies .micro-scene h3 { font-size: 29px; } :root body.afour-site .contact-intro { display: block; } :root body.afour-site .contact-intro .prose { margin-top: 30px; max-width: 660px; } :root body.afour-site .company-contact { display: flex; align-items: flex-start; gap: 30px; } :root body.afour-site .company-contact p + p, :root body.afour-site .company-contact p + :where(.elementor-widget) > p, :root body.afour-site .company-contact p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin: 0; } :root body.afour-site .company-contact a { font-size: 28px; } } @media (max-width: 600px) { :root body.afour-site .review-status { font-size: 11px; padding: 10px var(--gutter); } :root body.afour-site .hero-copy { padding-left: var(--gutter); padding-right: var(--gutter); } :root body.afour-site .hero-copy h1 { font-size: 43px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: auto; min-height: 0; aspect-ratio: 4/4.5; } :root body.afour-site .hero-visual img { object-position: 50% 50%; } :root body.afour-site .context-title h2 { font-size: 40px; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { aspect-ratio: 1.2; } :root body.afour-site .context-world img { object-position: 57% 50%; } :root body.afour-site .context .signal { margin-top: 40px; } :root body.afour-site .invitation { display: block; } :root body.afour-site .invitation > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > .brand-emblem, :root body.afour-site .invitation > :where(.elementor-widget) > :where(.elementor-widget-container) > .brand-emblem { width: 130px; height: 42.5px; margin: 0 0 35px; } :root body.afour-site .invitation h2 { font-size: 43px; } :root body.afour-site .invitation > .actions { margin-top: 30px; } :root body.afour-site .invitation :is(.text-link, .elementor-button:where(.afour-text-link *)) { max-width: 100%; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) { grid-template-columns: 1fr; padding-left: 0; gap: 16px; } :root body.afour-site .stage-number { font-size: 38px; } :root body.afour-site .future-format-groups { gap: 18px; } :root body.afour-site .future-format-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 20px; } :root body.afour-site .category-spread { display: block; margin-top: 40px; } :root body.afour-site .category-spread .category { padding: 0; margin: 0 0 38px; width: 100%; } :root body.afour-site .category-spread .category-1 { width: 84%; margin-left: 16%; } :root body.afour-site .category-spread .category-3 { width: 88%; margin-left: 12%; } :root body.afour-site .category-spread .category :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site .category-spread .category-0 :is(picture, div:where(.tag-picture)) { aspect-ratio: 1.15; } :root body.afour-site .category-spread .category-1 :is(picture, div:where(.tag-picture)) { aspect-ratio: 1; } :root body.afour-site .category-spread .category-3 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site .category h3 { font-size: 25px; } :root body.afour-site .journey-spread { display: block; } :root body.afour-site .product-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site .compare-specimen :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 1.3; } :root body.afour-site .specimen-copy { padding: 20px 16px; } :root body.afour-site .specimen-copy td, :root body.afour-site .specimen-copy th { font-size: 13px; } :root body.afour-site .decision-studies { margin-top: 38px; } :root body.afour-site .decision-studies .micro-scene { display: flex; flex-direction: column; gap: 20px; margin: 0 0 48px; } :root body.afour-site .decision-studies .micro-scene > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { order: 1; width: 100%; padding-top: 22px; } :root body.afour-site .decision-studies .micro-scene > svg, :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget) > svg, :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget) > :where(.elementor-widget-container) > svg { order: 2; width: 100%; } :root body.afour-site .decision-studies .micro-scene h3 { font-size: 30px; max-width: 95%; margin: 13px 0 20px; } :root body.afour-site .decision-studies .micro-scene p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .decision-studies .micro-scene:last-child { margin-bottom: 0; } :root body.afour-site .preview-cover :is(picture, div:where(.tag-picture)) { aspect-ratio: 1.12; } :root body.afour-site .preview-cover img { object-position: 57% 50%; } :root body.afour-site .preview-title { position: static; max-width: none; padding: 20px; background: var(--paper); border-bottom: 1px solid var(--line); } :root body.afour-site .preview-title h3 { font-size: 29px; } :root body.afour-site .preview-cover { display: flex; flex-direction: column-reverse; } :root body.afour-site .preview-footer { display: block; padding: 0 18px; } :root body.afour-site .preview-region { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line) !important; font-size: 16px; } :root body.afour-site .region-number { margin: 0; } :root body.afour-site .preview-callouts { display: block; margin-top: 26px; } :root body.afour-site .preview-callout { padding-top: 20px; margin-top: 24px; border-left: 2px solid var(--blue); padding-left: 18px; } :root body.afour-site .preview-callout h3 { display: flex; font-size: 25px; } :root body.afour-site .preview-callout h3 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin: 0; } :root body.afour-site .preview-callout p { font-size: 17px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process { display: block; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .preview-process :is(li, div:where(.tag-li)) { margin-top: 22px; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) > .prose p { font-size: 17px; } :root body.afour-site .service-routing { display: block; margin-top: 35px; } :root body.afour-site .service-routing .issue-routes article { padding: 24px 0; } :root body.afour-site .service-routing .resolution { margin-top: 28px; padding-top: 26px; } :root body.afour-site .service-routing .resolution h3 { font-size: 30px; } :root body.afour-site .service-lines { display: none; } :root body.afour-site .relationship h1 { font-size: 44px; } :root body.afour-site .relationship-intro > .prose { font-size: 19px; } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { display: block; margin: 30px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: 85px 1fr; column-gap: 20px; margin: 0 0 42px; padding-top: 22px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > .eyebrow, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > .eyebrow, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1 / -1; } :root body.afour-site .relationship-route .semantic-illustration { width: 80px; height: 82px; grid-column: 1; grid-row: 2 / span 2; margin: 10px 0; } :root body.afour-site .relationship-route h3 { grid-column: 2; font-size: 26px; margin: 14px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { grid-column: 2; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { content: "↓"; top: auto; bottom: -38px; right: auto; left: 35px; font-size: 28px; } :root body.afour-site .relationship-route > p:last-child, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > p, :root body.afour-site .relationship-route > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 16px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) h3 { text-underline-offset: 6px; } :root body.afour-site .fit .possible-outcomes { font-size: 23px; gap: 25px; } :root body.afour-site .agenda article { grid-template-columns: 38px 1fr; gap: 18px; } :root body.afour-site .agreement-ledger article { display: block; padding: 26px 0; margin: 0 !important; } :root body.afour-site .agreement-ledger h3 { margin: 14px 0 20px; font-size: 28px; } :root body.afour-site .agreement-ledger p { font-size: 17px; } :root body.afour-site .evidence-route { display: block; margin: 0 28px 36px 0; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) { margin: 0 0 35px; padding: 22px 0 22px 20px; } :root body.afour-site .evidence-route .opening-order { padding: 24px; margin-bottom: 50px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 28px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) p { font-size: 17px; } :root body.afour-site .evidence-route .cycle-decisions { margin-bottom: 0; } :root body.afour-site .continuity-layout .prose { display: block; } :root body.afour-site .continuity-layout .prose p + p, :root body.afour-site .continuity-layout .prose p + :where(.elementor-widget) > p, :root body.afour-site .continuity-layout .prose p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .continuity-layout .prose :where(.elementor-widget):has(> p) + p, :root body.afour-site .continuity-layout .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .continuity-layout .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .continuity-layout .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .continuity-layout .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .continuity-layout .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 20px; } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { display: block; } :root body.afour-site .report-sheet :is(dl, div:where(.tag-dl)) { margin-top: 26px; } :root body.afour-site .report-sheet .report-questions { margin-top: 25px; border-top: 1px solid var(--ink); padding-top: 20px; } :root body.afour-site .report-sheet > .caption, :root body.afour-site .report-sheet > :where(.elementor-widget) > .caption, :root body.afour-site .report-sheet > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 25px; } :root body.afour-site .report-sheet h3 { font-size: 32px; } :root body.afour-site .conditional-path > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conditional-path > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .conditional-path > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 22px; } :root body.afour-site .company-contact { display: block; } :root body.afour-site .company-contact p + p, :root body.afour-site .company-contact p + :where(.elementor-widget) > p, :root body.afour-site .company-contact p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .company-contact :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; } :root body.afour-site .company-contact a { font-size: 26px; } :root body.afour-site .contact-intro > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { font-size: 48px; } :root body.afour-site .enquiry > h2, :root body.afour-site .enquiry > :where(.elementor-widget) > h2, :root body.afour-site .enquiry > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 42px; } :root body.afour-site .field label { font-size: 16px; } :root body.afour-site .helper { font-size: 15px; } } @media (max-width: 350px) { :root body.afour-site .hero-copy h1 { font-size: 38px; } :root body.afour-site .context-title h2 { font-size: 37px; } :root body.afour-site .invitation h2 { font-size: 39px; } :root body.afour-site .relationship h1 { font-size: 40px; } :root body.afour-site .contact-intro > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { font-size: 43px; } :root body.afour-site .company-contact a { font-size: 23px; } :root body.afour-site .fit .possible-outcomes { font-size: 21px; gap: 18px; } :root body.afour-site .preview-callout h3 { font-size: 24px; } :root body.afour-site .relationship-route h3 { font-size: 24px; } :root body.afour-site .evidence-route { margin-right: 22px; } :root body.afour-site .evidence-route :is(li, div:where(.tag-li)) p { font-size: 17px; } } @media print { :root body.afour-site .annotation-lines, :root body.afour-site .service-lines, :root body.afour-site .cycle-lines { display: none; } :root body.afour-site .review-status { display: none; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) { break-inside: auto; } :root body.afour-site .scene { break-inside: auto; } :root body.afour-site .site-header { height: auto; min-height: 96px; } } :root body.afour-site #P05 .evidence-route > :is(li, div:where(.tag-li)).opening-order { grid-column: 1; grid-row: 1 / span 3; } :root body.afour-site #P05 .evidence-route > :is(li, div:where(.tag-li)).cycle-evidence { grid-column: 2; grid-row: 1; } :root body.afour-site #P05 .evidence-route > :is(li, div:where(.tag-li)).cycle-review { grid-column: 2; grid-row: 2; } :root body.afour-site #P05 .evidence-route > :is(li, div:where(.tag-li)).cycle-decisions { grid-column: 2; grid-row: 3; } :root body.afour-site .decision-studies .study-1 .svg-label { font-size: 18px; } :root body.afour-site .decision-studies .study-1 .svg-note { font-size: 17px; } @media (max-width: 600px) { :root body.afour-site #P05 .evidence-route > :is(li, div:where(.tag-li)) { grid-column: auto; grid-row: auto; } } @media (max-width: 600px) { :root body.afour-site .decision-studies .svg-label, :root body.afour-site .decision-studies .study-1 .svg-label { font-size: 22px; } :root body.afour-site .decision-studies .svg-note, :root body.afour-site .decision-studies .study-1 .svg-note { font-size: 22px; } :root body.afour-site .decision-studies .svg-field { font-size: 24px; } } :root body.afour-site .hero-copy .wholesale-intent { border-left: 3px solid #55260d; padding: 0 0 0 22px; margin-top: 28px; max-width: 55ch; } :root body.afour-site .hero-copy .wholesale-intent p { font-size: 19px; line-height: 1.55; color: #55260d; } :root body.afour-site .hero-copy h1 { font-size: clamp(40px, 4.1vw, 62px); } :root body.afour-site .context { display: block; } :root body.afour-site .context-main { display: grid; grid-template-columns: 40% 54%; gap: 0 6%; align-items: start; } :root body.afour-site .context-title h2 { font-size: clamp(38px, 4.05vw, 60px); } :root body.afour-site .context-world { margin: 0; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { aspect-ratio: 2/1; max-height: 290px; } :root body.afour-site .context-world img { object-position: 52% 50%; } :root body.afour-site .context-world .intentions { margin-top: 24px; gap: 24px; } :root body.afour-site .context-main > .actions { grid-column: 1; grid-row: 2; align-self: end; margin-top: 30px; } :root body.afour-site .source-foundation { border-top: 3px solid var(--blue); padding-top: 24px; margin-top: 26px; position: relative; } :root body.afour-site .source-foundation:before, :root body.afour-site .source-foundation:after { content: ""; position: absolute; width: 1px; height: 20px; background: var(--blue); top: -23px; left: 25%; } :root body.afour-site .source-foundation:after { left: 75%; } :root body.afour-site .source-foundation h3 { font-size: 28px; line-height: 1.15; margin: 12px 0 18px; } :root body.afour-site .source-foundation p:not(.eyebrow) { font-size: 17px; line-height: 1.55; margin: 0 0 16px; } :root body.afour-site .source-foundation :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; } :root body.afour-site .context .signal { display: grid; grid-template-columns: 1fr 1.7fr 1.2fr; column-gap: 38px; align-items: start; margin-top: 50px; padding-top: 26px; max-width: none; } :root body.afour-site .signal > .eyebrow, :root body.afour-site .signal > :where(.elementor-widget) > .eyebrow, :root body.afour-site .signal > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; margin-bottom: 16px; } :root body.afour-site .signal .signal-main { grid-column: 1/3; display: grid; grid-template-columns: 35% 1fr; gap: 32px; align-items: center; } :root body.afour-site .signal-main .signal-value { font-size: 82px; line-height: 1; margin: 0; } :root body.afour-site .signal > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 15px; line-height: 1.55; margin: 0; } :root body.afour-site .signal > p:last-child, :root body.afour-site .signal > :where(.elementor-widget):last-child > p, :root body.afour-site .signal > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { grid-column: 3; margin-top: 12px; } :root body.afour-site .signal-main .caption { font-size: 13px; } :root body.afour-site .category-spread { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; align-items: start; } :root body.afour-site .category-spread .category { padding-top: 0; } :root body.afour-site .category-spread .category-1, :root body.afour-site .category-spread .category-3 { padding-top: 42px; } :root body.afour-site .category-spread .category :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site .category-spread .category-0 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site .category-spread .category-2 img, :root body.afour-site .category-spread .category-3 img { object-fit: contain; } :root body.afour-site .category h3 { font-size: 23px; } :root body.afour-site .journey details:not([open]) { margin-top: 20px; } :root body.afour-site .journey summary { cursor: pointer; } :root body.afour-site .product-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site .compare-specimen :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; } :root body.afour-site .decision-studies .micro-scene > .information-fields, :root body.afour-site .decision-studies .micro-scene > .makeup-fields { border: 0; padding: 0; } :root body.afour-site .information-fields :is(dl, div:where(.tag-dl)) { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 30px; margin: 25px 0; } :root body.afour-site .information-fields :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .information-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .information-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--ink); padding-top: 14px; } :root body.afour-site .information-fields :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; } :root body.afour-site .information-fields :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; margin: 9px 0 0; line-height: 1.4; } :root body.afour-site .information-fields > .caption, :root body.afour-site .information-fields > :where(.elementor-widget) > .caption, :root body.afour-site .information-fields > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { color: var(--blue); font-size: 15px !important; } :root body.afour-site .decision-studies .study-2 > .makeup-fields { grid-column: 2; grid-row: 1; } :root body.afour-site .decision-studies .study-2 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .study-2 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .study-2 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 1; grid-row: 1; } :root body.afour-site .makeup-example { display: grid; grid-template-columns: 90px 1fr; gap: 12px 16px; padding: 16px 0; border-bottom: 1px solid var(--line); align-items: center; } :root body.afour-site .makeup-example > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .makeup-example > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .makeup-example > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 18px; } :root body.afour-site .makeup-example > small { grid-column: 2; font-size: 14px; } :root body.afour-site .shade-range, :root body.afour-site .undertone-pair, :root body.afour-site .finish-pair { display: flex; gap: 8px; height: 34px; } :root body.afour-site .makeup-example i { display: block; flex: 1; border-radius: 0; } :root body.afour-site .shade-range i:nth-child(1) { background: #e3bd9d; } :root body.afour-site .shade-range i:nth-child(2) { background: #be8967; } :root body.afour-site .shade-range i:nth-child(3) { background: #955638; } :root body.afour-site .shade-range i:nth-child(4) { background: #55260d; } :root body.afour-site .undertone-pair i:first-child { background: #bc9164; } :root body.afour-site .undertone-pair i:last-child { background: #b88780; } :root body.afour-site .finish-pair i:first-child { background: #ad7561; } :root body.afour-site .finish-pair i:last-child { background: linear-gradient(110deg, #ad7561 20%, #efd3c5 40%, #ad7561 65%); } :root body.afour-site .makeup-fields > .caption, :root body.afour-site .makeup-fields > :where(.elementor-widget) > .caption, :root body.afour-site .makeup-fields > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { font-size: 14px !important; line-height: 1.5 !important; margin-top: 16px; } :root body.afour-site .campaign-intro { display: grid; grid-template-columns: 34% 1fr; gap: 6%; margin: 38px 0 32px; border-top: 1px solid var(--ink); padding-top: 22px; } :root body.afour-site .campaign-intro > p:last-child, :root body.afour-site .campaign-intro > :where(.elementor-widget):last-child > p, :root body.afour-site .campaign-intro > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 20px; line-height: 1.5; max-width: 58ch; margin: 0; } :root body.afour-site .campaign-board { display: grid; grid-template-columns: 1.06fr 1fr; gap: 38px 6%; position: relative; align-items: start; } :root body.afour-site .campaign-scene { position: relative; min-width: 0; } :root body.afour-site .campaign-story { grid-row: 1/3; } :root body.afour-site .campaign-visual { position: relative; } :root body.afour-site .story-visual { border: 12px solid var(--cacao); background: var(--cacao); } :root body.afour-site .story-visual :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/5; } :root body.afour-site .story-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 58% 50%; display: block; } :root body.afour-site .campaign-title { background: var(--paper); padding: 20px 24px 25px; } :root body.afour-site .campaign-title .eyebrow { font-size: 10px; margin: 0 0 12px; } :root body.afour-site .campaign-title > p:last-child, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > p, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 48px; line-height: 1.03; margin: 0; } :root body.afour-site .campaign-title em { font-family: BonVItalicAll, serif; font-weight: normal; } :root body.afour-site .campaign-annotation { padding: 27px 0 0 26px; position: relative; } :root body.afour-site .campaign-annotation h3 { display: flex; gap: 12px; align-items: center; font-size: 26px; line-height: 1.2; margin: 0 0 14px; background: var(--ash); position: relative; z-index: 2; } :root body.afour-site .campaign-annotation h3 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .campaign-annotation h3 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .campaign-annotation h3 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 12px; line-height: 28px; width: 28px; height: 28px; text-align: center; border: 1px solid var(--blue); border-radius: 50%; flex-shrink: 0; color: var(--blue); } :root body.afour-site .campaign-annotation p { font-size: 17px; line-height: 1.55; margin: 0; max-width: 50ch; } :root body.afour-site .campaign-leaders { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: var(--blue); stroke-width: 1.4; pointer-events: none; z-index: 1; } :root body.afour-site .campaign-leaders circle { fill: var(--blue); stroke: var(--ash); stroke-width: 2; } :root body.afour-site .commerce-visual { background: var(--paper); border: 1px solid var(--ink); } :root body.afour-site .browser-bar { font-family: Azeret, monospace; font-size: 10px; letter-spacing: 0.025em; border-bottom: 1px solid var(--ink); padding: 11px 16px; margin: 0; } :root body.afour-site .commerce-body { display: grid; grid-template-columns: 43% 1fr; gap: 20px; padding: 18px; align-items: start; } :root body.afour-site .commerce-body :is(picture, div:where(.tag-picture)) { display: block; width: 100%; aspect-ratio: 4/5; } :root body.afour-site .commerce-body img { width: 100%; height: 100%; object-fit: cover; display: block; } :root body.afour-site .commerce-body .eyebrow { font-size: 9px; margin-bottom: 12px; } :root body.afour-site .commerce-body h4 { font-size: 23px; line-height: 1.12; margin: 0 0 13px; font-weight: 400; } :root body.afour-site .commerce-body p:not(.eyebrow) { font-size: 14px; line-height: 1.45; margin: 0 0 14px; } :root body.afour-site .commerce-body :is(dl, div:where(.tag-dl)) { margin: 0; } :root body.afour-site .commerce-body :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 13px; border-top: 1px solid var(--line); padding-top: 10px; } :root body.afour-site .commerce-body :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 12px; line-height: 1.4; margin: 6px 0 14px; } :root body.afour-site .discovery-visual { padding: 22px 0 0 22px; } :root body.afour-site .editorial-spread { display: grid; grid-template-columns: 38% 1fr; background: var(--paper); box-shadow: -10px -10px 0 #b8b6af; border: 1px solid #aaa79e; } :root body.afour-site .editorial-picture { align-self: stretch; } :root body.afour-site .editorial-picture :is(picture, div:where(.tag-picture)), :root body.afour-site .editorial-picture img { display: block; width: 100%; height: 100%; min-height: 200px; object-fit: cover; object-position: 63% 50%; } :root body.afour-site .editorial-copy { padding: 18px 18px 20px; } :root body.afour-site .editorial-copy .eyebrow { font-size: 9px; margin: 0 0 18px; } :root body.afour-site .editorial-copy h4 { font-size: 29px; line-height: 1.06; font-weight: 400; margin: 0 0 20px; } :root body.afour-site .editorial-copy > p:not(.eyebrow), :root body.afour-site .editorial-copy > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .editorial-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 13px; line-height: 1.5; margin: 0 0 12px; } :root body.afour-site .editorial-copy .editorial-rule { border-top: 1px solid var(--cacao); padding-top: 14px; } :root body.afour-site .education-strip { border-bottom: 2px solid var(--blue); padding: 18px 0 14px; } :root body.afour-site .education-strip .eyebrow { font-size: 10px; margin: 0 0 10px; } :root body.afour-site .education-strip p:last-child, :root body.afour-site .education-strip :where(.elementor-widget):last-child > p, :root body.afour-site .education-strip :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 14px; line-height: 1.5; margin: 0; } :root body.afour-site .activation-copy { border-top: 1px solid var(--ink); padding-top: 26px; margin-top: 44px; } :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 1fr 1fr; gap: 6%; } :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.55; margin: 0; } :root body.afour-site .activation-copy > .caption, :root body.afour-site .activation-copy > :where(.elementor-widget) > .caption, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 23px; max-width: 95ch; } :root body.afour-site .preview-scene :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) { margin-top: 24px; } :root body.afour-site .preview-scene :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) summary, :root body.afour-site .product-trust summary { cursor: pointer; } :root body.afour-site .preview-scene :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .prose { margin-top: 26px; } :root body.afour-site .balanced-heading { display: grid; grid-template-columns: 47% 47%; gap: 6%; align-items: start; } :root body.afour-site .balanced-heading h2 { font-size: clamp(40px, 4.25vw, 64px); margin: 0; } :root body.afour-site .balanced-heading > .prose { max-width: 53ch; margin: 0; padding-top: 6px; } :root body.afour-site .balanced-heading .prose p { font-size: 19px; line-height: 1.6; margin: 0 0 20px; } :root body.afour-site .care-route { display: grid; grid-template-columns: 38% 53%; gap: 0 9%; margin-top: 56px; } :root body.afour-site .care-inputs { position: relative; padding-right: 24px; border-right: 1px solid var(--blue); } :root body.afour-site .care-inputs:after { content: "→"; position: absolute; right: -28px; top: 44px; background: var(--paper); color: var(--blue); font-size: 32px; padding: 0 12px; } :root body.afour-site .care-inputs article { border-top: 1px solid var(--ink); padding: 22px 0; } :root body.afour-site .care-inputs h3 { font-size: 26px; margin: 0 0 12px; } :root body.afour-site .care-inputs p:not(.eyebrow) { font-size: 17px; line-height: 1.55; margin: 0; } :root body.afour-site .care-assessment { border-top: 3px solid var(--blue); padding-top: 22px; } :root body.afour-site .care-assessment h3 { font-size: 32px; line-height: 1.15; margin: 18px 0; } :root body.afour-site .care-assessment > p:last-child, :root body.afour-site .care-assessment > :where(.elementor-widget):last-child > p, :root body.afour-site .care-assessment > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.55; max-width: 46ch; } :root body.afour-site .responsibility-route { list-style: none; margin: 30px 0 0; padding: 0 0 0 26px; border-left: 1px solid var(--blue); } :root body.afour-site .responsibility-route :is(li, div:where(.tag-li)) { padding: 0 0 25px 16px; position: relative; } :root body.afour-site .responsibility-route :is(li, div:where(.tag-li)):before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); position: absolute; left: -30px; top: 6px; } :root body.afour-site .responsibility-route h3 { font-size: 24px; margin: 10px 0 12px; } :root body.afour-site .responsibility-route p { font-size: 17px; line-height: 1.5; margin: 0; max-width: 50ch; } :root body.afour-site .care-qualification { grid-column: 1/-1; border-top: 1px solid var(--ink); padding-top: 20px; font-size: 15px; line-height: 1.55; margin: 18px 0 28px; max-width: 100ch; } :root body.afour-site .partnership-anchor { margin: 30px 0 0; } :root body.afour-site .partnership-anchor :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 2.2/1; } :root body.afour-site .partnership-anchor img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 53% 61%; } :root body.afour-site .partnership-anchor :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.45; margin-top: 12px; max-width: 65ch; } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { gap: 6%; margin: 30px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { position: relative; } :root body.afour-site .relationship-route h3 { font-size: 30px; line-height: 1.15; margin: 22px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.55; max-width: 35ch; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) { border-top: 3px solid var(--cacao) !important; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):nth-child(2) h3 { color: var(--cacao); text-decoration: none; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { top: 68px; right: -15%; color: var(--blue); } :root body.afour-site .channel-status { margin: 0; } :root body.afour-site .channel-status > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .channel-status > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .channel-status > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 12px 0; border-top: 1px solid var(--line); } :root body.afour-site .channel-status :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 16px; } :root body.afour-site .channel-status :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 15px; margin: 5px 0 0; line-height: 1.4; } :root body.afour-site .channel-status > div:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .channel-status > :where(.elementor-widget):first-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .channel-status > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 0; border: 0; } :root body.afour-site .relationship > .evidence-distinction, :root body.afour-site .relationship > .product-trust { grid-column: 1/-1; } :root body.afour-site .evidence-distinction { border-top: 1px solid var(--ink); padding-top: 26px; margin-top: 16px; } :root body.afour-site .evidence-distinction :is(dl, div:where(.tag-dl)) { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6%; margin: 25px 0; } :root body.afour-site .evidence-distinction :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; line-height: 1.2; } :root body.afour-site .evidence-distinction :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 12px 0 0; font-size: 16px; line-height: 1.55; } :root body.afour-site .evidence-distinction > p:last-child, :root body.afour-site .evidence-distinction > :where(.elementor-widget):last-child > p, :root body.afour-site .evidence-distinction > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 15px; } :root body.afour-site .product-trust { border-top: 1px solid var(--line); padding-top: 10px; margin-top: 15px; } :root body.afour-site .product-trust > summary { font-size: 18px; min-height: 48px; padding: 14px 0; } :root body.afour-site .product-trust > .prose { max-width: 90ch; margin-top: 20px; } :root body.afour-site .product-trust > .prose p { font-size: 17px; line-height: 1.6; } :root body.afour-site .fit .agenda article { padding-top: 28px; padding-bottom: 28px; } :root body.afour-site .fit .agenda article:nth-child(2) { margin-left: 7%; } :root body.afour-site .fit .agenda article:nth-child(3) { margin-left: 14%; } :root body.afour-site .fit .possible-outcomes { margin-top: 38px; } :root body.afour-site #P05 .opening-order span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { color: var(--cacao); } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { grid-template-columns: 38% 1fr; } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary { cursor: pointer; } :root body.afour-site .continuity-layout :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) { margin-top: 30px; } :root body.afour-site .next-step .conversation-route { margin-top: 48px; } :root body.afour-site .next-step .branch-note { font-size: 17px; line-height: 1.6; margin-top: 28px; } :root body.afour-site .contact-intro > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { font-size: clamp(44px, 5.8vw, 84px); } :root body.afour-site .contact-intro > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .contact-intro > :where(.elementor-widget) > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: inline-block; } @media (max-width: 1100px) { :root body.afour-site .context-main { grid-template-columns: 42% 52%; } :root body.afour-site .context-title h2 { font-size: 43px; } :root body.afour-site .category-spread { grid-template-columns: 1fr 1fr; } :root body.afour-site .campaign-board { gap: 35px 5%; } :root body.afour-site .campaign-title > p:last-child, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > p, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 39px; } :root body.afour-site .commerce-body { display: block; } :root body.afour-site .commerce-body :is(picture, div:where(.tag-picture)) { max-height: 210px; aspect-ratio: 1.2; } :root body.afour-site .commerce-body img { object-fit: contain; } :root body.afour-site .commerce-body > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .commerce-body > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .commerce-body > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 20px; } :root body.afour-site .campaign-annotation h3 { font-size: 23px; } :root body.afour-site .balanced-heading { gap: 5%; grid-template-columns: 47.5% 47.5%; } :root body.afour-site .balanced-heading h2 { font-size: 43px; } :root body.afour-site .relationship-route h3 { font-size: 26px; } } @media (max-width: 800px) { :root body.afour-site .context-main { display: block; } :root body.afour-site .context-world { margin-top: 30px; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { aspect-ratio: 2/1; } :root body.afour-site .context-main > .actions { margin-top: 26px; } :root body.afour-site .context .signal { grid-template-columns: 1fr 1fr; gap: 20px; } :root body.afour-site .signal .signal-main { grid-column: 1/-1; grid-template-columns: 27% 1fr; } :root body.afour-site .signal > p:last-child, :root body.afour-site .signal > :where(.elementor-widget):last-child > p, :root body.afour-site .signal > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { grid-column: auto; margin: 0; } :root body.afour-site .campaign-board { grid-template-columns: 1fr 1fr; gap: 35px 5%; } :root body.afour-site .campaign-title > p:last-child, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > p, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 32px; } :root body.afour-site .campaign-title { padding: 18px; } :root body.afour-site .story-visual { border-width: 8px; } :root body.afour-site .editorial-spread { display: block; } :root body.afour-site .editorial-picture { display: none; } :root body.afour-site .campaign-annotation { padding-left: 20px; } :root body.afour-site .campaign-annotation h3 { font-size: 22px; } :root body.afour-site .campaign-annotation p { font-size: 16px; } :root body.afour-site .campaign-intro { grid-template-columns: 1fr; gap: 12px; } :root body.afour-site .balanced-heading h2 { font-size: 38px; } :root body.afour-site .balanced-heading > .prose p { font-size: 17px; } :root body.afour-site .care-route { grid-template-columns: 39% 53%; gap: 0 8%; } :root body.afour-site .care-inputs { padding-right: 18px; } :root body.afour-site .care-inputs h3 { font-size: 23px; } :root body.afour-site .care-assessment h3 { font-size: 28px; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; } :root body.afour-site .relationship-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 5%; margin-top: 28px; } :root body.afour-site .partnership-anchor { margin-top: 0; } :root body.afour-site .partnership-anchor :is(picture, div:where(.tag-picture)) { aspect-ratio: 1; } :root body.afour-site .partnership-anchor img { object-position: 63% 50%; } :root body.afour-site .relationship-intro > .prose { font-size: 18px; } :root body.afour-site .relationship-route { margin-top: 36px; } :root body.afour-site .evidence-distinction :is(dl, div:where(.tag-dl)) { gap: 4%; } :root body.afour-site .evidence-distinction :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 19px; } } @media (max-width: 600px) { :root body.afour-site .hero-copy { padding-top: 40px; padding-bottom: 30px; } :root body.afour-site .hero-copy h1 { font-size: 41px; line-height: 1.08; } :root body.afour-site .hero-copy .hero-lead { font-size: 18px; } :root body.afour-site .hero-copy .wholesale-intent { margin-top: 24px; padding-left: 16px; } :root body.afour-site .hero-copy .wholesale-intent p { font-size: 17px; line-height: 1.55; } :root body.afour-site .hero-copy .actions { margin-top: 28px; gap: 16px; } :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { aspect-ratio: 1.12; max-height: 370px; object-position: 50% 48%; } :root body.afour-site .hero-bottom { padding-top: 28px; padding-bottom: 34px; } :root body.afour-site .context-title h2 { font-size: 38px; } :root body.afour-site .context-world :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; max-height: 240px; } :root body.afour-site .context-world .intentions { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } :root body.afour-site .intentions h3 { font-size: 23px; } :root body.afour-site .intentions p:not(.eyebrow) { font-size: 16px; } :root body.afour-site .intentions .eyebrow { font-size: 10px; } :root body.afour-site .source-foundation h3 { font-size: 27px; } :root body.afour-site .source-foundation p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .context .signal { display: block; margin-top: 34px; } :root body.afour-site .signal .signal-main { display: grid; grid-template-columns: 30% 1fr; gap: 18px; } :root body.afour-site .signal-main .signal-value { font-size: 62px; } :root body.afour-site .signal-main p { font-size: 15px; } :root body.afour-site .signal > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { margin-top: 18px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: 32px 1fr; gap: 15px; padding: 25px 0; } :root body.afour-site .stage-number { font-size: 24px; } :root body.afour-site .readiness h3 { font-size: 28px; } :root body.afour-site .readiness p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .future-format-groups { display: block; } :root body.afour-site .future-format-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 16px 0; border: 0; border-top: 1px solid rgba(252, 251, 247, 0.3); } :root body.afour-site .future-format-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .future-format-groups > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 16px; } :root body.afour-site .future-expansion { margin-top: 20px; } :root body.afour-site .category-spread { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 20px; } :root body.afour-site .category-spread .category { width: 100%; margin: 0; padding: 0; } :root body.afour-site .category-spread .category :is(picture, div:where(.tag-picture)), :root body.afour-site .category-spread .category-0 :is(picture, div:where(.tag-picture)), :root body.afour-site .category-spread .category-1 :is(picture, div:where(.tag-picture)), :root body.afour-site .category-spread .category-3 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site .category h3 { font-size: 21px; line-height: 1.2; } :root body.afour-site .category :is(figcaption, div:where(.tag-figcaption)) { padding-top: 14px; margin-top: 14px; } :root body.afour-site .category .eyebrow { font-size: 10px; line-height: 1.5; display: block; } :root body.afour-site .category-world > .caption, :root body.afour-site .category-world > :where(.elementor-widget) > .caption, :root body.afour-site .category-world > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 26px; } :root body.afour-site .product-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site .compare-specimen :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; } :root body.afour-site .journey h3 { font-size: 29px; } :root body.afour-site .journey-spread .journey + .journey { margin-top: 44px; } :root body.afour-site .decision-studies .micro-scene { gap: 25px; } :root body.afour-site .decision-studies .micro-scene > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .decision-studies .micro-scene > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { order: 0; } :root body.afour-site .decision-studies .micro-scene > .information-fields, :root body.afour-site .decision-studies .micro-scene > .makeup-fields { order: 1; } :root body.afour-site .information-fields :is(dl, div:where(.tag-dl)) { gap: 20px; } :root body.afour-site .information-fields :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 20px; } :root body.afour-site .information-fields :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 15px; } :root body.afour-site .makeup-example { grid-template-columns: 84px 1fr; } :root body.afour-site .campaign-intro { margin-top: 30px; } :root body.afour-site .campaign-intro > p:last-child, :root body.afour-site .campaign-intro > :where(.elementor-widget):last-child > p, :root body.afour-site .campaign-intro > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site .campaign-board { display: block; } :root body.afour-site .campaign-scene + .campaign-scene { margin-top: 38px; } :root body.afour-site .story-visual { border-width: 9px; } :root body.afour-site .story-visual :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/4.5; } :root body.afour-site .campaign-title > p:last-child, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > p, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 39px; } :root body.afour-site .campaign-title { padding: 21px; } :root body.afour-site .campaign-title .eyebrow { font-size: 10px; } :root body.afour-site .campaign-annotation { padding: 20px 0 0; border: 0; } :root body.afour-site .campaign-annotation h3 { font-size: 25px; } :root body.afour-site .campaign-annotation p { font-size: 17px; } :root body.afour-site .campaign-leaders { display: none; } :root body.afour-site .commerce-body { display: grid; grid-template-columns: 40% 1fr; gap: 16px; padding: 16px; } :root body.afour-site .commerce-body :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; max-height: none; } :root body.afour-site .commerce-body img { object-fit: cover; } :root body.afour-site .commerce-body > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .commerce-body > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .commerce-body > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 0; } :root body.afour-site .commerce-body h4 { font-size: 21px; } :root body.afour-site .commerce-body .eyebrow { font-size: 9px; } :root body.afour-site .commerce-body :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 13px; } :root body.afour-site .commerce-body p:not(.eyebrow) { font-size: 14px; } :root body.afour-site .editorial-spread { display: grid; grid-template-columns: 36% 1fr; } :root body.afour-site .editorial-picture { display: block; } :root body.afour-site .editorial-copy { padding: 18px 14px; } :root body.afour-site .editorial-copy h4 { font-size: 27px; } :root body.afour-site .editorial-copy > p:not(.eyebrow), :root body.afour-site .editorial-copy > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .editorial-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 14px; } :root body.afour-site .discovery-visual { padding-left: 12px; } :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 22px; } :root body.afour-site .activation-copy { margin-top: 34px; } :root body.afour-site .preview-scene :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) .prose p { font-size: 17px; } :root body.afour-site .balanced-heading { display: block; } :root body.afour-site .balanced-heading h2 { font-size: 39px; } :root body.afour-site .balanced-heading > .prose { margin-top: 26px; padding: 0; } :root body.afour-site .balanced-heading > .prose p { font-size: 18px; } :root body.afour-site .care-route { display: block; margin-top: 32px; } :root body.afour-site .care-inputs { padding-right: 0; border: 0; } :root body.afour-site .care-inputs:after { display: none; } :root body.afour-site .care-inputs h3 { font-size: 25px; } :root body.afour-site .care-assessment { margin-top: 16px; } :root body.afour-site .care-assessment h3 { font-size: 29px; } :root body.afour-site .care-qualification { font-size: 15px; margin-top: 12px; } :root body.afour-site .responsibility-route { padding-left: 20px; } :root body.afour-site .responsibility-route :is(li, div:where(.tag-li)) { padding-left: 12px; } :root body.afour-site .responsibility-route :is(li, div:where(.tag-li)):before { left: -24px; } :root body.afour-site .relationship-intro { display: block; } :root body.afour-site .partnership-anchor { margin-top: 26px; } :root body.afour-site .partnership-anchor :is(picture, div:where(.tag-picture)) { aspect-ratio: 1.8; } :root body.afour-site .relationship-route :is(ol, div:where(.tag-ol)) { display: block; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) { display: block; margin: 0 0 35px; padding-bottom: 18px; } :root body.afour-site .relationship-route h3 { font-size: 28px; margin: 16px 0; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; max-width: none; } :root body.afour-site .relationship-route :is(li, div:where(.tag-li)):not(:last-child):after { top: auto; bottom: -32px; left: auto; right: 12px; } :root body.afour-site .channel-status { display: block; } :root body.afour-site .channel-status > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .channel-status > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .channel-status > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } :root body.afour-site .channel-status :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 0; } :root body.afour-site .channel-status :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 16px; } :root body.afour-site .evidence-distinction :is(dl, div:where(.tag-dl)) { display: block; } :root body.afour-site .evidence-distinction :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .evidence-distinction :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .evidence-distinction :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 18px 0; border-top: 1px solid var(--line); } :root body.afour-site .evidence-distinction :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; } :root body.afour-site .evidence-distinction :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 10px; } :root body.afour-site .product-trust > summary { font-size: 17px; } :root body.afour-site .fit .agenda article:nth-child(n) { margin-left: 0; } :root body.afour-site .next-step .conversation-route { margin-top: 32px; } :root body.afour-site .next-step .branch-note { font-size: 17px; } :root body.afour-site .contact-intro > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { font-size: 43px; line-height: 1.08; } :root body.afour-site .contact-intro > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .contact-intro > :where(.elementor-widget) > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 0.86em; } :root body.afour-site :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { display: block; } } @media (max-width: 350px) { :root body.afour-site .hero-copy h1 { font-size: 36px; } :root body.afour-site .context-title h2 { font-size: 34px; } :root body.afour-site .context-world .intentions { gap: 14px; } :root body.afour-site .intentions h3 { font-size: 21px; } :root body.afour-site .intentions p:not(.eyebrow) { font-size: 15px; } :root body.afour-site .category-spread { gap: 26px 14px; } :root body.afour-site .category h3 { font-size: 19px; } :root body.afour-site .category :is(figcaption, div:where(.tag-figcaption)) .eyebrow { font-size: 9px; } :root body.afour-site .readiness :is(li, div:where(.tag-li)) { grid-template-columns: 26px 1fr; gap: 12px; } :root body.afour-site .readiness h3 { font-size: 26px; } :root body.afour-site .campaign-title > p:last-child, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > p, :root body.afour-site .campaign-title > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 35px; } :root body.afour-site .commerce-body { display: block; } :root body.afour-site .commerce-body :is(picture, div:where(.tag-picture)) { aspect-ratio: 1.25; max-height: 220px; } :root body.afour-site .commerce-body img { object-fit: contain; } :root body.afour-site .commerce-body > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .commerce-body > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .commerce-body > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 18px; } :root body.afour-site .commerce-body h4 { font-size: 24px; } :root body.afour-site .commerce-body :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 15px; } :root body.afour-site .commerce-body :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 14px; } :root body.afour-site .editorial-spread { grid-template-columns: 32% 1fr; } :root body.afour-site .editorial-copy h4 { font-size: 25px; } :root body.afour-site .balanced-heading h2 { font-size: 35px; } :root body.afour-site .contact-intro > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > h1, :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { font-size: 37px; } :root body.afour-site .contact-intro > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .contact-intro > :where(.elementor-widget) > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .contact-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 0.86em; } } @media (prefers-reduced-motion: reduce) { :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):before, :root body.afour-site *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } } @media print { :root body.afour-site .campaign-leaders { display: none; } :root body.afour-site :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site .product-trust { break-inside: auto; } :root body.afour-site .review-status { display: none; } } @media (min-width: 801px) { :root body.afour-site .context { display: grid; grid-template-columns: 40% 54%; gap: 0 6%; align-items: start; } :root body.afour-site .context-main { display: contents; } :root body.afour-site .context-title { grid-column: 1; grid-row: 1; } :root body.afour-site .context .context-world { grid-column: 2; grid-row: 1/4; margin: 0; } :root body.afour-site .context-main > .actions { grid-column: 1; grid-row: 3; align-self: start; margin-top: 22px; } :root body.afour-site .context .signal { grid-column: 1; grid-row: 2; display: block; margin-top: 28px; padding-top: 20px; } :root body.afour-site .signal .signal-main { display: grid; grid-template-columns: 30% 1fr; gap: 24px; margin: 18px 0; } :root body.afour-site .signal-main > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .signal-main > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 0; } :root body.afour-site .signal-main .signal-value { font-size: 72px; } :root body.afour-site .signal-main .signal-value span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 30px; } :root body.afour-site .signal > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .signal > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 14px; margin-top: 14px; } :root body.afour-site .signal > p:last-child, :root body.afour-site .signal > :where(.elementor-widget):last-child > p, :root body.afour-site .signal > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 12px; } :root body.afour-site .signal-main p { font-size: 14px; } :root body.afour-site .signal-main .caption { font-size: 12px; } } :root body.afour-site .signal-value { white-space: nowrap; } :root body.afour-site .signal-main .signal-value span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 0.44em; } :root body.afour-site .campaign-annotation h3 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .campaign-annotation h3 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .campaign-annotation h3 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { color: var(--ink); } @media (min-width: 601px) and (max-width: 800px) { :root body.afour-site .editorial-picture { display: block; height: 150px; } :root body.afour-site .editorial-picture :is(picture, div:where(.tag-picture)), :root body.afour-site .editorial-picture img { min-height: 0; object-position: 58% 55%; } } @media (max-width: 350px) { :root body.afour-site .signal-main .signal-value { font-size: 54px; } } @media (min-width: 601px) and (max-width: 800px) { :root body.afour-site .hero-visual :is(picture, div:where(.tag-picture)), :root body.afour-site .hero-visual img { height: 680px; min-height: 0; object-position: 50% 50%; } } :root body.afour-site .focus-v34 { --focus-gap: 48px; min-width: 0; } :root body.afour-site .focus-v34 :is(h1, h2, h3, h4, p, dl, figure, article, div):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site .focus-v34 .focus-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--focus-gap); align-items: start; margin: 0 0 42px; } :root body.afour-site .focus-v34 .focus-heading h2 { font-size: clamp(38px, 4.1vw, 60px); line-height: 1.07; margin: 0; max-width: 19ch; } :root body.afour-site .focus-v34 .focus-heading > .prose { margin: 0; padding: 4px 0 0; max-width: 53ch; align-self: start; } :root body.afour-site .focus-v34 .focus-heading > .prose p { font-size: 19px; line-height: 1.55; margin: 0; max-width: 53ch; } :root body.afour-site .focus-v34 .focus-heading > .prose p + p, :root body.afour-site .focus-v34 .focus-heading > .prose p + :where(.elementor-widget) > p, :root body.afour-site .focus-v34 .focus-heading > .prose p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .focus-v34 .focus-heading > .prose :where(.elementor-widget):has(> p) + p, :root body.afour-site .focus-v34 .focus-heading > .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site .focus-v34 .focus-heading > .prose :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .focus-v34 .focus-heading > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site .focus-v34 .focus-heading > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site .focus-v34 .focus-heading > .prose :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 16px; } :root body.afour-site #H02.focus-v34 { display: block; } :root body.afour-site #H02 .focus-heading h2 { max-width: 19ch; } :root body.afour-site .choice-body { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; } :root body.afour-site .choice-study :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/3; max-height: 365px; } :root body.afour-site .choice-study img { width: 100%; height: 100%; object-fit: cover; object-position: 52% 54%; } :root body.afour-site .choice-study :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.45; margin-top: 12px; max-width: 48ch; } :root body.afour-site .customer-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } :root body.afour-site .customer-paths h3 { font-size: 25px; line-height: 1.15; margin: 12px 0; } :root body.afour-site .customer-paths p:not(.eyebrow) { font-size: 17px; line-height: 1.5; } :root body.afour-site .shared-foundation { margin-top: 28px; padding-top: 23px; border-top: 3px solid var(--blue); } :root body.afour-site .shared-foundation h3 { font-size: 30px; line-height: 1.15; margin: 12px 0 16px; } :root body.afour-site .shared-foundation > p:not(.eyebrow), :root body.afour-site .shared-foundation > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .shared-foundation > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.55; max-width: 59ch; } :root body.afour-site .shared-foundation :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 15px; margin-top: 18px; gap: 18px; } :root body.afour-site .context-evidence { margin-top: 32px; padding: 4px 0 0; border-top: 1px solid var(--line); max-width: 100%; } :root body.afour-site .context-evidence summary { min-height: 48px; padding: 13px 0; cursor: pointer; font-size: 14px; line-height: 1.5; list-style-position: inside; } :root body.afour-site .context-evidence > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .context-evidence > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .context-evidence > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { max-width: 86ch; padding: 12px 0 0; } :root body.afour-site .context-evidence p { font-size: 15px; line-height: 1.55; margin: 0 0 12px; } :root body.afour-site .context-evidence strong { font-weight: 400; color: var(--cacao); } :root body.afour-site #R02 > .scenario-notice { margin: -14px 0 30px; max-width: 92ch; } :root body.afour-site #R02 .journey-spread { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; margin: 0; align-items: start; } :root body.afour-site #R02 .journey { padding: 23px 0 0; border-top: 1px solid var(--ink); margin: 0; min-height: 0; } :root body.afour-site #R02 .journey h3 { font-size: 32px; line-height: 1.15; margin: 14px 0; } :root body.afour-site #R02 .journey > p:not(.eyebrow), :root body.afour-site #R02 .journey > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R02 .journey > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.5; max-width: 48ch; min-height: 54px; margin: 0 0 22px; } :root body.afour-site #R02 :is(.product-specimen, .compare-specimen):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; border: 0; background: transparent; margin-top: 0; } :root body.afour-site #R02 :is(.product-specimen, .compare-specimen):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :is(picture, div:where(.tag-picture)) { aspect-ratio: 2/1; height: auto; max-height: 280px; width: 100%; margin: 0; } :root body.afour-site #R02 :is(.product-specimen, .compare-specimen):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :is(picture, div:where(.tag-picture)) img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 53%; } :root body.afour-site #R02 .specimen-copy { padding: 22px 0 0; min-height: 0; } :root body.afour-site #R02 .specimen-copy h4 { font-size: 27px; margin: 10px 0 12px; } :root body.afour-site #R02 .specimen-copy > p:not(.eyebrow), :root body.afour-site #R02 .specimen-copy > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R02 .specimen-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 16px; line-height: 1.5; margin-bottom: 18px; } :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) { margin: 18px 0 0; display: block; } :root body.afour-site #R02 .specimen-copy :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 16px; border-top: 1px solid var(--line); padding-top: 12px; margin-top: 14px; } :root body.afour-site #R02 .specimen-copy :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.5; margin: 7px 0 0; max-width: 50ch; } :root body.afour-site #R02 .specimen-copy table { table-layout: fixed; width: 100%; font-size: 14px; line-height: 1.45; margin: 14px 0 0; } :root body.afour-site #R02 .specimen-copy caption { text-align: left; font-size: 16px; line-height: 1.5; padding: 0 0 12px; } :root body.afour-site #R02 .specimen-copy :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 10px 8px 10px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; } :root body.afour-site #R02 .specimen-copy :is(th, td):first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :where(.elementor-widget):first-child > :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :where(.elementor-widget):first-child > :where(.elementor-widget-container) > :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { width: 44%; } :root body.afour-site #R02 details { margin-top: 22px; border-top: 1px solid var(--line); padding: 0; } :root body.afour-site #R02 summary { font-size: 15px; line-height: 1.5; min-height: 48px; padding: 13px 0; cursor: pointer; } :root body.afour-site #R02 details > p, :root body.afour-site #R02 details > :where(.elementor-widget) > p, :root body.afour-site #R02 details > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R02 details > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #R02 details > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.55; margin-top: 8px; } :root body.afour-site #R03 .focus-heading { margin-bottom: 36px; } :root body.afour-site #R03 .decision-studies { margin-top: 0; } :root body.afour-site #R03 .micro-scene { padding-top: 28px; padding-bottom: 34px; margin-top: 0; align-items: start; } :root body.afour-site #R03 .micro-scene h3 { font-size: 29px; line-height: 1.17; } :root body.afour-site #R03 .micro-scene > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p:not(.eyebrow), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p:not(.eyebrow), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p:not(.eyebrow) { font-size: 18px; line-height: 1.55; max-width: 53ch; } :root body.afour-site #R04 .campaign-v34 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 42px 32px; position: relative; align-items: start; } :root body.afour-site #R04 .campaign-v34 article { margin: 0; min-width: 0; position: relative; } :root body.afour-site .creative-masthead { background: var(--ink); color: var(--paper); display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 15px 22px; min-height: 72px; } :root body.afour-site .creative-masthead img { width: 92px; height: auto; flex-shrink: 0; } :root body.afour-site .creative-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.5; text-transform: uppercase; max-width: 26ch; text-align: right; } :root body.afour-site #R04 .r04-slot { display: block; width: 100%; height: auto; overflow: hidden; background: var(--paper); } :root body.afour-site #R04 .r04-slot img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } :root body.afour-site .creative-story > .r04-slot { aspect-ratio: 8/5; } :root body.afour-site .creative-title { background: var(--paper); border-bottom: 3px solid var(--cacao); padding: 25px 28px 28px; } :root body.afour-site .creative-title p { font-size: clamp(36px, 4vw, 57px); line-height: 1.04; letter-spacing: -0.035em; } :root body.afour-site .creative-title em { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; color: var(--blue); } :root body.afour-site .artefact-label { margin: 0; padding: 22px 20px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); font-family: Azeret, monospace; font-size: 11px; line-height: 1.5; text-transform: uppercase; background: var(--paper); min-height: 72px; } :root body.afour-site .creative-product > .r04-slot { aspect-ratio: 8/7; } :root body.afour-site #R04 .creative-product > .r04-slot img { object-fit: contain; padding: 12px; } :root body.afour-site .product-context-fields { padding: 25px 23px 0; background: var(--paper); } :root body.afour-site .product-context-fields h3 { font-size: 28px; line-height: 1.17; margin: 12px 0 20px; } :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) { margin: 0; display: block; } :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 23% minmax(0, 1fr); gap: 8%; padding: 13px 0; border-top: 1px solid var(--line); font-size: 15px; line-height: 1.45; } :root body.afour-site .product-context-fields :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 15px; } :root body.afour-site .product-context-fields :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 0; } :root body.afour-site .creative-note { padding-top: 22px; max-width: 62ch; } :root body.afour-site .creative-note h3 { font-size: 26px; margin: 12px 0; } :root body.afour-site .creative-note > p:not(.eyebrow), :root body.afour-site .creative-note > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .creative-note > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.55; margin-top: 10px; } :root body.afour-site .creative-discovery { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 0 32px; padding: 28px 0 0; border-top: 1px solid var(--ink); } :root body.afour-site .education-study > .r04-slot { aspect-ratio: 4/3; } :root body.afour-site .education-study > .caption, :root body.afour-site .education-study > :where(.elementor-widget) > .caption, :root body.afour-site .education-study > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { font-size: 12px; margin-top: 12px; max-width: 49ch; } :root body.afour-site .education-artefact { padding: 0 22px 0 16px; } :root body.afour-site .education-artefact h3 { font-size: clamp(36px, 3.7vw, 53px); line-height: 1.05; letter-spacing: -0.03em; margin: 18px 0 24px; } :root body.afour-site .education-artefact :is(ol, div:where(.tag-ol)) { list-style: none; padding: 0; margin: 0; display: block; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: 40% minmax(0, 1fr); gap: 7%; padding: 13px 0; border-top: 1px solid var(--line); } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 11px; line-height: 1.55; text-transform: uppercase; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) p { font-size: 16px; line-height: 1.5; } :root body.afour-site .education-format { font-size: 13px; border-bottom: 2px solid var(--blue); padding: 17px 0 12px; line-height: 1.5; } :root body.afour-site .creative-discovery > .creative-note { grid-column: 1/-1; max-width: 90ch; padding-top: 24px; } :root body.afour-site #R04 .activation-copy { margin-top: 38px; } :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { gap: 32px; } :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.55; } :root body.afour-site #R04 :is( .source-detail:where(:not(.elementor-widget)), details:where( .source-detail > .e-n-accordion > *, .source-detail > .elementor-widget-container > .e-n-accordion > * ) ) summary { min-height: 48px; line-height: 1.5; padding: 13px 0; cursor: pointer; } :root body.afour-site .scenario-label { margin: 0 0 20px; } :root body.afour-site .care-scenarios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; align-items: start; } :root body.afour-site .care-scenarios article { padding: 22px 0 0; border-top: 2px solid var(--cacao); } :root body.afour-site .scenario-question { font-family: AwesomeItalic, serif; font-style: italic; font-size: 30px; line-height: 1.17; color: var(--blue); max-width: 22ch; min-height: 72px; } :root body.afour-site .care-scenarios h3 { font-size: 23px; line-height: 1.2; margin: 18px 0 12px; } :root body.afour-site .care-scenarios article > p:last-child, :root body.afour-site .care-scenarios article > :where(.elementor-widget):last-child > p, :root body.afour-site .care-scenarios article > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.55; max-width: 37ch; } :root body.afour-site .care-support { margin-top: 42px; padding-top: 25px; border-top: 1px solid var(--ink); } :root body.afour-site .care-support :is(ol, div:where(.tag-ol)) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; margin: 22px 0 0; } :root body.afour-site .care-support :is(li, div:where(.tag-li)) { padding-top: 14px; border-top: 1px solid var(--line); position: relative; } :root body.afour-site .care-support :is(li, div:where(.tag-li)) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .care-support :is(li, div:where(.tag-li)) > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .care-support :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.55; text-transform: uppercase; } :root body.afour-site .care-support h3 { font-size: 22px; line-height: 1.2; margin: 14px 0 12px; } :root body.afour-site .care-support :is(li, div:where(.tag-li)) > p, :root body.afour-site .care-support :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site .care-support :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.5; } :root body.afour-site #R05 .care-qualification { max-width: 100%; font-size: 15px; line-height: 1.55; margin-top: 30px; padding-top: 20px; } :root body.afour-site #P01.focus-v34 { display: block; } :root body.afour-site .partnership-opening { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; } :root body.afour-site #P01 .partnership-opening h1 { font-size: clamp(39px, 4.15vw, 60px); line-height: 1.07; margin: 0; max-width: 20ch; } :root body.afour-site .partnership-opening > .prose { max-width: 53ch; padding-top: 4px; font-size: 19px; line-height: 1.55; } :root body.afour-site .partnership-opening > .prose p { font-size: 19px; line-height: 1.55; max-width: 53ch; } :root body.afour-site .relationship-model { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 40px; align-items: start; margin-top: 40px; } :root body.afour-site #P01 .relationship-route { margin: 0; padding-top: 22px; } :root body.afour-site #P01 .relationship-route :is(ol, div:where(.tag-ol)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; margin: 22px 0 24px; align-items: start; } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) { display: block; margin: 0; padding: 18px 0 0; border-top: 1px solid var(--ink) !important; position: relative; } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)):nth-child(2) { border-top: 3px solid var(--cacao) !important; } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)):after { display: none; } :root body.afour-site #P01 .relationship-route h3 { font-size: 25px; line-height: 1.15; margin: 14px 0; text-decoration: none; color: inherit; } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)):nth-child(2) h3 { color: var(--cacao); } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) > p, :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.5; max-width: 31ch; } :root body.afour-site #P01 .relationship-route > p:last-child, :root body.afour-site #P01 .relationship-route > :where(.elementor-widget):last-child > p, :root body.afour-site #P01 .relationship-route > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 14px; line-height: 1.55; max-width: none; border: 0; padding: 16px 0 0; border-top: 1px solid var(--line); } :root body.afour-site #P01 .channel-status > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-status > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-status > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; padding: 10px 0; } :root body.afour-site #P01 .channel-status :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 15px; line-height: 1.35; } :root body.afour-site #P01 .channel-status :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 14px; line-height: 1.4; margin: 5px 0 0; } :root body.afour-site #P01 .partnership-anchor { margin: 0; padding-top: 0; } :root body.afour-site #P01 .partnership-anchor :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; height: auto; } :root body.afour-site #P01 .partnership-anchor img { width: 100%; height: 100%; object-fit: contain; object-position: center; } :root body.afour-site #P01 .partnership-anchor :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.5; margin-top: 12px; } :root body.afour-site #P01 .evidence-distinction { margin-top: 28px; padding-top: 24px; } :root body.afour-site #P01 .evidence-distinction :is(dl, div:where(.tag-dl)) { margin: 22px 0 16px; gap: 36px; } :root body.afour-site #P01 .evidence-distinction :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 22px; line-height: 1.2; } :root body.afour-site #P01 .evidence-distinction :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.5; } :root body.afour-site #P01 .product-trust { margin-top: 18px; } :root body.afour-site #P02 .agenda { max-width: none; margin: 0; } :root body.afour-site #P02 .agenda article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 28px; margin: 0; padding: 26px 0; border-top: 1px solid var(--ink); } :root body.afour-site #P02 .agenda article:nth-child(n) { margin-left: 0; } :root body.afour-site #P02 .agenda-number { font-family: Azeret, monospace; font-size: 16px; line-height: 1.6; color: var(--cacao); } :root body.afour-site #P02 .agenda article > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P02 .agenda article > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P02 .agenda article > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; } :root body.afour-site #P02 .agenda h3 { font-size: 31px; line-height: 1.15; margin: 0; } :root body.afour-site #P02 .agenda ul { display: block; font-size: 17px; line-height: 1.55; max-width: 57ch; margin: 0; } :root body.afour-site #P02 .agenda :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)) { margin-top: 12px; } :root body.afour-site #P02 > p:last-child, :root body.afour-site #P02 > :where(.elementor-widget):last-child > p, :root body.afour-site #P02 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.55; max-width: 90ch; margin-top: 26px; } :root body.afour-site .essentials-ledger article { display: grid; grid-template-columns: 44px minmax(0, 4fr) minmax(0, 7fr); gap: 30px; align-items: start; padding: 24px 0; border-top: 1px solid var(--ink); } :root body.afour-site .essentials-ledger h3 { font-size: 27px; line-height: 1.18; } :root body.afour-site .essentials-ledger p { font-size: 17px; line-height: 1.55; max-width: 59ch; } :root body.afour-site .essentials-ledger article:last-child { border-bottom: 1px solid var(--ink); } :root body.afour-site .agreement-depth { margin-top: 20px; } :root body.afour-site .agreement-depth summary { padding: 13px 0; min-height: 48px; font-size: 16px; line-height: 1.5; cursor: pointer; } :root body.afour-site .agreement-depth > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .agreement-depth > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .agreement-depth > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 48px; padding-top: 22px; } :root body.afour-site .agreement-depth h3 { font-size: 23px; line-height: 1.2; margin-bottom: 12px; } :root body.afour-site .agreement-depth p { font-size: 17px; line-height: 1.55; max-width: 56ch; } :root body.afour-site #P04 .focus-heading > .prose p { font-size: 18px; line-height: 1.55; } :root body.afour-site #P04 .stock-map { margin-top: 30px; } :root body.afour-site #P04 .stock-relations { margin-top: 24px; } :root body.afour-site #P04 .stock-map > .caption, :root body.afour-site #P04 .stock-map > :where(.elementor-widget) > .caption, :root body.afour-site #P04 .stock-map > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { max-width: 100ch; font-size: 15px; line-height: 1.55; margin-top: 25px; } :root body.afour-site #P05 .continuity-model { display: grid; grid-template-columns: minmax(0, 4fr) 44px minmax(0, 7fr); gap: 24px; align-items: start; margin-top: 32px; } :root body.afour-site .entry-order { border-top: 3px solid var(--cacao); padding: 24px 0 0; } :root body.afour-site .entry-order h3 { font-size: 31px; line-height: 1.15; margin: 16px 0 18px; } :root body.afour-site .entry-order > p:last-child, :root body.afour-site .entry-order > :where(.elementor-widget):last-child > p, :root body.afour-site .entry-order > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.55; max-width: 34ch; } :root body.afour-site .entry-connector { font-size: 32px; color: var(--blue); line-height: 1; padding-top: 68px; text-align: center; } :root body.afour-site .review-cycle { display: grid; grid-template-columns: minmax(0, 1fr) 46px; column-gap: 16px; position: relative; padding-right: 0; } :root body.afour-site .cycle-list { margin: 0; padding: 0; grid-column: 1; } :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) { position: relative; border-top: 1px solid var(--blue); padding: 20px 0 28px; margin: 0; } :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { content: "↓"; position: absolute; top: -24px; left: 16px; color: var(--blue); background: var(--paper); padding: 0 8px; line-height: 1; font-size: 24px; } :root body.afour-site .cycle-list h3 { font-size: 28px; line-height: 1.17; margin: 12px 0 14px; } :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) > p:last-child, :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > p, :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.5; max-width: 48ch; } :root body.afour-site .cycle-return { grid-column: 2; grid-row: 1; align-self: stretch; position: relative; border-right: 1px solid var(--blue); border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); margin: 38px 10px 60px 0; min-width: 24px; } :root body.afour-site .cycle-return:before { content: "←"; position: absolute; left: -5px; top: -15px; color: var(--blue); font-size: 25px; line-height: 1; } :root body.afour-site .cycle-return span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { position: absolute; left: 2px; top: 50%; transform: translateY(-50%); writing-mode: vertical-rl; font-family: Azeret, monospace; font-size: 10px; line-height: 1.4; letter-spacing: 0.02em; background: var(--paper); padding: 12px 0; color: var(--blue); } :root body.afour-site .cycle-qualification { font-size: 15px; line-height: 1.55; max-width: 100ch; margin: 20px 0 0; border-top: 1px solid var(--line); padding-top: 20px; } :root body.afour-site #P05 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) { margin-top: 28px; } :root body.afour-site #P05 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) summary { font-size: 16px; min-height: 48px; line-height: 1.5; padding: 13px 0; cursor: pointer; } :root body.afour-site #P06 .focus-heading { margin-bottom: 28px; } :root body.afour-site .invitation-qualification { font-size: 17px; line-height: 1.55; max-width: 90ch; padding-top: 22px; border-top: 1px solid var(--ink); margin: 0; } :root body.afour-site #P06 .actions { margin-top: 26px; } @media (max-width: 1100px) { :root body.afour-site .focus-v34 { --focus-gap: 32px; } :root body.afour-site .focus-v34 .focus-heading h2 { font-size: 43px; } :root body.afour-site .focus-v34 .focus-heading > .prose p { font-size: 18px; } :root body.afour-site .choice-body { gap: 32px; } :root body.afour-site .customer-paths { gap: 20px; } :root body.afour-site .customer-paths h3 { font-size: 23px; } :root body.afour-site .relationship-model { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 30px; } :root body.afour-site #P01 .relationship-route :is(ol, div:where(.tag-ol)) { gap: 20px; } :root body.afour-site #P01 .relationship-route h3 { font-size: 23px; } :root body.afour-site .partnership-opening { gap: 32px; } :root body.afour-site .care-scenarios { gap: 28px; } :root body.afour-site .scenario-question { font-size: 27px; } :root body.afour-site .care-support :is(ol, div:where(.tag-ol)) { gap: 24px; } :root body.afour-site .care-support h3 { font-size: 21px; } :root body.afour-site .education-artefact { padding-right: 0; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) { display: block; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) p { margin-top: 8px; } } @media (max-width: 900px) { :root body.afour-site .focus-v34 .focus-heading { gap: 32px; } :root body.afour-site .focus-v34 .focus-heading h2 { font-size: 39px; } :root body.afour-site .focus-v34 .focus-heading > .prose p { font-size: 17px; } :root body.afour-site #R04 .campaign-v34 { display: block; } :root body.afour-site .campaign-v34 > article + article { margin-top: 36px !important; } :root body.afour-site .creative-story > .r04-slot { aspect-ratio: 8/5; max-height: none; } :root body.afour-site .creative-product > .r04-slot { aspect-ratio: 8/7; max-height: 500px; } :root body.afour-site .creative-product > .r04-slot img { object-fit: contain; } :root body.afour-site .creative-discovery { display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 0 28px; } :root body.afour-site .creative-title p { font-size: 48px; } :root body.afour-site .relationship-model { display: block; } :root body.afour-site .relationship-model > .partnership-anchor { max-width: 580px; margin: 30px 0 0 !important; } :root body.afour-site #P01 .relationship-route :is(ol, div:where(.tag-ol)) { gap: 30px; } :root body.afour-site #P01 .relationship-route h3 { font-size: 26px; } :root body.afour-site .care-support :is(ol, div:where(.tag-ol)) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; } :root body.afour-site .care-scenarios { gap: 24px; } :root body.afour-site .scenario-question { font-size: 25px; min-height: 90px; } :root body.afour-site #P02 .agenda article > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P02 .agenda article > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P02 .agenda article > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { gap: 32px; } :root body.afour-site .essentials-ledger article { grid-template-columns: 34px minmax(0, 4fr) minmax(0, 6fr); gap: 24px; } } @media (max-width: 700px) { :root body.afour-site .focus-v34 .focus-heading { display: block; margin-bottom: 28px; } :root body.afour-site .focus-v34 .focus-heading h2 { font-size: 39px; max-width: 20ch; } :root body.afour-site .focus-v34 .focus-heading > .prose { margin-top: 24px; padding: 0; max-width: 57ch; } :root body.afour-site .focus-v34 .focus-heading > .prose p { font-size: 18px; line-height: 1.55; } :root body.afour-site .choice-body { display: flex; flex-direction: column; gap: 26px; } :root body.afour-site .choice-study { width: 100%; } :root body.afour-site .choice-study :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; max-height: 290px; } :root body.afour-site .choice-logic { width: 100%; } :root body.afour-site .customer-paths { gap: 22px; } :root body.afour-site .customer-paths h3 { font-size: 23px; } :root body.afour-site .customer-paths p:not(.eyebrow) { font-size: 16px; } :root body.afour-site .shared-foundation { margin-top: 24px; } :root body.afour-site .shared-foundation h3 { font-size: 28px; } :root body.afour-site .shared-foundation > p:not(.eyebrow), :root body.afour-site .shared-foundation > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .shared-foundation > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .context-evidence { margin-top: 28px; } :root body.afour-site #R02 .journey-spread { display: block; } :root body.afour-site #R02 .journey + .journey { margin-top: 34px; } :root body.afour-site #R02 .journey h3 { font-size: 29px; } :root body.afour-site #R02 .journey > p:not(.eyebrow), :root body.afour-site #R02 .journey > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R02 .journey > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { min-height: 0; font-size: 17px; margin-bottom: 18px; } :root body.afour-site #R02 :is(.product-specimen, .compare-specimen):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :is(picture, div:where(.tag-picture)) { aspect-ratio: 16/9; max-height: 260px; } :root body.afour-site #R02 .specimen-copy { padding-top: 20px; } :root body.afour-site #R02 .specimen-copy :is(dt, dd):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 16px; } :root body.afour-site #R02 > .scenario-notice { font-size: 13px; margin-top: -8px; margin-bottom: 24px; } :root body.afour-site #R03 .micro-scene { display: flex; flex-direction: column; padding: 26px 0 30px; gap: 22px; } :root body.afour-site #R03 .micro-scene > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { order: 0; } :root body.afour-site #R03 .micro-scene > :first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):first-child > :where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > :where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { order: 1; width: 100%; } :root body.afour-site #R03 .micro-scene > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p:not(.eyebrow), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p:not(.eyebrow), :root body.afour-site #R03 .micro-scene > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p:not(.eyebrow) { font-size: 17px; } :root body.afour-site #R03 .micro-scene h3 { font-size: 27px; } :root body.afour-site .creative-story > .r04-slot { aspect-ratio: 4/3; } :root body.afour-site .creative-discovery { display: block !important; } :root body.afour-site .education-artefact { padding: 26px 0 0; } :root body.afour-site .education-artefact h3 { font-size: 40px; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: 40% minmax(0, 1fr); gap: 6%; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) p { font-size: 16px; margin: 0; } :root body.afour-site .creative-title { padding: 22px; } :root body.afour-site .creative-title p { font-size: 43px; } :root body.afour-site .creative-masthead { padding: 14px 18px; } :root body.afour-site .creative-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 9px; } :root body.afour-site .creative-product > .r04-slot { max-height: none; } :root body.afour-site .product-context-fields { padding: 23px 18px 0; } :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-template-columns: 24% minmax(0, 1fr); gap: 7%; } :root body.afour-site .product-context-fields h3 { font-size: 28px; } :root body.afour-site .creative-note { padding-top: 20px; } :root body.afour-site .creative-note > p:not(.eyebrow), :root body.afour-site .creative-note > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .creative-note > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .creative-discovery > .creative-note { padding-top: 22px; } :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; } :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site #R04 .activation-copy > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 18px; } :root body.afour-site .care-scenarios { display: block; } :root body.afour-site .care-scenarios article { padding-top: 20px; } :root body.afour-site .care-scenarios article + article { margin-top: 28px; } :root body.afour-site .scenario-question { font-size: 30px; min-height: 0; max-width: 23ch; } :root body.afour-site .care-scenarios h3 { font-size: 23px; margin: 16px 0 12px; } :root body.afour-site .care-scenarios article > p:last-child, :root body.afour-site .care-scenarios article > :where(.elementor-widget):last-child > p, :root body.afour-site .care-scenarios article > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { max-width: 53ch; } :root body.afour-site .care-support { margin-top: 32px; } :root body.afour-site .care-support :is(ol, div:where(.tag-ol)) { gap: 24px; } :root body.afour-site .care-support h3 { font-size: 22px; } :root body.afour-site .care-support :is(li, div:where(.tag-li)) > p, :root body.afour-site .care-support :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site .care-support :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; } :root body.afour-site .partnership-opening { display: block; } :root body.afour-site #P01 .partnership-opening h1 { font-size: 43px; } :root body.afour-site .partnership-opening > .prose { margin-top: 25px; padding: 0; } :root body.afour-site .partnership-opening > .prose p { font-size: 18px; } :root body.afour-site .relationship-model { margin-top: 30px; } :root body.afour-site #P01 .relationship-route :is(ol, div:where(.tag-ol)) { display: block; margin: 22px 0; } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) { padding: 21px 0; margin: 0; } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)) { margin-top: 14px; } :root body.afour-site #P01 .relationship-route h3 { font-size: 28px; } :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) > p, :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > p, :root body.afour-site #P01 .relationship-route :is(li, div:where(.tag-li)) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; max-width: 53ch; } :root body.afour-site #P01 .channel-status > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-status > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-status > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } :root body.afour-site #P01 .channel-status :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 16px; } :root body.afour-site #P01 .channel-status :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 15px; margin: 0; } :root body.afour-site #P01 .partnership-anchor :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; } :root body.afour-site #P01 .evidence-distinction :is(dl, div:where(.tag-dl)) { display: block; } :root body.afour-site #P01 .evidence-distinction :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .evidence-distinction :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .evidence-distinction :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 18px 0; border-top: 1px solid var(--line); } :root body.afour-site #P01 .evidence-distinction :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 22px; } :root body.afour-site #P02 .agenda article { grid-template-columns: 29px minmax(0, 1fr); gap: 18px; padding: 24px 0; } :root body.afour-site #P02 .agenda article > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P02 .agenda article > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P02 .agenda article > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site #P02 .agenda h3 { font-size: 28px; margin-bottom: 18px; } :root body.afour-site #P02 .agenda ul { font-size: 17px; } :root body.afour-site #P02 > p:last-child, :root body.afour-site #P02 > :where(.elementor-widget):last-child > p, :root body.afour-site #P02 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; } :root body.afour-site .essentials-ledger article { grid-template-columns: 28px minmax(0, 1fr); gap: 10px 18px; padding: 23px 0; } :root body.afour-site .essentials-ledger h3 { font-size: 26px; } :root body.afour-site .essentials-ledger p { grid-column: 2; font-size: 17px; } :root body.afour-site .agreement-depth > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .agreement-depth > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .agreement-depth > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site .agreement-depth article + article { margin-top: 24px; } :root body.afour-site #P04 .stock-map { margin-top: 26px; } :root body.afour-site #P04 .focus-heading > .prose p { font-size: 17px; } :root body.afour-site #P05 .continuity-model { display: block; margin-top: 28px; } :root body.afour-site .entry-order h3 { font-size: 30px; } :root body.afour-site .entry-order > p:last-child, :root body.afour-site .entry-order > :where(.elementor-widget):last-child > p, :root body.afour-site .entry-order > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; max-width: 53ch; } :root body.afour-site .entry-connector { font-size: 0; padding: 20px 0 22px; text-align: left; } :root body.afour-site .entry-connector:after { content: "↓"; font-size: 29px; line-height: 1; color: var(--blue); } :root body.afour-site .review-cycle { grid-template-columns: minmax(0, 1fr) 36px; gap: 12px; } :root body.afour-site .cycle-list h3 { font-size: 27px; } :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) > p:last-child, :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > p, :root body.afour-site .cycle-list :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; } :root body.afour-site .cycle-return { margin-right: 7px; min-width: 22px; } :root body.afour-site .cycle-return span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 9px; } :root body.afour-site .cycle-qualification { font-size: 15px; } :root body.afour-site .invitation-qualification { font-size: 17px; } } @media (max-width: 600px) { :root body.afour-site #R04 { --gutter: 24px; } :root body.afour-site .focus-v34 { padding-top: 48px; padding-bottom: 48px; } } @media (max-width: 350px) { :root body.afour-site #R04 { --gutter: 18px; } :root body.afour-site .focus-v34 .focus-heading h2 { font-size: 35px; } :root body.afour-site .focus-v34 .focus-heading > .prose p { font-size: 17px; } :root body.afour-site .customer-paths { display: block; } :root body.afour-site .customer-paths article + article { margin-top: 24px; } :root body.afour-site .customer-paths h3 { font-size: 25px; } :root body.afour-site .customer-paths p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .creative-title p { font-size: 39px; } :root body.afour-site .creative-masthead { gap: 12px; padding: 13px 15px; } :root body.afour-site .creative-masthead img { width: 80px; } :root body.afour-site .creative-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 8px; max-width: 25ch; } :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .product-context-fields :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site .product-context-fields :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 7px; } :root body.afour-site .education-artefact h3 { font-size: 36px; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) { display: block; } :root body.afour-site .education-artefact :is(li, div:where(.tag-li)) p { margin-top: 8px; } :root body.afour-site .care-support :is(ol, div:where(.tag-ol)) { display: block; } :root body.afour-site .care-support :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)) { margin-top: 24px; } :root body.afour-site .scenario-question { font-size: 28px; } :root body.afour-site #P01 .partnership-opening h1 { font-size: 38px; } :root body.afour-site #P01 .channel-status > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-status > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-status > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site #P01 .channel-status :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 7px; } :root body.afour-site .essentials-ledger article { gap: 10px 13px; } :root body.afour-site .essentials-ledger h3 { font-size: 24px; } :root body.afour-site .cycle-list h3 { font-size: 24px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } :root body.afour-site .focus-v34 *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { animation: none !important; transition: none !important; } } @media print { :root body.afour-site .focus-v34 { break-inside: auto; } :root body.afour-site .cycle-return { print-color-adjust: exact; } :root body.afour-site .focus-v34 details { break-inside: auto; } :root body.afour-site .focus-v34 summary { cursor: default; } } :root body.afour-site .refined-v35 :is(div, article, figure, aside):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site #H02 .confidence-opening { margin-bottom: 38px; max-width: 950px; } :root body.afour-site #H02 .confidence-opening h2 { font-size: clamp(39px, 4.5vw, 65px); line-height: 1.06; max-width: 21ch; } :root body.afour-site #H02 .confidence-opening > p, :root body.afour-site #H02 .confidence-opening > :where(.elementor-widget) > p, :root body.afour-site #H02 .confidence-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 20px; line-height: 1.55; max-width: 58ch; margin-top: 24px; } :root body.afour-site #H02 .customer-paths h3 { font-size: 23px; margin: 12px 0; } :root body.afour-site #H02 .customer-paths p:not(.eyebrow) { font-size: 17px; line-height: 1.5; } :root body.afour-site #H02 .shared-foundation > p:not(.eyebrow), :root body.afour-site #H02 .shared-foundation > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H02 .shared-foundation > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 19px; line-height: 1.6; max-width: 52ch; } :root body.afour-site #R02 .identity-specimen :is(picture, div:where(.tag-picture)) { aspect-ratio: 1; height: auto; max-height: 330px; background: var(--paper); } :root body.afour-site #R02 .identity-specimen img { width: 100%; height: 100%; object-fit: contain; } :root body.afour-site #R02 .identity-specimen :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; margin-top: 10px; } :root body.afour-site #R02 .specimen-copy table { font-size: 15px; table-layout: fixed; } :root body.afour-site #R03 .study-1 { grid-template-columns: minmax(0, 58fr) minmax(0, 36fr); gap: 6%; align-items: start; } :root body.afour-site .needs-discovery { border-top: 3px solid var(--blue); padding: 22px 0 0; } :root body.afour-site .needs-discovery h4 { font-size: 35px; line-height: 1.12; margin: 14px 0 25px; } :root body.afour-site .need-label { font-family: Azeret, monospace; font-size: 11px !important; line-height: 1.6 !important; text-transform: uppercase; } :root body.afour-site .need-type ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 22px; } :root body.afour-site .need-type :is(li, div:where(.tag-li)) { font-size: 17px; line-height: 1.4; padding: 9px 13px; border: 1px solid var(--line); } :root body.afour-site .need-considerations { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; } :root body.afour-site .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding-top: 16px; } :root body.afour-site .need-considerations p:not(.need-label) { font-size: 16px !important; line-height: 1.55 !important; margin-top: 10px; } :root body.afour-site .need-to-information { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; border-top: 1px solid var(--blue); padding-top: 17px; margin-top: 24px; font-size: 14px; line-height: 1.5; } :root body.afour-site .need-to-information span[aria-hidden]:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { color: var(--blue); } :root body.afour-site .needs-discovery > .caption, :root body.afour-site .needs-discovery > :where(.elementor-widget) > .caption, :root body.afour-site .needs-discovery > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { font-size: 14px; line-height: 1.5; margin-top: 16px; } :root body.afour-site #R04 .detail-opening { margin-bottom: 36px; max-width: 1070px; } :root body.afour-site #R04 .detail-opening h2 { font-size: clamp(39px, 4.4vw, 64px); line-height: 1.06; } :root body.afour-site #R04 .detail-opening > p, :root body.afour-site #R04 .detail-opening > :where(.elementor-widget) > p, :root body.afour-site #R04 .detail-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.55; max-width: 77ch; margin-top: 26px; } :root body.afour-site .detail-masthead { background: var(--ink); color: var(--paper); display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 26px; } :root body.afour-site .detail-masthead img { width: 104px; height: auto; } :root body.afour-site .detail-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 11px; line-height: 1.5; text-transform: uppercase; text-align: right; } :root body.afour-site #R04 .reveal-photo { display: block; width: 100%; aspect-ratio: 2/1; background: var(--ink); overflow: hidden; } :root body.afour-site #R04 .reveal-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; } :root body.afour-site #R04 .pending-asset { display: flex; align-items: center; justify-content: center; color: var(--paper); padding: 30px; text-align: center; } :root body.afour-site .reveal-caption { display: grid; grid-template-columns: 25% 40% 1fr; gap: 32px; align-items: start; padding: 27px 0 32px; border-bottom: 1px solid var(--ink); } :root body.afour-site .reveal-caption h3 { font-size: 39px; line-height: 1.08; } :root body.afour-site .reveal-caption > p:not(.eyebrow), :root body.afour-site .reveal-caption > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .reveal-caption > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.55; } :root body.afour-site .detail-dossier { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; margin-top: 48px; } :root body.afour-site .dossier-photo :is(picture, div:where(.tag-picture)) { aspect-ratio: 1; width: 100%; background: var(--paper); } :root body.afour-site .dossier-photo img { width: 100%; height: 100%; object-fit: contain; } :root body.afour-site .dossier-photo :is(figcaption, div:where(.tag-figcaption)) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.5; text-transform: uppercase; margin-top: 13px; } :root body.afour-site .dossier-annotations { padding-top: 14px; } :root body.afour-site .dossier-annotations h3 { font-size: 43px; line-height: 1.08; margin: 18px 0 28px; } :root body.afour-site .dossier-annotations :is(dl, div:where(.tag-dl)) { display: block; margin: 0; } :root body.afour-site .dossier-annotations :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .dossier-annotations :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .dossier-annotations :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 28% 1fr; gap: 7%; padding: 18px 0; border-top: 1px solid var(--line); } :root body.afour-site .dossier-annotations :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 24px; line-height: 1.2; } :root body.afour-site .dossier-annotations :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 18px; line-height: 1.5; margin: 0; } :root body.afour-site .dossier-annotations > .caption, :root body.afour-site .dossier-annotations > :where(.elementor-widget) > .caption, :root body.afour-site .dossier-annotations > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { font-size: 14px; line-height: 1.5; margin-top: 20px; } :root body.afour-site .detail-discovery { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 688px); gap: 48px; align-items: center; margin-top: 52px; padding-top: 35px; border-top: 1px solid var(--ink); } :root body.afour-site .discovery-intro h3 { font-size: 42px; line-height: 1.1; margin: 19px 0 26px; } :root body.afour-site .discovery-intro > p:not(.eyebrow), :root body.afour-site .discovery-intro > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .discovery-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 19px; line-height: 1.55; max-width: 37ch; } :root body.afour-site .detail-reading-card { background: var(--paper); border-bottom: 3px solid var(--cacao); position: relative; min-height: 516px; } :root body.afour-site .reading-masthead { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--ink); color: var(--paper); padding: 17px 27px; } :root body.afour-site .reading-masthead img { width: 91px; height: auto; } :root body.afour-site .reading-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 11px; line-height: 1.5; text-transform: uppercase; } :root body.afour-site .reading-page { padding: 27px 32px 32px; } :root body.afour-site .reading-page > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 42px; line-height: 1.06; margin: 18px 0 25px; } :root body.afour-site .reading-identify { display: grid; grid-template-columns: 40% 1fr; gap: 24px; padding-top: 19px; border-top: 1px solid var(--ink); align-items: center; } :root body.afour-site .reading-identify > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .reading-identify > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .reading-identify > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: AwesomeItalic, serif; font-style: italic; color: var(--blue); font-size: 43px; line-height: 1.15; } :root body.afour-site .reading-identify > p, :root body.afour-site .reading-identify > :where(.elementor-widget) > p, :root body.afour-site .reading-identify > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 20px; line-height: 1.4; } :root body.afour-site .reading-pair { display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; margin-top: 26px; } :root body.afour-site .reading-directions h4 { font-size: 23px; line-height: 1.2; margin-bottom: 13px; } :root body.afour-site .reading-question { border-left: 2px solid var(--cacao); padding-left: 22px; } :root body.afour-site .reading-question h4 { font-family: AwesomeItalic, serif; font-style: italic; color: var(--cacao); font-size: 32px; line-height: 1.15; margin-bottom: 12px; } :root body.afour-site .reading-pair p { font-size: 17px; line-height: 1.5; } :root body.afour-site .launch-support-v35 { display: grid; grid-template-columns: 1.2fr 1fr; gap: 8%; margin-top: 48px; padding-top: 26px; border-top: 2px solid var(--cacao); } :root body.afour-site .launch-support-v35 h3 { font-size: 37px; line-height: 1.12; margin: 17px 0 22px; } :root body.afour-site .launch-support-v35 article > p:not(.eyebrow), :root body.afour-site .launch-support-v35 article > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .launch-support-v35 article > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.55; max-width: 54ch; } :root body.afour-site .campaign-qualification { font-size: 14px; line-height: 1.55; max-width: 105ch; margin-top: 29px; } :root body.afour-site .detail-permissions { margin-top: 22px; border-top: 1px solid var(--line); } :root body.afour-site .detail-permissions summary { font-size: 16px; line-height: 1.5; padding: 14px 0; min-height: 48px; cursor: pointer; } :root body.afour-site .detail-permissions > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .detail-permissions > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .detail-permissions > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 1fr 1fr; gap: 27px 48px; padding-top: 22px; } :root body.afour-site .detail-permissions h4 { font-size: 22px; line-height: 1.2; margin-bottom: 13px; } :root body.afour-site .detail-permissions p { font-size: 17px; line-height: 1.6; } :root body.afour-site #P01.refined-v35 .relationship-model { grid-template-columns: minmax(0, 9fr) minmax(0, 3fr); } :root body.afour-site .relationship-trust-link { border-top: 1px solid var(--line); padding-top: 23px; margin-top: 24px; max-width: 94ch; } :root body.afour-site .relationship-trust-link > p, :root body.afour-site .relationship-trust-link > :where(.elementor-widget) > p, :root body.afour-site .relationship-trust-link > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.55; } :root body.afour-site .relationship-trust-link :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; gap: 20px; margin-top: 16px; } :root body.afour-site #P04 .trust-opening { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; margin-bottom: 42px; } :root body.afour-site #P04 .trust-opening h2 { font-size: clamp(39px, 4.2vw, 61px); line-height: 1.07; } :root body.afour-site #P04 .trust-opening > p, :root body.afour-site #P04 .trust-opening > :where(.elementor-widget) > p, :root body.afour-site #P04 .trust-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.55; max-width: 53ch; padding-top: 5px; } :root body.afour-site .trust-composition { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 5fr); gap: 36px; align-items: start; } :root body.afour-site #P04 .reader-question { font-size: 28px; line-height: 1.17; margin-bottom: 26px; } :root body.afour-site .supply-origin, :root body.afour-site .documented-purchase { border-top: 1px solid var(--ash); padding: 17px 0 0; } :root body.afour-site .supply-origin h3, :root body.afour-site .documented-purchase h3 { font-size: 25px; line-height: 1.17; margin: 13px 0; } :root body.afour-site .supply-origin p:not(.eyebrow), :root body.afour-site .documented-purchase p:not(.eyebrow) { font-size: 16px; line-height: 1.55; } :root body.afour-site .provenance-link { font-size: 30px; line-height: 1; padding: 16px 0 19px; color: var(--ash); } :root body.afour-site .trust-product :is(picture, div:where(.tag-picture)) { aspect-ratio: 1; background: var(--paper); } :root body.afour-site .trust-product img { width: 100%; height: 100%; object-fit: contain; } :root body.afour-site .trust-product :is(figcaption, div:where(.tag-figcaption)) { font-size: 11px; line-height: 1.5; margin-top: 10px; color: var(--ash); } :root body.afour-site .authorization-note { margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--ash); } :root body.afour-site #P04 .authorization-note .reader-question { font-size: 25px; line-height: 1.2; margin-bottom: 15px; } :root body.afour-site .authorization-note > p:last-child, :root body.afour-site .authorization-note > :where(.elementor-widget):last-child > p, :root body.afour-site .authorization-note > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.55; } :root body.afour-site .evidence-page { background: var(--paper); color: var(--ink); padding: 23px 24px 25px; } :root body.afour-site #P04 .evidence-page .eyebrow { color: var(--ink); } :root body.afour-site .evidence-page h3 { font-size: 31px; line-height: 1.12; margin: 17px 0 23px; } :root body.afour-site .evidence-page :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .evidence-page :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .evidence-page :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding-top: 14px; margin-top: 15px; } :root body.afour-site .evidence-page :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 19px; line-height: 1.25; } :root body.afour-site .evidence-page :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.55; margin: 8px 0 0; } :root body.afour-site .evidence-limit { font-size: 14px; line-height: 1.5; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); } :root body.afour-site .origin-distinction { border-top: 2px solid var(--ash); padding-top: 23px; margin-top: 34px; } :root body.afour-site .origin-distinction p { font-size: 20px; line-height: 1.5; max-width: 96ch; } :root body.afour-site .record-relationships { margin-top: 28px; padding-top: 21px; border-top: 1px solid rgba(252, 251, 247, 0.3); } :root body.afour-site .record-relationships > p:not(.eyebrow), :root body.afour-site .record-relationships > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .record-relationships > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.6; max-width: 110ch; margin-top: 13px; } :root body.afour-site .trust-qualification { font-size: 15px; line-height: 1.55; max-width: 105ch; margin-top: 24px; } :root body.afour-site .trust-detail { border-top: 1px solid rgba(252, 251, 247, 0.3); margin-top: 22px; } :root body.afour-site .trust-detail summary { font-size: 16px; line-height: 1.5; min-height: 48px; padding: 14px 0; cursor: pointer; } :root body.afour-site .trust-detail .prose { max-width: 99ch; margin-top: 20px; } :root body.afour-site .trust-detail .prose p { font-size: 17px; line-height: 1.6; max-width: 95ch; } @media (max-width: 1100px) { :root body.afour-site .reveal-caption { grid-template-columns: 22% 42% 1fr; gap: 24px; } :root body.afour-site .reveal-caption h3 { font-size: 33px; } :root body.afour-site .detail-discovery { grid-template-columns: minmax(0, 1fr) minmax(0, 56%); gap: 32px; } :root body.afour-site .reading-page { padding: 23px; } :root body.afour-site .reading-page > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 35px; } :root body.afour-site .reading-pair { gap: 24px; } :root body.afour-site .reading-identify { gap: 18px; } :root body.afour-site .reading-identify > p, :root body.afour-site .reading-identify > :where(.elementor-widget) > p, :root body.afour-site .reading-identify > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site .trust-composition { gap: 25px; } :root body.afour-site .evidence-page { padding: 20px; } :root body.afour-site .evidence-page h3 { font-size: 28px; } :root body.afour-site #P04 .reader-question { font-size: 25px; } } @media (max-width: 900px) { :root body.afour-site #R04 .reveal-photo { aspect-ratio: 8/5; } :root body.afour-site .detail-dossier { display: block; margin-top: 35px; } :root body.afour-site .dossier-photo { width: 100%; max-width: 430px; margin: 0 auto; } :root body.afour-site .dossier-annotations { padding-top: 28px; } :root body.afour-site .dossier-annotations h3 { font-size: 38px; } :root body.afour-site .detail-discovery { display: block; } :root body.afour-site .discovery-intro { margin-bottom: 28px; } :root body.afour-site .discovery-intro > p:not(.eyebrow), :root body.afour-site .discovery-intro > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .discovery-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 60ch; } :root body.afour-site .detail-reading-card { width: 100%; min-height: 0; } :root body.afour-site .reading-page { padding: 28px; } :root body.afour-site .reading-page > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 42px; } :root body.afour-site #P01.refined-v35 .relationship-model { display: block; } :root body.afour-site .trust-composition { display: block; } :root body.afour-site .trust-origin { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 30px; } :root body.afour-site .trust-origin > .reader-question { grid-column: 1/-1; } :root body.afour-site .trust-origin .provenance-link { display: none; } :root body.afour-site .trust-product { max-width: 350px; margin: 30px auto; } :root body.afour-site .customer-evidence { margin-top: 30px; } :root body.afour-site #P04 .trust-opening { gap: 32px; } } @media (max-width: 700px) { :root body.afour-site #H02 .confidence-opening h2 { font-size: 39px; } :root body.afour-site #H02 .confidence-opening > p, :root body.afour-site #H02 .confidence-opening > :where(.elementor-widget) > p, :root body.afour-site #H02 .confidence-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; margin-top: 22px; } :root body.afour-site #H02 .choice-body { gap: 25px; } :root body.afour-site #R03 .study-1 { display: flex; flex-direction: column; gap: 24px; } :root body.afour-site .needs-discovery { width: 100%; } :root body.afour-site .needs-discovery h4 { font-size: 32px; } :root body.afour-site .need-considerations { gap: 20px; } :root body.afour-site .need-to-information { font-size: 14px; } :root body.afour-site .reveal-caption { display: block; padding: 23px 0 27px; } :root body.afour-site .reveal-caption h3 { font-size: 36px; margin: 16px 0 18px; } :root body.afour-site .reveal-caption > p:not(.eyebrow), :root body.afour-site .reveal-caption > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .reveal-caption > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .detail-opening > p, :root body.afour-site .detail-opening > :where(.elementor-widget) > p, :root body.afour-site .detail-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px !important; } :root body.afour-site .detail-masthead { padding: 15px 18px; gap: 18px; } :root body.afour-site .detail-masthead img { width: 88px; } :root body.afour-site .detail-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 9px; } :root body.afour-site .detail-discovery { margin-top: 34px; padding-top: 28px; } :root body.afour-site .discovery-intro h3 { font-size: 35px; } :root body.afour-site .discovery-intro > p:not(.eyebrow), :root body.afour-site .discovery-intro > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .discovery-intro > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; } :root body.afour-site .reading-masthead { padding: 15px 20px; gap: 16px; } :root body.afour-site .reading-masthead img { width: 77px; } :root body.afour-site .reading-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 9px; } :root body.afour-site .reading-page { padding: 23px 20px 26px; } :root body.afour-site .reading-page > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 35px; } :root body.afour-site .reading-identify { display: block; } :root body.afour-site .reading-identify > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .reading-identify > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .reading-identify > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 39px; } :root body.afour-site .reading-identify > p, :root body.afour-site .reading-identify > :where(.elementor-widget) > p, :root body.afour-site .reading-identify > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; margin-top: 10px; } :root body.afour-site .reading-pair { grid-template-columns: 1fr 1fr; gap: 20px; } :root body.afour-site .reading-pair p { font-size: 16px; } :root body.afour-site .reading-question { padding-left: 16px; } :root body.afour-site .reading-question h4 { font-size: 29px; } :root body.afour-site .launch-support-v35 { display: block; margin-top: 34px; } :root body.afour-site .launch-support-v35 article + article { margin-top: 30px; padding-top: 23px; border-top: 1px solid var(--ink); } :root body.afour-site .launch-support-v35 h3 { font-size: 33px; } :root body.afour-site .launch-support-v35 article > p:not(.eyebrow), :root body.afour-site .launch-support-v35 article > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .launch-support-v35 article > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site .detail-permissions > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .detail-permissions > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .detail-permissions > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site .detail-permissions article + article { margin-top: 25px; } :root body.afour-site .detail-permissions p { font-size: 17px; } :root body.afour-site .campaign-qualification { font-size: 14px; } :root body.afour-site #P04 .trust-opening { display: block; margin-bottom: 30px; } :root body.afour-site #P04 .trust-opening h2 { font-size: 39px; } :root body.afour-site #P04 .trust-opening > p, :root body.afour-site #P04 .trust-opening > :where(.elementor-widget) > p, :root body.afour-site #P04 .trust-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; margin-top: 25px; padding: 0; } :root body.afour-site .trust-origin { display: block; } :root body.afour-site .trust-origin .provenance-link { display: block; } :root body.afour-site .trust-origin > .reader-question { margin-bottom: 24px; } :root body.afour-site .trust-product { max-width: 342px; } :root body.afour-site .origin-distinction p { font-size: 18px; } :root body.afour-site .record-relationships > p:not(.eyebrow), :root body.afour-site .record-relationships > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site .record-relationships > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } } @media (max-width: 600px) { :root body.afour-site #R04 { --gutter: 24px; } :root body.afour-site #R04 .reveal-photo { aspect-ratio: 4/5; } } @media (max-width: 350px) { :root body.afour-site #R04 { --gutter: 18px; } :root body.afour-site #H02 .confidence-opening h2 { font-size: 35px; } :root body.afour-site .need-considerations { display: block; } :root body.afour-site .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; } :root body.afour-site .reading-pair { display: block; } :root body.afour-site .reading-question { margin-top: 24px; padding-top: 17px; border-top: 1px solid var(--cacao); border-left: 0; padding-left: 0; } :root body.afour-site .reading-page > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > h3, :root body.afour-site .reading-page > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 31px; } :root body.afour-site .reading-identify > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .reading-identify > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .reading-identify > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 35px; } :root body.afour-site .detail-masthead { padding: 13px 15px; } :root body.afour-site .detail-masthead img { width: 78px; } :root body.afour-site .detail-masthead span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 8px; } :root body.afour-site #P04 .trust-opening h2 { font-size: 35px; } } @media (prefers-reduced-motion: reduce) { :root body.afour-site .refined-v35 *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { animation: none !important; transition: none !important; } html { scroll-behavior: auto !important; } } :root body.afour-site .detail-reading-card, :root body.afour-site .reading-page { height: auto; max-height: none; overflow: visible; } @media (min-width: 901px) { :root body.afour-site .trust-composition { grid-template-columns: minmax(0, 4fr) 64px minmax(0, 3fr) 64px minmax( 0, 5fr ); gap: 20px; } } :root body.afour-site .trust-connector { display: flex; flex-direction: column; align-items: center; align-self: start; gap: 8px; text-align: center; margin-top: 190px; max-width: 64px; } :root body.afour-site .trust-connector > span:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .trust-connector > :where(.elementor-widget):first-child > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site .trust-connector > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 9px; line-height: 1.5; color: var(--ash); overflow-wrap: break-word; } :root body.afour-site .trust-connector .connector-arrow { font-family: Plex, Arial, sans-serif; font-size: 32px; line-height: 1; color: var(--ash); } @media (max-width: 900px) { :root body.afour-site .trust-connector { margin: 22px auto; width: 90px; max-width: 90px; } :root body.afour-site .trust-connector .connector-arrow { transform: rotate(90deg); } } :root body.afour-site #H02 { display: block; grid-template-columns: none; column-gap: normal; row-gap: normal; } :root body.afour-site #H02 > .confidence-opening { width: 100%; max-width: 1100px; margin-bottom: 30px; } :root body.afour-site #H02 .confidence-opening h2 { max-width: 27ch; font-size: clamp(38px, 4.3vw, 62px); } :root body.afour-site #H02 .opportunity-context { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 48px; margin: 0 0 42px; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } :root body.afour-site #H02 .opportunity-context > .eyebrow, :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; } :root body.afour-site #H02 .opportunity-figures { display: flex; align-items: center; gap: 30px; grid-row: 2 / span 2; } :root body.afour-site #H02 .opportunity-figures p { display: flex; flex-direction: column; gap: 8px; } :root body.afour-site #H02 .opportunity-figures p > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .opportunity-figures p > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .opportunity-figures p > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 11px; line-height: 1.5; text-transform: uppercase; } :root body.afour-site #H02 .opportunity-figures strong { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: clamp(35px, 3.4vw, 49px); line-height: 1.1; color: var(--blue); } :root body.afour-site #H02 .forecast-direction { font-size: 26px; color: var(--cacao); } :root body.afour-site #H02 .opportunity-attribution { font-size: 15px; line-height: 1.6; max-width: 58ch; } :root body.afour-site #H02 .opportunity-context > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 15px; justify-self: start; gap: 22px; } :root body.afour-site #H02 .choice-body { width: 100%; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; } :root body.afour-site #H02 .choice-study { margin: 0; min-width: 0; } :root body.afour-site #R02 .identity-specimen { margin: 0; width: 100%; } :root body.afour-site #R02 .identity-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site #R02 .compare-specimen > :is(picture, div:where(.tag-picture)) { display: flex; width: 100%; height: clamp(280px, 28vw, 400px); min-height: 0; max-height: none; aspect-ratio: auto; align-items: center; justify-content: center; background: var(--paper); overflow: hidden; } :root body.afour-site #R02 .identity-specimen :is(picture, div:where(.tag-picture)) img, :root body.afour-site #R02 .compare-specimen > :is(picture, div:where(.tag-picture)) img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; object-position: center; } :root body.afour-site #R02 .identity-specimen :is(figcaption, div:where(.tag-figcaption)) { font-size: 13px; line-height: 1.5; margin-top: 12px; } :root body.afour-site #R02 .specimen-copy table { width: 100%; font-size: 17px; line-height: 1.5; table-layout: fixed; } :root body.afour-site #R02 .specimen-copy caption { font-size: 22px; line-height: 1.25; color: var(--blue); padding-bottom: 17px; } :root body.afour-site #R02 .specimen-copy :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 17px; line-height: 1.5; padding: 14px 10px 14px 0; overflow-wrap: break-word; word-break: normal; vertical-align: top; } :root body.afour-site #R02 .specimen-copy :is(th, td):first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :where(.elementor-widget):first-child > :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :where(.elementor-widget):first-child > :where(.elementor-widget-container) > :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { width: 31%; } :root body.afour-site #R02 .specimen-copy thead th { font-family: Plex, Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 400; } @media (max-width: 800px) { :root body.afour-site #H02 .opportunity-context { gap: 16px 28px; } :root body.afour-site #H02 .choice-body { display: block; } :root body.afour-site #H02 .choice-study { margin-bottom: 28px; } :root body.afour-site #R02 .identity-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site #R02 .compare-specimen > :is(picture, div:where(.tag-picture)) { height: 340px; } } @media (max-width: 600px) { :root body.afour-site #H02 .opportunity-context { display: block; margin-bottom: 30px; padding: 21px 0; } :root body.afour-site #H02 .opportunity-figures { gap: 24px; margin: 17px 0 20px; } :root body.afour-site #H02 .opportunity-figures strong { font-size: 39px; } :root body.afour-site #H02 .opportunity-context > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .opportunity-context > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { margin-top: 17px; } :root body.afour-site #H02 .confidence-opening h2 { font-size: 38px; } :root body.afour-site #H02 .confidence-opening > p, :root body.afour-site #H02 .confidence-opening > :where(.elementor-widget) > p, :root body.afour-site #H02 .confidence-opening > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site #R02 .identity-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site #R02 .compare-specimen > :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 1; } :root body.afour-site #R02 .specimen-copy :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 16px; line-height: 1.5; padding: 13px 8px 13px 0; } :root body.afour-site #R02 .specimen-copy thead th { font-size: 15px; } :root body.afour-site #R02 .specimen-copy caption { font-size: 21px; } } @media (max-width: 350px) { :root body.afour-site #H02 .confidence-opening h2 { font-size: 34px; } :root body.afour-site #H02 .opportunity-figures { gap: 17px; } :root body.afour-site #H02 .opportunity-figures strong { font-size: 34px; } :root body.afour-site #H02 .opportunity-figures p > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .opportunity-figures p > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .opportunity-figures p > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 10px; } } :root body.afour-site #R03 .skincare-information { display: block; align-self: start; } :root body.afour-site #R03 .skincare-information h3 { font-size: clamp(29px, 2.7vw, 39px); line-height: 1.12; margin: 15px 0 22px; } :root body.afour-site #R03 .skincare-information-intro { font-size: 17px; line-height: 1.55; margin: 0 0 23px; } :root body.afour-site #R03 .skincare-information-groups { display: block; margin: 0; padding: 0; } :root body.afour-site #R03 .skincare-information-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare-information-groups > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare-information-groups > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; border-top: 1px solid var(--line); padding: 16px 0 18px; } :root body.afour-site #R03 .skincare-information-groups :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-family: Plex, Arial, sans-serif; font-size: 23px; line-height: 1.25; margin: 0 0 8px; } :root body.afour-site #R03 .skincare-information-groups :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.5; margin: 0; max-width: 33ch; } :root body.afour-site #R03 .skincare-information-limit { font-size: 14px; line-height: 1.55; margin-top: 17px; max-width: 48ch; } @media (max-width: 700px) { :root body.afour-site #R03 .skincare-information { width: 100%; padding-top: 3px; } :root body.afour-site #R03 .skincare-information h3 { font-size: 32px; } :root body.afour-site #R03 .skincare-information-intro { max-width: 45ch; } :root body.afour-site #R03 .skincare-information-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare-information-groups > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare-information-groups > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 16px 0; } :root body.afour-site #R03 .skincare-information-groups :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { max-width: 42ch; } } :root body.afour-site #H01 .brand-value-v36 { font-size: 18px; line-height: 1.55; max-width: 50ch; border-left: 2px solid var(--blue); padding-left: 18px; margin: 24px 0; } :root body.afour-site #H01 .hero-bottom .prose p { font-size: 19px; line-height: 1.6; max-width: 80ch; } :root body.afour-site #R05 .care-scenarios h3 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.15; max-width: 19ch; } :root body.afour-site #R05 .care-scenarios article > p:last-child, :root body.afour-site #R05 .care-scenarios article > :where(.elementor-widget):last-child > p, :root body.afour-site #R05 .care-scenarios article > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.6; max-width: 42ch; } :root body.afour-site #R05 .care-agreement-v36 { margin: 36px 0 0; border-top: 1px solid var(--line); padding-top: 15px; } :root body.afour-site #R05 .care-agreement-v36 > summary { font-size: 18px; line-height: 1.5; min-height: 48px; padding: 8px 0; cursor: pointer; } :root body.afour-site #R05 .care-support { margin-top: 20px; } :root body.afour-site #R05 .care-qualification { font-size: 15px; line-height: 1.6; max-width: 100ch; margin-top: 22px; } :root body.afour-site #P04 .trust-composition { align-items: center; } :root body.afour-site #P04 .trust-connector { margin: 0; align-self: center; max-width: 76px; gap: 12px; } :root body.afour-site #P04 .trust-connector > span:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .trust-connector > :where(.elementor-widget):first-child > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .trust-connector > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 12px; line-height: 1.5; overflow-wrap: normal; } :root body.afour-site #P04 .trust-connector .connector-arrow { font-size: 34px; } :root body.afour-site #P04 .trust-qualification { padding-top: 23px; border-top: 1px solid rgba(252, 251, 247, 0.3); font-size: 16px; line-height: 1.55; } :root body.afour-site #C01 { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 0 8%; align-items: start; } :root body.afour-site #C01 > .eyebrow, :root body.afour-site #C01 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #C01 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; } :root body.afour-site #C01 > h1, :root body.afour-site #C01 > :where(.elementor-widget) > h1, :root body.afour-site #C01 > :where(.elementor-widget) > :where(.elementor-widget-container) > h1 { grid-column: 1; grid-row: 2; } :root body.afour-site #C01 > .company-contact { grid-column: 1; grid-row: 3; margin-top: 28px; border-top: 2px solid var(--cacao); padding-top: 21px; } :root body.afour-site #C01 > .prose { grid-column: 2; grid-row: 2 / span 2; padding-top: 5px; } :root body.afour-site #C01 .company-contact a { font-size: clamp(23px, 2.2vw, 32px); line-height: 1.3; overflow-wrap: anywhere; color: var(--blue); } :root body.afour-site #C02 > .email-alternative { margin: 24px 0 30px; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 19px; line-height: 1.5; } @media (min-width: 901px) { :root body.afour-site #P04 .trust-composition { grid-template-columns: minmax(0, 4fr) 76px minmax(0, 3fr) 76px minmax( 0, 5fr ); gap: 20px; } } @media (max-width: 900px) { :root body.afour-site #P04 .trust-connector { margin: 20px auto; max-width: 160px; width: 160px; } :root body.afour-site #P04 .trust-connector > span:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .trust-connector > :where(.elementor-widget):first-child > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .trust-connector > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 13px; } :root body.afour-site #P04 .trust-product { margin: 25px auto; } } @media (max-width: 800px) { :root body.afour-site #C01 { display: block; } :root body.afour-site #C01 > .company-contact { margin: 27px 0 30px; } :root body.afour-site #C01 > .prose { padding: 0; } :root body.afour-site #H01 .brand-value-v36 { font-size: 18px; max-width: 60ch; } } @media (max-width: 600px) { :root body.afour-site #R05 .care-scenarios article > p:last-child, :root body.afour-site #R05 .care-scenarios article > :where(.elementor-widget):last-child > p, :root body.afour-site #R05 .care-scenarios article > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; } :root body.afour-site #R05 .care-agreement-v36 > summary { font-size: 17px; } :root body.afour-site #C01 .company-contact a { font-size: 25px; } :root body.afour-site #C02 > .email-alternative { font-size: 18px; overflow-wrap: anywhere; } } @media (min-width: 801px) { :root body.afour-site #H01 .hero-top { align-items: stretch; } :root body.afour-site #H01 .hero-visual { display: flex; flex-direction: column; align-self: stretch; height: 100%; } :root body.afour-site #H01 .hero-visual :is(picture, div:where(.tag-picture)) { position: relative; flex: 1; height: auto; min-height: 680px; } :root body.afour-site #H01 .hero-visual :is(picture, div:where(.tag-picture)) img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; } } :root body.afour-site #R01 .category-spread .category :is(picture, div:where(.tag-picture)) { height: auto; max-height: none; aspect-ratio: 4/5; } :root body.afour-site #R01 .category-spread :is(.category-0, .category-1, .category-2):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) img { width: 100%; height: 100%; object-fit: cover; object-position: center; } :root body.afour-site #R01 .category-spread .category-3 img { object-fit: contain; } :root body.afour-site #H03 .readiness-destination-link-v36 { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; } :root body.afour-site #H03 .brand-destination-v36 { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; align-items: start; margin-top: 50px; padding-top: 35px; border-top: 1px solid var(--line); } :root body.afour-site #H03 .destination-context-v36 h3 { font-size: clamp(33px, 3.2vw, 46px); line-height: 1.12; margin: 18px 0 23px; } :root body.afour-site #H03 .destination-context-v36 > p:not(.eyebrow), :root body.afour-site #H03 .destination-context-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-context-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 38ch; } :root body.afour-site #H03 .destination-context-v36 :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; line-height: 1.5; margin-top: 25px; gap: 15px; align-items: start; } :root body.afour-site #H03 .destination-page-v36 { padding: 26px; background: var(--paper); border-top: 3px solid var(--blue); min-width: 0; } :root body.afour-site #H03 .destination-page-label-v36 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 9px 20px; font-family: Azeret, monospace; font-size: 10px; line-height: 1.6; text-transform: uppercase; border-bottom: 1px solid var(--line); padding-bottom: 18px; } :root body.afour-site #H03 .destination-story-v36 { padding: 24px 0 28px; } :root body.afour-site #H03 .destination-story-v36 h4 { font-family: Plex, Arial, sans-serif; font-size: clamp(30px, 3vw, 42px); font-weight: 400; line-height: 1.1; margin: 17px 0 23px; max-width: 22ch; } :root body.afour-site #H03 .destination-story-v36 > p:last-child, :root body.afour-site #H03 .destination-story-v36 > :where(.elementor-widget):last-child > p, :root body.afour-site #H03 .destination-story-v36 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; max-width: 52ch; } :root body.afour-site #H03 .destination-explore-v36 { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 28px; border-top: 1px solid var(--line); padding-top: 23px; align-items: start; } :root body.afour-site #H03 .destination-explore-v36 h5 { font-family: Plex, Arial, sans-serif; font-size: 26px; line-height: 1.15; font-weight: 400; margin: 16px 0 19px; } :root body.afour-site #H03 .destination-explore-v36 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 16px; line-height: 1.6; } :root body.afour-site #H03 .destination-facts-v36 { border-left: 2px solid var(--cacao); padding-left: 22px; } :root body.afour-site #H03 .destination-status-v36 { font-size: 13px; line-height: 1.6; margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--line); } :root body.afour-site #P03 .creator-programme-v36 { margin-top: 55px; padding-top: 35px; border-top: 2px solid var(--blue); } :root body.afour-site #P03 .creator-opening-v36 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px 48px; align-items: start; } :root body.afour-site #P03 .creator-opening-v36 > .eyebrow, :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; } :root body.afour-site #P03 .creator-opening-v36 h3 { font-size: clamp(35px, 3.6vw, 51px); line-height: 1.1; max-width: 24ch; } :root body.afour-site #P03 .creator-opening-v36 > p:not(.eyebrow), :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 47ch; padding-top: 5px; } :root body.afour-site #P03 .creator-explanation-v36 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; margin-top: 34px; } :root body.afour-site #P03 .creator-lesson-v36 { padding: 30px 32px; background: var(--paper); border-bottom: 3px solid var(--cacao); } :root body.afour-site #P03 .creator-lesson-v36 h4 { font-family: Plex, Arial, sans-serif; font-size: clamp(32px, 3vw, 43px); font-weight: 400; line-height: 1.1; margin: 25px 0 30px; } :root body.afour-site #P03 .creator-lesson-pivot-v36 { display: flex; align-items: flex-start; gap: 20px; border-top: 1px solid var(--line); padding-top: 23px; } :root body.afour-site #P03 .creator-lesson-pivot-v36 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson-pivot-v36 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson-pivot-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 33px; line-height: 1; color: var(--cacao); flex: 0 0 auto; } :root body.afour-site #P03 .creator-lesson-pivot-v36 > p, :root body.afour-site #P03 .creator-lesson-pivot-v36 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-lesson-pivot-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.6; max-width: 44ch; } :root body.afour-site #P03 .creator-lesson-limit-v36 { font-size: 13px; line-height: 1.6; margin-top: 24px; max-width: 59ch; } :root body.afour-site #P03 .creator-brand-v36 h4 { font-family: Plex, Arial, sans-serif; font-size: 32px; font-weight: 400; line-height: 1.13; margin: 20px 0 24px; } :root body.afour-site #P03 .creator-brand-v36 > p:not(.eyebrow), :root body.afour-site #P03 .creator-brand-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-brand-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 47ch; } :root body.afour-site #P03 .creator-responsibilities-v36 { border-top: 1px solid var(--line); margin-top: 25px; padding-top: 12px; } :root body.afour-site #P03 .creator-responsibilities-v36 summary { font-size: 17px; line-height: 1.5; padding: 8px 0; min-height: 48px; cursor: pointer; } :root body.afour-site #P03 .creator-responsibilities-v36 p { font-size: 16px; line-height: 1.6; margin: 18px 0; } :root body.afour-site #R04 .reveal-opening-v36 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; margin-bottom: 38px; } :root body.afour-site #R04 .reveal-opening-v36 h2 { font-size: clamp(40px, 4.3vw, 64px); line-height: 1.07; max-width: 20ch; } :root body.afour-site #R04 .reveal-opening-v36 > p, :root body.afour-site #R04 .reveal-opening-v36 > :where(.elementor-widget) > p, :root body.afour-site #R04 .reveal-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.6; max-width: 47ch; padding-top: 5px; } :root body.afour-site #R04 .brand-reveal-v36 { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 48px; align-items: start; border-top: 1px solid var(--line); padding-top: 30px; } :root body.afour-site #R04 .reveal-story-v36 h3 { font-size: clamp(34px, 3.2vw, 47px); line-height: 1.12; margin: 20px 0 25px; max-width: 17ch; } :root body.afour-site #R04 .reveal-story-v36 > p:not(.eyebrow), :root body.afour-site #R04 .reveal-story-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .reveal-story-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 39ch; } :root body.afour-site #R04 .reveal-story-v36 :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; line-height: 1.5; margin-top: 26px; gap: 16px; align-items: start; } :root body.afour-site #R04 .reveal-study-v36 { margin: 0; min-width: 0; } :root body.afour-site #R04 .reveal-native-frame-v36 { background: var(--paper); border-bottom: 3px solid var(--cacao); } :root body.afour-site #R04 .reveal-native-masthead-v36 { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 17px 24px; background: var(--ink); color: var(--paper); } :root body.afour-site #R04 .reveal-native-masthead-v36 img { width: 88px; height: auto; flex: 0 0 auto; } :root body.afour-site #R04 .reveal-native-masthead-v36 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .reveal-native-masthead-v36 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .reveal-native-masthead-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.6; text-transform: uppercase; max-width: 23ch; text-align: right; } :root body.afour-site #R04 .reveal-native-page-v36 { padding: 28px 32px 32px; min-height: 370px; display: flex; flex-direction: column; justify-content: space-between; gap: 25px; } :root body.afour-site #R04 .reveal-native-headline-v36 { font-size: clamp(39px, 4vw, 58px); line-height: 1.03; letter-spacing: -0.035em; } :root body.afour-site #R04 .reveal-native-page-v36 > p:last-child, :root body.afour-site #R04 .reveal-native-page-v36 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .reveal-native-page-v36 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; color: var(--cacao); } :root body.afour-site #R04 .reveal-study-v36 :is(figcaption, div:where(.tag-figcaption)) { font-size: 13px; line-height: 1.55; margin-top: 14px; max-width: 90ch; } :root body.afour-site #R04 .press-launch-v36 { margin-top: 60px; padding-top: 35px; border-top: 2px solid var(--cacao); } :root body.afour-site #R04 .press-opening-v36 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 17px 48px; align-items: start; } :root body.afour-site #R04 .press-opening-v36 > .eyebrow, :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; } :root body.afour-site #R04 .press-opening-v36 h3 { font-size: clamp(34px, 3.4vw, 49px); line-height: 1.12; max-width: 26ch; } :root body.afour-site #R04 .press-opening-v36 > p:not(.eyebrow), :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 49ch; padding-top: 5px; } :root body.afour-site #R04 .press-editorial-v36 { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 42px; align-items: start; margin-top: 30px; } :root body.afour-site #R04 .press-story-v36 { padding: 29px 32px; background: var(--paper); border-top: 1px solid var(--ink); } :root body.afour-site #R04 .press-story-v36 h4 { font-family: Plex, Arial, sans-serif; font-size: clamp(31px, 3vw, 44px); line-height: 1.1; font-weight: 400; margin: 22px 0 26px; } :root body.afour-site #R04 .press-story-v36 > p:last-child, :root body.afour-site #R04 .press-story-v36 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-story-v36 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.65; max-width: 57ch; } :root body.afour-site #R04 .press-note-v36 { padding-top: 6px; } :root body.afour-site #R04 .press-note-v36 h4 { font-family: Plex, Arial, sans-serif; font-size: 26px; line-height: 1.18; font-weight: 400; margin: 17px 0 23px; } :root body.afour-site #R04 .press-note-v36 > p:not(.eyebrow), :root body.afour-site #R04 .press-note-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .press-note-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 16px; line-height: 1.65; margin-top: 18px; } :root body.afour-site #R04 .press-qualification-v36 { font-size: 15px; line-height: 1.6; margin-top: 26px; max-width: 115ch; } :root body.afour-site #R04 .launch-related-v36 { font-size: 16px; line-height: 1.6; border-top: 1px solid var(--line); padding-top: 23px; margin-top: 27px; max-width: 100ch; } :root body.afour-site #R04 .launch-related-v36 a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 1000px) { :root body.afour-site #H03 .brand-destination-v36 { grid-template-columns: 1fr 2fr; gap: 28px; } :root body.afour-site #H03 .destination-explore-v36 { display: block; } :root body.afour-site #H03 .destination-facts-v36 { margin-top: 25px; } :root body.afour-site #P03 .creator-opening-v36, :root body.afour-site #P03 .creator-explanation-v36 { gap: 25px; } :root body.afour-site #P03 .creator-lesson-v36 { padding: 26px; } :root body.afour-site #R04 .reveal-opening-v36, :root body.afour-site #R04 .press-opening-v36 { gap: 26px; } :root body.afour-site #R04 .brand-reveal-v36 { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); gap: 28px; } :root body.afour-site #R04 .press-editorial-v36 { gap: 28px; } } @media (max-width: 800px) { :root body.afour-site #H03 .brand-destination-v36 { display: block; } :root body.afour-site #H03 .destination-context-v36 { margin-bottom: 28px; } :root body.afour-site #H03 .destination-context-v36 > p:not(.eyebrow), :root body.afour-site #H03 .destination-context-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-context-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 65ch; } :root body.afour-site #H03 .destination-context-v36 :is(.text-link, .elementor-button:where(.afour-text-link *)) { display: inline-flex; } :root body.afour-site #P03 .creator-opening-v36, :root body.afour-site #P03 .creator-explanation-v36 { display: block; } :root body.afour-site #P03 .creator-opening-v36 > p:not(.eyebrow), :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { margin-top: 24px; max-width: 65ch; } :root body.afour-site #P03 .creator-brand-v36 { padding-top: 30px; margin-top: 28px; border-top: 1px solid var(--line); } :root body.afour-site #P03 .creator-brand-v36 > p:not(.eyebrow), :root body.afour-site #P03 .creator-brand-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-brand-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 65ch; } :root body.afour-site #R04 .reveal-opening-v36, :root body.afour-site #R04 .brand-reveal-v36, :root body.afour-site #R04 .press-opening-v36, :root body.afour-site #R04 .press-editorial-v36 { display: block; } :root body.afour-site #R04 .reveal-opening-v36 > p, :root body.afour-site #R04 .reveal-opening-v36 > :where(.elementor-widget) > p, :root body.afour-site #R04 .reveal-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; max-width: 65ch; } :root body.afour-site #R04 .reveal-story-v36 > p:not(.eyebrow), :root body.afour-site #R04 .reveal-story-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .reveal-story-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 60ch; } :root body.afour-site #R04 .reveal-study-v36 { margin-top: 30px; } :root body.afour-site #R04 .press-opening-v36 > p:not(.eyebrow), :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { margin-top: 24px; max-width: 65ch; } :root body.afour-site #R04 .press-note-v36 { margin-top: 27px; padding-top: 23px; border-top: 1px solid var(--line); } :root body.afour-site #R04 .reveal-story-v36 h3 { max-width: none; } } @media (max-width: 600px) { :root body.afour-site #H03 .destination-context-v36 h3 { font-size: 35px; } :root body.afour-site #H03 .destination-page-v36 { padding: 23px 20px; } :root body.afour-site #H03 .destination-story-v36 h4 { font-size: 32px; } :root body.afour-site #H03 .destination-explore-v36 h5 { font-size: 28px; } :root body.afour-site #H03 .destination-explore-v36 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-explore-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site #P03 .creator-opening-v36 h3 { font-size: 36px; } :root body.afour-site #P03 .creator-opening-v36 > p:not(.eyebrow), :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site #P03 .creator-lesson-v36 { padding: 25px 22px; } :root body.afour-site #P03 .creator-lesson-v36 h4 { font-size: 34px; } :root body.afour-site #P03 .creator-lesson-pivot-v36 { gap: 14px; } :root body.afour-site #P03 .creator-lesson-pivot-v36 > p, :root body.afour-site #P03 .creator-lesson-pivot-v36 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-lesson-pivot-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; } :root body.afour-site #P03 .creator-brand-v36 > p:not(.eyebrow), :root body.afour-site #P03 .creator-brand-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-brand-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site #R04 .reveal-opening-v36 h2 { font-size: 40px; } :root body.afour-site #R04 .reveal-opening-v36 > p, :root body.afour-site #R04 .reveal-opening-v36 > :where(.elementor-widget) > p, :root body.afour-site #R04 .reveal-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site #R04 .reveal-story-v36 h3 { font-size: 35px; } :root body.afour-site #R04 .reveal-native-masthead-v36 { padding: 15px 19px; gap: 15px; } :root body.afour-site #R04 .reveal-native-masthead-v36 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .reveal-native-masthead-v36 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .reveal-native-masthead-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 9px; } :root body.afour-site #R04 .reveal-native-page-v36 { padding: 25px 22px; min-height: 355px; } :root body.afour-site #R04 .reveal-native-headline-v36 { font-size: 43px; } :root body.afour-site #R04 .press-opening-v36 h3 { font-size: 35px; } :root body.afour-site #R04 .press-opening-v36 > p:not(.eyebrow), :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .press-opening-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site #R04 .press-story-v36 { padding: 25px 22px; } :root body.afour-site #R04 .press-story-v36 h4 { font-size: 33px; } :root body.afour-site #R04 .press-story-v36 > p:last-child, :root body.afour-site #R04 .press-story-v36 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-story-v36 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; } } @media (max-width: 350px) { :root body.afour-site #H03 .destination-context-v36 h3 { font-size: 32px; } :root body.afour-site #H03 .destination-story-v36 h4 { font-size: 29px; } :root body.afour-site #P03 .creator-opening-v36 h3 { font-size: 32px; } :root body.afour-site #P03 .creator-lesson-v36 h4 { font-size: 30px; } :root body.afour-site #R04 .reveal-opening-v36 h2 { font-size: 36px; } :root body.afour-site #R04 .reveal-story-v36 h3 { font-size: 32px; } :root body.afour-site #R04 .reveal-native-headline-v36 { font-size: 38px; } :root body.afour-site #R04 .press-opening-v36 h3 { font-size: 32px; } :root body.afour-site #R04 .press-story-v36 h4 { font-size: 30px; } } :root body.afour-site #R04 .focused-E-v36 .reveal-story-v36 h3 { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: clamp(38px, 3.9vw, 56px); line-height: 1.07; letter-spacing: -0.025em; max-width: 19ch; } :root body.afour-site #R04 .focused-E-v36 .reveal-story-v36 h3 em { color: var(--blue); } :root body.afour-site #R04 .focused-reveal-picture-v36 { display: block; width: 100%; aspect-ratio: 3/2; background: var(--paper); } :root body.afour-site #R04 .focused-reveal-picture-v36 img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } :root body.afour-site #R04 .reveal-owned-editorial-v36 { grid-column: 1/-1; border-top: 1px solid var(--ink); padding-top: 25px; margin-top: 5px; } :root body.afour-site #R04 .reveal-editorial-reading-v36 { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 38px; align-items: start; margin-top: 20px; } :root body.afour-site #R04 .reveal-editorial-folio-v36 { font-family: AwesomeItalic, serif; font-style: italic; font-size: 91px; line-height: 1; color: var(--blue); } :root body.afour-site #R04 .reveal-editorial-reading-v36 h4 { font-family: Plex, Arial, sans-serif; font-size: 32px; line-height: 1.16; font-weight: 400; margin: 0 0 23px; } :root body.afour-site #R04 .reveal-editorial-reading-v36 p { font-size: 18px; line-height: 1.65; max-width: 86ch; } :root body.afour-site #R04 .reveal-owned-editorial-v36 > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #R04 .reveal-owned-editorial-v36 > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #R04 .reveal-owned-editorial-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #R04 .reveal-owned-editorial-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #R04 .reveal-owned-editorial-v36 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; line-height: 1.5; gap: 17px; margin-top: 27px; } :root body.afour-site #P03 .creator-photo-v36 { margin: 25px 0 0; } :root body.afour-site #P03 .creator-photo-v36 :is(picture, div:where(.tag-picture)) { display: block; width: 100%; aspect-ratio: 4/3; } :root body.afour-site #P03 .creator-photo-v36 img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } :root body.afour-site #P03 .creator-photo-v36 :is(figcaption, div:where(.tag-figcaption)) { margin-top: 18px; } :root body.afour-site #P03 .creator-photo-v36 h5 { font-family: Plex, Arial, sans-serif; font-size: 22px; line-height: 1.25; font-weight: 400; color: var(--blue); margin: 0 0 12px; } :root body.afour-site #P03 .creator-photo-v36 :is(figcaption, div:where(.tag-figcaption)) p, :root body.afour-site #P03 .creator-read-next-v36 { font-size: 17px; line-height: 1.6; } :root body.afour-site #P03 .creator-read-next-v36 { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 22px; } @media (max-width: 800px) { :root body.afour-site #R04 .reveal-owned-editorial-v36 { margin-top: 30px; } :root body.afour-site #R04 .reveal-editorial-reading-v36 { grid-template-columns: 70px minmax(0, 1fr); gap: 24px; } :root body.afour-site #R04 .reveal-editorial-folio-v36 { font-size: 71px; } } @media (max-width: 600px) { :root body.afour-site #R04 .focused-reveal-picture-v36 { aspect-ratio: 4/5; } :root body.afour-site #R04 .focused-E-v36 .reveal-story-v36 h3 { font-size: 43px; } :root body.afour-site #R04 .reveal-editorial-reading-v36 { display: block; } :root body.afour-site #R04 .reveal-editorial-folio-v36 { display: none; } :root body.afour-site #R04 .reveal-editorial-reading-v36 h4 { font-size: 29px; } :root body.afour-site #R04 .reveal-editorial-reading-v36 p { font-size: 17px; } } @media (max-width: 350px) { :root body.afour-site #R04 .focused-E-v36 .reveal-story-v36 h3 { font-size: 38px; } :root body.afour-site #R04 .reveal-editorial-reading-v36 h4 { font-size: 26px; } :root body.afour-site #P03 .creator-photo-v36 h5 { font-size: 21px; } } :root body.afour-site #H03 .destination-route-links-v36 { display: flex; flex-wrap: wrap; gap: 14px 25px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 18px 0; margin-bottom: 25px; } :root body.afour-site #H03 .destination-route-links-v36 a { display: inline-flex; align-items: start; gap: 12px; font-size: 16px; line-height: 1.5; color: var(--blue); text-decoration: underline; text-underline-offset: 4px; } :root body.afour-site #H03 .destination-example-v36 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 30px; align-items: start; } :root body.afour-site #H03 .destination-customer-question-v36 blockquote { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: 28px; line-height: 1.2; color: var(--blue); margin: 19px 0 23px; } :root body.afour-site #H03 .destination-customer-question-v36 > p:last-child, :root body.afour-site #H03 .destination-customer-question-v36 > :where(.elementor-widget):last-child > p, :root body.afour-site #H03 .destination-customer-question-v36 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.6; } :root body.afour-site #H03 .destination-evidence-v36 h5 { font-family: Plex, Arial, sans-serif; font-size: 25px; line-height: 1.15; font-weight: 400; margin: 17px 0 23px; } :root body.afour-site #H03 .destination-evidence-v36 :is(dl, div:where(.tag-dl)) { margin: 0; } :root body.afour-site #H03 .destination-evidence-v36 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-evidence-v36 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-evidence-v36 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding: 16px 0; } :root body.afour-site #H03 .destination-evidence-v36 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 18px; line-height: 1.35; color: var(--blue); margin-bottom: 9px; } :root body.afour-site #H03 .destination-evidence-v36 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.6; margin: 0; } :root body.afour-site #H03 .destination-evidence-link-v36 { font-size: 15px; line-height: 1.55; color: var(--blue); text-decoration: underline; text-underline-offset: 4px; display: inline-block; margin-top: 17px; } :root body.afour-site #R04 .press-story-v36 > p:not(.eyebrow), :root body.afour-site #R04 .press-story-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .press-story-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.65; margin-top: 17px; } :root body.afour-site #R04 .press-story-v36 .press-story-endnote-v36 { font-size: 13px; line-height: 1.6; padding-top: 18px; border-top: 1px solid var(--line); color: var(--cacao); } :root body.afour-site #R04 .press-channel-examples-v36 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 42px; margin-top: 30px; padding-top: 27px; border-top: 1px solid var(--line); align-items: start; } :root body.afour-site #R04 .press-editorial-example-v36 h5 { font-family: Plex, Arial, sans-serif; font-size: 29px; line-height: 1.15; font-weight: 400; margin: 18px 0 22px; } :root body.afour-site #R04 .press-editorial-example-v36 > p:last-child, :root body.afour-site #R04 .press-editorial-example-v36 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-editorial-example-v36 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; max-width: 55ch; } :root body.afour-site #R04 .press-social-example-v36 { border-left: 2px solid var(--cacao); padding-left: 24px; } :root body.afour-site #R04 .press-social-caption-v36 { font-family: AwesomeItalic, serif; font-style: italic; font-size: 32px; line-height: 1.12; color: var(--blue); margin: 19px 0 23px; } :root body.afour-site #R04 .press-social-example-v36 > p:not(.eyebrow):not(.press-social-caption-v36), :root body.afour-site #R04 .press-social-example-v36 > :where(.elementor-widget) > p:not(.eyebrow):not(.press-social-caption-v36), :root body.afour-site #R04 .press-social-example-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.press-social-caption-v36) { font-size: 17px; line-height: 1.6; } :root body.afour-site #R04 .press-social-example-v36 > a, :root body.afour-site #R04 .press-social-example-v36 > :where(.elementor-widget) > a, :root body.afour-site #R04 .press-social-example-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #R04 .press-social-example-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #R04 .press-social-example-v36 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { font-size: 15px; line-height: 1.55; color: var(--blue); display: inline-block; margin-top: 21px; text-decoration: underline; text-underline-offset: 4px; } :root body.afour-site #P03 .creator-participation-value-v36 h5 { font-family: Plex, Arial, sans-serif; font-size: 23px; line-height: 1.25; font-weight: 400; color: var(--blue); margin: 23px 0 12px; } :root body.afour-site #P03 .creator-participation-value-v36 p { font-size: 17px; line-height: 1.6; max-width: 49ch; } @media (max-width: 1000px) { :root body.afour-site #H03 .destination-example-v36 { display: block; } :root body.afour-site #H03 .destination-evidence-v36 { margin-top: 27px; } } @media (max-width: 800px) { :root body.afour-site #R04 .press-channel-examples-v36 { display: block; } :root body.afour-site #R04 .press-social-example-v36 { margin-top: 27px; } } @media (max-width: 600px) { :root body.afour-site #H03 .destination-customer-question-v36 blockquote { font-size: 28px; } :root body.afour-site #H03 .destination-customer-question-v36 > p:last-child, :root body.afour-site #H03 .destination-customer-question-v36 > :where(.elementor-widget):last-child > p, :root body.afour-site #H03 .destination-customer-question-v36 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p, :root body.afour-site #H03 .destination-evidence-v36 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; } :root body.afour-site #R04 .press-editorial-example-v36 h5 { font-size: 28px; } :root body.afour-site #R04 .press-social-caption-v36 { font-size: 31px; } } :root body.afour-site #R04 .selected-E-announcement-v36 { color: var(--blue); } :root body.afour-site #R04 .reveal-story-v36 .selected-E-point-v36 { font-size: 28px; line-height: 1.2; margin: 28px 0; } :root body.afour-site #R04 .selected-E-hero-v36 { position: relative; } :root body.afour-site #R04 .selected-E-masthead-v36 { position: absolute; left: 16px; top: 16px; font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: 19px; line-height: 0.98; color: var(--cacao); max-width: 10ch; pointer-events: none; } :root body.afour-site #R04 .selected-E-continuation-v36 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5.6fr); gap: 48px; align-items: start; margin-top: 24px; } :root body.afour-site #R04 .selected-E-continuation-v36 :is(figure, div:where(.tag-figure)) { margin: 0; min-width: 0; } :root body.afour-site #R04 .selected-E-continuation-v36 :is(picture, div:where(.tag-picture)) { display: block; width: 100%; aspect-ratio: 3/2; } :root body.afour-site #R04 .selected-E-continuation-v36 img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 h4 { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: clamp(34px, 3.4vw, 49px); line-height: 1.08; margin: 19px 0 28px; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 > p:not(.eyebrow), :root body.afour-site #R04 .selected-E-continuation-copy-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .selected-E-continuation-copy-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 43ch; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 .selected-E-close-v36 { font-size: 24px; line-height: 1.3; margin-top: 26px; } :root body.afour-site #R04 .selected-E-qualification-v36 { font-size: 13px; line-height: 1.6; border-top: 1px solid var(--blue); padding-top: 18px; margin-top: 25px; } @media (max-width: 1000px) { :root body.afour-site #R04 .selected-E-continuation-v36 { gap: 28px; } } @media (max-width: 800px) { :root body.afour-site #R04 .selected-E-continuation-v36 { display: block; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 { margin-top: 25px; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 > p:not(.eyebrow), :root body.afour-site #R04 .selected-E-continuation-copy-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .selected-E-continuation-copy-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 65ch; } } @media (max-width: 600px) { :root body.afour-site #R04 .selected-E-masthead-v36 { font-size: 13px; } :root body.afour-site #R04 .reveal-story-v36 .selected-E-point-v36 { font-size: 26px; } :root body.afour-site #R04 .selected-E-continuation-v36 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 h4 { font-size: 37px; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 > p:not(.eyebrow), :root body.afour-site #R04 .selected-E-continuation-copy-v36 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .selected-E-continuation-copy-v36 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; } :root body.afour-site #R04 .selected-E-continuation-copy-v36 .selected-E-close-v36 { font-size: 23px; } } @media (max-width: 350px) { :root body.afour-site #R04 .selected-E-continuation-copy-v36 h4 { font-size: 33px; } } :root body.afour-site #H02.scoped361 { display: block; } :root body.afour-site #H02 .market-heading361 { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 24px 64px; align-items: end; margin-bottom: 36px; } :root body.afour-site #H02 .market-heading361 > .eyebrow, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; margin: 0; } :root body.afour-site #H02 .market-heading361 h2 { font-size: clamp(40px, 4.5vw, 65px); line-height: 1.07; margin: 0; max-width: 24ch; } :root body.afour-site #H02 .market-heading361 > p:last-child, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > p, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.55; margin: 0; max-width: 40ch; } :root body.afour-site #H02 .market-context361 { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 24px 64px; padding: 30px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); } :root body.afour-site #H02 .market-primary361 > .eyebrow, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { display: block; margin: 0 0 12px; } :root body.afour-site #H02 .market-primary361 > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { display: block; font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: clamp(70px, 8vw, 115px); line-height: 1.08; color: var(--blue); letter-spacing: -0.04em; } :root body.afour-site #H02 .market-primary361 > p, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > p, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.5; margin: 15px 0 0; } :root body.afour-site #H02 .market-forecast361 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: end; } :root body.afour-site #H02 .market-forecast361 > p, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget) > p, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin: 0; min-width: 0; } :root body.afour-site #H02 .market-forecast361 > p:first-child > .eyebrow, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > .eyebrow, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > .eyebrow, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { display: block; margin-bottom: 14px; } :root body.afour-site #H02 .market-forecast361 > p:first-child > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { display: block; font-size: clamp(29px, 3.1vw, 45px); font-weight: 400; line-height: 1.12; } :root body.afour-site #H02 .market-rate361 > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { display: block; font-size: clamp(32px, 3.4vw, 49px); font-weight: 400; line-height: 1.12; color: var(--cacao); } :root body.afour-site #H02 .market-rate361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; font-size: 14px; line-height: 1.55; margin-top: 12px; } :root body.afour-site #H02 .market-source361 { grid-column: 1/-1; display: flex; gap: 40px; justify-content: space-between; align-items: start; padding-top: 5px; } :root body.afour-site #H02 .market-source361 > p, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > p, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 14px; line-height: 1.6; max-width: 88ch; margin: 0; } :root body.afour-site #H02 .market-source361 > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { flex: none; font-size: 15px; line-height: 1.55; text-decoration: underline; text-underline-offset: 4px; } :root body.afour-site #H02 .market-response361 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; margin-top: 50px; } :root body.afour-site #H02 .market-image361 :is(figure, div:where(.tag-figure)) { margin: 0; } :root body.afour-site #H02 .market-image361 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/3; } :root body.afour-site #H02 .market-image361 img { display: block; width: 100%; height: 100%; object-fit: cover; } :root body.afour-site #H02 .market-image361 :is(figcaption, div:where(.tag-figcaption)) { font-size: 13px; line-height: 1.5; margin-top: 12px; } :root body.afour-site #H02 .response-copy361 > .eyebrow, :root body.afour-site #H02 .response-copy361 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H02 .response-copy361 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin: 0 0 16px; } :root body.afour-site #H02 .response-copy361 h3 { font-size: clamp(31px, 3vw, 43px); line-height: 1.12; margin: 0 0 28px; } :root body.afour-site #H02 .response-pairs361 { margin: 0; padding: 0; } :root body.afour-site #H02 .response-pairs361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .response-pairs361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .response-pairs361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 18px 0; border-top: 1px solid var(--line); } :root body.afour-site #H02 .response-pairs361 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { display: flex; align-items: center; gap: 16px; font-size: 21px; line-height: 1.3; } :root body.afour-site #H02 .response-pairs361 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) svg { width: 30px; height: 30px; flex: none; color: var(--blue); } :root body.afour-site #H02 .response-pairs361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.6; margin: 11px 0 0 46px; max-width: 53ch; } :root body.afour-site #H02 .response-foundation361 { font-size: 15px; line-height: 1.6; max-width: 65ch; margin: 23px 0 17px; } :root body.afour-site #H02 .response-copy361 > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .response-copy361 > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .response-copy361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .response-copy361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H02 .response-copy361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; line-height: 1.5; gap: 20px; } :root body.afour-site #H02 .market-detail361 { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line); } :root body.afour-site #H02 .market-detail361 > summary { font-size: 17px; line-height: 1.5; min-height: 44px; cursor: pointer; } :root body.afour-site #H02 .market-detail361 > p, :root body.afour-site #H02 .market-detail361 > :where(.elementor-widget) > p, :root body.afour-site #H02 .market-detail361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 15px; line-height: 1.65; max-width: 100ch; margin: 14px 0; } :root body.afour-site #H03 .brand-destination361 { margin-top: 60px; padding-top: 38px; border-top: 1px solid rgba(252, 251, 247, 0.35); } :root body.afour-site #H03 .destination-heading361 { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: end; margin-bottom: 34px; } :root body.afour-site #H03 .destination-heading361 h3 { font-size: clamp(35px, 3.6vw, 52px); line-height: 1.1; margin: 18px 0 0; } :root body.afour-site #H03 .destination-heading361 > p, :root body.afour-site #H03 .destination-heading361 > :where(.elementor-widget) > p, :root body.afour-site #H03 .destination-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.6; max-width: 48ch; margin: 0; } :root body.afour-site #H03 .destination-demo361 { background: var(--paper); color: var(--ink); padding: 28px; min-width: 0; } :root body.afour-site #H03 .destination-label361 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-bottom: 20px; margin-bottom: 26px; border-bottom: 1px solid var(--line); font-family: Azeret, monospace; font-size: 11px; line-height: 1.6; text-transform: uppercase; } :root body.afour-site #H03 .destination-world361 { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 36px; align-items: start; } :root body.afour-site #H03 .destination-world361 :is(figure, div:where(.tag-figure)) { margin: 0; min-width: 0; } :root body.afour-site #H03 .destination-world361 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 8/5; } :root body.afour-site #H03 .destination-world361 img { display: block; width: 100%; height: 100%; object-fit: cover; } :root body.afour-site #H03 .destination-story361 .eyebrow { color: var(--cacao); margin: 0 0 17px; } :root body.afour-site #H03 .destination-story361 h4 { font-size: clamp(30px, 3vw, 43px); line-height: 1.12; margin: 0 0 23px; } :root body.afour-site #H03 .destination-story361 > p:not(.eyebrow), :root body.afour-site #H03 .destination-story361 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-story361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.65; margin: 0; } :root body.afour-site #H03 .destination-story361 nav { display: flex; flex-direction: column; gap: 15px; margin-top: 25px; } :root body.afour-site #H03 .destination-story361 nav > a, :root body.afour-site #H03 .destination-story361 nav > :where(.elementor-widget) > a, :root body.afour-site #H03 .destination-story361 nav > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #H03 .destination-story361 nav > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #H03 .destination-story361 nav > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { font-size: 16px; line-height: 1.5; color: var(--blue); text-decoration: underline; text-underline-offset: 4px; } :root body.afour-site #H03 .destination-decision361 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 55px; padding-top: 30px; margin-top: 32px; border-top: 1px solid var(--line); } :root body.afour-site #H03 .destination-question361 blockquote { font-family: AwesomeItalic, serif; font-style: italic; font-size: clamp(29px, 3vw, 43px); line-height: 1.2; color: var(--blue); margin: 20px 0 23px; } :root body.afour-site #H03 .destination-question361 > p:not(.eyebrow), :root body.afour-site #H03 .destination-question361 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-question361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 16px; line-height: 1.6; max-width: 50ch; } :root body.afour-site #H03 .destination-facts361 h5 { font-size: 27px; line-height: 1.2; margin: 16px 0 23px; } :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) { margin: 0; } :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-facts361 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; } :root body.afour-site #H03 .destination-facts361 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 19px; line-height: 1.4; color: var(--blue); } :root body.afour-site #H03 .destination-facts361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.6; margin: 8px 0 0; } :root body.afour-site #H03 .destination-missing361 { font-size: 14px; line-height: 1.55; margin: 20px 0; } :root body.afour-site #H03 .destination-facts361 > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { font-size: 15px; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; color: var(--blue); } :root body.afour-site #H03 .destination-limit361 { font-size: 14px; line-height: 1.6; padding-top: 20px; margin: 28px 0 0; border-top: 1px solid var(--line); } :root body.afour-site #R01.scoped361 .category-spread { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: start; margin-top: 40px; } :root body.afour-site #R01.scoped361 .category { margin: 0; padding: 0; min-width: 0; } :root body.afour-site #R01.scoped361 .category :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/5; height: auto; max-height: none; } :root body.afour-site #R01.scoped361 .category :is(picture, div:where(.tag-picture)) img { display: block; width: 100%; height: 100%; object-fit: cover; } :root body.afour-site #R01.scoped361 .category h3 { font-size: 22px; line-height: 1.3; margin: 17px 0 9px; } :root body.afour-site #R01.scoped361 .category p { font-size: 16px; line-height: 1.6; } :root body.afour-site #R02.scoped361 .journey-spread { gap: 48px; } :root body.afour-site #R02.scoped361 .journey { min-width: 0; } :root body.afour-site #R02.scoped361 .product-specimen { display: block; } :root body.afour-site #R02.scoped361 .identity-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site #R02.scoped361 .compare-specimen > :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 3/2; display: block; } :root body.afour-site #R02.scoped361 .identity-specimen :is(picture, div:where(.tag-picture)) img, :root body.afour-site #R02.scoped361 .compare-specimen > :is(picture, div:where(.tag-picture)) img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; } :root body.afour-site #R02.scoped361 .specimen-copy { padding: 26px 0 0; background: transparent; border: 0; } :root body.afour-site #R02.scoped361 .specimen-copy h4 { font-size: 29px; line-height: 1.2; margin: 13px 0 22px; } :root body.afour-site #R02.scoped361 .specimen-copy :is(dl, div:where(.tag-dl)) { margin-top: 23px; } :root body.afour-site #R02.scoped361 .specimen-copy :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 19px; line-height: 1.4; } :root body.afour-site #R02.scoped361 .specimen-copy :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.6; margin: 7px 0 18px; } :root body.afour-site #R02.scoped361 .specimen-copy table { font-size: 17px; line-height: 1.5; table-layout: fixed; width: 100%; } :root body.afour-site #R02.scoped361 .specimen-copy caption { text-align: left; } :root body.afour-site #R03 .decision-system361 { margin-top: 46px; } :root body.afour-site #R03 .decision-row361 { padding: 28px 0 35px; border-top: 1px solid var(--line); margin: 0; } :root body.afour-site #R03 .decision-question361 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 35px; align-items: baseline; margin-bottom: 28px; } :root body.afour-site #R03 .decision-question361 > .eyebrow, :root body.afour-site #R03 .decision-question361 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #R03 .decision-question361 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin: 0; color: var(--cacao); } :root body.afour-site #R03 .decision-question361 h3 { font-size: clamp(28px, 2.7vw, 39px); line-height: 1.15; margin: 0; max-width: 30ch; } :root body.afour-site #R03 .decision-content361 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 55px; align-items: start; } :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site #R03 .decision-content361 > .skincare-information { padding-left: 30px; border-left: 1px solid var(--line); } :root body.afour-site #R03 .decision-content361 .needs-discovery { background: transparent; padding: 0; } :root body.afour-site #R03 .decision-content361 .needs-discovery > h4, :root body.afour-site #R03 .decision-content361 .needs-discovery > :where(.elementor-widget) > h4, :root body.afour-site #R03 .decision-content361 .needs-discovery > :where(.elementor-widget) > :where(.elementor-widget-container) > h4 { font-size: 28px; line-height: 1.2; margin: 14px 0 23px; } :root body.afour-site #R03 .need-type ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; } :root body.afour-site #R03 .need-type :is(li, div:where(.tag-li)) { padding: 8px 12px; border: 1px solid var(--line); font-size: 15px; line-height: 1.4; } :root body.afour-site #R03 .decision-content361 .need-considerations { display: grid; grid-template-columns: 1fr 1fr; gap: 23px; margin-top: 24px; } :root body.afour-site #R03 .decision-content361 .need-considerations p { font-size: 16px; line-height: 1.6; } :root body.afour-site #R03 .decision-content361 .need-considerations .need-label { font-size: 18px; line-height: 1.4; color: var(--blue); margin-bottom: 8px; } :root body.afour-site #R03 .need-to-information { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; line-height: 1.5; margin-top: 25px; } :root body.afour-site #R03 .decision-content361 .skincare-information h3 { font-size: 28px; margin: 0 0 16px; } :root body.afour-site #R03 .decision-content361 .skincare-information-intro { font-size: 16px; } :root body.afour-site #R03 .decision-content361 .skincare-information-groups > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .skincare-information-groups > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .skincare-information-groups > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 14px 0; } :root body.afour-site #R03 .decision-content361 .skincare-information-groups :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; } :root body.afour-site #R03 .decision-content361 .skincare-information-groups :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { max-width: none; font-size: 17px; } :root body.afour-site #R03 .decision-content361 .makeup-fields { background: transparent; padding: 0; } :root body.afour-site #R03 .decision-content361 .makeup-example { margin-bottom: 19px; } :root body.afour-site #R03 .decision-content361 .semantic-illustration { width: 100%; height: auto; max-height: 235px; display: block; } :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > h3, :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > h3, :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > h3, :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > h3, :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > h3, :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > h3, :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > h3, :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > h3, :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 27px; line-height: 1.2; margin: 0 0 18px; } :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.caption) { font-size: 18px; line-height: 1.6; max-width: 55ch; } :root body.afour-site #R04.scoped361 .selected-E-continuation-v36 :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; } :root body.afour-site #R04 .press-launch361 { margin-top: 65px; padding-top: 35px; border-top: 2px solid var(--cacao); } :root body.afour-site #R04 .press-heading361 { max-width: 1150px; margin-bottom: 35px; } :root body.afour-site #R04 .press-heading361 h3 { font-size: clamp(36px, 4.1vw, 59px); line-height: 1.08; margin: 18px 0 24px; max-width: 27ch; } :root body.afour-site #R04 .press-heading361 > p:last-child, :root body.afour-site #R04 .press-heading361 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-heading361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.6; max-width: 72ch; margin: 0; } :root body.afour-site #R04 .press-editions361 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 30px; align-items: stretch; } :root body.afour-site #R04 .press-format361 { font-family: Azeret, monospace; font-size: 11px; line-height: 1.6; text-transform: uppercase; margin: 0 0 25px; } :root body.afour-site #R04 .press-announcement361 { background: var(--paper); padding: 30px; min-width: 0; border-top: 4px solid var(--ink); } :root body.afour-site #R04 .press-announcement361 > .press-format361 { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--line); } :root body.afour-site #R04 .press-kicker361 { font-size: 16px; margin: 0 0 20px; color: var(--cacao); } :root body.afour-site #R04 .press-announcement361 h4 { font-size: clamp(29px, 3.2vw, 46px); line-height: 1.12; margin: 0 0 25px; max-width: 28ch; } :root body.afour-site #R04 .press-dek361 { font-size: 18px; line-height: 1.65; max-width: 58ch; margin: 0; } :root body.afour-site #R04 .press-materials361 { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 13px; line-height: 1.5; border-top: 1px solid var(--line); padding-top: 20px; margin-top: 25px; } :root body.afour-site #R04 .press-print361 { padding: 30px 0 24px 15px; min-width: 0; border-top: 1px solid var(--ink); } :root body.afour-site #R04 .press-print-masthead361 { border-top: 1px solid var(--ink); border-bottom: 3px solid var(--ink); padding: 13px 0; display: flex; gap: 20px; justify-content: space-between; align-items: baseline; margin: 0 0 25px; } :root body.afour-site #R04 .press-print-masthead361 > span:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-print-masthead361 > :where(.elementor-widget):first-child > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-print-masthead361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 25px; letter-spacing: 0.03em; } :root body.afour-site #R04 .press-print-masthead361 > span:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-print-masthead361 > :where(.elementor-widget):last-child > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-print-masthead361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 12px; line-height: 1.5; max-width: 20ch; text-align: right; } :root body.afour-site #R04 .press-print361 h4 { font-family: AwesomeItalic, serif; font-style: italic; font-weight: 400; font-size: clamp(38px, 4vw, 57px); line-height: 1.08; margin: 0 0 24px; } :root body.afour-site #R04 .press-print361 > p:not(.press-format361), :root body.afour-site #R04 .press-print361 > :where(.elementor-widget) > p:not(.press-format361), :root body.afour-site #R04 .press-print361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.press-format361) { font-size: 17px; line-height: 1.6; max-width: 45ch; } :root body.afour-site #R04 .press-print361 > .press-print-rule361 { border-top: 1px solid var(--line); padding-top: 22px; margin-top: 25px; color: var(--cacao); } :root body.afour-site #R04 .press-social361 { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 22px 48px; align-items: end; padding-top: 15px; } :root body.afour-site #R04 .press-social361 > .press-format361 { grid-column: 1/-1; margin: 0; } :root body.afour-site #R04 .press-social-post361 { background: var(--ink); color: var(--paper); padding: 27px 32px; min-width: 0; } :root body.afour-site #R04 .press-social-masthead361 { display: flex; gap: 20px; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(252, 251, 247, 0.35); padding-bottom: 20px; margin-bottom: 28px; } :root body.afour-site #R04 .press-social-masthead361 img { display: block; width: 90px; height: auto; } :root body.afour-site #R04 .press-social-masthead361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-social-masthead361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-social-masthead361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.5; } :root body.afour-site #R04 .press-social-post361 h4 { font-size: clamp(40px, 4.6vw, 66px); line-height: 1.05; margin: 0; letter-spacing: -0.035em; } :root body.afour-site #R04 .press-social-post361 h4 em { color: var(--paper); font-size: 1.2em; } :root body.afour-site #R04 .press-social-post361 > p, :root body.afour-site #R04 .press-social-post361 > :where(.elementor-widget) > p, :root body.afour-site #R04 .press-social-post361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.5; margin: 24px 0 0; } :root body.afour-site #R04 .press-social361 > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { font-size: 21px; line-height: 1.5; text-decoration: underline; text-underline-offset: 5px; max-width: 28ch; padding-bottom: 20px; color: var(--blue); } :root body.afour-site #R04 .press-qualification361 { font-size: 15px; line-height: 1.65; max-width: 115ch; border-top: 1px solid var(--line); padding-top: 23px; margin: 35px 0 18px; } :root body.afour-site #R04 .press-detail361 > summary { font-size: 17px; line-height: 1.5; min-height: 44px; cursor: pointer; } :root body.afour-site #R04 .press-detail361 > p, :root body.afour-site #R04 .press-detail361 > :where(.elementor-widget) > p, :root body.afour-site #R04 .press-detail361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.65; max-width: 100ch; margin: 14px 0; } :root body.afour-site #R04 .press-programme-link361 { font-size: 16px; line-height: 1.65; margin-top: 22px; max-width: 90ch; } :root body.afour-site #R04 .press-programme-link361 a { text-decoration: underline; text-underline-offset: 4px; color: var(--blue); } :root body.afour-site #P03 .creator-programme361 { margin-top: 60px; border-top: 2px solid var(--cacao); padding-top: 35px; } :root body.afour-site #P03 .creator-heading361 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: end; margin-bottom: 35px; } :root body.afour-site #P03 .creator-heading361 h3 { font-size: clamp(36px, 4vw, 58px); line-height: 1.1; margin: 17px 0 0; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.65; margin: 0; max-width: 48ch; } :root body.afour-site #P03 .creator-values361 { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; margin: 0 0 35px; } :root body.afour-site #P03 .creator-values361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 22px; border-top: 1px solid var(--line); } :root body.afour-site #P03 .creator-values361 h4 { font-size: 32px; line-height: 1.14; margin: 16px 0 18px; } :root body.afour-site #P03 .creator-values361 p:not(.eyebrow) { font-size: 18px; line-height: 1.65; max-width: 52ch; margin: 0; } :root body.afour-site #P03 .creator-lesson361 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 55px; align-items: center; } :root body.afour-site #P03 .creator-lesson361 :is(figure, div:where(.tag-figure)) { margin: 0; min-width: 0; } :root body.afour-site #P03 .creator-lesson361 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/3; } :root body.afour-site #P03 .creator-lesson361 img { display: block; width: 100%; height: 100%; object-fit: cover; } :root body.afour-site #P03 .creator-lesson361 h4 { font-size: clamp(28px, 2.8vw, 40px); line-height: 1.15; margin: 17px 0 23px; } :root body.afour-site #P03 .creator-lesson361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.65; margin: 16px 0; } :root body.afour-site #P03 .creator-lesson361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > .creator-concept361, :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > .creator-concept361, :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > .creator-concept361 { font-size: 14px; line-height: 1.6; } :root body.afour-site #P03 :is( .creator-detail361:where(:not(.elementor-widget)), details:where( .creator-detail361 > .e-n-accordion > *, .creator-detail361 > .elementor-widget-container > .e-n-accordion > * ) ) { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 18px; } :root body.afour-site #P03 :is( .creator-detail361:where(:not(.elementor-widget)), details:where( .creator-detail361 > .e-n-accordion > *, .creator-detail361 > .elementor-widget-container > .e-n-accordion > * ) ) > summary { font-size: 17px; line-height: 1.5; min-height: 44px; cursor: pointer; } :root body.afour-site #P03 :is( .creator-detail361:where(:not(.elementor-widget)), details:where( .creator-detail361 > .e-n-accordion > *, .creator-detail361 > .elementor-widget-container > .e-n-accordion > * ) ) > p, :root body.afour-site #P03 :is( .creator-detail361:where(:not(.elementor-widget)), details:where( .creator-detail361 > .e-n-accordion > *, .creator-detail361 > .elementor-widget-container > .e-n-accordion > * ) ) > :where(.elementor-widget) > p, :root body.afour-site #P03 :is( .creator-detail361:where(:not(.elementor-widget)), details:where( .creator-detail361 > .e-n-accordion > *, .creator-detail361 > .elementor-widget-container > .e-n-accordion > * ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P03 :is( .creator-detail361:where(:not(.elementor-widget)), details:where( .creator-detail361 > .e-n-accordion > *, .creator-detail361 > .elementor-widget-container > .e-n-accordion > * ) ) > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #P03 :is( .creator-detail361:where(:not(.elementor-widget)), details:where( .creator-detail361 > .e-n-accordion > *, .creator-detail361 > .elementor-widget-container > .e-n-accordion > * ) ) > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.65; max-width: 100ch; margin: 14px 0; } :root body.afour-site #P04 .evidence-heading361 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 55px; align-items: end; margin-bottom: 45px; } :root body.afour-site #P04 .evidence-heading361 h2 { font-size: clamp(38px, 4.1vw, 59px); line-height: 1.08; margin: 0; } :root body.afour-site #P04 .evidence-heading361 > p, :root body.afour-site #P04 .evidence-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.6; margin: 0; max-width: 48ch; } :root body.afour-site #P04 .evidence-questions361 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px; } :root body.afour-site #P04 .evidence-questions361 > article { border-top: 1px solid rgba(252, 251, 247, 0.5); padding-top: 23px; min-width: 0; } :root body.afour-site #P04 .evidence-questions361 > .eyebrow, :root body.afour-site #P04 .evidence-questions361 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #P04 .evidence-questions361 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site #P04 .evidence-questions361 .eyebrow { font-size: 11px; line-height: 1.6; color: var(--paper); } :root body.afour-site #P04 .evidence-questions361 h3 { font-size: clamp(28px, 2.7vw, 39px); line-height: 1.17; margin: 18px 0 23px; max-width: 23ch; } :root body.afour-site #P04 .evidence-questions361 h3 em { color: var(--paper); } :root body.afour-site #P04 .evidence-questions361 > article > p:not(.eyebrow), :root body.afour-site #P04 .evidence-questions361 > article > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P04 .evidence-questions361 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.65; margin: 0 0 22px; } :root body.afour-site #P04 .evidence-example361 { padding: 19px 0; border-top: 1px solid rgba(252, 251, 247, 0.25); border-bottom: 1px solid rgba(252, 251, 247, 0.25); margin-bottom: 20px; } :root body.afour-site #P04 .evidence-example361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .evidence-example361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .evidence-example361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 11px; line-height: 1.65; display: block; } :root body.afour-site #P04 .evidence-example361 > p, :root body.afour-site #P04 .evidence-example361 > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-example361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 20px; line-height: 1.5; margin: 13px 0 0; } :root body.afour-site #P04 .evidence-questions361 > article > .evidence-boundary361 { font-size: 15px; line-height: 1.65; } :root body.afour-site #P04 .evidence-shared361 { border-top: 1px solid rgba(252, 251, 247, 0.4); padding-top: 26px; margin-top: 28px; max-width: 115ch; } :root body.afour-site #P04 .evidence-shared361 > p, :root body.afour-site #P04 .evidence-shared361 > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-shared361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.65; margin: 0; } :root body.afour-site #P04 .evidence-shared361 > .evidence-planned361 { font-size: 14px; line-height: 1.6; margin-top: 15px; } :root body.afour-site #P04 .evidence-deeper361 { display: grid; grid-template-columns: 176px minmax(0, 1fr); gap: 35px; margin-top: 30px; align-items: start; } :root body.afour-site #P04 .evidence-concept-photo361 { margin: 0; } :root body.afour-site #P04 .evidence-concept-photo361 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 1; } :root body.afour-site #P04 .evidence-concept-photo361 img { display: block; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site #P04 .evidence-concept-photo361 :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.6; margin-top: 9px; } :root body.afour-site #P04 .evidence-deeper361 > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.e-n-accordion) > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details > summary { font-size: 17px; line-height: 1.5; min-height: 44px; cursor: pointer; } :root body.afour-site #P04 .evidence-deeper361 > details > p, :root body.afour-site #P04 .evidence-deeper361 > details > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > details > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > details > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > details > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > details > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > details > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > details > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > details > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.e-n-accordion) > details > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.e-n-accordion) > details > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.e-n-accordion) > details > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.e-n-accordion) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.e-n-accordion) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.65; margin: 15px 0; max-width: 100ch; } @media (max-width: 1100px) { :root body.afour-site #H02 .market-heading361, :root body.afour-site #H02 .market-context361, :root body.afour-site #H02 .market-response361 { gap: 25px 35px; } :root body.afour-site #H02 .market-forecast361 { display: block; } :root body.afour-site #H02 .market-rate361 { margin-top: 22px; } :root body.afour-site #H03 .destination-world361 { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 26px; } :root body.afour-site #H03 .destination-story361 h4 { font-size: 33px; } :root body.afour-site #R01.scoped361 .category-spread { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; } :root body.afour-site #R04 .press-editions361 { gap: 25px; } :root body.afour-site #P04 .evidence-questions361 { gap: 25px; } } @media (max-width: 800px) { :root body.afour-site #H02 .market-heading361, :root body.afour-site #H02 .market-context361, :root body.afour-site #H02 .market-response361 { display: block; } :root body.afour-site #H02 .market-heading361 > p:last-child, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > p, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 24px; max-width: 65ch; } :root body.afour-site #H02 .market-heading361 h2 { margin-top: 19px; } :root body.afour-site #H02 .market-primary361 > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 90px; } :root body.afour-site #H02 .market-forecast361 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 26px; align-items: start; } :root body.afour-site #H02 .market-rate361 { margin: 0; } :root body.afour-site #H02 .market-source361 { display: block; margin-top: 26px; } :root body.afour-site #H02 .market-source361 > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { display: inline-block; margin-top: 16px; } :root body.afour-site #H02 .market-image361 { max-width: 650px; margin-bottom: 34px; } :root body.afour-site #H03 .destination-heading361, :root body.afour-site #H03 .destination-world361, :root body.afour-site #H03 .destination-decision361 { display: block; } :root body.afour-site #H03 .destination-heading361 > p, :root body.afour-site #H03 .destination-heading361 > :where(.elementor-widget) > p, :root body.afour-site #H03 .destination-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; max-width: 65ch; } :root body.afour-site #H03 .destination-story361 { margin-top: 28px; } :root body.afour-site #H03 .destination-facts361 { margin-top: 30px; padding-top: 27px; border-top: 1px solid var(--line); } :root body.afour-site #R02.scoped361 .journey-spread { display: block; } :root body.afour-site #R02.scoped361 .journey + .journey { margin-top: 45px; } :root body.afour-site #R03 .decision-question361 { grid-template-columns: 1fr 2fr; gap: 25px; } :root body.afour-site #R03 .decision-content361 { gap: 30px; } :root body.afour-site #R04 .press-editions361, :root body.afour-site #R04 .press-social361 { display: block; } :root body.afour-site #R04 .press-print361 { margin-top: 28px; padding-left: 0; } :root body.afour-site #R04 .press-social361 { margin-top: 24px; } :root body.afour-site #R04 .press-social361 > .press-format361 { margin-bottom: 18px; } :root body.afour-site #R04 .press-social361 > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { display: block; margin-top: 24px; max-width: 45ch; } :root body.afour-site #P03 .creator-heading361 { display: block; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; max-width: 65ch; } :root body.afour-site #P03 .creator-values361 { gap: 30px; } :root body.afour-site #P03 .creator-lesson361 { gap: 30px; } :root body.afour-site #P04 .evidence-heading361 { display: block; } :root body.afour-site #P04 .evidence-heading361 > p, :root body.afour-site #P04 .evidence-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 25px; max-width: 65ch; } :root body.afour-site #P04 .evidence-questions361 { display: block; } :root body.afour-site #P04 .evidence-questions361 > article + article { margin-top: 28px; } :root body.afour-site #P04 .evidence-questions361 h3 { font-size: 35px; } :root body.afour-site #P04 .evidence-example361 { max-width: 600px; } } @media (max-width: 600px) { :root body.afour-site #H02 .market-heading361 h2 { font-size: 40px; } :root body.afour-site #H02 .market-heading361 > p:last-child, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > p, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site #H02 .market-context361 { padding: 23px 0; } :root body.afour-site #H02 .market-primary361 > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 76px; } :root body.afour-site #H02 .market-primary361 > p, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > p, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; } :root body.afour-site #H02 .market-forecast361 { gap: 20px; } :root body.afour-site #H02 .market-forecast361 > p:first-child > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 30px; } :root body.afour-site #H02 .market-rate361 > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 35px; } :root body.afour-site #H02 .market-rate361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 12px; } :root body.afour-site #H02 .market-source361 > p, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > p, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 14px; } :root body.afour-site #H02 .market-response361 { margin-top: 33px; } :root body.afour-site #H02 .response-copy361 h3 { font-size: 33px; } :root body.afour-site #H02 .response-pairs361 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 20px; gap: 12px; } :root body.afour-site #H02 .response-pairs361 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) svg { width: 26px; height: 26px; } :root body.afour-site #H02 .response-pairs361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-left: 38px; font-size: 16px; } :root body.afour-site #H03 .brand-destination361 { margin-top: 45px; padding-top: 28px; } :root body.afour-site #H03 .destination-heading361 h3 { font-size: 37px; } :root body.afour-site #H03 .destination-heading361 > p, :root body.afour-site #H03 .destination-heading361 > :where(.elementor-widget) > p, :root body.afour-site #H03 .destination-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site #H03 .destination-demo361 { padding: 20px; } :root body.afour-site #H03 .destination-label361 { font-size: 9px; gap: 8px; } :root body.afour-site #H03 .destination-world361 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/3; } :root body.afour-site #H03 .destination-story361 h4 { font-size: 34px; } :root body.afour-site #H03 .destination-story361 > p:not(.eyebrow), :root body.afour-site #H03 .destination-story361 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-story361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 16px; } :root body.afour-site #H03 .destination-question361 blockquote { font-size: 32px; } :root body.afour-site #H03 .destination-facts361 h5 { font-size: 26px; } :root body.afour-site #R01.scoped361 .category-spread { display: block; } :root body.afour-site #R01.scoped361 .category + .category { margin-top: 30px; } :root body.afour-site #R01.scoped361 .category h3 { font-size: 25px; } :root body.afour-site #R02.scoped361 .identity-specimen :is(picture, div:where(.tag-picture)), :root body.afour-site #R02.scoped361 .compare-specimen > :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 4/3; } :root body.afour-site #R02.scoped361 .specimen-copy { padding-top: 23px; } :root body.afour-site #R02.scoped361 .specimen-copy :is(th, td):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 15px; line-height: 1.55; padding: 12px 7px 12px 0; } :root body.afour-site #R02.scoped361 .specimen-copy thead th { font-size: 15px; } :root body.afour-site #R03 .decision-question361, :root body.afour-site #R03 .decision-content361 { display: block; } :root body.afour-site #R03 .decision-question361 h3 { font-size: 31px; margin-top: 15px; } :root body.afour-site #R03 .decision-content361 > .skincare-information { margin-top: 26px; padding: 25px 0 0; border-left: 0; border-top: 1px solid var(--line); } :root body.afour-site #R03 .decision-content361 .need-considerations { gap: 20px; } :root body.afour-site #R03 .decision-content361 .semantic-illustration { max-height: 190px; margin-bottom: 23px; } :root body.afour-site #R03 .decision-content361 > .makeup-fields { margin-bottom: 25px; } :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.caption), :root body.afour-site #R03 .decision-content361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.caption) { font-size: 17px; } :root body.afour-site #R04.scoped361 .selected-E-continuation-v36 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/3; } :root body.afour-site #R04 .press-launch361 { margin-top: 45px; padding-top: 28px; } :root body.afour-site #R04 .press-heading361 h3 { font-size: 38px; } :root body.afour-site #R04 .press-heading361 > p:last-child, :root body.afour-site #R04 .press-heading361 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-heading361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site #R04 .press-announcement361 { padding: 22px; } :root body.afour-site #R04 .press-announcement361 h4 { font-size: 32px; } :root body.afour-site #R04 .press-dek361 { font-size: 17px; } :root body.afour-site #R04 .press-print361 h4 { font-size: 45px; } :root body.afour-site #R04 .press-social-post361 { padding: 23px; } :root body.afour-site #R04 .press-social-post361 h4 { font-size: 48px; } :root body.afour-site #R04 .press-social-masthead361 { gap: 16px; } :root body.afour-site #R04 .press-social-masthead361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-social-masthead361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-social-masthead361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 9px; } :root body.afour-site #P03 .creator-programme361 { margin-top: 45px; padding-top: 28px; } :root body.afour-site #P03 .creator-heading361 h3 { font-size: 38px; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; } :root body.afour-site #P03 .creator-values361, :root body.afour-site #P03 .creator-lesson361 { display: block; } :root body.afour-site #P03 .creator-values361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-values361 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 27px; } :root body.afour-site #P03 .creator-values361 h4 { font-size: 31px; } :root body.afour-site #P03 .creator-values361 p:not(.eyebrow) { font-size: 17px; } :root body.afour-site #P03 .creator-lesson361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 25px; } :root body.afour-site #P03 .creator-lesson361 h4 { font-size: 31px; } :root body.afour-site #P04 .evidence-heading361 h2 { font-size: 39px; } :root body.afour-site #P04 .evidence-heading361 > p, :root body.afour-site #P04 .evidence-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site #P04 .evidence-questions361 h3 { font-size: 32px; } :root body.afour-site #P04 .evidence-deeper361 { grid-template-columns: 110px minmax(0, 1fr); gap: 20px; } :root body.afour-site #P04 .evidence-deeper361 > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.e-n-accordion) > details > summary, :root body.afour-site #P04 .evidence-deeper361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details > summary { font-size: 16px; } :root body.afour-site #P04 .evidence-shared361 > p, :root body.afour-site #P04 .evidence-shared361 > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-shared361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; } } @media (max-width: 350px) { :root body.afour-site #H02 .market-heading361 h2 { font-size: 35px; } :root body.afour-site #H02 .market-primary361 > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 64px; } :root body.afour-site #H02 .market-forecast361 > p:first-child > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 26px; } :root body.afour-site #H02 .market-rate361 > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 31px; } :root body.afour-site #H02 .market-forecast361 .eyebrow { font-size: 10px; } :root body.afour-site #H03 .destination-demo361 { padding: 16px; } :root body.afour-site #H03 .destination-story361 h4 { font-size: 31px; } :root body.afour-site #H03 .destination-question361 blockquote { font-size: 29px; } :root body.afour-site #R03 .decision-content361 .need-considerations { display: block; } :root body.afour-site #R03 .decision-content361 .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .decision-content361 .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; } :root body.afour-site #R04 .press-heading361 h3 { font-size: 34px; } :root body.afour-site #R04 .press-announcement361 { padding: 18px; } :root body.afour-site #R04 .press-announcement361 h4 { font-size: 29px; } :root body.afour-site #R04 .press-social-post361 h4 { font-size: 42px; } :root body.afour-site #P03 .creator-heading361 h3 { font-size: 34px; } :root body.afour-site #P04 .evidence-heading361 h2 { font-size: 35px; } :root body.afour-site #P04 .evidence-deeper361 { display: block; } :root body.afour-site #P04 .evidence-concept-photo361 { width: 110px; margin-bottom: 23px; } } :root body.afour-site #H03 .destination-demo361 .eyebrow { color: var(--cacao); } :root body.afour-site #H03 .destination-demo361 em { color: var(--blue); } :root body.afour-site #H03 .destination-demo361 a { color: var(--blue); } :root body.afour-site #H03 .destination-identity361 { display: flex; align-items: center; gap: 18px; } :root body.afour-site #H03 .destination-identity361 img { width: 82px; height: auto; background: var(--ink); padding: 7px; } :root body.afour-site #H03 .destination-identity361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-identity361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-identity361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.65; } :root body.afour-site #H03 .destination-label361 { align-items: center; } :root body.afour-site #H03 .destination-label361 nav { display: flex; flex-wrap: wrap; gap: 12px 22px; max-width: 100%; } :root body.afour-site #H03 .destination-label361 nav a { font-family: Plex, Arial, sans-serif; font-size: 15px; line-height: 1.5; text-transform: none; text-decoration: underline; text-underline-offset: 4px; min-height: 44px; display: inline-flex; align-items: center; } :root body.afour-site #H03 .destination-needs361 { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; padding: 0; } :root body.afour-site #H03 .destination-needs361 :is(li, div:where(.tag-li)) { font-size: 14px; line-height: 1.5; border-bottom: 1px solid var(--line); padding: 7px 0; margin-right: 13px; } :root body.afour-site #H03 .destination-material361 { margin: 20px 0 23px; } :root body.afour-site #H03 .destination-material361 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 3/2; } :root body.afour-site #H03 .destination-material361 img { display: block; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site #H03 .destination-material361 :is(figcaption, div:where(.tag-figcaption)) { font-size: 13px; line-height: 1.55; margin-top: 10px; } :root body.afour-site #R01.scoped361 .category-2 :is(picture, div:where(.tag-picture)) img { transform: scale(1.06); transform-origin: center; } :root body.afour-site #R02 .identity-fields361 { margin: 20px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 25px; } :root body.afour-site #R02 .identity-fields361 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .identity-fields361 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .identity-fields361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 1/-1; } :root body.afour-site #R02 .identity-fields361 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 13px; line-height: 1.5; color: var(--cacao); margin-bottom: 5px; } :root body.afour-site #R02 .identity-fields361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.5; margin: 0; } @media (max-width: 600px) { :root body.afour-site #H03 .destination-label361 { display: block; } :root body.afour-site #H03 .destination-label361 nav { margin-top: 13px; gap: 5px 17px; } :root body.afour-site #H03 .destination-material361 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/3; } :root body.afour-site #R02 .identity-fields361 { gap: 14px 20px; } :root body.afour-site #R02 .identity-fields361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; } } @media (max-width: 350px) { :root body.afour-site #H02 .market-forecast361 > p:first-child > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 24px; } } :root body.afour-site #H03 .destination-decision361 { display: block; } :root body.afour-site #H03 .destination-question361 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 55px; align-items: start; } :root body.afour-site #H03 .destination-question361 > .eyebrow, :root body.afour-site #H03 .destination-question361 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H03 .destination-question361 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; margin-bottom: 6px; } :root body.afour-site #H03 .destination-question361 blockquote { grid-column: 1; grid-row: 2 / span 2; margin-bottom: 0; } :root body.afour-site #H03 .destination-question361 > p:not(.eyebrow), :root body.afour-site #H03 .destination-question361 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-question361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { grid-column: 2; grid-row: 2; margin-top: 20px; } :root body.afour-site #H03 .destination-question361 > .destination-needs361 { grid-column: 2; grid-row: 3; margin-top: 8px; } :root body.afour-site #H03 .destination-facts361 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 55px; margin-top: 30px; padding-top: 28px; border-top: 1px solid var(--line); align-items: start; } :root body.afour-site #H03 .destination-facts361 > .eyebrow, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site #H03 .destination-facts361 > h5 { grid-column: 1/-1; } :root body.afour-site #H03 .destination-facts361 > h5 { margin-bottom: 10px; } :root body.afour-site #H03 .destination-facts361 > .destination-material361 { grid-column: 1; grid-row: 3 / span 3; margin-top: 16px; } :root body.afour-site #H03 .destination-facts361 > :is(dl, div:where(.tag-dl)) { grid-column: 2; grid-row: 3; margin-top: 16px; } :root body.afour-site #H03 .destination-facts361 > .destination-missing361 { grid-column: 2; grid-row: 4; } :root body.afour-site #H03 .destination-facts361 > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #H03 .destination-facts361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { grid-column: 2; grid-row: 5; } @media (max-width: 800px) { :root body.afour-site #H03 .destination-question361, :root body.afour-site #H03 .destination-facts361 { display: block; } :root body.afour-site #H03 .destination-question361 blockquote { margin-bottom: 23px; } :root body.afour-site #H03 .destination-facts361 > .destination-material361 { margin: 20px 0 23px; } } :root body.afour-site #R04 .press-editions361 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; } :root body.afour-site #R04 .press-announcement361 { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0 48px; padding: 36px; border-top-width: 4px; } :root body.afour-site #R04 .press-announcement361 > .press-format361, :root body.afour-site #R04 .press-announcement361 > .press-kicker361 { grid-column: 1/-1; } :root body.afour-site #R04 .press-announcement361 h4 { grid-column: 1; grid-row: 3 / span 2; font-size: clamp(42px, 4.3vw, 62px); max-width: 22ch; margin: 0; line-height: 1.08; } :root body.afour-site #R04 .press-announcement361 > .press-dek361 { grid-column: 2; grid-row: 3; font-size: 19px; line-height: 1.65; } :root body.afour-site #R04 .press-announcement361 > .press-materials361 { grid-column: 2; grid-row: 4; margin-top: 25px; } :root body.afour-site #R04 .press-print361 { grid-column: 1; padding: 25px 20px 24px 0; margin: 0; } :root body.afour-site #R04 .press-print361 h4 { font-size: clamp(35px, 3.2vw, 46px); } :root body.afour-site #R04 .press-social361 { grid-column: 2; display: block; padding-top: 25px; border-top: 1px solid var(--ink); margin: 0; } :root body.afour-site #R04 .press-social361 > .press-format361 { margin-bottom: 20px; } :root body.afour-site #R04 .press-social-post361 { padding: 25px 28px; } :root body.afour-site #R04 .press-social-post361 h4 { font-size: clamp(35px, 3.1vw, 45px); } :root body.afour-site #R04 .press-social361 > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #R04 .press-social361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { display: block; font-size: 17px; line-height: 1.55; margin-top: 22px; max-width: 42ch; padding: 0; } :root body.afour-site #P03 .creator-heading361 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 48px; align-items: start; } :root body.afour-site #P03 .creator-heading361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 1; grid-row: 1; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { grid-column: 1; grid-row: 2; font-size: 19px; line-height: 1.65; } :root body.afour-site #P03 .creator-heading361 > .creator-focal361 { grid-column: 2; grid-row: 1 / span 2; margin: 0; min-width: 0; } :root body.afour-site #P03 .creator-focal361 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/3; } :root body.afour-site #P03 .creator-focal361 img { width: 100%; height: 100%; object-fit: cover; } :root body.afour-site #P03 .creator-lesson-detail361 { margin-top: 30px; border-top: 1px solid var(--line); padding-top: 18px; } :root body.afour-site #P03 .creator-lesson-detail361 > summary { font-size: 17px; line-height: 1.5; min-height: 44px; cursor: pointer; } :root body.afour-site #P03 .creator-lesson-detail361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson-detail361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson-detail361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { max-width: 82ch; padding-top: 15px; } :root body.afour-site #P03 .creator-lesson-detail361 h4 { font-size: 27px; line-height: 1.2; margin: 15px 0 20px; } :root body.afour-site #P03 .creator-lesson-detail361 p { font-size: 17px; line-height: 1.65; } :root body.afour-site #P03 .creator-lesson-detail361 .creator-concept361 { font-size: 14px; line-height: 1.6; } @media (max-width: 800px) { :root body.afour-site #R04 .press-announcement361 { display: block; padding: 28px; } :root body.afour-site #R04 .press-announcement361 h4 { margin-bottom: 25px; } :root body.afour-site #R04 .press-editions361 { display: block; } :root body.afour-site #R04 .press-print361, :root body.afour-site #R04 .press-social361 { margin-top: 28px; padding-left: 0; padding-right: 0; } :root body.afour-site #P03 .creator-heading361 { display: block; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; } :root body.afour-site #P03 .creator-heading361 > .creator-focal361 { margin-top: 28px; } } @media (max-width: 600px) { :root body.afour-site #R04 .press-announcement361 { padding: 22px; } :root body.afour-site #R04 .press-announcement361 h4 { font-size: 38px; } :root body.afour-site #R04 .press-announcement361 > .press-dek361 { font-size: 17px; } :root body.afour-site #R04 .press-print361 h4 { font-size: 36px; } :root body.afour-site #R04 .press-social-post361 h4 { font-size: 36px; } :root body.afour-site #R04 .press-social-post361 { padding: 23px; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; } } @media (max-width: 350px) { :root body.afour-site #R04 .press-announcement361 { padding: 18px; } :root body.afour-site #R04 .press-announcement361 h4 { font-size: 34px; } :root body.afour-site #R04 .press-social-post361 h4 { font-size: 33px; } } :root body.afour-site #R03 .semantic-illustration .svg-field { font-size: 26px; } :root body.afour-site #P04 .evidence-deeper361 { display: block; max-width: 110ch; } :root body.afour-site #R02.scoped361 .specimen-copy caption { color: var(--cacao); } :root body.afour-site #h03-brand-destination .destination-product-record361 { grid-column: 1; padding: 24px; border: 1px solid rgba(85, 38, 13, 0.22); align-self: start; } :root body.afour-site #h03-brand-destination .destination-product-record361 h6 { font-size: 26px; line-height: 1.15; margin: 8px 0 22px; color: #141414; } :root body.afour-site #h03-brand-destination .destination-product-record361 :is(dl, div:where(.tag-dl)) { display: block !important; } :root body.afour-site #h03-brand-destination .destination-product-record361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.5; } :root body.afour-site #R02 .specimen-copy h4 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.12; margin: 10px 0 24px; } :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 14px 0; border-top: 1px solid rgba(85, 38, 13, 0.22); } :root body.afour-site #R02 .specimen-copy :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 14px; color: #55260d; } :root body.afour-site #R02 .specimen-copy :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 6px 0 0; } :root body.afour-site #R02 .identity-specimen :is(figcaption, div:where(.tag-figcaption)) { font-size: 14px; line-height: 1.5; margin: 14px 0 0; } @media (max-width: 600px) { :root body.afour-site #h03-brand-destination .destination-product-record361 { padding: 18px; } :root body.afour-site #h03-brand-destination .destination-product-record361 h6 { font-size: 24px; } } :root body.afour-site #H02 .market-heading361 { align-items: start; } :root body.afour-site #H02 .market-context361 { grid-template-columns: 1fr 2fr; gap: 22px 42px; padding: 24px 0; } :root body.afour-site #H02 .market-primary361 > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-family: Plex, Arial, sans-serif; font-style: normal; font-size: 44px; line-height: 1.12; letter-spacing: -0.035em; color: var(--ink); } :root body.afour-site #H02 .market-primary361 > p, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > p, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 15px; margin-top: 10px; } :root body.afour-site #H02 .market-forecast361 { align-items: start; gap: 36px; } :root body.afour-site #H02 .market-forecast361 > p:first-child > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-rate361 > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 38px; color: var(--ink); } :root body.afour-site #H02 .market-rate361 { display: flex; flex-direction: column-reverse; } :root body.afour-site #H02 .market-rate361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 11px; margin: 0 0 12px; text-transform: uppercase; } :root body.afour-site #H02 .market-source361 { gap: 28px; } :root body.afour-site #H02 .market-response361 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; margin-top: 40px; } :root body.afour-site #H02 .response-copy361 h3 { font-size: clamp(32px, 3.2vw, 46px); margin-bottom: 22px; } :root body.afour-site #H02 .response-pairs361 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .response-pairs361 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .response-pairs361 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 15px 0; } :root body.afour-site #H02 .response-pairs361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 9px; font-size: 17px; } :root body.afour-site #H02 .response-foundation361 { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 10px; } :root body.afour-site #H03 .readiness-destination-link-v36 { color: var(--paper); } :root body.afour-site #H03 .destination-world361 { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 36px; align-items: center; } :root body.afour-site #H03 .destination-story361 h4 { font-size: clamp(33px, 3.25vw, 47px); } :root body.afour-site #H03 .destination-story361 nav { gap: 8px; margin-top: 18px; } :root body.afour-site #H03 .destination-question361 { grid-template-columns: 1fr 1fr; gap: 0 40px; } :root body.afour-site #H03 .destination-question361 blockquote { font-size: 36px; margin: 14px 0 0; } :root body.afour-site #H03 .destination-facts362 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 40px; padding-top: 26px; margin-top: 28px; border-top: 1px solid var(--line); } :root body.afour-site #H03 .destination-product362 h5 { font-family: Plex, Arial, sans-serif; font-size: 32px; font-weight: 400; line-height: 1.15; margin: 14px 0 20px; } :root body.afour-site #H03 .destination-product362 > p:last-child, :root body.afour-site #H03 .destination-product362 > :where(.elementor-widget):last-child > p, :root body.afour-site #H03 .destination-product362 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; max-width: 48ch; } :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) { margin: 0; } :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-answer362 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 21px; } :root body.afour-site #H03 .destination-answer362 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 20px; line-height: 1.4; color: var(--cacao); } :root body.afour-site #H03 .destination-answer362 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.6; margin: 7px 0 0; } :root body.afour-site #H03 .destination-answer362 a { display: inline-block; font-size: 16px; line-height: 1.55; margin-top: 22px; } :root body.afour-site #H03 .destination-facts362 > .destination-missing361 { grid-column: 1/-1; margin: 0; font-size: 14px; max-width: 100ch; } :root body.afour-site #H03 .destination-limit361 { margin-top: 22px; padding-top: 18px; } :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) { display: block; margin: 18px 0 0; } :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .specimen-copy :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 16px 0; margin: 0; border-top: 1px solid rgba(85, 38, 13, 0.22); } :root body.afour-site #R02 .specimen-copy :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site #R02 .specimen-copy :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { border: 0; padding: 0; } :root body.afour-site #R02 .specimen-copy :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-family: Azeret, monospace; font-size: 12px; line-height: 1.5; } :root body.afour-site #R02 .specimen-copy :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.6; margin: 7px 0 0; } :root body.afour-site #R02 .specimen-copy .caption { color: var(--cacao); } :root body.afour-site #R03 .decision-content361 .need-considerations { margin-top: 20px; } :root body.afour-site #R03 .need-example362 { border-top: 1px solid var(--blue); margin-top: 24px; padding-top: 18px; } :root body.afour-site #R03 .need-example362 > p:nth-child(2), :root body.afour-site #R03 .need-example362 > :where(.elementor-widget):nth-child(2) > p, :root body.afour-site #R03 .need-example362 > :where(.elementor-widget):nth-child(2) > :where(.elementor-widget-container) > p { font-size: 24px; line-height: 1.35; margin-top: 10px; max-width: 28ch; } :root body.afour-site #R03 .need-example362 > .caption, :root body.afour-site #R03 .need-example362 > :where(.elementor-widget) > .caption, :root body.afour-site #R03 .need-example362 > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { margin-top: 12px; font-size: 16px; line-height: 1.6; } :root body.afour-site #R03 .skincare-information-groups { margin: 0; } :root body.afour-site #R03 .skincare-information-groups :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; } :root body.afour-site #R03 .skincare-information-groups :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px !important; line-height: 1.6; } :root body.afour-site #R03 .finish-study362 { padding: 20px 0 0; } :root body.afour-site #R03 .finish-surfaces362 svg { width: 100%; display: block; height: auto; } :root body.afour-site #R03 .finish-labels362 { display: grid; grid-template-columns: 1fr 1fr; text-align: center; gap: 24px; font-size: 19px; } :root body.afour-site #R03 .finish-labels362 small { font-size: 14px; } :root body.afour-site #R03 .finish-study362 .caption { font-size: 14px; margin-top: 18px; } :root body.afour-site #R03 .decision-category-3 .decision-content361, :root body.afour-site #R03 .decision-category-4 .decision-content361 { align-items: center; } :root body.afour-site #R04 .press-editions362 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; } :root body.afour-site #R04 .press-announcement362 { grid-column: 1/-1; background: var(--paper); padding: 36px; border-top: 4px solid var(--cacao); display: grid; grid-template-columns: 1fr 1fr; gap: 20px 48px; } :root body.afour-site #R04 .press-announcement362 > .press-format361 { display: flex; justify-content: space-between; gap: 20px; grid-column: 1/-1; margin: 0; padding-bottom: 18px; border-bottom: 1px solid var(--line); } :root body.afour-site #R04 .press-announcement362 > .press-kicker361 { grid-column: 1/-1; margin: 0; color: var(--cacao); font-size: 15px; } :root body.afour-site #R04 .press-announcement362 h4 { font-size: clamp(42px, 4.3vw, 62px); line-height: 1.08; letter-spacing: -0.035em; } :root body.afour-site #R04 .press-dek362 > p:first-child, :root body.afour-site #R04 .press-dek362 > :where(.elementor-widget):first-child > p, :root body.afour-site #R04 .press-dek362 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p { font-size: 20px; line-height: 1.6; max-width: 43ch; } :root body.afour-site #R04 .press-dek362 em { font-family: inherit; font-style: normal; color: inherit; } :root body.afour-site #R04 .press-dek362 > .caption, :root body.afour-site #R04 .press-dek362 > :where(.elementor-widget) > .caption, :root body.afour-site #R04 .press-dek362 > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { font-size: 14px; line-height: 1.6; margin-top: 18px; } :root body.afour-site #R04 .press-materials361 { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px 18px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 12px; } :root body.afour-site #R04 .press-owned362, :root body.afour-site #R04 .press-social362 { padding-top: 20px; border-top: 1px solid var(--ink); } :root body.afour-site #R04 .press-owned-heading362 { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: 14px; } :root body.afour-site #R04 .press-owned362 h4 { font-size: 52px; line-height: 1.08; margin: 28px 0 22px; } :root body.afour-site #R04 .press-owned362 > p:not(.press-format361), :root body.afour-site #R04 .press-owned362 > :where(.elementor-widget) > p:not(.press-format361), :root body.afour-site #R04 .press-owned362 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.press-format361) { font-size: 19px; line-height: 1.6; max-width: 35ch; } :root body.afour-site #R04 .press-owned362 > a, :root body.afour-site #R04 .press-owned362 > :where(.elementor-widget) > a, :root body.afour-site #R04 .press-owned362 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #R04 .press-owned362 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #R04 .press-owned362 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { display: inline-block; font-size: 16px; line-height: 1.55; margin-top: 24px; color: var(--cacao); } :root body.afour-site #R04 .press-social-post362 { padding: 28px; background: var(--ink); color: var(--paper); } :root body.afour-site #R04 .press-social-post362 > .eyebrow, :root body.afour-site #R04 .press-social-post362 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #R04 .press-social-post362 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { display: block; margin: 22px 0 18px; font-size: 10px; } :root body.afour-site #R04 .press-social-post362 h4 { font-size: 48px; line-height: 1.08; } :root body.afour-site #R04 .press-social-post362 h4 em { color: var(--paper); } :root body.afour-site #R04 .press-social-post362 > p, :root body.afour-site #R04 .press-social-post362 > :where(.elementor-widget) > p, :root body.afour-site #R04 .press-social-post362 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; margin-top: 18px; } :root body.afour-site #R04 .press-outreach362 { display: grid; grid-template-columns: 1fr 3fr; gap: 32px; padding: 24px 0; margin-top: 28px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); } :root body.afour-site #R04 .press-outreach362 > p:last-child, :root body.afour-site #R04 .press-outreach362 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-outreach362 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.6; margin: 0; max-width: 80ch; } :root body.afour-site #R04 .press-outreach362 strong { font-weight: 400; color: var(--cacao); } :root body.afour-site #R04 .press-qualification361 { margin-top: 22px; font-size: 14px; line-height: 1.6; max-width: 100ch; } :root body.afour-site #R04 :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #R04 .press-programme-link361 a { color: var(--cacao); } :root body.afour-site #P03 .creator-heading361 { grid-template-columns: 1fr 1fr; gap: 22px 40px; align-items: start; } :root body.afour-site #P03 .creator-heading361 > div:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget):first-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 1; grid-row: 1; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { grid-column: 1; grid-row: 2; margin: 0; } :root body.afour-site #P03 .creator-heading361 > .creator-focal361 { grid-column: 2; grid-row: 1 / span 2; } :root body.afour-site #P03 .creator-heading361 > .creator-lesson362 { grid-column: 1/-1; grid-row: 3; border-top: 1px solid var(--line); padding-top: 24px; margin-top: 5px; } :root body.afour-site #P03 .creator-lesson362 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson362 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson362 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 40px; } :root body.afour-site #P03 .creator-lesson362 .eyebrow { grid-column: 1/-1; } :root body.afour-site #P03 .creator-lesson362 h4 { grid-column: 1; grid-row: 2 / span 2; font-size: 36px; line-height: 1.15; margin: 0; } :root body.afour-site #P03 .creator-lesson362 p:not(.eyebrow) { grid-column: 2; font-size: 17px; line-height: 1.6; margin: 0; } :root body.afour-site #P03 .creator-lesson362 .creator-concept361 { grid-column: 1/-1 !important; font-size: 14px !important; max-width: 95ch; } :root body.afour-site #P03 .creator-values361 { margin-top: 30px; } :root body.afour-site #P03 .creator-values361 h4 { font-size: 31px; } :root body.afour-site #P04 .evidence-questions361 { gap: 34px; } :root body.afour-site #P04 .evidence-questions361 h3 { font-size: clamp(28px, 2.5vw, 36px); } :root body.afour-site #P04 .evidence-questions361 > article > p:not(.eyebrow), :root body.afour-site #P04 .evidence-questions361 > article > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P04 .evidence-questions361 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.6; } :root body.afour-site #P04 .evidence-example361 > p, :root body.afour-site #P04 .evidence-example361 > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-example361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 20px; line-height: 1.45; } :root body.afour-site #P04 .evidence-shared361 { margin-top: 28px; } :root body.afour-site #P04 .evidence-deeper361 details > p, :root body.afour-site #P04 .evidence-deeper361 details > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 details > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .evidence-deeper361 details > :where(.e-con[role="region"]) > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-deeper361 details > :where(.e-con[role="region"]) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.6; max-width: 90ch; } @media (max-width: 800px) { :root body.afour-site #H02 .market-heading361, :root body.afour-site #H02 .market-response361 { display: block; } :root body.afour-site #H02 .market-heading361 > p:last-child, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > p, :root body.afour-site #H02 .market-heading361 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { max-width: 60ch; margin-top: 22px; } :root body.afour-site #H02 .market-response361 .response-copy361 { margin-top: 30px; } :root body.afour-site #H02 .market-image361 :is(picture, div:where(.tag-picture)) { max-height: 390px; } :root body.afour-site #H03 .destination-world361 { display: block; } :root body.afour-site #H03 .destination-story361 { margin-top: 26px; } :root body.afour-site #H03 .destination-story361 h4 br:last-of-type { display: none; } :root body.afour-site #H03 .destination-story361 nav { flex-direction: row; flex-wrap: wrap; gap: 12px 24px; } :root body.afour-site #H03 .destination-question361, :root body.afour-site #H03 .destination-facts362 { display: block; } :root body.afour-site #H03 .destination-question361 blockquote br { display: none; } :root body.afour-site #H03 .destination-question361 blockquote { margin-bottom: 20px; } :root body.afour-site #H03 .destination-answer362 { margin-top: 26px; } :root body.afour-site #H03 .destination-facts362 > .destination-missing361 { margin-top: 22px; } :root body.afour-site #R04 .press-announcement362 { display: block; padding: 28px; } :root body.afour-site #R04 .press-announcement362 > .press-kicker361 { margin: 20px 0; } :root body.afour-site #R04 .press-dek362 { margin-top: 24px; } :root body.afour-site #R04 .press-editions362 { gap: 28px; } :root body.afour-site #R04 .press-owned362 h4 { font-size: 42px; } :root body.afour-site #R04 .press-social-post362 h4 { font-size: 40px; } :root body.afour-site #R04 .press-social-post362 { padding: 22px; } :root body.afour-site #R04 .press-outreach362 { display: block; } :root body.afour-site #R04 .press-outreach362 > p:last-child, :root body.afour-site #R04 .press-outreach362 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-outreach362 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 14px; } :root body.afour-site #P03 .creator-heading361 { display: block; } :root body.afour-site #P03 .creator-heading361 > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-heading361 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; } :root body.afour-site #P03 .creator-heading361 > .creator-focal361 { margin-top: 26px; } :root body.afour-site #P03 .creator-lesson362 { margin-top: 26px; } :root body.afour-site #P03 .creator-lesson362 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson362 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-lesson362 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site #P03 .creator-lesson362 h4 { margin: 16px 0 22px; } :root body.afour-site #P03 .creator-lesson362 p + p, :root body.afour-site #P03 .creator-lesson362 p + :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-lesson362 p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P03 .creator-lesson362 :where(.elementor-widget):has(> p) + p, :root body.afour-site #P03 .creator-lesson362 :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-lesson362 :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P03 .creator-lesson362 :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site #P03 .creator-lesson362 :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site #P03 .creator-lesson362 :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 16px; } } @media (max-width: 600px) { :root body.afour-site #H02 .market-context361 { display: block; padding: 22px 0; } :root body.afour-site #H02 .market-primary361 > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-primary361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 40px; } :root body.afour-site #H02 .market-forecast361 { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; gap: 18px; } :root body.afour-site #H02 .market-forecast361 > p:first-child > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-rate361 > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 28px; } :root body.afour-site #H02 .market-rate361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H02 .market-rate361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 10px; } :root body.afour-site #H02 .market-source361 { display: block; margin-top: 22px; } :root body.afour-site #H02 .market-source361 > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #H02 .market-source361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { display: inline-block; margin-top: 15px; } :root body.afour-site #H02 .market-response361 { margin-top: 28px; } :root body.afour-site #H02 .market-image361 :is(picture, div:where(.tag-picture)) { max-height: 240px; } :root body.afour-site #H02 .response-copy361 h3 { font-size: 34px; } :root body.afour-site #H02 .response-pairs361 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 20px; } :root body.afour-site #H02 .response-pairs361 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-left: 0; } :root body.afour-site #H03 .destination-story361 h4 { font-size: 35px; } :root body.afour-site #H03 .destination-question361 blockquote { font-size: 30px; } :root body.afour-site #H03 .destination-product362 h5 { font-size: 30px; } :root body.afour-site #H03 .destination-answer362 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 19px; } :root body.afour-site #R02 .specimen-copy :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; } :root body.afour-site #R03 .finish-labels362 { font-size: 18px; gap: 15px; } :root body.afour-site #R03 .decision-content361 .need-considerations { display: block; } :root body.afour-site #R03 .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .need-considerations > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; } :root body.afour-site #R04 .press-editions362 { display: block; } :root body.afour-site #R04 .press-announcement362 { padding: 22px; } :root body.afour-site #R04 .press-announcement362 > .press-format361 { display: block; } :root body.afour-site #R04 .press-announcement362 > .press-format361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site #R04 .press-announcement362 > .press-format361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget):has( > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget):has( > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget):has( > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .press-announcement362 > .press-format361 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 8px; color: var(--cacao); } :root body.afour-site #R04 .press-announcement362 h4 { font-size: 38px; } :root body.afour-site #R04 .press-dek362 > p:first-child, :root body.afour-site #R04 .press-dek362 > :where(.elementor-widget):first-child > p, :root body.afour-site #R04 .press-dek362 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p { font-size: 18px; } :root body.afour-site #R04 .press-owned362, :root body.afour-site #R04 .press-social362 { margin-top: 28px; } :root body.afour-site #R04 .press-owned362 h4 { font-size: 42px; } :root body.afour-site #R04 .press-social-post362 h4 { font-size: 44px; } :root body.afour-site #R04 .press-outreach362 > p:last-child, :root body.afour-site #R04 .press-outreach362 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .press-outreach362 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; } :root body.afour-site #P03 .creator-lesson362 h4 { font-size: 32px; } :root body.afour-site #P04 .evidence-questions361 h3 { font-size: 32px; } } @media (max-width: 350px) { :root body.afour-site #H02 .market-forecast361 > p:first-child > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > p:first-child > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > strong, :root body.afour-site #H02 .market-forecast361 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > p > :where(.elementor-widget) > :where(.elementor-widget-container) > strong { font-size: 25px; } :root body.afour-site #H03 .destination-story361 h4 { font-size: 31px; } :root body.afour-site #R04 .press-announcement362 { padding: 18px; } :root body.afour-site #R04 .press-announcement362 h4 { font-size: 33px; } :root body.afour-site #R04 .press-owned362 h4 { font-size: 38px; } :root body.afour-site #R04 .press-social-post362 h4 { font-size: 39px; } } @media (max-width: 800px) { :root body.afour-site #H01 h1 br { display: initial; } } :root body.afour-site #R04 .selected-E-announcement-v36 { color: var(--cacao); } :root body.afour-site .download-notes { padding: 16px var(--gutter); background: var(--ash); font: 14px/1.6 Plex, Arial, sans-serif; } :root body.afour-site .download-notes p { max-width: 100ch; margin: 0; } :root body.afour-site .page-break-label { padding: 16px var(--gutter); background: var(--ink); color: var(--paper); font: 11px/1.6 Azeret, monospace; text-transform: uppercase; border-top: 1px solid var(--ash); } /* ---- refinement-v363.css ---- */ :root body.afour-site .v363 :where(div, article, figure, header):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site .v363 .qualification363 { font-size: 14px; line-height: 1.6; max-width: 100ch; margin: 22px 0; color: inherit; } :root body.afour-site .v363 details { margin: 22px 0; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } :root body.afour-site .v363 details summary { font-size: 16px; line-height: 1.5; min-height: 28px; cursor: pointer; } :root body.afour-site .v363 details p { font-size: 16px; line-height: 1.6; max-width: 90ch; margin: 18px 0 0; } :root body.afour-site .v363 .section-heading363 { display: block; margin-bottom: 28px; } :root body.afour-site .v363 .section-heading363 h1, :root body.afour-site .v363 .section-heading363 h2, :root body.afour-site .v363 .section-heading363 h3 { font-size: clamp(34px, 4vw, 54px); line-height: 1.1; font-weight: 400; margin: 12px 0 22px; max-width: 24ch; } :root body.afour-site .v363 .section-heading363 > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget) > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .v363 .section-heading363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + p, :root body.afour-site .v363 .section-heading363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > p, :root body.afour-site .v363 .section-heading363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.6; max-width: 55ch; margin: 0; } :root body.afour-site .v363 .icon363 { display: block; width: 40px; height: 40px; color: var(--blue); flex: none; } :root body.afour-site .v363 .study-label363 { font-size: 19px; line-height: 1.4; color: var(--cacao); margin: 0 0 22px; } :root body.afour-site .v363 a { overflow-wrap: anywhere; } :root body.afour-site .v363 :focus-visible:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { outline: 2px solid var(--blue); outline-offset: 5px; } :root body.afour-site #H03 .brand-destination363 { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--line); display: block; } :root body.afour-site #H03 .destination-context363 { margin-bottom: 28px; } :root body.afour-site #H03 .destination-context363 h3 { font-size: clamp(34px, 3.2vw, 46px); line-height: 1.12; font-weight: 400; margin: 16px 0 22px; } :root body.afour-site #H03 .destination-context363 > p:not(.eyebrow), :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 40ch; } :root body.afour-site #H03 .destination-context363 :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; line-height: 1.5; margin-top: 20px; color: var(--paper); } :root body.afour-site #H03 .destination-page363 { padding: 20px; background: var(--paper); color: var(--ink); border-top: 3px solid var(--blue); } :root body.afour-site #H03 .destination-page363 em { color: var(--blue); } :root body.afour-site #H03 .destination-page363 .eyebrow { color: var(--cacao); } :root body.afour-site #H03 .destination-page363 a { color: var(--blue); font-size: 16px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; } :root body.afour-site #H03 .destination-label363 { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--line); } :root body.afour-site #H03 .destination-label363 img { width: 78px; height: auto; background: var(--ink); padding: 7px; } :root body.afour-site #H03 .destination-label363 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-label363 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-label363 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.6; text-align: right; } :root body.afour-site #H03 .destination-story363 { padding: 24px 0; } :root body.afour-site #H03 .destination-story363 h4 { font-size: clamp(30px, 3vw, 42px); font-weight: 400; line-height: 1.12; margin: 14px 0 20px; } :root body.afour-site #H03 .destination-story363 > p:last-child, :root body.afour-site #H03 .destination-story363 > :where(.elementor-widget):last-child > p, :root body.afour-site #H03 .destination-story363 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; max-width: 50ch; } :root body.afour-site #H03 .destination-image363 { margin: 0; } :root body.afour-site #H03 .destination-image363 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/3; } :root body.afour-site #H03 .destination-image363 img { display: block; width: 100%; height: 100%; object-fit: cover; } :root body.afour-site #H03 .destination-routes363 { display: flex; flex-wrap: wrap; gap: 15px 25px; padding: 20px 0; border-bottom: 1px solid var(--line); } :root body.afour-site #H03 .destination-example363 { padding-top: 24px; } :root body.afour-site #H03 .destination-example363 blockquote { font-family: AwesomeItalic, serif; font-style: italic; font-size: 30px; line-height: 1.2; color: var(--blue); margin: 14px 0 20px; } :root body.afour-site #H03 .destination-example363 p, :root body.afour-site #H03 .destination-example363 :is(li, div:where(.tag-li)) { font-size: 16px; line-height: 1.6; } :root body.afour-site #H03 .destination-example363 ul { margin: 15px 0 25px; padding-left: 18px; } :root body.afour-site #H03 .destination-example363 h5 { font-size: 26px; line-height: 1.15; font-weight: 400; margin: 15px 0 22px; } :root body.afour-site #H03 .destination-example363 :is(dl, div:where(.tag-dl)) { display: block; margin: 0; } :root body.afour-site #H03 .destination-example363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-example363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #H03 .destination-example363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 14px 0; border-top: 1px solid var(--line); } :root body.afour-site #H03 .destination-example363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 18px; color: var(--cacao); } :root body.afour-site #H03 .destination-example363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.6; margin: 7px 0 0; } :root body.afour-site #H03 .destination-example363 #destination-detail361 > a, :root body.afour-site #H03 .destination-example363 #destination-detail361 > :where(.elementor-widget) > a, :root body.afour-site #H03 .destination-example363 #destination-detail361 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #H03 .destination-example363 #destination-detail361 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #H03 .destination-example363 #destination-detail361 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { display: inline-block; margin-top: 18px; } :root body.afour-site #R02 .journeys363 { display: block; } :root body.afour-site #R02 .journey363 { margin-top: 38px; } :root body.afour-site #R02 .journey363 header { margin-bottom: 24px; } :root body.afour-site #R02 .journey363 h3 { font-size: clamp(32px, 3vw, 44px); font-weight: 400; line-height: 1.12; margin: 15px 0 18px; } :root body.afour-site #R02 .journey363 header > p:last-child, :root body.afour-site #R02 .journey363 header > :where(.elementor-widget):last-child > p, :root body.afour-site #R02 .journey363 header > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.5; margin: 0; } :root body.afour-site #R02 .journey363 :is(figure, div:where(.tag-figure)) { margin: 0; } :root body.afour-site #R02 .journey363 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/3; background: var(--paper); } :root body.afour-site #R02 .journey363 img { display: block; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site #R02 .journey363 :is(figcaption, div:where(.tag-figcaption)) { font-size: 14px; line-height: 1.5; color: var(--cacao); margin-top: 13px; } :root body.afour-site #R02 .journey363 :is(dl, div:where(.tag-dl)) { display: block; margin: 22px 0 0; } :root body.afour-site #R02 .journey363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .journey363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R02 .journey363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 15px 0; border-top: 1px solid var(--line); } :root body.afour-site #R02 .journey363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-family: Azeret, monospace; font-size: 12px; line-height: 1.5; } :root body.afour-site #R02 .journey363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.55; margin: 8px 0 0; } :root body.afour-site #R03 .category-study363 { padding: 28px 0 32px; border-top: 1px solid var(--line); } :root body.afour-site #R03 .category-study363 header { margin-bottom: 24px; } :root body.afour-site #R03 .category-study363 h3 { font-size: clamp(28px, 2.8vw, 39px); line-height: 1.15; margin: 12px 0 0; font-weight: 400; } :root body.afour-site #R03 .study-pair363 { display: block; } :root body.afour-site #R03 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 28px; } :root body.afour-site #R03 .needs363 :is(dl, div:where(.tag-dl)), :root body.afour-site #R03 .information363 :is(dl, div:where(.tag-dl)) { display: block; margin: 0; } :root body.afour-site #R03 .needs363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .needs363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .needs363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .information363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .information363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .information363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 14px 0; border-top: 1px solid var(--line); } :root body.afour-site #R03 .needs363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site #R03 .information363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 20px; color: var(--ink); } :root body.afour-site #R03 .needs363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site #R03 .information363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 8px 0 0; font-size: 17px; line-height: 1.55; } :root body.afour-site #R03 .type-options363 { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; padding: 0; margin: 0; } :root body.afour-site #R03 .type-options363 :is(li, div:where(.tag-li)) { padding: 6px 10px; border: 1px solid var(--line); font-size: 14px; line-height: 1.4; } :root body.afour-site #R03 .use-detail363 { display: block; margin-top: 8px; } :root body.afour-site #R03 .use-detail363 strong { font-weight: 500; color: var(--cacao); } :root body.afour-site #R03 .study-answer363 > p:not(.qualification363), :root body.afour-site #R03 .study-answer363 > :where(.elementor-widget) > p:not(.qualification363), :root body.afour-site #R03 .study-answer363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.qualification363) { font-size: 18px; line-height: 1.6; max-width: 52ch; } :root body.afour-site #R03 .makeup-fields { padding: 0; background: none; } :root body.afour-site #R03 .makeup-example { margin-bottom: 20px; } :root body.afour-site #R03 .study-pair363 > .semantic-illustration { display: block; width: 100%; height: auto; max-height: 190px; margin-bottom: 24px; } :root body.afour-site #R03 .semantic-illustration .svg-field { font-size: 26px; } :root body.afour-site #R03 .finish-study362 { padding-top: 15px; } :root body.afour-site #R03 .finish-study362 .caption { font-size: 14px; line-height: 1.55; } :root body.afour-site #R03 .finish-labels362 { font-size: 17px; gap: 16px; } :root body.afour-site #R04 .press-launch363 { margin-top: 55px; padding-top: 35px; border-top: 2px solid var(--blue); } :root body.afour-site #R04 .press-system363 { display: block; } :root body.afour-site #R04 .announcement363 { padding: 22px; background: var(--paper); color: var(--ink); border-top: 4px solid var(--cacao); } :root body.afour-site #R04 .artifact-masthead363 { display: flex; justify-content: space-between; gap: 18px; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 18px; margin-bottom: 25px; } :root body.afour-site #R04 .artifact-masthead363 img { width: 85px; height: auto; background: var(--ink); padding: 8px; } :root body.afour-site #R04 .artifact-masthead363 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .artifact-masthead363 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R04 .artifact-masthead363 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-family: Azeret, monospace; font-size: 10px; line-height: 1.5; max-width: 22ch; text-align: right; } :root body.afour-site #R04 .announcement363 h4 { font-size: clamp(36px, 5vw, 70px); font-weight: 400; line-height: 1.05; letter-spacing: -0.035em; margin: 18px 0 25px; max-width: 18ch; } :root body.afour-site #R04 .announcement363 .artifact-dek363 { font-size: 21px; line-height: 1.4; max-width: 39ch; } :root body.afour-site #R04 .announcement363 > p:not(.eyebrow):not(.artifact-note363), :root body.afour-site #R04 .announcement363 > :where(.elementor-widget) > p:not(.eyebrow):not(.artifact-note363), :root body.afour-site #R04 .announcement363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.artifact-note363) { max-width: 54ch; } :root body.afour-site #R04 .announcement-foot363 { display: flex; flex-wrap: wrap; gap: 8px 18px; font-family: Azeret, monospace; font-size: 11px; line-height: 1.5; padding-top: 18px; margin-top: 25px; border-top: 1px solid var(--line); } :root body.afour-site #R04 .artifact-note363 { font-size: 13px; line-height: 1.5; margin: 20px 0 0; max-width: 80ch; } :root body.afour-site #R04 .editorial363 { padding: 26px 0; margin-top: 28px; border-top: 1px solid var(--ink); } :root body.afour-site #R04 .artifact-label363 { display: flex; justify-content: space-between; gap: 16px; font-family: Azeret, monospace; font-size: 10px; line-height: 1.6; padding-bottom: 16px; border-bottom: 1px solid var(--line); } :root body.afour-site #R04 .editorial363 > .eyebrow, :root body.afour-site #R04 .editorial363 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #R04 .editorial363 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin-top: 24px; } :root body.afour-site #R04 .editorial363 h4 { font-size: clamp(34px, 4vw, 52px); font-weight: 400; line-height: 1.1; margin: 18px 0 24px; } :root body.afour-site #R04 .editorial-columns363 p { font-size: 17px; line-height: 1.65; } :root body.afour-site #R04 .editorial363 a { display: inline-block; margin-top: 22px; font-size: 16px; line-height: 1.5; color: var(--cacao); } :root body.afour-site #R04 .social363 { margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--ink); } :root body.afour-site #R04 .social-face363 { padding: 24px; background: var(--ink); color: var(--paper); } :root body.afour-site #R04 .social-face363 img { width: 90px; height: auto; } :root body.afour-site #R04 .social-face363 > .eyebrow, :root body.afour-site #R04 .social-face363 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #R04 .social-face363 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { color: var(--paper); font-size: 10px; margin: 22px 0 16px; } :root body.afour-site #R04 .social-face363 h4 { font-size: clamp(35px, 4vw, 50px); font-weight: 400; line-height: 1.08; margin: 15px 0 24px; } :root body.afour-site #R04 .social-face363 h4 em { color: var(--paper); } :root body.afour-site #R04 .social-face363 > p:not(.eyebrow), :root body.afour-site #R04 .social-face363 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #R04 .social-face363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.5; } :root body.afour-site #R04 .social-destination363 { display: block; font-family: Azeret, monospace; font-size: 11px; line-height: 1.6; margin-top: 26px; padding-top: 17px; border-top: 1px solid #6e6d68; } :root body.afour-site #R04 .social363 > a, :root body.afour-site #R04 .social363 > :where(.elementor-widget) > a, :root body.afour-site #R04 .social363 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site #R04 .social363 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site #R04 .social363 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { display: inline-block; margin-top: 18px; font-size: 16px; line-height: 1.5; color: var(--cacao); } :root body.afour-site #R04 .outreach363 { margin: 28px 0; padding: 22px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); } :root body.afour-site #R04 .outreach363 > p:last-child, :root body.afour-site #R04 .outreach363 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .outreach363 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; max-width: 80ch; margin: 14px 0 0; } :root body.afour-site #R05 .care-answers363 article { display: flex; gap: 20px; padding: 23px 0; border-top: 1px solid var(--line); align-items: start; } :root body.afour-site #R05 .care-answers363 h3 { font-size: clamp(23px, 2.4vw, 31px); font-weight: 400; line-height: 1.2; margin: 0 0 14px; } :root body.afour-site #R05 .care-answers363 p { font-size: 18px; line-height: 1.6; max-width: 65ch; margin: 0; } :root body.afour-site #R05 .care-answers363 a { display: inline-block; margin-top: 14px; font-size: 16px; color: var(--blue); } :root body.afour-site #R05 .responsibility363 { font-size: 17px; line-height: 1.6; padding: 20px 0; border-top: 2px solid var(--blue); margin-top: 15px; } :root body.afour-site #R05 .responsibility363 > .eyebrow, :root body.afour-site #R05 .responsibility363 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #R05 .responsibility363 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { display: block; margin-bottom: 10px; } :root body.afour-site #P01 .buying-route363 { padding: 25px 0; border-top: 2px solid var(--blue); border-bottom: 1px solid var(--line); } :root body.afour-site #P01 .buying-route363 h3 { font-size: 29px; line-height: 1.15; font-weight: 400; margin: 12px 0 18px; } :root body.afour-site #P01 .buying-route363 p:not(.eyebrow) { font-size: 17px; line-height: 1.55; max-width: 32ch; } :root body.afour-site #P01 .route-arrow363 { display: block; font-size: 30px; line-height: 1; transform: rotate(90deg); transform-origin: 15px 15px; color: var(--blue); margin: 18px 0; } :root body.afour-site #P01 .channel-branch363 { margin-top: 26px; } :root body.afour-site #P01 .first-channel363 { padding-left: 20px; border-left: 3px solid var(--blue); } :root body.afour-site #P01 .future-channels363 { margin-top: 25px; padding-left: 20px; border-left: 2px solid var(--cacao); } :root body.afour-site #P01 .channel-branch363 h4 { font-size: 24px; line-height: 1.2; font-weight: 400; margin: 12px 0; } :root body.afour-site #P01 .channel-branch363 p:not(.eyebrow) { font-size: 17px; line-height: 1.5; } :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } :root body.afour-site #P01 .relationship-foot363 { margin-top: 28px; } :root body.afour-site #P01 .relationship-foot363 :is(figure, div:where(.tag-figure)) { margin: 0 0 24px; } :root body.afour-site #P01 .relationship-foot363 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 2/1; max-width: 400px; background: var(--paper); } :root body.afour-site #P01 .relationship-foot363 img { width: 100%; height: 100%; object-fit: contain; } :root body.afour-site #P01 .relationship-foot363 :is(figcaption, div:where(.tag-figcaption)) { font-size: 13px; line-height: 1.5; max-width: 48ch; margin-top: 10px; } :root body.afour-site #P01 .relationship-foot363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #P01 .relationship-foot363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #P01 .relationship-foot363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P01 .relationship-foot363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #P01 .relationship-foot363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #P01 .relationship-foot363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P01 .relationship-foot363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site #P01 .relationship-foot363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site #P01 .relationship-foot363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; max-width: 60ch; } :root body.afour-site #P01 .relationship-foot363 a { display: block; font-size: 16px; line-height: 1.5; margin-top: 18px; } :root body.afour-site #P01 .relationship-foot363 a:is(.button, .elementor-button:where(.afour-button *)) { display: inline-flex; } :root body.afour-site #P03 .creator-programme363 { margin-top: 45px; padding-top: 30px; border-top: 2px solid var(--blue); } :root body.afour-site #P03 .creator-demo363 { display: block; } :root body.afour-site #P03 .creator-demo363 :is(figure, div:where(.tag-figure)) { margin: 0; } :root body.afour-site #P03 .creator-demo363 :is(picture, div:where(.tag-picture)) { display: block; aspect-ratio: 4/3; } :root body.afour-site #P03 .creator-demo363 img { width: 100%; height: 100%; object-fit: cover; display: block; } :root body.afour-site #P03 .creator-demo363 :is(figcaption, div:where(.tag-figcaption)) { font-size: 13px; line-height: 1.55; margin-top: 12px; max-width: 65ch; } :root body.afour-site #P03 .creator-answer363 { margin-top: 24px; } :root body.afour-site #P03 .creator-answer363 h4 { font-size: clamp(29px, 2.9vw, 39px); font-weight: 400; line-height: 1.15; margin: 14px 0 20px; } :root body.afour-site #P03 .creator-answer363 > p:not(.eyebrow), :root body.afour-site #P03 .creator-answer363 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site #P03 .creator-answer363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.6; margin: 15px 0; } :root body.afour-site #P03 .creator-answer363 :is(dl, div:where(.tag-dl)) { display: block; margin: 24px 0 0; } :root body.afour-site #P03 .creator-answer363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-answer363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P03 .creator-answer363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 15px 0; border-top: 1px solid var(--line); } :root body.afour-site #P03 .creator-answer363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 19px; color: var(--cacao); } :root body.afour-site #P03 .creator-answer363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.6; margin: 7px 0 0; } :root body.afour-site #P04 .evidence-studies363 { display: block; } :root body.afour-site #P04 .evidence-studies363 > article { padding: 26px 0; border-top: 1px solid #6e6d68; } :root body.afour-site #P04 .evidence-studies363 header { display: flex; align-items: start; gap: 20px; margin-bottom: 25px; } :root body.afour-site #P04 .evidence-studies363 .icon363 { color: var(--paper); } :root body.afour-site #P04 .evidence-studies363 h3 { font-size: clamp(29px, 2.8vw, 38px); font-weight: 400; line-height: 1.15; margin: 0; } :root body.afour-site #P04 .record-example363 { background: var(--paper); color: var(--ink); padding: 20px; } :root body.afour-site #P04 .record-example363 > .eyebrow, :root body.afour-site #P04 .record-example363 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #P04 .record-example363 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { font-size: 10px; color: var(--cacao); line-height: 1.6; } :root body.afour-site #P04 .record-example363 h4 { font-size: 25px; font-weight: 400; line-height: 1.15; margin: 18px 0 22px; } :root body.afour-site #P04 .record-example363 :is(dl, div:where(.tag-dl)) { display: block; margin: 0; } :root body.afour-site #P04 .record-example363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .record-example363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .record-example363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 12px 0; border-top: 1px solid var(--line); } :root body.afour-site #P04 .record-example363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-family: Azeret, monospace; font-size: 11px; line-height: 1.5; color: var(--cacao); } :root body.afour-site #P04 .record-example363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.5; margin: 7px 0 0; } :root body.afour-site #P04 .record-rule363 { display: block; border-top: 1px solid var(--ink); margin: 20px 0; } :root body.afour-site #P04 .record-example363 > p:last-child:not(.eyebrow), :root body.afour-site #P04 .record-example363 > :where(.elementor-widget):last-child > p:not(.eyebrow), :root body.afour-site #P04 .record-example363 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 15px; line-height: 1.5; } :root body.afour-site #P04 .evidence-studies363 > article > p, :root body.afour-site #P04 .evidence-studies363 > article > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-studies363 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; margin-top: 20px; max-width: 55ch; } :root body.afour-site #P04 .evidence-limit363 { padding-top: 23px; border-top: 1px solid #6e6d68; } @media (min-width: 801px) { :root body.afour-site .v363 .section-heading363 { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; align-items: start; } :root body.afour-site .v363 .section-heading363 h1, :root body.afour-site .v363 .section-heading363 h2, :root body.afour-site .v363 .section-heading363 h3 { margin-bottom: 0; } :root body.afour-site .v363 .section-heading363 > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget) > p, :root body.afour-site .v363 .section-heading363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { padding-top: 15px; } :root body.afour-site #H03 .brand-destination363 { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 38px; align-items: start; } :root body.afour-site #H03 .destination-page363 { padding: 26px; } :root body.afour-site #H03 .destination-image363 :is(picture, div:where(.tag-picture)) { aspect-ratio: 8/5; } :root body.afour-site #R02 .journeys363 { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; align-items: start; } :root body.afour-site #R02 .journey363 header { min-height: 180px; } :root body.afour-site #R02 .journey363 :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; } :root body.afour-site #R03 .study-pair363 { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; } :root body.afour-site #R03 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 0; } :root body.afour-site #R03 .study-pair363 > .semantic-illustration { max-height: 220px; } :root body.afour-site #R04 .press-system363 { display: grid; grid-template-columns: 1fr 1fr; gap: 25px 40px; } :root body.afour-site #R04 .announcement363 { grid-column: 1/-1; padding: 36px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 0 45px; } :root body.afour-site #R04 .announcement363 > .artifact-masthead363, :root body.afour-site #R04 .announcement363 > .eyebrow, :root body.afour-site #R04 .announcement363 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #R04 .announcement363 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site #R04 .announcement363 > .announcement-foot363, :root body.afour-site #R04 .announcement363 > .artifact-note363 { grid-column: 1/-1; } :root body.afour-site #R04 .announcement363 h4 { grid-column: 1; grid-row: 3 / span 2; margin-top: 0; } :root body.afour-site #R04 .announcement363 > .artifact-dek363 { grid-column: 2; grid-row: 3; } :root body.afour-site #R04 .announcement363 > p:not(.eyebrow):not(.artifact-dek363):not(.artifact-note363), :root body.afour-site #R04 .announcement363 > :where(.elementor-widget) > p:not(.eyebrow):not(.artifact-dek363):not(.artifact-note363), :root body.afour-site #R04 .announcement363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.artifact-dek363):not(.artifact-note363) { grid-column: 2; grid-row: 4; } :root body.afour-site #R04 .editorial363, :root body.afour-site #R04 .social363 { margin-top: 0; } :root body.afour-site #R04 .outreach363 { display: grid; grid-template-columns: 1fr 3fr; gap: 35px; } :root body.afour-site #R04 .outreach363 > p:last-child, :root body.afour-site #R04 .outreach363 > :where(.elementor-widget):last-child > p, :root body.afour-site #R04 .outreach363 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 0; } :root body.afour-site #P01 .buying-route363 { display: grid; grid-template-columns: 1fr 35px 1.2fr 35px 1.1fr; gap: 20px; align-items: center; } :root body.afour-site #P01 .route-arrow363 { transform: none; margin: 0; } :root body.afour-site #P01 .channel-branch363 { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; } :root body.afour-site #P01 .future-channels363 { margin-top: 0; } :root body.afour-site #P01 .relationship-foot363 { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; align-items: center; } :root body.afour-site #P01 .relationship-foot363 :is(figure, div:where(.tag-figure)) { margin: 0; } :root body.afour-site #P03 .creator-demo363 { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; } :root body.afour-site #P03 .creator-answer363 { margin-top: 0; } :root body.afour-site #P04 .evidence-studies363 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } :root body.afour-site #P04 .evidence-studies363 header { min-height: 132px; display: block; } :root body.afour-site #P04 .evidence-studies363 header .icon363 { width: 30px; height: 30px; margin-bottom: 20px; } :root body.afour-site #P04 .record-example363 { min-height: 345px; } } @media (min-width: 1101px) { :root body.afour-site #H03 .destination-example363 { display: grid; grid-template-columns: 5fr 7fr; gap: 30px; } :root body.afour-site #H03 .destination-example363 ul { margin-bottom: 0; } :root body.afour-site #R05 .care-answers363 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 35px; } :root body.afour-site #R05 .care-answers363 article { display: block; } :root body.afour-site #R05 .care-answers363 .icon363 { margin-bottom: 22px; } :root body.afour-site #R05 .care-answers363 p { font-size: 17px; } :root body.afour-site #R05 .care-answers363 h3 { min-height: 72px; } } @media (max-width: 350px) { :root body.afour-site #H03 .destination-page363 { padding: 16px; } :root body.afour-site #H03 .destination-context363 h3 { font-size: 32px; } :root body.afour-site #H03 .destination-story363 h4 { font-size: 29px; } :root body.afour-site #H03 .destination-example363 blockquote { font-size: 28px; } :root body.afour-site #R04 .announcement363 { padding: 18px; } :root body.afour-site #R04 .announcement363 h4 { font-size: 33px; } :root body.afour-site #R04 .social-face363 { padding: 19px; } :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .future-channels363 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 22px; } :root body.afour-site #P04 .record-example363 { padding: 17px; } :root body.afour-site .v363 .section-heading363 h1, :root body.afour-site .v363 .section-heading363 h2, :root body.afour-site .v363 .section-heading363 h3 { font-size: 32px; } } :root body.afour-site #H03 .destination-page363 a:focus-visible, :root body.afour-site #H03 .destination-page363 summary:focus-visible { outline-color: var(--blue); } :root body.afour-site #H03 .destination-page363 { display: flex; flex-direction: column; } :root body.afour-site #H03 .destination-label363 { order: 0; } :root body.afour-site #H03 .destination-story363 { order: 1; } :root body.afour-site #H03 .destination-image363 { order: 2; } :root body.afour-site #H03 .destination-routes363 { order: 3; } :root body.afour-site #H03 .destination-example363 { order: 4; } :root body.afour-site #H03 .destination-page363 > .qualification363, :root body.afour-site #H03 .destination-page363 > :where(.elementor-widget) > .qualification363, :root body.afour-site #H03 .destination-page363 > :where(.elementor-widget) > :where(.elementor-widget-container) > .qualification363 { order: 5; } :root body.afour-site #H03 .destination-page363 > details, :root body.afour-site #H03 .destination-page363 > :where(.elementor-widget) > details, :root body.afour-site #H03 .destination-page363 > :where(.elementor-widget) > :where(.elementor-widget-container) > details, :root body.afour-site #H03 .destination-page363 > :where(.elementor-widget) > :where(.e-n-accordion) > details, :root body.afour-site #H03 .destination-page363 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details { order: 6; } @media (max-width: 800px) { :root body.afour-site #H03 .destination-context363 > p, :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > p, :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin: 12px 0; line-height: 1.45; } :root body.afour-site #H03 .destination-context363 h3 { margin: 10px 0 14px; } :root body.afour-site #H03 .destination-context363 > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site #H03 .destination-context363 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { margin: 0 0 18px; } :root body.afour-site #H03 .destination-label363 { gap: 12px; padding-bottom: 12px; margin-bottom: 14px; } :root body.afour-site #H03 .destination-label363 img { max-width: 68px; } :root body.afour-site #H03 .destination-label363 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 10px; line-height: 1.5; } :root body.afour-site #H03 .destination-image363 { order: 1; } :root body.afour-site #H03 .destination-story363 { order: 2; padding-top: 16px; } :root body.afour-site #H03 .destination-story363 > .eyebrow, :root body.afour-site #H03 .destination-story363 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #H03 .destination-story363 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin: 0; } :root body.afour-site #H03 .destination-story363 h4 { margin: 10px 0 14px; } :root body.afour-site #H03 .destination-story363 > p:last-child, :root body.afour-site #H03 .destination-story363 > :where(.elementor-widget):last-child > p, :root body.afour-site #H03 .destination-story363 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-bottom: 0; } :root body.afour-site #R03 .skincare363 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .skincare363 .study-pair363 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 18px; } :root body.afour-site #R03 .skincare363 .study-label363 { font-size: 17px; line-height: 1.35; margin: 0 0 12px; } :root body.afour-site #R03 .needs363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .needs363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .needs363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .information363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .information363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #R03 .information363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 10px 0; } :root body.afour-site #R03 .needs363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site #R03 .information363 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 17px; line-height: 1.4; } :root body.afour-site #R03 .needs363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site #R03 .information363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.45; margin: 0; } :root body.afour-site #R03 .use-detail363 { margin-top: 5px; } :root body.afour-site #R03 .type-options363 { gap: 5px; } :root body.afour-site #R03 .type-options363 :is(li, div:where(.tag-li)) { padding: 4px 7px; font-size: 13px; } :root body.afour-site #P04 .evidence-studies363 > article { padding: 18px 0; } :root body.afour-site #P04 .evidence-studies363 header { margin-bottom: 14px; gap: 14px; } :root body.afour-site #P04 .evidence-studies363 .icon363 { width: 30px; height: 30px; } :root body.afour-site #P04 .record-example363 { padding: 16px; } :root body.afour-site #P04 .record-example363 h4 { margin: 10px 0 14px; } :root body.afour-site #P04 .record-example363 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .record-example363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .record-example363 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 8px 0; } :root body.afour-site #P04 .record-example363 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 4px; line-height: 1.45; } :root body.afour-site #P04 .record-rule363 { margin: 12px 0; } :root body.afour-site #P04 .evidence-studies363 > article > p, :root body.afour-site #P04 .evidence-studies363 > article > :where(.elementor-widget) > p, :root body.afour-site #P04 .evidence-studies363 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin: 13px 0 0; line-height: 1.5; } :root body.afour-site #P04 .evidence-limit363 { padding-top: 16px; } } /* ---- home-v37.css ---- */ :root body.afour-site:is(.home-v37, :has(.home-v37)) { --space: 72px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(#H01, #H02, #H03, #H04):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { scroll-margin-top: 100px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(#H01, #H02, #H03, #H04):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) :where(div, article, figure, header):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .download-notes { padding: 10px 5vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .download-notes p { font-size: 13px; line-height: 1.5; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: 0.045em; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-top: 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .actions a { font-size: 15px; line-height: 1.45; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(.button, .elementor-button:where(.afour-button *)) { min-height: 46px; padding: 13px 20px; gap: 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(.text-link, .elementor-button:where(.afour-text-link *)) { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 8px; border-bottom: 1px solid currentColor; text-decoration: none; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.55; padding-top: 10px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) a { overflow-wrap: anywhere; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(h1, h2, h3, h4):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-weight: 400; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(#H02, #H03):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 68px 5vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(#H02, #H03):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) h2 { font-size: clamp(36px, 4.3vw, 62px); line-height: 1.06; letter-spacing: -0.04em; } :root body.afour-site:is(.home-v37, :has(.home-v37)) details { padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 26px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) details summary { font-size: 16px; cursor: pointer; } :root body.afour-site:is(.home-v37, :has(.home-v37)) details p { font-size: 15px; line-height: 1.6; max-width: 95ch; margin-top: 16px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01 { padding: 0; background: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-grid37 { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 { padding: 44px 5vw 40px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01 h1 { font-size: clamp(37px, 3.9vw, 60px); line-height: 1.07; letter-spacing: -0.04em; margin: 24px 0; max-width: 18ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 47ch; font-size: 17px; line-height: 1.55; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .supply-callout37 { border-left: 2px solid var(--cacao); padding-left: 17px; margin-top: 22px; max-width: 49ch; font-size: 17px; line-height: 1.55; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-figure37 { display: flex; flex-direction: column; margin: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-figure37 :is(picture, div:where(.tag-picture)) { position: relative; flex: 1; height: 100%; min-height: 480px; max-height: 650px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-figure37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 51%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-figure37 :is(figcaption, div:where(.tag-figcaption)) { background: var(--cashmere); padding: 10px 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; padding: 25px 5vw; border-bottom: 1px solid var(--line); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 > p:last-child, :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 15px; line-height: 1.55; max-width: 62ch; margin: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 { border-top: 6px solid var(--blue); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: end; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 h2 { margin-top: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 > :where(.elementor-widget) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.6; max-width: 47ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: 36px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 26px 0; gap: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-left: 1px solid var(--line); padding-left: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 strong { display: block; font-weight: 400; font-size: clamp(34px, 4.5vw, 66px); line-height: 1.15; letter-spacing: -0.045em; margin: 15px 0 10px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 15px; line-height: 1.55; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-source37 { font-size: 14px; line-height: 1.6; margin-top: 15px; max-width: 100ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-source37 a { color: var(--blue); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-grid37 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 44px; align-items: stretch; margin-top: 50px; padding-top: 40px; border-top: 1px solid var(--line); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 { display: flex; flex-direction: column; align-self: stretch; min-height: 0; height: 100%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 :is(picture, div:where(.tag-picture)) { position: relative; flex: 1; min-height: 0; max-height: none; background: var(--cashmere); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 h3 { font-size: clamp(32px, 3.4vw, 48px); line-height: 1.1; margin: 18px 0 26px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 { margin: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding: 17px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 22px; line-height: 1.25; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.6; max-width: 59ch; margin: 10px 0 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 15px; line-height: 1.5; margin-top: 15px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 { background: var(--ink); color: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 em { color: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 > .channel-heading37 .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .destination-context37 > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .destination-context37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) .readiness-line37 .eyebrow { color: var(--ash); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-heading37 h2 { margin-top: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 38px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 article { border-top: 1px solid #777771; padding-top: 22px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 h3 { font-size: 32px; margin: 14px 0 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 article > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 article > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.6; max-width: 52ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 a { display: inline-block; font-size: 15px; margin-top: 20px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .readiness-line37 { border-top: 1px solid #777771; padding-top: 22px; margin-top: 30px; font-size: 15px; line-height: 1.6; display: grid; grid-template-columns: 200px 1fr; gap: 20px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-grid37 { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 44px; align-items: start; padding-top: 50px; margin-top: 42px; border-top: 1px solid #777771; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 h3 { font-size: clamp(34px, 3.8vw, 54px); line-height: 1.1; margin: 18px 0 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 34ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { font-size: 15px; line-height: 1.5; margin-top: 26px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 { background: var(--paper); color: var(--ink); border-top: 3px solid var(--blue); padding: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .destination-preview37 em { color: var(--blue); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-label37 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font-family: Azeret, monospace; font-size: 10px; line-height: 1.6; border-bottom: 1px solid var(--line); padding-bottom: 18px; color: var(--cacao); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 { padding: 28px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 h4 { font-size: clamp(32px, 3.5vw, 49px); line-height: 1.1; margin: 15px 0 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 > p:last-child, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.6; max-width: 50ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-visual37 { margin: 0 0 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-visual37 :is(picture, div:where(.tag-picture)) { aspect-ratio: 3/2; background: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-visual37 img { width: 100%; height: 100%; object-fit: contain; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-visual37 :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.6; margin-top: 10px; color: var(--cacao); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-routes37 { display: flex; gap: 20px; flex-wrap: wrap; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 15px; color: var(--blue); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 30px; padding-top: 27px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 blockquote { font-family: AwesomeItalic, serif; font-style: italic; font-size: 32px; line-height: 1.15; color: var(--blue); margin: 20px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 p:not(.eyebrow) { font-size: 15px; line-height: 1.6; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 :is(dl, div:where(.tag-dl)) { margin: 16px 0 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 17px 0; border-top: 1px solid var(--line); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 20px; line-height: 1.3; color: var(--blue); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 10px 0 0; font-size: 15px; line-height: 1.6; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 a { display: inline-block; font-size: 14px; line-height: 1.55; color: var(--blue); margin-top: 15px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-limit37 { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 24px; font-size: 13px; line-height: 1.6; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 details { margin-top: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 .eyebrow { color: var(--cacao); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H04 { padding: 0; background: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 :is(figure, div:where(.tag-figure)) { display: flex; flex-direction: column; margin: 0; background: var(--cashmere); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 :is(picture, div:where(.tag-picture)) { position: relative; flex: 1; min-height: 500px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 :is(figcaption, div:where(.tag-figcaption)) { padding: 12px 5vw; font-size: 12px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 { padding: 48px 5vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > svg, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > svg, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > svg { display: block; width: 90px; height: 44px; margin: 0 0 26px; position: static; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 h2 { font-size: clamp(36px, 3.8vw, 56px); line-height: 1.06; margin: 20px 0 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 18px; line-height: 1.6; max-width: 42ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 .actions { align-items: flex-start; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 :is(.text-link, .elementor-button:where(.afour-text-link *)) { max-width: 34ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 .actions a { font-size: 15px; } @media (max-width: 1100px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 { padding-top: 34px; padding-bottom: 30px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01 h1 { font-size: clamp(34px, 4.1vw, 47px); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .supply-callout37 { font-size: 16px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-grid37 { grid-template-columns: minmax(0, 3fr) minmax(0, 5fr); gap: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #destination-detail361 { margin-top: 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 { padding: 36px 4vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-grid37 { gap: 30px; } } @media (max-width: 760px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) :is(#H02, #H03):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 44px 6vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-grid37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-grid37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-grid37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-copy37 { padding: 32px 6vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01 h1 { font-size: clamp(35px, 6.8vw, 52px); max-width: 20ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-figure37 :is(picture, div:where(.tag-picture)) { flex: none; height: 390px; min-height: 0; max-height: none; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-figure37 img { object-position: 50% 54%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 { padding: 22px 6vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 > p:last-child, :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-strip37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 12px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 > :where(.elementor-widget) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-intro37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 22px; font-size: 17px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 { display: block; padding: 0; margin-top: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 20px 0 !important; border-left: 0 !important; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); } :root body.afour-site:is(.home-v37, :has(.home-v37)) .market-band37 strong { font-size: 48px; margin: 10px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-grid37 { padding-top: 28px; margin-top: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 { height: auto; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 :is(picture, div:where(.tag-picture)) { flex: none; aspect-ratio: 3/2; max-height: 540px; min-height: 0; height: auto; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 img { object-position: 50% 50%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 { margin-top: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 h3 { font-size: 36px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 { margin-top: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-pair37 article + article { margin-top: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .readiness-line37 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .readiness-line37 > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) .readiness-line37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) .readiness-line37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { display: block; margin-bottom: 12px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-grid37 { padding-top: 30px; margin-top: 30px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 h3 { font-size: 40px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 46ch; font-size: 17px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 { margin-top: 28px; padding: 22px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 h4 { font-size: 37px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 :is(picture, div:where(.tag-picture)) { flex: none; height: auto; min-height: 0; aspect-ratio: 4/3; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 img { object-position: 60% 50%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 { padding: 32px 6vw 42px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 h2 { font-size: 40px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > svg, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > svg, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > svg { width: 76px; height: 36px; margin-bottom: 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 .actions { gap: 20px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-scene37 :is(figcaption, div:where(.tag-figcaption)) { padding: 10px 6vw; } } @media (max-width: 360px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01 h1 { font-size: 33px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .opening-figure37 :is(picture, div:where(.tag-picture)) { height: 330px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .actions { align-items: flex-start; gap: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .actions a { font-size: 14px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 { padding: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 h4 { font-size: 32px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 blockquote { font-size: 29px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 h2 { font-size: 35px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .channel-heading37 h2 { font-size: 34px; } } @media (prefers-reduced-motion: reduce) { :root body.afour-site:is(.home-v37, :has(.home-v37)) *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { animation: none !important; transition: none !important; } } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-grid37 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; align-items: start; margin-bottom: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 h3 { grid-column: 1; grid-row: 2 / span 2; margin: 16px 0 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { grid-column: 2; grid-row: 2; max-width: 50ch; margin-top: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { grid-column: 2; grid-row: 3; justify-self: start; margin-top: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 32px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-label37 { grid-column: 1/-1; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 { grid-column: 1; grid-row: 2; align-self: center; padding: 24px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 > p:last-child, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-story37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { max-width: 43ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-visual37 { grid-column: 2; grid-row: 2; margin: 24px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-routes37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-limit37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 > details, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 > :where(.elementor-widget) > details, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 > :where(.elementor-widget) > :where(.elementor-widget-container) > details, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 > :where(.elementor-widget) > :where(.e-n-accordion) > details, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > details { grid-column: 1/-1; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #destination-detail361 { margin-top: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > .closing-mark37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > .closing-mark37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .closing-mark37 { width: 120px; height: 31px; overflow: hidden; margin-bottom: 26px; position: static; } @media (max-width: 760px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-preview37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-example37 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 { margin-bottom: 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 h3 { margin: 16px 0 22px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-context37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { margin-top: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .destination-visual37 { margin: 0 0 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #destination-detail361 { margin-top: 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > .closing-mark37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > .closing-mark37, :root body.afour-site:is(.home-v37, :has(.home-v37)) .closing-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .closing-mark37 { width: 108px; height: 27.9px; } } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 { height: auto; align-self: stretch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 :is(picture, div:where(.tag-picture)) { flex: 1 0 auto; aspect-ratio: 4/5; max-height: none; min-height: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 img { object-fit: cover; object-position: 50% 50%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 { display: flex; flex-direction: column; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 { display: grid; flex: 1; align-content: space-evenly; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { align-self: flex-start; } @media (max-width: 1100px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-grid37 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 { height: auto; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-figure37 :is(picture, div:where(.tag-picture)) { flex: none; width: 100%; max-width: 608px; aspect-ratio: 4/5; max-height: 760px; align-self: center; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-copy37 { display: block; margin-top: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) .confidence-questions37 { display: block; } } /* ---- retail-v37.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is(#R01, #R02, #R03, #R04, #R05):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { scroll-margin-top: 100px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is(#R01, #R02, #R03, #R04, #R05):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) :where(div, article, figure, header):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-section37 { padding: 64px 5vw; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: 0.045em; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .download-notes { padding: 10px 5vw; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .download-notes p { font-size: 13px; line-height: 1.5; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-note37 { font-size: 13px; line-height: 1.6; max-width: 100ch; margin-top: 16px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: start; margin-bottom: 36px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 h2 { font-size: clamp(36px, 4.1vw, 60px); line-height: 1.08; margin-top: 18px; max-width: 22ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 > :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.6; max-width: 48ch; padding-top: 35px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is(.text-link, .elementor-button:where(.afour-text-link *)) { display: inline-flex; gap: 18px; align-items: center; justify-content: space-between; font-size: 15px; line-height: 1.5; padding: 10px 0; border-bottom: 1px solid currentColor; text-decoration: none; max-width: 100%; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) a { overflow-wrap: anywhere; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is(figure, div:where(.tag-figure)) { margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.55; margin-top: 10px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 56px; align-items: start; margin: 24px 0 36px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 h1 { font-size: clamp(42px, 4.7vw, 68px); line-height: 1.05; max-width: 18ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 6px; max-width: 49ch; font-size: 18px; line-height: 1.65; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category-spread { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category { position: static; margin: 0; padding: 0; align-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 4/5; height: auto; min-height: 0; max-height: none; overflow: hidden; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category :is(figcaption, div:where(.tag-figcaption)) { position: static; inset: auto; transform: none; background: none; padding: 0; margin: 16px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category h3 { font-size: 22px; line-height: 1.25; margin-top: 9px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intentions37 { background: var(--cashmere); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-pair37 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 > header { margin-bottom: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 h3 { font-size: clamp(34px, 3.5vw, 48px); line-height: 1.08; margin: 15px 0 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 > header > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 > header > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 > header > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.5; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 > :is(figure, div:where(.tag-figure)) :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 3/2; height: auto; background: var(--paper); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 > :is(figure, div:where(.tag-figure)) img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 > :is(figure, div:where(.tag-figure)) :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.55; max-width: 68ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 { margin-top: 24px; padding: 20px; background: var(--paper); border-top: 2px solid var(--blue); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) { margin: 16px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 18px; padding: 14px 0; border-top: 1px solid var(--line); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 16px; line-height: 1.4; color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: inline-block; margin-right: 8px; font-family: Azeret, monospace; font-size: 10px; color: var(--blue); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.5; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .colour-pair37 { display: flex; flex-wrap: wrap; gap: 6px 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .colour-pair37 > span:nth-child(2):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .colour-pair37 > :where(.elementor-widget):nth-child(2) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .colour-pair37 > :where(.elementor-widget):nth-child(2) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { color: var(--blue); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .specimen-status37 { font-size: 12px; line-height: 1.55; border-top: 1px solid var(--line); padding-top: 14px; margin-top: 5px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-outcome37 { font-size: 21px; line-height: 1.35; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--ink); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-outcome37 .eyebrow { display: block; margin-bottom: 10px; color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: start; padding-top: 25px; margin-top: 32px; border-top: 1px solid var(--line); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 p { font-size: 16px; line-height: 1.6; max-width: 65ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 a { justify-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 { background: var(--cashmere); padding: 28px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; align-items: end; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 h3 { font-size: 38px; line-height: 1.1; margin-top: 14px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.5; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37 { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.1fr) minmax(0, 1.2fr); gap: 28px; margin-top: 28px; align-items: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37 > :is(figure, div:where(.tag-figure)) { width: 100%; max-width: 280px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37 :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 4/5; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .need-fields37 :is(dl, div:where(.tag-dl)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dl, div:where(.tag-dl)) { margin: 16px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .need-fields37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .need-fields37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .need-fields37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 15px 0; border-top: 1px solid var(--line); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .need-fields37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; line-height: 1.3; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .need-fields37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 10px 0 0; font-size: 16px; line-height: 1.55; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; margin-top: 7px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 strong { font-weight: 400; color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .type-options37 { display: flex; flex-wrap: wrap; gap: 6px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .type-options37 :is(li, div:where(.tag-li)) { font-size: 13px; line-height: 1.4; border: 1px solid var(--line); padding: 5px 8px; list-style: none; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px; margin-top: 30px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 > article { padding-top: 22px; border-top: 2px solid var(--blue); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 h3 { font-size: 29px; line-height: 1.15; margin: 12px 0 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 > article > p:not(.eyebrow):not(.retail-note37), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 > article > :where(.elementor-widget) > p:not(.eyebrow):not(.retail-note37), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.retail-note37) { font-size: 15px; line-height: 1.6; margin-top: 16px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .compact-fields37 { margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .compact-fields37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .compact-fields37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .compact-fields37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 14px; border-top: 1px solid var(--line); padding: 10px 0; font-size: 14px; line-height: 1.5; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .compact-fields37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .compact-fields37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R03 .finish-mini37 { margin-top: 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R03 .finish-mini37 svg { display: block; width: 100%; height: auto; max-height: 130px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R03 .finish-mini37 :is(figcaption, div:where(.tag-figcaption)) { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; text-align: center; font-size: 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .fragrance-visual37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .accessory-visual37 { margin-bottom: 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .fragrance-visual37 svg, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .accessory-visual37 svg { display: block; width: 100%; height: 120px; color: var(--ink); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .fragrance-visual37 :is(figcaption, div:where(.tag-figcaption)) { display: grid; grid-template-columns: 1fr 1fr; text-align: center; gap: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .accessory-visual37 :is(figcaption, div:where(.tag-figcaption)) { text-align: center; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-story37 { background: var(--ash); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .private-preview37 { background: var(--paper); margin-top: 34px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-banner37 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 16px 22px; border-bottom: 2px solid var(--blue); font-size: 13px; line-height: 1.5; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-regions37 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-brand37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-discovery37 { padding: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-key37 { display: block; font: 11px/1.5 Azeret, monospace; color: var(--blue); margin-bottom: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-brand37 h3 { font-size: 32px; line-height: 1.1; margin: 16px 0 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-brand37 > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-brand37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-brand37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.6; max-width: 28ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-product37 { position: relative; display: flex; flex-direction: column; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-product37 > .preview-key37 { position: absolute; z-index: 1; left: 14px; top: 14px; padding: 5px 9px; background: var(--paper); margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-product37 :is(picture, div:where(.tag-picture)) { position: relative; flex: none; aspect-ratio: 3/2; min-height: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-product37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 55% 50%; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-product37 :is(figcaption, div:where(.tag-figcaption)) { font-size: 11px; line-height: 1.55; margin: 0; padding: 12px 14px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-discovery37 h4 { font-size: 26px; line-height: 1.2; margin: 16px 0 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-discovery37 :is(li, div:where(.tag-li)) { padding: 10px 0; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.5; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr); border-top: 1px solid var(--blue); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { position: relative; padding: 25px 22px 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):before, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):before, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):before { content: ""; position: absolute; left: 50%; top: 0; height: 17px; border-left: 1px solid var(--blue); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 15px; line-height: 1.6; margin-top: 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 { display: grid; grid-template-columns: 1.3fr 1fr; gap: 34px; padding: 24px 0; border-bottom: 1px solid var(--ink); margin-top: 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 p { font-size: 15px; line-height: 1.6; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 .eyebrow { display: block; margin-bottom: 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 p > span:not(.eyebrow):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 p > :where(.elementor-widget) > span:not(.eyebrow):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 p > :where(.elementor-widget) > :where(.elementor-widget-container) > span:not(.eyebrow):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { color: var(--blue); padding: 0 8px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-heading37 { margin: 36px 0 26px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-heading37 h3 { font-size: clamp(35px, 3.8vw, 54px); line-height: 1.1; margin: 16px 0 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-heading37 > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-heading37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-heading37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 18px; line-height: 1.6; max-width: 60ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .artifact-label37 { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--line); font: 10px/1.6 Azeret, monospace; text-transform: uppercase; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-magazine37 { grid-column: span 7; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-magazine37 :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 3/2; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-magazine37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-magazine37 :is(figcaption, div:where(.tag-figcaption)) { font-size: 14px; line-height: 1.6; max-width: 72ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-magazine37 strong { font-weight: 400; color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 { grid-column: span 5; background: var(--paper); padding: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin-top: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 h4 { font-size: 34px; line-height: 1.12; margin: 15px 0 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 > p:not(.eyebrow):not(.retail-note37), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 > :where(.elementor-widget) > p:not(.eyebrow):not(.retail-note37), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.retail-note37) { font-size: 16px; line-height: 1.6; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 :is(dl, div:where(.tag-dl)) { margin: 22px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding: 12px 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font: 10px/1.5 Azeret, monospace; color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-press37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 15px; line-height: 1.55; margin: 8px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-social37 { grid-column: span 4; display: flex; flex-direction: column; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .social-poster37 { display: flex; flex: 1; min-height: 340px; flex-direction: column; justify-content: space-between; gap: 22px; background: var(--ink); color: var(--paper); padding: 28px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .social-poster37 em { color: var(--paper); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .social-poster37 h4 { font-size: 42px; line-height: 1.1; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .social-poster37 p:not(.eyebrow) { font-size: 19px; line-height: 1.4; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .social-poster37 a { font-size: 14px; line-height: 1.6; max-width: 28ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 { grid-column: span 8; display: grid; grid-template-columns: 1.2fr 1fr; align-items: start; background: var(--paper); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 > .artifact-label37 { grid-column: 1/-1; margin: 0; padding: 0 0 12px; background: var(--ash); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 3/2; align-self: center; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { align-self: center; padding: 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 h4 { font-size: 30px; line-height: 1.15; margin-bottom: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 p { font-size: 16px; line-height: 1.6; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-billboard37 { grid-column: 1/-1; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 { display: grid; grid-template-columns: 2fr 1fr; gap: 20px 40px; align-items: end; padding: 32px 40px; background: var(--ink); color: var(--paper); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 .eyebrow { grid-column: 1/-1; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 h4 { font-size: clamp(40px, 5vw, 68px); line-height: 1.05; letter-spacing: -0.025em; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 em { color: var(--paper); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 17px; line-height: 1.5; max-width: 27ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: start; border-top: 1px solid var(--ink); margin-top: 28px; padding-top: 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 p { font-size: 16px; line-height: 1.6; max-width: 75ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { justify-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-grid37 { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .conversation37 { background: var(--cashmere); padding: 28px; align-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .customer-question37 { background: var(--paper); padding: 22px; margin-top: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .conversation37 span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font: 10px/1.6 Azeret, monospace; text-transform: uppercase; color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .customer-question37 blockquote { font: italic 32px/1.18 AwesomeItalic, serif; letter-spacing: -0.02em; color: var(--blue); margin: 18px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-answer37 { border-left: 2px solid var(--blue); padding-left: 20px; margin-top: 26px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-answer37 p { font-size: 18px; line-height: 1.6; margin-top: 14px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-sequence37 > article { padding: 21px 0; border-top: 1px solid var(--line); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-sequence37 h3 { font-size: 26px; line-height: 1.2; margin: 13px 0 16px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-sequence37 p:not(.eyebrow) { font-size: 16px; line-height: 1.65; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: flex; gap: 14px; align-items: center; padding: 14px; background: var(--paper); border: 1px solid var(--line); margin: 16px 0; font: 11px/1.6 Azeret, monospace; color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > span:nth-child(2):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):nth-child(2) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):nth-child(2) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > span:nth-child(2):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):nth-child(2) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):nth-child(2) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > span:nth-child(2):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):nth-child(2) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-update37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):nth-child(2) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { color: var(--blue); font-size: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is( .aftercare37:where(:not(.elementor-widget)), details:where( .aftercare37 > .e-n-accordion > *, .aftercare37 > .elementor-widget-container > .e-n-accordion > * ) ) { padding: 20px 0; margin-top: 30px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is( .aftercare37:where(:not(.elementor-widget)), details:where( .aftercare37 > .e-n-accordion > *, .aftercare37 > .elementor-widget-container > .e-n-accordion > * ) ) summary { font-size: 17px; line-height: 1.5; cursor: pointer; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) :is( .aftercare37:where(:not(.elementor-widget)), details:where( .aftercare37 > .e-n-accordion > *, .aftercare37 > .elementor-widget-container > .e-n-accordion > * ) ) p { font-size: 16px; line-height: 1.6; max-width: 90ch; margin-top: 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: start; margin-top: 26px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 p { font-size: 14px; line-height: 1.6; max-width: 75ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { justify-self: start; } @media (max-width: 1100px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37 { grid-template-columns: 1fr 1fr; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37 > :is(figure, div:where(.tag-figure)) { grid-column: 1/-1; max-width: 240px; justify-self: center; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 { grid-template-columns: 1fr 1fr; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .makeup-study37 { grid-column: 1/-1; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R03 .finish-mini37 { max-width: 420px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-regions37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 { grid-template-columns: 1fr; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-product37 :is(picture, div:where(.tag-picture)) { min-height: 0; aspect-ratio: 3/2; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):before, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):before, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ):before { display: none; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .preview-callouts37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding: 18px 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-editorial37 > .artifact-label37 { padding-bottom: 12px; } } @media (max-width: 760px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-section37 { padding: 42px 6vw; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-pair37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-grid37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 h1 { font-size: clamp(37px, 7vw, 52px); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 > :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; padding-top: 0; font-size: 17px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category-spread { grid-template-columns: 1fr 1fr; gap: 24px 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category h3 { font-size: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 h2 { font-size: 38px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention37 + article { margin-top: 40px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 > :where(.elementor-widget) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .intention-foundation37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { margin-top: 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 { padding: 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 { padding: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-lead37 > header > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 16px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .skincare-grid37 > :is(figure, div:where(.tag-figure)) { margin: 0 auto 28px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .product-fields37 { margin-top: 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .supporting-studies37 > article + article { margin-top: 28px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 p + p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 p + :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 :where(.elementor-widget):has(> p) + p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .review-to-launch37 :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > :where(.elementor-widget):has( > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > :where(.elementor-widget):has( > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > :where(.elementor-widget):has( > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .campaign-grid37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 28px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .social-poster37 { min-height: 330px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 { display: block; padding: 28px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 h4 { font-size: 43px; margin-top: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 > p:last-child, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .billboard-face37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .launch-exit37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .guidance-close37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a { margin-top: 22px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .conversation37 { padding: 22px; margin-bottom: 28px; } } @media (max-width: 360px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-opening37 h1 { font-size: 34px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .retail-heading37 h2 { font-size: 34px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .identity-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .comparison-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 8px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category h3 { font-size: 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) .customer-question37 blockquote { font-size: 29px; } } /* ---- retail-v37-r2.css ---- */ :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-question-heading37 { margin-bottom: 32px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-question-heading37 h2 { font-size: clamp(40px, 4.2vw, 62px); line-height: 1.08; max-width: 25ch; margin: 20px 0 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-question-heading37 > p:last-child, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-question-heading37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-question-heading37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.6; max-width: 62ch; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 44px; align-items: center; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 3/2; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 :is(figcaption, div:where(.tag-figcaption)) { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; text-align: center; font-size: 19px; line-height: 1.35; margin-top: 16px; color: var(--cacao); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 :is(figure, div:where(.tag-figure)) > .retail-note37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { font-size: 13px; line-height: 1.6; max-width: 70ch; margin-top: 14px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 h3 { font-size: clamp(30px, 3vw, 42px); line-height: 1.12; margin: 16px 0 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 :is(dl, div:where(.tag-dl)) { margin: 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); padding: 15px 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 19px; line-height: 1.3; color: var(--cacao); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.6; margin: 9px 0 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { margin-top: 12px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skincare-detail37 { margin-top: 36px; padding: 28px; background: var(--cashmere); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skincare-detail37 > h3, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skincare-detail37 > :where(.elementor-widget) > h3, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skincare-detail37 > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font-size: 30px; line-height: 1.2; margin-bottom: 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dl, div:where(.tag-dl)) { margin: 16px 0 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 20px; padding: 14px 0; border-top: 1px solid var(--line); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 21px; line-height: 1.35; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 17px; line-height: 1.6; margin: 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 strong { font-weight: 400; color: var(--cacao); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-other-heading37 { margin: 36px 0 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-other-heading37 h3 { font-size: 30px; line-height: 1.15; margin-top: 14px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) #R03 .supporting-studies37 { margin-top: 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-launch37 { background: var(--paper); border-top: 1px solid var(--line); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-hero37 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: center; background: var(--ink); color: var(--paper); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 { padding: 32px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > .eyebrow, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { color: var(--ash); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 h2 { font-size: clamp(36px, 3.8vw, 56px); line-height: 1.08; margin: 20px 0 26px; max-width: 19ch; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 em { color: var(--paper); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > p:not(.eyebrow):not(.r2-hero-limit37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > p:not(.eyebrow):not(.r2-hero-limit37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.r2-hero-limit37) { font-size: 17px; line-height: 1.65; max-width: 45ch; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > :is(.text-link, .elementor-button:where(.afour-text-link *)) { color: var(--paper); margin-top: 22px; font-size: 14px; line-height: 1.5; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-hero-limit37 { font-size: 12px; line-height: 1.6; max-width: 48ch; margin-top: 18px; color: var(--ash); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-hero37 :is(figure, div:where(.tag-figure)) { margin: 0; align-self: center; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-hero37 :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 3/2; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-hero37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-hero37 :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.55; margin: 0; padding: 14px 18px; color: var(--ash); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr); gap: 0 30px; padding: 24px 0; margin-top: 28px; border-top: 2px solid var(--blue); border-bottom: 1px solid var(--line); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 h3 { font-size: 29px; line-height: 1.15; margin-top: 14px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 17px; line-height: 1.35; color: var(--cacao); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 16px; line-height: 1.6; margin: 12px 0 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 > .retail-note37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { grid-column: 1/-1; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications-heading37 { margin: 32px 0 25px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications-heading37 h3 { font-size: 32px; line-height: 1.15; margin-top: 14px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article { border-top: 1px solid var(--ink); padding-top: 16px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-format-label37 { font: 11px/1.6 Azeret, monospace; color: var(--cacao); margin-bottom: 16px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 :is(figure, div:where(.tag-figure)) { margin: 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 :is(picture, div:where(.tag-picture)) { position: relative; aspect-ratio: 3/2; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 :is(figcaption, div:where(.tag-figcaption)) { font-size: 12px; line-height: 1.6; margin-top: 10px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article > h4, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article > :where(.elementor-widget) > h4, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > h4 { font-size: 25px; line-height: 1.2; margin: 20px 0 16px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article > p:last-child, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.6; margin-top: 18px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-social37 { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; min-height: 230px; padding: 24px; background: var(--cashmere); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-social37 h4 { font-size: 31px; line-height: 1.1; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-social37 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-social37 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-social37 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 14px; line-height: 1.5; color: var(--blue); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-billboard37 { padding: 24px; background: var(--ink); color: var(--paper); min-height: 200px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-billboard37 > .eyebrow, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-billboard37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-billboard37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { color: var(--ash); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-billboard37 h4 { font-size: 31px; line-height: 1.1; margin-top: 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-billboard37 em { color: var(--paper); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 40px; padding: 24px 0; margin-top: 32px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 h3 { font-size: 29px; line-height: 1.15; margin-top: 14px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) p { font-size: 16px; line-height: 1.65; max-width: 70ch; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:last-child, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.5; max-width: 43ch; margin-top: 12px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-guidance37 { border-top: 1px solid var(--line); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-guidance-heading37 { max-width: 1000px; margin-bottom: 32px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-guidance-heading37 h2 { font-size: clamp(40px, 4.2vw, 60px); line-height: 1.08; max-width: 25ch; margin: 20px 0 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-guidance-heading37 > p:last-child, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-guidance-heading37 > :where(.elementor-widget):last-child > p, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-guidance-heading37 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.6; max-width: 62ch; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 { margin: 0; padding: 0; list-style: none; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 2fr); gap: 48px; padding: 28px 0; border-top: 1px solid var(--line); list-style: none; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-step-name37 > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-step-name37 > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-step-name37 > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font: 11px/1.6 Azeret, monospace; color: var(--blue); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-step-name37 h3 { font-size: 36px; line-height: 1.1; margin-top: 12px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow):not(.r2-service-question37):not(.r2-service-lead37) { font-size: 18px; line-height: 1.65; max-width: 75ch; margin-top: 16px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-service-question37 { font: italic 34px/1.18 AwesomeItalic, serif; color: var(--blue); max-width: 40ch; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-service-lead37 { font-size: 23px; line-height: 1.35; max-width: 54ch; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-listen-fields37 { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 20px 0 0; padding: 0; list-style: none; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-listen-fields37 :is(li, div:where(.tag-li)) { font-size: 17px; line-height: 1.5; padding-bottom: 7px; border-bottom: 1px solid var(--blue); list-style: none; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 22px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 h4 { font-size: 21px; line-height: 1.3; color: var(--cacao); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 p { font-size: 17px; line-height: 1.65; margin-top: 12px; } @media (max-width: 1050px) { :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 9px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 { grid-template-columns: 1fr; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) { margin-top: 24px; } } @media (max-width: 850px) { :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-hero37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 { display: block; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-question-heading37 h2, :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-guidance-heading37 h2 { font-size: clamp(35px, 6.7vw, 48px); } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-explanation37 { margin-top: 28px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skincare-detail37 { padding: 22px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-detail-pair37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 { padding: 28px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 h2 { font-size: 43px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) { display: block; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-private-review37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 22px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-applications37 > article + article { margin-top: 28px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-social37 { min-height: 220px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-earned37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-dual-benefit37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 24px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-consultation37 > :is(li, div:where(.tag-li)) { display: block; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-step-name37 { display: flex; gap: 16px; align-items: baseline; margin-bottom: 22px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-step-name37 h3 { font-size: 31px; margin: 0; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-service-question37 { font-size: 30px; } } @media (max-width: 400px) { :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 { display: block; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-recommend-pair37 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 22px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-skin-example37 :is(figcaption, div:where(.tag-figcaption)) { font-size: 17px; } :root body.afour-site:is(.retail-r2, :has(.retail-r2)) .r2-campaign-copy37 h2 { font-size: 37px; } } /* ---- commercial-contact-r1.css ---- */ @font-face { font-family: AwesomeTall; src: url("../fonts/AwesomeSerif-ExtraTall.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; } :root body.afour-site #P01.commercial-refinement { display: block; padding: 76px 5vw 62px; background: #fcfbf7; color: #141414; } :root body.afour-site #P01.commercial-refinement h1, :root body.afour-site #P01.commercial-refinement h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 h2 { font-family: AwesomeTall, serif; font-weight: 400; letter-spacing: -0.025em; } :root body.afour-site #P01.commercial-refinement em, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 em, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 em { font-family: AwesomeItalic, serif; color: #336aab; } :root body.afour-site #P01 .commercial-opening { max-width: 900px; } :root body.afour-site #P01 .commercial-opening h1 { font-size: 76px; line-height: 1.06; max-width: 18ch; margin: 0 0 24px; } :root body.afour-site #P01 .commercial-dek { font-size: 22px; line-height: 1.5; max-width: 58ch; margin: 0; } :root body.afour-site #P01 .supply-journey { display: grid; grid-template-columns: 1fr 1.14fr 1.15fr; gap: 64px; margin: 42px 0 0; padding: 28px 0 30px; border-top: 1px solid #336aab; border-bottom: 1px solid #b5b4ae; list-style: none; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) { position: relative; min-width: 0; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { content: "→"; position: absolute; left: -45px; top: 31px; color: #336aab; font: 28px/1 Plex, Arial, sans-serif; } :root body.afour-site #P01 .supply-journey h2 { font-size: 34px; line-height: 1.15; margin: 12px 0; } :root body.afour-site #P01 .supply-journey p:not(.eyebrow) { font-size: 17px; line-height: 1.5; max-width: 34ch; } :root body.afour-site #P01 .supply-journey .channel-status { font-size: 15px !important; margin-top: 18px; color: #55260d; } :root body.afour-site #P01 .channel-status strong { font-weight: 400; } :root body.afour-site #P01 .commercial-conversation { display: flex; align-items: center; justify-content: space-between; gap: 48px; margin: 32px 0; } :root body.afour-site #P01 .commercial-conversation > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .commercial-conversation > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .commercial-conversation > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { max-width: 720px; } :root body.afour-site #P01 .commercial-conversation h2 { font-size: 34px; line-height: 1.2; margin: 0 0 12px; } :root body.afour-site #P01 .commercial-conversation p { font-size: 17px; line-height: 1.55; max-width: 64ch; } :root body.afour-site #P01 .commercial-conversation :is(.button, .elementor-button:where(.afour-button *)) { flex-shrink: 0; background: #141414; color: #fcfbf7; white-space: normal; } :root body.afour-site #P01 .commercial-conversation :is(.button, .elementor-button:where(.afour-button *)):hover { background: #336aab; border-color: #336aab; } :root body.afour-site #P01 .commercial-support { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; border-top: 1px solid #b5b4ae; padding-top: 26px; } :root body.afour-site #P01 .physical-status { font-size: 17px; line-height: 1.5; color: #55260d; } :root body.afour-site #P01 .commercial-support details { border: 0; padding: 0; margin: 12px 0 0; } :root body.afour-site #P01 .commercial-support summary { font-size: 15px; line-height: 1.5; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; min-height: 32px; } :root body.afour-site #P01 .commercial-support details p { font-size: 15px; line-height: 1.6; margin-top: 14px; max-width: 62ch; } :root body.afour-site #P01 .evidence-aside p, :root body.afour-site #P01 .evidence-aside a { font-size: 15px; line-height: 1.6; } :root body.afour-site #P01 .evidence-aside a { display: inline-block; margin-top: 12px; color: #336aab; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-review-note { background: #fcfbf7; padding: 12px 5vw; color: #55544f; border-bottom: 1px solid #d5d4cf; font-size: 13px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-review-note a { margin-left: 8px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 70px; align-items: start; padding: 66px 5vw 76px; background: #fcfbf7; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { display: block; min-width: 0; padding: 0; margin: 0; background: transparent; color: #141414; min-height: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 > .eyebrow, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > .eyebrow, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin-bottom: 22px; color: #55260d; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 64px; line-height: 1.09; max-width: 100%; margin: 0 0 24px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-purpose { font-size: 19px; line-height: 1.55; max-width: 39ch; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact { margin: 30px 0; padding: 25px 0; border-top: 1px solid #b5b4ae; border-bottom: 1px solid #b5b4ae; display: block; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact .eyebrow { margin: 0 0 10px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-email { display: inline-block; font-size: 27px; line-height: 1.4; color: #336aab; overflow-wrap: anywhere; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .reply-note { font-size: 15px; line-height: 1.6; margin: 14px 0 0; max-width: 44ch; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance h2 { font-size: 29px; line-height: 1.2; margin: 0 0 14px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance p { font-size: 17px; line-height: 1.55; max-width: 46ch; margin: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance p + p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance p + :where(.elementor-widget) > p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance p + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance :where(.elementor-widget):has(> p) + p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance :where(.elementor-widget):has(> p) + :where(.elementor-widget) > p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance :where(.elementor-widget):has(> p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > p, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance :where(.elementor-widget):has(> :where(.elementor-widget-container) > p) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 12px; color: #55544f; font-size: 15px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { border-left: 1px solid #b5b4ae; padding-left: 40px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 42px; line-height: 1.12; margin: 0 0 20px; max-width: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .demo-notice { border: 0; border-left: 3px solid #336aab; background: #eef1f3; color: #141414; padding: 16px 18px; margin: 0 0 24px; font-size: 15px; line-height: 1.5; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .demo-notice p { margin: 0; max-width: none; font-size: 15px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .demo-notice strong { font-weight: 400; color: #141414; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .demo-notice a { color: #28598f; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field { margin: 0 0 18px; min-width: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field label { display: block; font-size: 15px; line-height: 1.4; margin: 0 0 8px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field label span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font-size: 12px; color: #55544f; white-space: nowrap; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 input, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 textarea { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; background: #f0efeb; border: 1px solid #aaa9a2; border-radius: 0; color: #55544f; opacity: 1; padding: 10px; box-shadow: none; font: 16px/1.5 Plex, Arial, sans-serif; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 input { height: 43px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 textarea { height: 86px; min-height: 86px; resize: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .helper { font-size: 13px; line-height: 1.55; color: #55544f; margin: 8px 0 0; max-width: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-privacy { margin: 0 0 18px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 :is(.button, .elementor-button:where(.afour-button *)):disabled { background: #e2e1db; color: #565550; border: 1px solid #aaa9a2; opacity: 1; cursor: not-allowed; min-height: 43px; padding: 12px 18px; font-size: 14px; box-shadow: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header .desktop-nav a[aria-current="page"] { border-bottom: 2px solid #fcfbf7; text-underline-offset: 7px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header .mobile-menu a[aria-current="page"] { border-left: 3px solid #fcfbf7; padding-left: 16px; text-decoration: underline; text-underline-offset: 6px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header a:focus-visible, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header summary:focus-visible { outline: 3px solid #fcfbf7; outline-offset: 5px; } :root body.afour-site .site-footer.editorial-footer { background: #141414; color: #fcfbf7; padding: 44px 5vw 24px; border-top: 1px solid #77766f; } :root body.afour-site .editorial-footer .footer-editorial-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 60px; padding: 0 0 32px; align-items: start; } :root body.afour-site .editorial-footer .footer-logo { width: 156px; display: block; } :root body.afour-site .editorial-footer .footer-logo img { width: 100%; height: auto; } :root body.afour-site .editorial-footer .footer-signature { font-family: AwesomeTall, serif; font-size: 24px; line-height: 1.2; letter-spacing: 0; margin: 14px 0 0; } :root body.afour-site .editorial-footer .footer-nav { display: grid; grid-template-columns: 1fr; gap: 5px; padding: 0; border: 0; font-size: 15px; align-content: start; } :root body.afour-site .editorial-footer .footer-nav a { display: block; min-height: 34px; width: fit-content; text-decoration: none; line-height: 1.5; padding: 4px 0; } :root body.afour-site .editorial-footer .footer-nav a:hover { text-decoration: underline; } :root body.afour-site .editorial-footer .footer-contact { font-size: 16px; line-height: 1.5; min-width: 0; } :root body.afour-site .editorial-footer .footer-location { margin: 0 0 24px; } :root body.afour-site .editorial-footer .footer-contact .eyebrow { color: #d5d4cf; margin: 0 0 9px; font-size: 10px; } :root body.afour-site .editorial-footer .footer-contact a { display: inline-block; font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; } :root body.afour-site .editorial-footer .footer-colophon { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; border-top: 1px solid #62625d; padding-top: 20px; font-size: 12px; line-height: 1.6; color: #d5d4cf; } :root body.afour-site .editorial-footer .footer-colophon > p, :root body.afour-site .editorial-footer .footer-colophon > :where(.elementor-widget) > p, :root body.afour-site .editorial-footer .footer-colophon > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin: 0; } :root body.afour-site .editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) { margin: 0; padding: 0; border: 0; max-width: 440px; font-size: 13px; line-height: 1.6; } :root body.afour-site .editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) summary { cursor: pointer; min-height: 30px; list-style: disclosure-closed; } :root body.afour-site .editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) )[open] summary { list-style: disclosure-open; } :root body.afour-site .editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) p { margin: 12px 0 0; font-size: 13px; line-height: 1.6; } :root body.afour-site .editorial-footer a:focus-visible, :root body.afour-site .editorial-footer summary:focus-visible { outline: 3px solid #fcfbf7; outline-offset: 5px; } @media (max-width: 1100px) { :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { gap: 40px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 54px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { padding-left: 28px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 35px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field-pair { display: block; } :root body.afour-site #P01 .commercial-opening h1 { font-size: 66px; } :root body.afour-site #P01 .commercial-conversation { gap: 30px; } } @media (max-width: 800px) { :root body.afour-site #P01.commercial-refinement { padding-top: 54px; padding-bottom: 48px; } :root body.afour-site #P01 .commercial-opening h1 { font-size: 58px; } :root body.afour-site #P01 .commercial-dek { font-size: 20px; } :root body.afour-site #P01 .supply-journey { gap: 36px; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { left: -28px; top: 40px; font-size: 24px; } :root body.afour-site #P01 .supply-journey h2 { font-size: 29px; } :root body.afour-site #P01 .supply-journey p:not(.eyebrow) { font-size: 16px; } :root body.afour-site #P01 .commercial-conversation { display: block; } :root body.afour-site #P01 .commercial-conversation :is(.button, .elementor-button:where(.afour-button *)) { margin-top: 22px; } :root body.afour-site #P01 .commercial-support { gap: 35px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { grid-template-columns: minmax(0, 1fr); gap: 46px; padding-top: 46px; padding-bottom: 52px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 62px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact { max-width: 600px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { padding: 34px 0 0; border-left: 0; border-top: 1px solid #b5b4ae; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 40px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field-pair { display: grid; } :root body.afour-site .editorial-footer .footer-editorial-grid { grid-template-columns: 1fr 1fr; gap: 32px; } :root body.afour-site .editorial-footer .footer-identity { grid-row: 1 / span 2; } :root body.afour-site .editorial-footer .footer-contact { grid-column: 2; } } @media (max-width: 540px) { :root body.afour-site #P01.commercial-refinement { padding: 38px 6vw 40px; } :root body.afour-site #P01 .commercial-opening h1 { font-size: 45px; line-height: 1.1; margin-bottom: 20px; } :root body.afour-site #P01 .commercial-dek { font-size: 18px; line-height: 1.55; } :root body.afour-site #P01 .supply-journey { display: block; margin-top: 30px; padding: 24px 0; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) { padding-left: 24px; border-left: 1px solid #a6b5c5; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)) { margin-top: 35px; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { content: "↓"; left: -8px; top: -27px; background: #fcfbf7; font-size: 21px; } :root body.afour-site #P01 .supply-journey h2 { font-size: 30px; margin: 9px 0; } :root body.afour-site #P01 .commercial-conversation { margin: 27px 0; } :root body.afour-site #P01 .commercial-conversation h2 { font-size: 31px; } :root body.afour-site #P01 .commercial-conversation p { font-size: 16px; } :root body.afour-site #P01 .commercial-support { display: block; padding-top: 22px; } :root body.afour-site #P01 .evidence-aside { margin-top: 24px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { padding: 34px 6vw 40px; gap: 36px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 44px; line-height: 1.13; margin-bottom: 20px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-purpose { font-size: 17px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact { margin: 24px 0; padding: 22px 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-email { font-size: 24px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance h2 { font-size: 28px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance p { font-size: 16px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 35px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field-pair { display: block; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .demo-notice { padding: 14px 16px; } :root body.afour-site .editorial-footer.site-footer { padding: 36px 6vw 20px; } :root body.afour-site .editorial-footer .footer-editorial-grid { display: block; padding-bottom: 25px; } :root body.afour-site .editorial-footer .footer-logo { width: 140px; } :root body.afour-site .editorial-footer .footer-signature { font-size: 23px; } :root body.afour-site .editorial-footer .footer-nav { grid-template-columns: 1fr 1fr; gap: 8px 22px; margin: 28px 0; } :root body.afour-site .editorial-footer .footer-nav a { min-height: 44px; font-size: 14px; } :root body.afour-site .editorial-footer .footer-location { margin-bottom: 16px; } :root body.afour-site .editorial-footer .footer-colophon { display: block; } :root body.afour-site .editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) { margin-top: 14px; } } @media (max-width: 350px) { :root body.afour-site #P01 .commercial-opening h1 { font-size: 39px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 38px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-email { font-size: 22px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > h2, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 > :where(.elementor-widget) > :where(.elementor-widget-container) > h2 { font-size: 31px; } :root body.afour-site .editorial-footer .footer-nav { gap: 8px 12px; } } @media (prefers-reduced-motion: reduce) { :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) { scroll-behavior: auto; } } /* ---- commercial-contact-r2.css ---- */ :root body.afour-site #P01.commercial-refinement h1, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { letter-spacing: -0.006em; word-spacing: 0.07em; line-height: 1.12; } :root body.afour-site #P01.commercial-refinement h1 em, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 em { letter-spacing: 0; word-spacing: 0.04em; } :root body.afour-site #P01 .commercial-terms { max-width: 77ch; margin-top: 20px; font-size: 16px; line-height: 1.6; color: #55544f; } :root body.afour-site #P01.commercial-refinement .supply-journey { margin-top: 34px; align-items: start; grid-template-columns: 1fr 1.14fr 1.15fr; } :root body.afour-site #P01.commercial-refinement .supply-journey h2 { font-family: Plex, Arial, sans-serif; font-size: 25px; font-weight: 400; letter-spacing: 0; word-spacing: 0; line-height: 1.25; margin: 12px 0 16px; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { top: 40px; } :root body.afour-site #P01 .supply-journey .channel-status { line-height: 1.55; margin-top: 16px; } :root body.afour-site #P01 .commercial-conversation { margin: 32px 0; align-items: center; } :root body.afour-site #P01.commercial-refinement .commercial-conversation h2 { font-size: 38px; letter-spacing: 0.006em; word-spacing: 0.07em; line-height: 1.22; margin-bottom: 12px; } :root body.afour-site #P01 .commercial-conversation p { max-width: 54ch; } :root body.afour-site #P01 .commercial-support summary { min-height: 44px; padding: 8px 0; } :root body.afour-site #P01 .evidence-aside a { min-height: 44px; padding: 8px 0; margin-top: 4px; } :root body.afour-site #P01 .evidence-aside .link-ending { white-space: nowrap; } :root body.afour-site #P01 .commercial-support details p:first-of-type, :root body.afour-site #P01 .commercial-support details :where(.elementor-widget):where( :not( :is( p, :where(.elementor-widget):has( > p, > :where(.elementor-widget-container) > p ) ) ~ * ) ) > p:first-of-type, :root body.afour-site #P01 .commercial-support details :where(.elementor-widget):where( :not( :is( p, :where(.elementor-widget):has( > p, > :where(.elementor-widget-container) > p ) ) ~ * ) ) > :where(.elementor-widget-container) > p:first-of-type { margin-top: 6px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { gap: 64px; align-items: start; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact { margin: 28px 0; padding: 22px 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-email { min-height: 44px; line-height: 1.5; max-width: 100%; padding: 2px 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .reply-note { margin-top: 9px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance h2 { font-family: Plex, Arial, sans-serif; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: 0; word-spacing: 0; margin-bottom: 10px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance p { font-size: 16px; line-height: 1.6; max-width: 51ch; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .conversation-next { margin-top: 24px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .conversation-next p { font-size: 15px; line-height: 1.6; color: #55544f; max-width: 53ch; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { padding-top: 38px; padding-left: 40px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure { border: 0; padding: 0; margin: 0; min-width: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure > summary { display: block; list-style: none; cursor: pointer; padding: 0 0 18px; min-height: 56px; border: 0; margin: 0; color: #141414; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure > summary::-webkit-details-marker { display: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure h2 { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-family: AwesomeTall, serif; font-size: 42px; font-weight: 400; line-height: 1.2; letter-spacing: 0.012em; word-spacing: 0.09em; margin: 0; max-width: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-toggle { position: relative; width: 16px; height: 16px; flex: 0 0 16px; margin-right: 4px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-mode { display: block; margin-top: 8px; font: 13px/1.5 Plex, Arial, sans-serif; letter-spacing: 0; word-spacing: 0; color: #55544f; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure[open] .preview-mode { display: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-toggle:before, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-toggle:after { content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 2px; background: #336aab; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-toggle:after { transform: rotate(90deg); } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure[open] .preview-toggle:after { display: none; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-content { padding: 4px 0 0; min-width: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .demo-notice { margin-bottom: 22px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .field label { line-height: 1.5; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 :is(.button, .elementor-button:where(.afour-button *)):disabled { display: inline-block; min-height: 44px; line-height: 1.35; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-privacy a { line-height: 1.7; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure > summary:hover h2 { color: #28598f; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure > summary:focus-visible { outline: 3px solid #336aab; outline-offset: 6px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 a:focus-visible, :root body.afour-site #P01.commercial-refinement :focus-visible:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { outline: 3px solid #336aab; outline-offset: 5px; } :root body.afour-site .site-footer.editorial-footer .footer-editorial-grid { align-items: start; gap: 48px; padding-bottom: 28px; } :root body.afour-site .editorial-footer .footer-identity { max-width: 220px; } :root body.afour-site .editorial-footer .footer-logo { width: 184px; } :root body.afour-site .editorial-footer .footer-signature { font-family: AwesomeTall, serif; font-size: 24px; font-weight: 400; line-height: 1.4; letter-spacing: 0.016em; word-spacing: 0.07em; margin: 11px 0 0; padding-left: 14px; } :root body.afour-site .editorial-footer .footer-nav { gap: 0; } :root body.afour-site .editorial-footer .footer-nav a { min-height: 44px; padding: 10px 0; line-height: 1.5; } :root body.afour-site .editorial-footer .footer-contact a { min-height: 44px; max-width: 100%; padding: 5px 0; overflow-wrap: anywhere; } :root body.afour-site .editorial-footer .footer-location { margin-bottom: 22px; } :root body.afour-site .editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) summary { min-height: 44px; padding: 8px 0; } :root body.afour-site .editorial-footer .footer-colophon { padding-top: 16px; align-items: baseline; } :root body.afour-site .editorial-footer .footer-colophon > p, :root body.afour-site .editorial-footer .footer-colophon > :where(.elementor-widget) > p, :root body.afour-site .editorial-footer .footer-colophon > :where(.elementor-widget) > :where(.elementor-widget-container) > p { padding: 8px 0; } @media (max-width: 1100px) { :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { gap: 34px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { padding-left: 28px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure h2 { font-size: 38px; } } @media (max-width: 800px) { :root body.afour-site #P01.commercial-refinement .supply-journey h2 { font-size: 23px; line-height: 1.3; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { top: 43px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { gap: 32px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { padding: 26px 0 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure > summary { padding-bottom: 14px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure h2 { font-size: 36px; } :root body.afour-site .editorial-footer.site-footer .footer-editorial-grid { gap: 28px; } } @media (max-width: 540px) { :root body.afour-site #P01 .commercial-terms { font-size: 15px; margin-top: 16px; } :root body.afour-site #P01.commercial-refinement .supply-journey { margin-top: 28px; } :root body.afour-site #P01.commercial-refinement .supply-journey h2 { font-size: 24px; line-height: 1.3; margin: 10px 0 13px; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { top: -27px; } :root body.afour-site #P01.commercial-refinement .commercial-conversation h2 { font-size: 35px; line-height: 1.25; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 44px; line-height: 1.15; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact { margin: 22px 0; padding: 20px 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance h2 { font-size: 19px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .conversation-next { margin-top: 22px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure h2 { font-size: 34px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-content { padding-top: 8px; } :root body.afour-site .editorial-footer .footer-logo { width: 168px; } :root body.afour-site .editorial-footer .footer-signature { font-size: 23px; padding-left: 13px; } :root body.afour-site .editorial-footer .footer-nav { gap: 4px 20px; margin: 26px 0 22px; } :root body.afour-site .editorial-footer .footer-contact a { font-size: 18px; } :root body.afour-site .editorial-footer .footer-colophon > p, :root body.afour-site .editorial-footer .footer-colophon > :where(.elementor-widget) > p, :root body.afour-site .editorial-footer .footer-colophon > :where(.elementor-widget) > :where(.elementor-widget-container) > p { padding: 0; } :root body.afour-site .editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) { margin-top: 9px; } } @media (max-width: 350px) { :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 38px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure h2 { font-size: 32px; } :root body.afour-site .editorial-footer .footer-nav { gap: 4px 12px; } } /* ---- consolidated-r3.css ---- */ :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #H01.full-opening-r3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #h03-brand-destination, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 { scroll-margin-top: 116px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #H01.full-opening-r3 h1, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #h03-brand-destination h3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 h2, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 h2 { font-family: AwesomeTall, serif; font-weight: 400; letter-spacing: -0.015em; word-spacing: 0.025em; line-height: 1.08; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #H01.full-opening-r3 em, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #h03-brand-destination em, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 em, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 em { font-family: AwesomeItalic, serif; font-weight: 400; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37 { display: grid; grid-template-columns: 1fr; position: relative; min-height: 960px; background: #141414; isolation: isolate; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 { position: absolute; inset: 0; display: block; z-index: -2; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(picture, div:where(.tag-picture)) { display: block; height: 100%; min-height: 0; max-height: none; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 52%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient( 90deg, rgba(20, 20, 20, 0.94), rgba(20, 20, 20, 0.78) 24%, rgba(20, 20, 20, 0.15) 49%, transparent 64% ); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { padding: 74px 4vw 90px 5vw; max-width: 36%; align-self: center; color: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: clamp(46px, 4.5vw, 70px); max-width: 15ch; margin: 25px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 em { color: #b5d2f1; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .eyebrow { color: #deddd8; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .supply-callout37 { font-size: 17px; line-height: 1.6; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .supply-callout37 { border-color: #b5d2f1; padding-left: 16px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 :is(.button, .elementor-button:where(.afour-button *)) { background: #fcfbf7; color: #141414; border-color: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 :is(.text-link, .elementor-button:where(.afour-text-link *)) { color: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-context-r3 { display: inline-block; color: #deddd8; font-size: 15px; padding: 12px 0; margin-top: 14px; text-underline-offset: 5px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(figcaption, div:where(.tag-figcaption)) { position: absolute; right: 4vw; bottom: 20px; max-width: 37ch; background: #141414d9; color: #fcfbf7; padding: 8px 12px; font-size: 12px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination { margin-top: 58px; padding-top: 48px; border-top: 1px solid #66665f; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 50px; margin-bottom: 34px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination h3 { font-size: clamp(45px, 4.8vw, 70px); margin: 20px 0 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination h3 em { color: #b5d2f1; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 > :where(.elementor-widget) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 20px; line-height: 1.6; max-width: 48ch; margin: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-stage-r3 { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); background: #fcfbf7; color: #141414; align-items: stretch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(figure, div:where(.tag-figure)) { margin: 0; min-width: 0; display: flex; align-items: center; background: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(figure, div:where(.tag-figure)) img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 { display: flex; flex-direction: column; justify-content: center; padding: 36px; gap: 30px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 .eyebrow { color: #55260d; font-size: 11px; margin: 0 0 12px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 p:not(.eyebrow) { font-size: 21px; line-height: 1.4; max-width: 26ch; margin: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 26px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 .actions { margin: 0; gap: 20px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(.button, .elementor-button:where(.afour-button *)) { background: #fcfbf7; color: #141414; border-color: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(.text-link, .elementor-button:where(.afour-text-link *)) { color: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 > :where(.elementor-widget) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { max-width: 31ch; font-size: 14px; line-height: 1.6; color: #d5d4cf; margin: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P01 .channel-concept-r3 { display: inline-block; color: #336aab; font-size: 15px; line-height: 1.5; padding: 12px 0 0; text-underline-offset: 4px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 { padding: 76px 5vw 64px; display: block; background: #141414; color: #fcfbf7; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 h2 { font-size: clamp(42px, 4.8vw, 68px); } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 h2 em, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 h3 em { color: #b5d2f1; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 > .eyebrow, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { color: #d5d4cf; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 > :where(.elementor-widget) > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 19px; line-height: 1.6; max-width: 46ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin: 44px 0 38px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article { border-top: 1px solid #66665f; padding-top: 20px; min-width: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-number-r3 { font-family: Azeret, monospace; color: #b5d2f1; font-size: 11px; line-height: 1.6; letter-spacing: 0.035em; margin: 0 0 22px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 h3 { font-family: Plex, sans-serif; font-size: 29px; font-weight: 400; line-height: 1.25; letter-spacing: 0; word-spacing: 0.015em; margin: 0 0 24px; min-height: 82px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 h3 em { font-family: AwesomeItalic, serif; font-size: 1.28em; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article > p:last-child, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article > :where(.elementor-widget):last-child > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 16px; line-height: 1.65; margin: 24px 0 0; color: #e8e7e2; max-width: 43ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .trace-r3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 { min-height: 186px; display: flex; flex-direction: column; justify-content: center; font-size: 20px; line-height: 1.4; margin: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .trace-r3 { padding-left: 24px; border-left: 2px solid #7ba7d7; gap: 18px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .trace-join-r3 { font-family: Azeret, monospace; font-size: 10px; line-height: 1.6; color: #b5d2f1; letter-spacing: 0.03em; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 18px; border-bottom: 1px solid #7ba7d7; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 > :where(.elementor-widget) > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-family: Azeret, monospace; font-size: 10px; color: #b5d2f1; margin: 17px 0 10px; text-transform: uppercase; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 ul { list-style: none; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; font-size: 16px; margin: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3 :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li))::before { content: "/"; margin-right: 10px; color: #999993; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: 95px 1fr; gap: 14px; margin: 0; padding: 12px 0; border-bottom: 1px solid #55554f; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 12px; font-family: Azeret, monospace; color: #b5d2f1; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 0; font-size: 16px; line-height: 1.5; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .evidence-limit363 { font-size: 15px; line-height: 1.7; max-width: 90ch; border-top: 1px solid #66665f; padding-top: 24px; color: #d5d4cf; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 details { max-width: 95ch; font-size: 15px; line-height: 1.65; margin-top: 28px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 summary { padding: 12px 0; min-height: 44px; cursor: pointer; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 { padding: 0; display: block; border: 0; background: #fcfbf7; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 { position: relative; isolation: isolate; min-height: 690px; display: flex; align-items: center; background: #e7dfd0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 :is(figure, div:where(.tag-figure)) { position: absolute; inset: 0; margin: 0; z-index: -2; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient( 90deg, rgba(252, 251, 247, 0.91), rgba(252, 251, 247, 0.74) 24%, transparent 42% ); } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 { margin: 0; padding: 48px 0 62px 5vw; width: 34%; max-width: none; display: block; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 h2 { font-size: clamp(40px, 3.5vw, 54px); margin: 20px 0; max-width: 15ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 h2 em { color: #28598f; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 > p:not(.eyebrow), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { font-size: 17px; line-height: 1.6; max-width: 29ch; margin: 20px 0 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 .eyebrow { font-size: 10px; line-height: 1.8; max-width: 32ch; color: #55260d; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-caption-r3 { position: absolute; bottom: 16px; right: 5vw; font-size: 12px; line-height: 1.5; color: #141414; background: #fcfbf7e8; padding: 7px 11px; margin: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-support-r3 { padding: 30px 5vw 54px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-close37 { margin: 0; padding: 0; display: flex; align-items: start; justify-content: space-between; gap: 40px; border: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-close37 > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-close37 > :where(.elementor-widget) > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-close37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { max-width: 64ch; font-size: 15px; line-height: 1.6; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-close37 a { font-size: 15px; line-height: 1.6; padding: 10px 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 :is( .guidance-detail-r3:where(:not(.elementor-widget)), details:where( .guidance-detail-r3 > .e-n-accordion > *, .guidance-detail-r3 > .elementor-widget-container > .e-n-accordion > * ) ) { margin-top: 26px; border-top: 1px solid #b5b4ae; padding-top: 12px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 :is( .guidance-detail-r3:where(:not(.elementor-widget)), details:where( .guidance-detail-r3 > .e-n-accordion > *, .guidance-detail-r3 > .elementor-widget-container > .e-n-accordion > * ) ) > summary { font-size: 16px; line-height: 1.5; min-height: 44px; padding: 10px 0; cursor: pointer; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 :is( .guidance-detail-r3:where(:not(.elementor-widget)), details:where( .guidance-detail-r3 > .e-n-accordion > *, .guidance-detail-r3 > .elementor-widget-container > .e-n-accordion > * ) ) h3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 :is( .guidance-detail-r3:where(:not(.elementor-widget)), details:where( .guidance-detail-r3 > .e-n-accordion > *, .guidance-detail-r3 > .elementor-widget-container > .e-n-accordion > * ) ) h4 { font-family: Plex, sans-serif; letter-spacing: 0; line-height: 1.3; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) :is( #H01.full-opening-r3, #h03-brand-destination, #P04.evidence-editorial-r3, #R05.guidance-image-r3 ):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) a:focus-visible, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) :is(#P04.evidence-editorial-r3, #R05.guidance-image-r3):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) summary:focus-visible { outline: 3px solid #7ba7d7; outline-offset: 5px; } @media (min-width: 1600px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37 { min-height: 1080px; } } @media (max-width: 1100px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37 { min-height: 820px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { max-width: 44%; padding-left: 5vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: 48px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 { display: block; min-height: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 { width: auto; max-width: 100%; padding: 42px 5vw; background: #f3efe7; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 h2 { font-size: 48px; max-width: 22ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 > p:not(.eyebrow), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow) { max-width: 52ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 :is(figure, div:where(.tag-figure)) { position: static; z-index: auto; order: 2; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 { display: flex; flex-direction: column; align-items: stretch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 { order: 1; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 img { height: auto; aspect-ratio: 1.7; object-position: 75% 48%; object-fit: cover; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3::before { display: none; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-caption-r3 { position: static; order: 3; background: #f3efe7; padding: 12px 5vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 { padding: 26px; gap: 24px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 p:not(.eyebrow) { font-size: 18px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 > :where(.elementor-widget) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { max-width: none; margin-top: 20px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 { gap: 25px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 h3 { font-size: 24px; } } @media (max-width: 800px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37 { display: flex; flex-direction: column; min-height: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { max-width: 100%; padding: 40px 6vw; background: #141414; order: 1; align-self: stretch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: 52px; max-width: 21ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .supply-callout37 { max-width: 55ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 { position: relative; inset: auto; order: 2; z-index: auto; width: 100%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(picture, div:where(.tag-picture)) { height: auto; aspect-ratio: 1.05; min-height: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 img { object-position: 50% 52%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(figcaption, div:where(.tag-figcaption)) { position: static; max-width: none; padding: 12px 6vw; background: #141414; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37::before { display: none; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 > :where(.elementor-widget) > p, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 18px; margin: 24px 0 0; max-width: 56ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-stage-r3 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; padding: 28px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination h3 { font-size: 49px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 { display: block; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 > :where(.elementor-widget) > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 .section-heading363 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 24px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 { display: block; margin-top: 30px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article { padding: 26px 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 h3 { font-size: 29px; min-height: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .trace-r3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .scope-r3, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 { min-height: 0; max-width: 420px; margin: 24px 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-template-columns: 105px 1fr; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article > p:last-child, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article > :where(.elementor-widget):last-child > p, :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .evidence-columns-r3 article > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { max-width: 60ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-close37 { display: block; } } @media (max-width: 500px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: 42px; max-width: 17ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { padding: 32px 6vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .supply-callout37 { font-size: 16px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(picture, div:where(.tag-picture)) { aspect-ratio: 4/5; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination h3 { font-size: 43px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 { display: flex; padding: 26px; gap: 25px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 p:not(.eyebrow) { font-size: 20px; max-width: 28ch; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 .actions { align-items: flex-start; gap: 24px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 { padding: 44px 6vw; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04.evidence-editorial-r3 h2 { font-size: 41px; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 h2 { font-size: 40px; max-width: 18ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 { padding: 34px 6vw; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 img { aspect-ratio: 1.1; object-position: 100% 48%; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-support-r3 { padding: 26px 6vw 42px; } } @media (prefers-reduced-motion: reduce) { :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #H01.full-opening-r3 *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05.guidance-image-r3 *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 { z-index: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37::before { z-index: 1; pointer-events: none; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { position: relative; z-index: 2; max-width: 42%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: 60px; max-width: none; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .channel-strip37 .eyebrow { color: #55260d; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(figcaption, div:where(.tag-figcaption)) { z-index: 3; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3 :is(figure, div:where(.tag-figure)) { z-index: 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-scene-r3::before { z-index: 1; pointer-events: none; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .r2-guidance-heading37 { position: relative; z-index: 2; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #R05 .guidance-caption-r3 { z-index: 2; font-family: Plex, sans-serif; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 { height: 186px; min-height: 0; display: grid; grid-template-rows: repeat(3, 1fr); } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { padding: 0; border: 0; min-height: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 .actions { flex: 1; flex-direction: row; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-exit-r3 .actions a { flex: 0 0 auto; max-width: none; width: auto; white-space: normal; } @media (max-width: 1100px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: 48px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { max-width: 47%; } } @media (max-width: 800px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { max-width: 100%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: 52px; max-width: 21ch; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 { height: auto; display: block; } } @media (max-width: 500px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: 42px; max-width: 17ch; } } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(picture, div:where(.tag-picture)) { position: absolute; inset: 0; width: 100%; height: 100%; } @media (max-width: 800px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(picture, div:where(.tag-picture)) { position: relative; inset: auto; height: auto; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 img { position: static; display: block; height: auto; aspect-ratio: 1.05; object-fit: cover; } } @media (max-width: 500px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 img { aspect-ratio: 4/5; } } @media (min-width: 801px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37 { display: flex; align-items: center; } } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 { display: block; height: auto; min-height: 186px; width: 100%; max-width: 100%; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-template-columns: 95px minmax(0, 1fr); width: 100%; margin: 0; padding: 10px 0; } :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 0; line-height: 1.5; } @media (max-width: 800px) { :root body.afour-site:where( :has(.afour-page-home), :has(.afour-page-retail-approach), :has(.afour-page-brand-partnerships) ) #P04 .information-r3 { min-height: 0; max-width: 420px; } } @media (min-width: 801px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37 { min-height: max(820px, 66.667vw); } } /* ---- static-finish-r4.css ---- */ @media (min-width: 801px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-grid37 { min-height: clamp(680px, 56vw, 820px); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { max-width: 45%; padding: 48px 4vw 52px 5vw; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: clamp(45px, 4.15vw, 60px); line-height: 1.1; letter-spacing: 0; word-spacing: 0.025em; margin: 20px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 img { object-position: 50% 50%; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > p:not(.eyebrow), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .supply-callout37 { font-size: 16px; line-height: 1.6; } } :root body.afour-site #P01.commercial-refinement { padding: 0; background: #fcfbf7; } :root body.afour-site #P01 .p01-banner-r4 { position: relative; isolation: isolate; min-height: 600px; display: flex; align-items: center; background: #f3f0e9; overflow: hidden; } :root body.afour-site #P01 .p01-banner-image-r4 { position: absolute; inset: 0; margin: 0; z-index: 0; } :root body.afour-site #P01 .p01-banner-image-r4 img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%; } :root body.afour-site #P01 .p01-banner-image-r4 :is(figcaption, div:where(.tag-figcaption)) { position: absolute; bottom: 16px; right: 3vw; max-width: 39ch; margin: 0; padding: 8px 12px; background: #fcfbf7eb; color: #141414; font: 12px/1.5 Plex, sans-serif; } :root body.afour-site #P01 .p01-banner-copy-r4 { position: relative; z-index: 1; width: 55%; padding: 60px 4vw 64px 5vw; background: linear-gradient( 90deg, #fcfbf7b8 0%, #fcfbf7b8 88%, #fcfbf700 100% ); } :root body.afour-site #P01 .p01-banner-copy-r4 > .eyebrow, :root body.afour-site #P01 .p01-banner-copy-r4 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #P01 .p01-banner-copy-r4 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { color: #55260d; margin-bottom: 24px; } :root body.afour-site #P01 .commercial-opening { max-width: none; } :root body.afour-site #P01 .commercial-opening h1 { font-size: clamp(48px, 4.8vw, 70px); line-height: 1.12; letter-spacing: 0; word-spacing: 0.035em; max-width: 17ch; margin: 0 0 25px; } :root body.afour-site #P01 .commercial-dek { font-size: 20px; line-height: 1.55; max-width: 46ch; } :root body.afour-site #P01 .commercial-terms { font-size: 15px; line-height: 1.65; color: #33332f; max-width: 54ch; margin-top: 18px; } :root body.afour-site #P01 .p01-relationship-r4 { padding: 0 5vw 52px; } :root body.afour-site #P01.commercial-refinement .supply-journey { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; align-items: stretch; margin: 0; padding: 32px 0; border-top: 0; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) { padding: 0; min-width: 0; } :root body.afour-site #P01.commercial-refinement .supply-journey h2 { font-family: Plex, sans-serif; font-size: 26px; line-height: 1.3; letter-spacing: 0; word-spacing: 0; margin: 12px 0 14px; min-height: 2.6em; display: flex; align-items: start; } :root body.afour-site #P01 .supply-journey p:not(.eyebrow) { font-size: 17px; line-height: 1.6; max-width: 33ch; margin: 0; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { left: -32px; top: 45px; font-size: 22px; } :root body.afour-site #P01 .channel-plan-r4 { padding: 26px 0; border-bottom: 1px solid #b5b4ae; } :root body.afour-site #P01 .channel-line-r4 { font: 22px/1.55 Plex, sans-serif; letter-spacing: 0; word-spacing: 0.02em; margin: 0 0 24px; color: #141414; } :root body.afour-site #P01 .channel-statuses-r4 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin: 0; } :root body.afour-site #P01 .channel-statuses-r4 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site #P01 .channel-statuses-r4 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font: 13px/1.5 Azeret, monospace; letter-spacing: 0; color: #55260d; margin: 0 0 8px; } :root body.afour-site #P01 .channel-statuses-r4 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 15px; line-height: 1.6; margin: 0; max-width: 32ch; } :root body.afour-site #P01 .channel-plan-r4 .channel-concept-r3 { display: inline-block; padding: 12px 0 0; min-height: 44px; font-size: 15px; line-height: 1.6; color: #28598f; text-underline-offset: 5px; } :root body.afour-site #P01 .commercial-conversation { margin: 28px 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) { display: block; border: 0; border-top: 1px solid #aaa99f; border-bottom: 1px solid #aaa99f; padding: 0; margin: 24px 0; background: transparent; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) > summary { min-height: 48px; padding: 14px 0; font: 17px/1.5 Plex, sans-serif; letter-spacing: 0; cursor: pointer; list-style: disclosure-closed; color: #28598f; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) )[open] > summary { list-style: disclosure-open; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) > summary:hover { text-decoration: underline; text-underline-offset: 5px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) > summary:focus-visible { outline: 3px solid #336aab; outline-offset: 5px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) .identity-specimen37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) .comparison-specimen37 { margin: 4px 0 18px; padding-top: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) .r2-skincare-detail37 { margin: 2px 0 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) .r2-private-review37 { border-top: 0; margin: 0; padding: 16px 0 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .r2-question-heading37 h2 { letter-spacing: 0; word-spacing: 0.025em; line-height: 1.15; font-size: clamp(37px, 3.8vw, 56px); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .question-ending-r4 { white-space: nowrap; letter-spacing: 0; word-spacing: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .question-ending-r4 em { letter-spacing: 0; word-spacing: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)) { color: #b5d2f1; border-color: #b5d2f1; font-size: 16px; line-height: 1.6; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; padding: 10px 0; min-height: 44px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover { color: #fcfbf7; border-color: #fcfbf7; text-decoration-thickness: 2px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:is( .text-link, .elementor-button:where(.afour-text-link *) ):focus-visible { color: #fcfbf7; outline: 3px solid #b5d2f1; outline-offset: 6px; text-decoration-thickness: 2px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)) #R01 .category-title-r4 { font-family: Plex, sans-serif; font-size: 22px; line-height: 1.35; letter-spacing: 0; word-spacing: 0; margin: 12px 0 0; max-width: 24ch; } :root body.afour-site #P04 .evidence-number-r3 { font-size: 12px; line-height: 1.7; letter-spacing: 0.01em; } :root body.afour-site #P04 .trace-join-r3, :root body.afour-site #P04 .scope-r3 > p, :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > p, :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 12px; line-height: 1.6; letter-spacing: 0; } :root body.afour-site #P04 .information-r3 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 13px; line-height: 1.6; } :root body.afour-site #P04 .evidence-columns-r3 h3 { line-height: 1.3; letter-spacing: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) .r2-format-label37 { font-size: 12px; line-height: 1.65; letter-spacing: 0.01em; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) .r2-applications37 > article > h4, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) .r2-applications37 > article > :where(.elementor-widget) > h4, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) .r2-applications37 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > h4 { font-size: 25px; line-height: 1.3; letter-spacing: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .contact-layout { display: block; padding-top: 52px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 7vw; align-items: start; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 > .eyebrow, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-column: 1/-1; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-lead-r4 { grid-column: 1; min-width: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-conversation-r4 { grid-column: 2; min-width: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { grid-column: 1; grid-row: 2 / span 2; font-size: clamp(45px, 4.3vw, 62px); line-height: 1.14; letter-spacing: 0; word-spacing: 0.035em; margin: 0 0 24px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .contact-purpose { grid-column: 1; grid-row: 4; font-size: 18px; line-height: 1.6; max-width: 39ch; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact { grid-column: 2; grid-row: 2; margin: 0 0 28px; padding: 18px 0 22px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance { grid-column: 2; grid-row: 3 / span 2; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 { border-left: 0; border-top: 1px solid #b5b4ae; padding: 24px 0 0; margin-top: 44px; max-width: 900px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure h2 { font: 23px/1.4 Plex, sans-serif; letter-spacing: 0; word-spacing: 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure > summary { min-height: 48px; padding-bottom: 8px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure .preview-mode, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure[open] .preview-mode { display: block; font-size: 13px; line-height: 1.5; margin-top: 4px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .preview-content { padding-top: 18px; } @media (max-width: 1050px) { :root body.afour-site #P01 .p01-banner-r4 { display: flex; flex-direction: column; align-items: stretch; min-height: 0; } :root body.afour-site #P01 .p01-banner-copy-r4 { order: 1; width: 100%; padding: 42px 5vw; background: #fcfbf7; } :root body.afour-site #P01 .p01-banner-image-r4 { position: relative; inset: auto; order: 2; height: 320px; background: #f3f0e9; } :root body.afour-site #P01 .p01-banner-image-r4 img { object-position: 100% 50%; } :root body.afour-site #P01 .commercial-opening { max-width: 760px; } :root body.afour-site #P01 .commercial-opening h1 { font-size: 55px; } :root body.afour-site #P01 .commercial-dek { max-width: 60ch; } :root body.afour-site #P01 .commercial-terms { max-width: 72ch; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { left: -27px; } :root body.afour-site #P01.commercial-refinement .supply-journey, :root body.afour-site #P01 .channel-statuses-r4 { gap: 36px; } :root body.afour-site #P01.commercial-refinement .supply-journey h2 { font-size: 23px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 48px; } } @media (max-width: 800px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 { font-size: clamp(39px, 6.3vw, 50px); line-height: 1.13; letter-spacing: 0; word-spacing: 0.025em; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { padding: 34px 6vw; } :root body.afour-site #P01 .channel-line-r4 { font-size: 20px; } :root body.afour-site #P01 .channel-statuses-r4 { gap: 24px; } :root body.afour-site #P01 .channel-statuses-r4 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 12px; } :root body.afour-site #P01 .channel-statuses-r4 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 14px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 { display: block; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 52px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .company-contact { margin: 26px 0; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 .introduction-guidance { max-width: 650px; } } @media (max-width: 600px) { :root body.afour-site #P01 .p01-banner-copy-r4 { padding: 34px 6vw; } :root body.afour-site #P01 .commercial-opening h1 { font-size: 44px; line-height: 1.15; margin-bottom: 22px; } :root body.afour-site #P01 .commercial-dek { font-size: 18px; } :root body.afour-site #P01 .commercial-terms { font-size: 15px; } :root body.afour-site #P01 .p01-banner-image-r4 { height: 285px; } :root body.afour-site #P01 .p01-banner-image-r4 img { width: 160%; max-width: none; transform: translateX(-37.5%); object-fit: cover; object-position: 100% 50%; } :root body.afour-site #P01 .p01-banner-image-r4 :is(figcaption, div:where(.tag-figcaption)) { left: 6vw; right: 6vw; bottom: 12px; font-size: 11px; max-width: none; } :root body.afour-site #P01 .p01-relationship-r4 { padding: 0 6vw 38px; } :root body.afour-site #P01.commercial-refinement .supply-journey { display: block; padding: 6px 0 24px; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) { padding: 22px 0; border-left: 0; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)) { margin: 0; border-top: 1px solid #d5d4cf; } :root body.afour-site #P01 .supply-journey :is(li, div:where(.tag-li)) + :is(li, div:where(.tag-li)):before { display: none; } :root body.afour-site #P01.commercial-refinement .supply-journey h2 { min-height: 0; font-size: 25px; margin: 10px 0 12px; } :root body.afour-site #P01 .supply-journey p:not(.eyebrow) { font-size: 16px; max-width: 48ch; } :root body.afour-site #P01 .channel-line-r4 { font-size: 20px; line-height: 1.7; max-width: 29ch; margin-bottom: 20px; } :root body.afour-site #P01 .channel-statuses-r4 { display: block; } :root body.afour-site #P01 .channel-statuses-r4 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P01 .channel-statuses-r4 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; } :root body.afour-site #P01 .channel-statuses-r4 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font-size: 13px; margin-bottom: 5px; } :root body.afour-site #P01 .channel-statuses-r4 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font-size: 15px; max-width: 44ch; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 44px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C02 .enquiry-disclosure h2 { font-size: 21px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .r2-question-heading37 h2 { font-size: 38px; line-height: 1.18; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)) { font-size: 16px; gap: 18px; } :root body.afour-site #P04 .trace-join-r3, :root body.afour-site #P04 .scope-r3 > p, :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > p, :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 12px; } } @media (max-width: 350px) { :root body.afour-site #P01 .commercial-opening h1 { font-size: 39px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) #C01 h1 { font-size: 39px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .r2-question-heading37 h2 { font-size: 33px; } } /* ---- dark-highlights-r41.css ---- */ :root { --luminous-highlight: var(--cream); } :root body.afour-site .site-header .desktop-nav a, :root body.afour-site .site-header .mobile-menu summary, :root body.afour-site .site-header .mobile-menu nav a { color: var(--luminous-highlight); } :root body.afour-site .site-header .desktop-nav a[aria-current="page"], :root body.afour-site .site-header .desktop-nav a:hover { border-color: var(--luminous-highlight); } :root body.afour-site .site-header .desktop-nav a:hover, :root body.afour-site .site-header .mobile-menu summary:hover, :root body.afour-site .site-header .mobile-menu nav a:hover { color: var(--paper); } :root body.afour-site .site-header .mobile-menu nav a[aria-current="page"] { border-left-color: var(--luminous-highlight); text-decoration-color: var(--luminous-highlight); } :root body.afour-site .site-header a:focus-visible, :root body.afour-site .site-header summary:focus-visible { outline: 3px solid var(--luminous-highlight); outline-offset: 5px; } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header a:focus-visible, :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header summary:focus-visible { outline-color: var(--luminous-highlight); } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header .desktop-nav a[aria-current="page"] { border-bottom-color: var(--luminous-highlight); } :root body.afour-site:is(.contact-refinement, :has(.contact-refinement)) .site-header .mobile-menu a[aria-current="page"] { border-left-color: var(--luminous-highlight); } :root body.afour-site .site-footer.editorial-footer a, :root body.afour-site .site-footer.editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) > summary, :root body.afour-site .site-footer.editorial-footer .footer-signature, :root body.afour-site .site-footer.editorial-footer .footer-contact .eyebrow { color: var(--luminous-highlight); } :root body.afour-site .site-footer.editorial-footer a:hover, :root body.afour-site .site-footer.editorial-footer :is( .privacy:where(:not(.elementor-widget)), details:where( .privacy > .e-n-accordion > *, .privacy > .elementor-widget-container > .e-n-accordion > * ) ) > summary:hover { color: var(--paper); text-decoration: underline; text-underline-offset: 5px; } :root body.afour-site .site-footer.editorial-footer a:focus-visible, :root body.afour-site .site-footer.editorial-footer summary:focus-visible { color: var(--luminous-highlight); outline: 3px solid var(--luminous-highlight); outline-offset: 5px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 h1 em, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-context-r3 { color: var(--luminous-highlight); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .supply-callout37 { border-color: var(--luminous-highlight); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 :is(.button, .elementor-button:where(.afour-button *)) { background: var(--luminous-highlight); border-color: var(--luminous-highlight); color: var(--ink); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 :is(.button, .elementor-button:where(.afour-button *)):hover { background: var(--paper); border-color: var(--paper); color: var(--ink); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 :is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-context-r3:hover { color: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 a:focus-visible { outline: 3px solid var(--luminous-highlight); outline-offset: 5px; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-heading37 h2 em, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-heading37 > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-heading37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-heading37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-widget-container) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .readiness-line37 > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .readiness-line37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .readiness-line37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-intro-r3 .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination #destination-title-v36 em, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(.text-link, .elementor-button:where(.afour-text-link *)) { color: var(--luminous-highlight); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(.button, .elementor-button:where(.afour-button *)) { background: var(--luminous-highlight); border-color: var(--luminous-highlight); color: var(--ink); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(.button, .elementor-button:where(.afour-button *)):hover { background: var(--paper); border-color: var(--paper); color: var(--ink); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > a:hover, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > a:hover, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-widget-container) > a:hover, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:hover, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 .channel-pair37 article > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:hover, :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination :is(.text-link, .elementor-button:where(.afour-text-link *)):hover { color: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H03 a:focus-visible { outline: 3px solid var(--luminous-highlight); outline-offset: 5px; } :root body.afour-site #P04.evidence-editorial-r3 h2 em, :root body.afour-site #P04.evidence-editorial-r3 h3 em, :root body.afour-site #P04.evidence-editorial-r3 > .eyebrow, :root body.afour-site #P04.evidence-editorial-r3 > :where(.elementor-widget) > .eyebrow, :root body.afour-site #P04.evidence-editorial-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site #P04 .evidence-number-r3, :root body.afour-site #P04 .trace-join-r3, :root body.afour-site #P04 .scope-r3 > p, :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > p, :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site #P04 .information-r3 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site #P04.evidence-editorial-r3 a, :root body.afour-site #P04.evidence-editorial-r3 summary { color: var(--luminous-highlight); } :root body.afour-site #P04 .trace-r3, :root body.afour-site #P04 .scope-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site #P04 .scope-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-color: var(--luminous-highlight); } :root body.afour-site #P04.evidence-editorial-r3 a:hover, :root body.afour-site #P04.evidence-editorial-r3 summary:hover { color: var(--paper); text-decoration: underline; text-underline-offset: 5px; } :root body.afour-site #P04.evidence-editorial-r3 a:focus-visible, :root body.afour-site #P04.evidence-editorial-r3 summary:focus-visible { outline: 3px solid var(--luminous-highlight); outline-offset: 5px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 h2 em, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-billboard37 h4 em, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-billboard37 > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-billboard37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-billboard37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { color: var(--luminous-highlight); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)) { color: var(--luminous-highlight); border-color: var(--luminous-highlight); text-decoration-color: var(--luminous-highlight); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):hover { color: var(--paper); border-color: var(--paper); text-decoration-color: var(--paper); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.elementor-button-wrapper) > a:is(.text-link, .elementor-button:where(.afour-text-link *)):focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .r2-campaign-copy37 > :where(.elementor-widget) > :where(.elementor-button-wrapper) > a:is( .text-link, .elementor-button:where(.afour-text-link *) ):focus-visible { color: var(--luminous-highlight); border-color: var(--luminous-highlight); text-decoration-color: var(--luminous-highlight); outline: 3px solid var(--luminous-highlight); outline-offset: 6px; } /* ---- showcase-lines-r41.css ---- */ :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 { display: flex; flex-direction: column; gap: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 24px 0; margin: 0; min-width: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > div:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):first-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-bottom: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #h03-brand-destination .brand-context-ideas-r3 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid var(--line); } /* ---- home-opening-colours-r42.css ---- */ :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 { color: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 h1 em { color: #b5d2f1; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { color: #deddd8; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 .supply-callout37 { border-color: #b5d2f1; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.button, .elementor-button:where(.afour-button *)) { background: #fcfbf7; border-color: #fcfbf7; color: #141414; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.button, .elementor-button:where(.afour-button *)):hover { background: #fcfbf7; border-color: #fcfbf7; color: #141414; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.text-link, .elementor-button:where(.afour-text-link *)), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.text-link, .elementor-button:where(.afour-text-link *)):hover { color: #fcfbf7; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 .opening-context-r3, :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 .opening-context-r3:hover { color: #deddd8; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 a:focus-visible { outline-color: #7ba7d7; } /* ---- customer-questions-r413.css ---- */ :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-grid37 { align-items: start; gap: clamp(30px, 4vw, 58px); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-figure37 { height: auto; align-self: start; min-width: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-figure37 :is(picture, div:where(.tag-picture)) { display: block; position: relative; flex: none; width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: auto; background: #d5d4cf; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-figure37 img { position: static; inset: auto; display: block; width: 100%; height: auto; max-height: none; object-fit: contain; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-copy37 { min-width: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-questions37 { display: block; flex: none; margin: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-questions37 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-questions37 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-questions37 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { height: auto; min-height: 0; max-height: none; overflow: visible; border-top: 1px solid rgba(20, 20, 20, 0.25); padding: 20px 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-questions37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { display: flex; align-items: baseline; gap: 14px; font: 400 21px/1.35 Plex, sans-serif; color: #141414; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .question-number-r413 { flex: none; font: 13px/1.5 Azeret, monospace; color: #28598f; letter-spacing: 0; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-questions37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font: 16px/1.65 Plex, sans-serif; color: #292925; max-width: 58ch; margin: 9px 0 0 34px; } @media (max-width: 800px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-grid37 { display: block; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-figure37 { max-width: 608px; margin: 0 auto; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H02 .confidence-copy37 { display: block; margin-top: 28px; } } /* ---- home-hero-r414.css ---- */ :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 h1 em { color: var(--cream); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 .supply-callout37 { border-color: var(--cream); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.button, .elementor-button:where(.afour-button *)) { background: var(--cream); border-color: var(--cream); color: var(--ink); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.button, .elementor-button:where(.afour-button *)):hover { background: #fcfbf7; border-color: #fcfbf7; color: var(--ink); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 a:focus-visible { outline: 3px solid var(--cream); outline-offset: 5px; } @media (min-width: 801px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 img { object-position: 50% 100%; } } @media (max-width: 800px) { :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 :is(picture, div:where(.tag-picture)) { position: relative; inset: auto; display: block; width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: auto; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-figure37 img { position: static; display: block; width: 100%; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain; } } /* ---- home-slate-r415.css ---- */ :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 h1 em { color: var(--blue); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 .supply-callout37 { border-color: var(--blue); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.button, .elementor-button:where(.afour-button *)) { background: var(--blue); border-color: var(--blue); color: var(--paper); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 :is(.button, .elementor-button:where(.afour-button *)):hover { background: var(--paper); border-color: var(--paper); color: var(--ink); } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H01.full-opening-r3 .opening-copy37 a:focus-visible { outline: 3px solid var(--paper); outline-offset: 5px; } /* ---- closing-image-r416.css ---- */ :root body.afour-site:is(.home-v37, :has(.home-v37)) #H04 .closing-scene37 :is(picture, div:where(.tag-picture)) { background: #f4f1ea; } :root body.afour-site:is(.home-v37, :has(.home-v37)) #H04 .closing-scene37 img { object-fit: contain; object-position: 50% 50%; } /* ---- commerce-journey-r46.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-journey-r46 { margin: 52px 0 46px; padding: 40px 0 0; border-top: 1px solid #a7a59d; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr); gap: clamp(24px, 6vw, 90px); align-items: end; margin: 0 0 32px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 .eyebrow { font: 13px/1.6 Azeret, monospace; color: #28598f; letter-spacing: 0.03em; margin: 0 0 14px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 h3 { font: 400 clamp(37px, 3.8vw, 52px)/1.14 AwesomeTall, serif; letter-spacing: 0; margin: 0; max-width: 19ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 > :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font: 17px/1.65 Plex, sans-serif; max-width: 50ch; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(30px, 5vw, 72px); align-items: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) { margin: 0; min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figcaption, div:where(.tag-figcaption)) { font: 13px/1.55 Plex, sans-serif; color: #44443f; margin-top: 10px; max-width: 48ch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 { list-style: none; margin: 0; padding: 0; border-top: 1px solid #a7a59d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 :is(li, div:where(.tag-li)) { display: grid; grid-template-columns: minmax(85px, 120px) minmax(0, 1fr); gap: 22px; padding: 20px 0; border-bottom: 1px solid #b8b6af; min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 .commerce-label-r46 { font: 13px/1.6 Azeret, monospace; letter-spacing: 0; text-transform: uppercase; color: #28598f; margin: 2px 0 0; padding: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 h4 { font: 400 20px/1.35 Plex, sans-serif; letter-spacing: 0; margin: 0 0 8px; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 p:not(.commerce-label-r46) { font: 16px/1.65 Plex, sans-serif; max-width: 58ch; margin: 0; color: #292925; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-qualification-r46 { font: 15px/1.6 Plex, sans-serif; color: #353532; margin: 24px 0 0; max-width: 90ch; } @media (max-width: 800px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 > :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin: 20px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) { max-width: 680px; margin-bottom: 28px; } } @media (max-width: 500px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-journey-r46 { margin: 40px 0 36px; padding-top: 30px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-header-r46 h3 { font-size: 38px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 :is(li, div:where(.tag-li)) { display: block; padding: 18px 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 .commerce-label-r46 { margin: 0 0 7px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 h4 { font-size: 19px; } } /* ---- shared-brief-r47.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-r47 { margin: 34px 0 0; background: #fcfbf7; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-r47 > h3, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-r47 > :where(.elementor-widget) > h3, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-r47 > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { font: 400 17px/1.5 Plex, sans-serif; letter-spacing: 0; margin: 0; padding: 20px 24px; border-bottom: 1px solid #d5d4cf; color: #28598f; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-layout-r47 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.35fr); align-items: stretch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 { padding: 32px clamp(24px, 3vw, 44px); background: #fcfbf7; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 .eyebrow { font: 13px/1.6 Azeret, monospace; letter-spacing: 0.025em; color: #55260d; margin: 0 0 16px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 h4 { font: 400 clamp(27px, 2.3vw, 34px)/1.25 Plex, sans-serif; letter-spacing: 0; margin: 0; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 h4 em { font-family: AwesomeItalic, serif; color: #336aab; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 32px clamp(24px, 3vw, 44px); background: #55260d; color: #fcfbf7; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; padding: 0 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):first-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-left: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-right: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-left: 1px solid rgba(246, 238, 180, 0.38); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font: 16px/1.45 Plex, sans-serif; color: #f6eeb4; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font: 16px/1.65 Plex, sans-serif; color: #fcfbf7; margin: 12px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-note-r47 { font: 15px/1.6 Plex, sans-serif; color: #353532; margin: 0; padding: 18px 24px 22px; background: #fcfbf7; } @media (max-width: 1000px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-layout-r47 { grid-template-columns: 1fr; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 { padding: 28px 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 { padding: 28px 24px; } } @media (max-width: 600px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):first-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding: 18px 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:first-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):first-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):first-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-top: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { padding-bottom: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-left: 0; border-top: 1px solid rgba(246, 238, 180, 0.38); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-facts-r47 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 8px; } } /* ---- campaign-editorial-r48.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-r48 { margin: 38px 0 0; border-top: 1px solid #a7a59d; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-main-r48 { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr); gap: clamp(32px, 7vw, 110px); padding: 30px 0 32px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-story-r48 h4 { font: 400 clamp(26px, 2.3vw, 34px)/1.24 Plex, sans-serif; letter-spacing: 0; margin: 0 0 14px; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-story-r48 p { font: 16px/1.65 Plex, sans-serif; max-width: 43ch; margin: 0; color: #292925; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 { margin: 0; padding: 0; border: 0; display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-value-r48 .eyebrow { font: 13px/1.6 Azeret, monospace; letter-spacing: 0.02em; color: #28598f; margin: 0 0 10px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 h3 { font: 400 clamp(28px, 2.5vw, 36px)/1.2 Plex, sans-serif; letter-spacing: 0; margin: 0 0 16px; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 h3 em { font-family: AwesomeItalic, serif; color: #336aab; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 p:not(.eyebrow) { font: 16px/1.65 Plex, sans-serif; max-width: 68ch; margin: 0; color: #292925; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 p:not(.eyebrow) + p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 p:not(.eyebrow) + :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 p:not(.eyebrow) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 :where(.elementor-widget):has(> p:not(.eyebrow)) + p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 :where(.elementor-widget):has(> p:not(.eyebrow)) + :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 :where(.elementor-widget):has(> p:not(.eyebrow)) + :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 :where(.elementor-widget):has( > :where(.elementor-widget-container) > p:not(.eyebrow) ) + p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 :where(.elementor-widget):has( > :where(.elementor-widget-container) > p:not(.eyebrow) ) + :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-press-r48 :where(.elementor-widget):has( > :where(.elementor-widget-container) > p:not(.eyebrow) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 14px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-values-r48 { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr); gap: clamp(32px, 7vw, 110px); padding: 24px 0; border-top: 1px solid #b8b6af; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-value-r48 p:not(.eyebrow) { font: 17px/1.6 Plex, sans-serif; max-width: 54ch; margin: 0; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-r48 > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-r48 > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-r48 > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { font: 15px/1.6 Plex, sans-serif; color: #353532; max-width: 90ch; margin: 0; padding: 18px 0 0; border-top: 1px solid #b8b6af; } @media (max-width: 800px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-main-r48, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-values-r48 { grid-template-columns: 1fr; gap: 26px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-main-r48 { padding: 26px 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-values-r48 { padding: 22px 0; } } /* ---- brief-ash-r49.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 { background: var(--ash); color: var(--ink); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 .eyebrow { color: var(--cacao); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 h4 { color: var(--ink); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .shared-brief-intro-r47 h4 em { color: var(--cacao); } /* ---- press-banner-r410.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-banner-r410 { margin: 0; padding: 24px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-banner-r410 img { display: block; width: 100%; height: clamp(170px, 19vw, 270px); object-fit: cover; object-position: 68% 52%; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-banner-r410 :is(figcaption, div:where(.tag-figcaption)) { font: 13px/1.55 Plex, sans-serif; color: #44443f; margin: 10px 0 0; } @media (max-width: 600px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-banner-r410 { padding-top: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-banner-r410 img { height: clamp(160px, 48vw, 210px); object-position: 78% 50%; } } /* ---- customer-journey-r411.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 { display: block; min-width: 0; height: auto; max-height: none; overflow: visible; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) { position: static; display: block; width: 100%; max-width: 1100px; height: auto; max-height: none; margin: 0 auto 30px; overflow: visible; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) img { position: static; inset: auto; display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 2/1; object-fit: cover; object-position: 50% 50%; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figcaption, div:where(.tag-figcaption)) { position: static; max-width: none; margin: 10px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(30px, 5vw, 70px); width: 100%; max-width: none; height: auto; max-height: none; overflow: visible; margin: 0; padding: 0; border: 0; list-style: none; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 :is(li, div:where(.tag-li)) { position: static; display: block; min-width: 0; height: auto; min-height: 0; max-height: none; overflow: visible; margin: 0; padding: 22px 0 24px; border: 0; border-top: 1px solid #a7a59d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 .commerce-label-r46 { display: block; font: 13px/1.6 Azeret, monospace; letter-spacing: 0; color: #28598f; margin: 0 0 9px; padding: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 h4 { position: static; font: 400 21px/1.35 Plex, sans-serif; letter-spacing: 0; margin: 0 0 10px; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 p:not(.commerce-label-r46) { position: static; font: 16px/1.65 Plex, sans-serif; max-width: 57ch; height: auto; max-height: none; overflow: visible; margin: 0; color: #292925; } @media (max-width: 600px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) { margin-bottom: 26px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) img { aspect-ratio: 3/2; object-fit: contain; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-steps-r46 :is(li, div:where(.tag-li)) { padding: 18px 0 20px; } } /* ---- paired-alignment-r417.css ---- */ @supports (grid-template-rows: subgrid) { @media (min-width: 761px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention-pair37 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(6, auto); column-gap: 40px; row-gap: 0; align-items: stretch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention-pair37 > .intention37 { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: 1 / span 6; row-gap: 0; min-width: 0; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention-pair37 > .intention37:first-child { grid-column: 1; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention-pair37 > .intention37 + article { grid-column: 2; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > header { grid-row: 1; align-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :is(figure, div:where(.tag-figure)) { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: 2 / span 2; row-gap: 0; min-width: 0; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :is(figure, div:where(.tag-figure)) > :is(picture, div:where(.tag-picture)) { grid-row: 1; align-self: start; min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :is(figure, div:where(.tag-figure)) > :is(figcaption, div:where(.tag-figcaption)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :is(figcaption, div:where(.tag-figcaption)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(figcaption, div:where(.tag-figcaption)) { grid-row: 2; align-self: start; max-width: none; margin: 0; padding: 10px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > :where(.e-n-accordion) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) { grid-row: 4; align-self: stretch; min-width: 0; margin: 24px 0; border-top: 1px solid #aaa99f; border-bottom: 1px solid #aaa99f; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > .intention-outcome37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > .intention-outcome37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .intention-outcome37 { grid-row: 5; align-self: start; min-width: 0; margin: 24px 0 0; padding: 18px 0 0; border-top: 1px solid var(--ink); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { grid-row: 6; align-self: start; min-width: 0; margin: 14px 0 0; } } } /* ---- product-selection-r418.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .r2-skin-example37 :is(figcaption, div:where(.tag-figcaption)) { display: block; text-align: left; font: 13px/1.6 Plex, sans-serif; color: #44443f; margin-top: 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .r2-skin-example37 img { object-fit: contain; object-position: 50% 50%; } /* ---- owner-guidance-r419.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R05 .guidance-scene-r3 img { object-position: 100% 48%; } @media (max-width: 1100px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R05 .guidance-scene-r3 img { aspect-ratio: 1672/941; object-fit: contain; } } @media (max-width: 500px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R05 .guidance-scene-r3 img { aspect-ratio: 1.1; object-fit: cover; object-position: 100% 50%; } } /* ---- editorial-journey-r420.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 { display: block; height: auto; max-height: none; overflow: visible; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) { position: static; display: block; width: 100%; max-width: none; height: auto; max-height: none; margin: 0 0 26px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) img { position: static; inset: auto; display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 3/1; object-fit: cover; object-position: 50% 40%; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figcaption, div:where(.tag-figcaption)) { font: 13px/1.6 Plex, sans-serif; color: #44443f; margin: 10px 0 0; max-width: none; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(26px, 3vw, 44px); row-gap: 0; grid-auto-rows: auto; list-style: none; margin: 0; padding: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 > :is(li, div:where(.tag-li)) { display: grid; grid-template-rows: auto auto auto; align-content: start; min-width: 0; height: auto; max-height: none; overflow: visible; margin: 0; padding: 22px 0 28px; border-top: 1px solid #a7a59d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-stage-r420 { display: flex; align-items: baseline; gap: 12px; padding: 0; margin: 0 0 16px; font: 13px/1.6 Azeret, monospace; letter-spacing: 0.025em; text-transform: uppercase; color: #28598f; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-number-r420 { font: 400 34px/1 AwesomeTall, serif; letter-spacing: 0; color: #55260d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 h4 { font: 400 22px/1.35 Plex, sans-serif; letter-spacing: 0; word-spacing: 0; color: #141414; margin: 0 0 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-response-r420 { font: 16px/1.65 Plex, sans-serif; color: #292925; max-width: 58ch; margin: 0; } @supports (grid-template-rows: subgrid) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 > :is(li, div:where(.tag-li)) { grid-template-rows: subgrid; grid-row: span 3; } } @media (min-width: 1280px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 600px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .commerce-layout-r46 :is(figure, div:where(.tag-figure)) img { aspect-ratio: 2/1; object-fit: contain; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 > :is(li, div:where(.tag-li)) { display: block; grid-row: auto; padding: 20px 0 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-stage-r420 { margin-bottom: 12px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .journey-steps-r420 h4 { font-size: 21px; } } /* ---- category-alignment-r421.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) { margin: 0; max-width: none; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .study-details-r421 > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .study-details-r421 > :where(.elementor-widget) > p, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .study-details-r421 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 15px; line-height: 1.6; margin: 16px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { margin: 16px 0 0; } @supports (grid-template-rows: subgrid) { @media (min-width: 761px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 { grid-auto-rows: auto; row-gap: 0; align-items: stretch; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: span 6; row-gap: 0; min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { grid-row: 1; align-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > h3, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > h3, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > h3 { grid-row: 2; align-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: 3 / span 2; row-gap: 0; min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) > svg, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > svg, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :where(.elementor-widget-container) > svg { grid-row: 1; align-self: center; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) > :is(figcaption, div:where(.tag-figcaption)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :is(figcaption, div:where(.tag-figcaption)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(figcaption, div:where(.tag-figcaption)) { grid-row: 2; align-self: start; margin: 0; padding: 10px 0 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .study-details-r421 { grid-row: 5; align-self: start; min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { grid-row: 6; align-self: start; min-width: 0; } } } @media (max-width: 760px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R03 .supporting-studies37 > article > :is(figure, div:where(.tag-figure)) { margin: 0 0 18px; } } /* ---- attached-brief-r422.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 > .r2-campaign-hero37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 > .shared-brief-r47 { width: 100%; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 > .shared-brief-r47 { padding: 0; border: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-intro-r47, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 { padding: 28px clamp(24px, 3vw, 44px); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-intro-r47 > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-intro-r47 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-intro-r47 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { margin: 0 0 14px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-intro-r47 h3 { font: 400 clamp(27px, 2.1vw, 32px)/1.25 Plex, sans-serif; letter-spacing: 0; margin: 0; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-intro-r47 h3 em { font-family: AwesomeItalic, serif; color: #55260d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 { align-content: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-note-r47 { margin: 0; padding: 16px clamp(24px, 3vw, 44px) 20px; } @supports (grid-template-rows: subgrid) { @media (min-width: 601px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 { grid-template-rows: auto auto; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-rows: subgrid; grid-row: 1 / span 2; row-gap: 0; align-content: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > div:nth-child(1):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget):nth-child(1) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget):nth-child(1) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 1; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > div:nth-child(2):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget):nth-child(2) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget):nth-child(2) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 2; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > div:nth-child(3):where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget):nth-child(3) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 > :where(.elementor-widget):nth-child(3) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { grid-column: 3; } } } @media (max-width: 600px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-intro-r47, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-facts-r47 { padding: 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-brief-r422 .shared-brief-note-r47 { padding: 16px 24px 20px; } } /* ---- editorial-reflow-r423.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-main-r48 { align-items: start; column-gap: clamp(32px, 5vw, 72px); padding: 28px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-stack-r423 { min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-stack-r423 > .campaign-value-r48 { margin: 24px 0 0; padding: 20px 0 0; border-top: 1px solid #b8b6af; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-limit-r423 { font: 15px/1.6 Plex, sans-serif; color: #353532; max-width: none; margin: 24px 0 0; padding: 18px 0 0; border-top: 1px solid #b8b6af; } @media (max-width: 800px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-bridge-main-r48 { row-gap: 30px; padding-top: 24px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R04 .campaign-stack-r423 > .campaign-value-r48 { margin-top: 22px; padding-top: 18px; } } /* ---- two-intentions-r427.css ---- */ :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-pair37 { column-gap: clamp(26px, 3vw, 44px); } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 { min-width: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > header { margin-bottom: 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is(figure, div:where(.tag-figure)) > :is(picture, div:where(.tag-picture)) { position: relative; display: block; width: 100%; aspect-ratio: 3/2; height: auto; min-height: 0; max-height: none; margin: 0; padding: 0; background: #fcfbf7; overflow: visible; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is(figure, div:where(.tag-figure)) img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; object-position: 50% 50%; transform: none; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is(figure, div:where(.tag-figure)) > :is(figcaption, div:where(.tag-figcaption)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :is(figcaption, div:where(.tag-figcaption)), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is(figure, div:where(.tag-figure)) > :where(.elementor-widget) > :where(.elementor-widget-container) > :is(figcaption, div:where(.tag-figcaption)) { font: 14px/1.6 Plex, Arial, sans-serif; color: #44443f; max-width: none; margin: 0; padding: 11px 0 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.e-n-accordion) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) { align-self: stretch; min-width: 0; margin: 20px 0 0; padding: 0 22px; background: #fcfbf7; border-top: 2px solid #336aab; border-bottom: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) > summary { display: list-item; list-style: disclosure-closed; min-height: 48px; padding: 14px 0; font: 17px/1.5 Plex, Arial, sans-serif; color: #28598f; cursor: pointer; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) )[open] > summary { list-style: disclosure-open; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) > summary::after { content: none; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) > summary:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) .identity-specimen37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) .comparison-specimen37 { margin: 0 0 20px; padding: 0; border: 0; background: transparent; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 .eyebrow { font: 12px/1.6 Azeret, monospace; letter-spacing: 0.025em; color: #55260d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.8fr); gap: 12px 18px; padding: 13px 0; border-top: 1px solid #b4b3ac; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font: 16px/1.5 Plex, Arial, sans-serif; color: #55260d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) > :where(.elementor-widget) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) > :where(.elementor-widget) > :where(.elementor-widget-container) > span:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { font: 12px/1.5 Azeret, monospace; color: #28598f; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font: 16px/1.6 Plex, Arial, sans-serif; color: #141414; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .specimen-status37 { font: 14px/1.6 Plex, Arial, sans-serif; color: #44443f; padding-top: 14px; border-top: 1px solid #b4b3ac; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > .intention-outcome37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > .intention-outcome37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .intention-outcome37 { align-self: stretch; margin: 0; padding: 13px 22px 0; border: 0; background: #fcfbf7; font: 22px/1.4 Plex, Arial, sans-serif; color: #141414; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-outcome37 > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-outcome37 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-outcome37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { display: block; margin: 0 0 8px; font: 12px/1.6 Azeret, monospace; letter-spacing: 0.025em; color: #55260d; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { align-self: stretch; margin: 0; padding: 13px 22px 22px; border-bottom: 1px solid #a6a59f; background: #fcfbf7; font: 15px/1.65 Plex, Arial, sans-serif; color: #44443f; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-foundation37 { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px clamp(26px, 4vw, 58px); align-items: center; margin: 26px 0 0; padding: 23px 0 0; border-top: 1px solid #9d8f87; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-foundation37 p { font: 16px/1.65 Plex, Arial, sans-serif; color: #141414; max-width: 66ch; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-foundation37 .eyebrow { font: 12px/1.6 Azeret, monospace; letter-spacing: 0.025em; color: #55260d; margin: 0 0 8px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-foundation37 a { display: inline-flex; gap: 24px; align-items: center; min-height: 48px; max-width: 100%; padding: 10px 0; margin: 0; font: 16px/1.6 Plex, Arial, sans-serif; color: #28598f; text-decoration: underline; text-underline-offset: 5px; justify-self: start; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-foundation37 a:hover { text-decoration-thickness: 2px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 a:focus-visible, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 summary:focus-visible { outline: 3px solid #336aab; outline-offset: 5px; } @media (max-width: 760px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-pair37 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 { display: block; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 + article { margin-top: 36px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is(figure, div:where(.tag-figure)) { display: block; margin: 0; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-foundation37 { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention-foundation37 a { margin-top: 14px; } } @media (max-width: 480px) { :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.e-n-accordion) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > :where(.e-n-accordion) > :is( .retail-detail-r4:where(:not(.elementor-widget)), details:where( .retail-detail-r4 > .e-n-accordion > *, .retail-detail-r4 > .elementor-widget-container > .e-n-accordion > * ) ) { padding: 0 18px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > .intention-outcome37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > .intention-outcome37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .intention-outcome37 { padding: 13px 18px 0; font-size: 21px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > .retail-note37, :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .intention37 > :where(.elementor-widget) > :where(.elementor-widget-container) > .retail-note37 { padding: 13px 18px 20px; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .identity-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site:is(.retail-v37, :has(.retail-v37)):is( .retail-r2, :has(.retail-r2) ) #R02.intention-update-r427 .comparison-specimen37 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin-top: 7px; } } /* ---- p01-editorial-r44.css ---- */ :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-editorial { padding: 56px 5vw 56px; background: #fcfbf7; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-editorial *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { box-sizing: border-box; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(42px, 5vw, 72px); align-items: start; list-style: none; margin: 0; padding: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)) { position: relative; min-width: 0; margin: 0; padding: 0; border: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)):before { content: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)):not(:last-child):after { content: "→"; position: absolute; top: 32px; right: calc(-1 * clamp(34px, 3.5vw, 51px)); color: #336aab; font: 22px/1 Plex, sans-serif; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow .flow-label-r44 { display: block; padding: 0; margin: 0 0 14px; font: 12px/1.5 Azeret, monospace; letter-spacing: 0.025em; text-transform: uppercase; color: #28598f; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow h2 { display: block; min-height: 0; padding: 0; margin: 0 0 16px; font: 400 clamp(24px, 2vw, 29px)/1.2 Plex, sans-serif; letter-spacing: 0; word-spacing: 0; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)):nth-child(2) h2 { font-family: Plex, sans-serif; font-size: clamp(24px, 2vw, 29px); line-height: 1.2; color: #28598f; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow p:not(.flow-label-r44) { font: 16px/1.65 Plex, sans-serif; max-width: 40ch; margin: 0; padding: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-continuation { display: block; margin-top: 42px; padding-top: 25px; border-top: 1px solid #b5b4ae; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-intro { font: 12px/1.6 Azeret, monospace; letter-spacing: 0.025em; text-transform: uppercase; color: #28598f; margin: 0 0 10px; padding: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-line { font: 21px/1.45 Plex, sans-serif; letter-spacing: 0; margin: 0 0 20px; max-width: 60ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list { margin: 0; display: grid; gap: 12px; max-width: 820px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: grid; grid-template-columns: minmax(150px, 190px) minmax(0, 1fr); gap: 20px; align-items: baseline; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font: 12px/1.55 Azeret, monospace; color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font: 15px/1.6 Plex, sans-serif; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .concept-link, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support a { display: inline-block; color: #28598f; text-decoration: underline; text-underline-offset: 4px; padding: 8px 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .concept-link { font: 15px/1.5 Plex, sans-serif; margin: 2px 0 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-close { display: flex; align-items: end; gap: 32px; flex-wrap: wrap; margin-top: 38px; padding: 28px 0; border-top: 1px solid #b5b4ae; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-close h2 { font: 400 clamp(38px, 3.6vw, 52px)/1.1 AwesomeTall, serif; letter-spacing: 0; margin: 0 0 12px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-close p { font: 17px/1.6 Plex, sans-serif; max-width: 49ch; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-close :is(.button, .elementor-button:where(.afour-button *)) { background: #141414; color: #fcfbf7; white-space: normal; margin: 0; flex: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-close :is(.button, .elementor-button:where(.afour-button *)):hover { background: #336aab; border-color: #336aab; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 6vw, 96px); border-top: 1px solid #b5b4ae; padding-top: 24px; color: #353532; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support summary, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support a { font: 15px/1.6 Plex, sans-serif; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support p { max-width: 55ch; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support details { border: 0; padding: 0; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support summary { cursor: pointer; text-decoration: underline; text-underline-offset: 4px; padding: 8px 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support details p { margin: 10px 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-editorial a:focus-visible, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-editorial summary:focus-visible { outline: 3px solid #336aab; outline-offset: 4px; } @media (max-width: 800px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-editorial { padding: 48px 6vw; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow { display: block; border-left: 1px solid #9baebf; margin-left: 5px; padding-left: 24px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)) { padding: 0 0 26px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)):last-child { padding-bottom: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)):before { content: ""; display: block; position: absolute; top: 5px; left: -29px; width: 9px; height: 9px; border: 1px solid #336aab; background: #fcfbf7; border-radius: 50%; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)):not(:last-child):after { content: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow h2, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .relationship-flow :is(li, div:where(.tag-li)):nth-child(2) h2 { font-size: 26px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support { gap: 32px; } } @media (max-width: 600px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-editorial { padding: 42px 6vw 48px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-continuation { margin-top: 34px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-line { font-size: 19px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { display: block; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { margin-bottom: 3px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .channel-list { gap: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-close { display: block; margin-top: 34px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-close :is(.button, .elementor-button:where(.afour-button *)) { margin-top: 20px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support { display: block; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 22px; } } /* ---- p01-cocoa-r45.css ---- */ :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 { background: #55260d; color: #fcfbf7; margin: 38px -5vw -56px; padding: 32px 5vw 52px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-close { margin: 0; padding: 0 0 28px; border: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-close h2, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-close p { color: #fcfbf7; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-close :is(.button, .elementor-button:where(.afour-button *)) { background: #f6eeb4; border-color: #f6eeb4; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-close :is(.button, .elementor-button:where(.afour-button *)):hover { background: #fcfbf7; border-color: #fcfbf7; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-support { border-color: rgba(252, 251, 247, 0.45); color: #fcfbf7; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-support p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-support summary { color: #fcfbf7; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-support a { color: #f6eeb4; text-decoration-color: currentColor; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-support a:hover, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-support summary:hover { color: #f6eeb4; text-decoration-thickness: 2px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 a:focus-visible, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 summary:focus-visible { outline: 3px solid #f6eeb4; outline-offset: 5px; } @media (max-width: 800px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 { margin: 34px -6vw -48px; padding: 30px 6vw 48px; } } @media (max-width: 600px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r45 .p01-close :is(.button, .elementor-button:where(.afour-button *)) { margin-top: 20px; } } /* ---- creator-programme-r424.css ---- */ :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 70px); align-items: end; margin-bottom: 26px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 .eyebrow { font: 13px/1.6 Azeret, monospace; letter-spacing: 0.025em; margin: 0; color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 h3 { font: 400 clamp(28px, 2.7vw, 38px)/1.2 Plex, sans-serif; letter-spacing: 0; margin: 12px 0 0; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 h3 em { font-family: AwesomeItalic, serif; color: #336aab; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font: 17px/1.65 Plex, sans-serif; max-width: 52ch; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-art-r424 { display: block; position: static; margin: 0; width: 100%; max-width: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-art-r424 img { position: static; inset: auto; display: block; width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: auto; object-fit: contain; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-art-r424 :is(figcaption, div:where(.tag-figcaption)) { font: 14px/1.6 Plex, sans-serif; color: #353532; max-width: 110ch; margin: 12px 0 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-art-link-r424 { display: inline-block; font: 15px/1.5 Plex, sans-serif; min-height: 44px; padding: 10px 0; color: #28598f; text-decoration: underline; text-underline-offset: 5px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-art-link-r424:focus-visible { outline: 3px solid #336aab; outline-offset: 4px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 { margin-top: 24px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 h4 { font: 400 24px/1.3 Plex, sans-serif; letter-spacing: 0; margin: 0 0 18px; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(26px, 5vw, 70px); margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; border-top: 1px solid rgba(20, 20, 20, 0.25); padding-top: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font: 18px/1.4 Plex, sans-serif; color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font: 16px/1.65 Plex, sans-serif; color: #292925; max-width: 60ch; margin: 9px 0 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 { margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(20, 20, 20, 0.25); } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-prep-r424 { font: 15px/1.6 Plex, sans-serif; color: #353532; margin: 24px 0 0; padding-top: 18px; border-top: 1px solid rgba(20, 20, 20, 0.25); } @media (max-width: 700px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 { display: block; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-intro-r424 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { margin-top: 18px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 { display: block; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-lesson-r424 :is(dl, div:where(.tag-dl)) > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-benefits-r424 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { margin-top: 20px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #p03-creator-programme .creator-art-r424 :is(figcaption, div:where(.tag-figcaption)) { font-size: 14px; } } /* ---- p01-visual-r425.css ---- */ :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 { background: var(--paper, #fcfbf7); color: var(--ink, #141414); padding: 48px 5vw 0; isolation: isolate; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { box-sizing: border-box; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 p { margin: 0; font: 17px/1.6 Plex, Arial, sans-serif; letter-spacing: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 .p01-label-r425 { font: 12px/1.6 Azeret, monospace; letter-spacing: 0.025em; color: #55260d; text-transform: uppercase; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(38px, 4.2vw, 64px); row-gap: 0; list-style: none; margin: 0; padding: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) { display: grid; grid-row: span 3; grid-template-rows: auto auto 1fr; grid-template-rows: subgrid; position: relative; min-width: 0; padding: 18px 0 0; border-top: 1px solid #a6a59f; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)):nth-child(2) { border-top: 3px solid #336aab; padding-top: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li))::before, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li))::after { content: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-key-r425 { position: relative; display: flex; align-items: center; gap: 16px; margin: 12px 0 15px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-key-r425 h2 { font: 400 clamp(24px, 2vw, 29px)/1.2 Plex, Arial, sans-serif; letter-spacing: 0; margin: 0; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)):nth-child(2) h2 { color: #336aab; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-icon-r425 { display: block; width: 42px; height: 42px; flex: 0 0 42px; color: #336aab; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) > p:last-child, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { max-width: 40ch; font-size: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-arrow-r425 { position: absolute; top: 50%; transform: translateY(-50%); right: calc(-0.5 * clamp(38px, 4.2vw, 64px) - 16px); width: 32px; height: 16px; color: #336aab; pointer-events: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 .p01-tracing-r425 { font: 15px/1.6 Plex, Arial, sans-serif; color: #44443f; border-left: 2px solid #a6a59f; padding-left: 15px; margin-top: 26px; max-width: 88ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channels-r425 { margin-top: 36px; border-top: 1px solid #a6a59f; padding-top: 24px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channels-heading-r425 { margin: 0 0 22px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channels-heading-r425 h2 { font: 400 clamp(20px, 1.7vw, 24px)/1.4 Plex, Arial, sans-serif; letter-spacing: 0; color: #141414; margin: 8px 0 0; max-width: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-grid-r425 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 22px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 { display: grid; grid-row: span 4; grid-template-rows: auto auto 1fr auto; grid-template-rows: subgrid; min-width: 0; padding: 22px 24px 20px; border: 1px solid #a6a59f; background: #fcfbf7; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-icon-r425 { display: block; width: 104px; height: 68px; color: #336aab; margin: 0 0 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 h3 { font: 400 clamp(22px, 1.9vw, 26px)/1.25 Plex, Arial, sans-serif; letter-spacing: 0; color: #141414; margin: 0 0 12px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 .p01-role-r425 { font-size: 16px; max-width: 38ch; margin: 0 0 20px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-readiness-r425 { border-top: 1px solid #a6a59f; padding-top: 15px; align-self: start; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-readiness-r425 .p01-label-r425 { font-size: 12px; margin-bottom: 5px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-readiness-r425 > p:last-of-type, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-readiness-r425 > :where(.elementor-widget):where( :not( :has( ~ p, ~ :where(.elementor-widget) > p, ~ :where(.elementor-widget) > :where(.elementor-widget-container) > p ) ) ) > p:last-of-type, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-readiness-r425 > :where(.elementor-widget):where( :not( :has( ~ p, ~ :where(.elementor-widget) > p, ~ :where(.elementor-widget) > :where(.elementor-widget-container) > p ) ) ) > :where(.elementor-widget-container) > p:last-of-type { font-size: 16px; line-height: 1.5; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 a:not(.p01-cta-r425) { color: #28598f; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-concept-r425 { display: inline-block; font: 16px/1.5 Plex, Arial, sans-serif; padding: 12px 0 8px; margin-top: 3px; min-height: 44px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 a:hover, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 summary:hover { text-decoration-thickness: 2px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 a:focus-visible, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 summary:focus-visible { outline: 3px solid #336aab; outline-offset: 5px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r425 { margin: 40px -5vw 0; padding: 36px 5vw 38px; background: #55260d; color: #fcfbf7; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-invitation-r425 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: center; padding-bottom: 28px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-invitation-r425 h2 { font: 400 clamp(38px, 3.6vw, 54px)/1.12 AwesomeTall, serif; letter-spacing: 0; color: #fcfbf7; margin: 0 0 12px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-invitation-r425 p { color: #fcfbf7; max-width: 52ch; font-size: 18px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cta-r425 { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 52px; max-width: 100%; padding: 15px 22px; background: #f6eeb4; color: #141414; border: 1px solid #f6eeb4; font: 16px/1.4 Plex, Arial, sans-serif; text-decoration: none; white-space: normal; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cta-r425:hover { background: #fcfbf7; color: #141414; border-color: #fcfbf7; text-decoration: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px clamp(32px, 5vw, 72px); border-top: 1px solid rgba(252, 251, 247, 0.45); padding-top: 22px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { min-width: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 details { padding: 0; border: 0; margin: 0; background: transparent; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 summary { display: list-item; list-style: disclosure-closed; min-height: 44px; padding: 9px 4px 9px 0; color: #fcfbf7; font: 16px/1.6 Plex, Arial, sans-serif; cursor: pointer; text-decoration: underline; text-underline-offset: 5px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 details[open] > summary { list-style: disclosure-open; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 summary::after { content: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 p { font: 16px/1.6 Plex, Arial, sans-serif; color: #fcfbf7; max-width: 57ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 details p { margin: 10px 0 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > div:last-child:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):last-child > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) > :where(.elementor-widget) > :where(.elementor-widget-container) > p { padding-top: 9px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 a { display: inline-block; font: 16px/1.5 Plex, Arial, sans-serif; padding: 10px 0; min-height: 44px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r425 a:not(.p01-cta-r425) { color: #f6eeb4; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r425 a:focus-visible, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r425 summary:focus-visible { outline-color: #f6eeb4; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r425 summary:hover { color: #f6eeb4; } @media (max-width: 1040px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-grid-r425 { grid-template-columns: minmax(0, 1fr); gap: 18px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 { grid-row: auto; grid-template-columns: 104px minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 0 24px; padding: 22px 24px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-icon-r425 { grid-column: 1; grid-row: 1 / span 3; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 h3, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 .p01-role-r425, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-readiness-r425 { grid-column: 2; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 .p01-role-r425 { max-width: 58ch; margin-bottom: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-invitation-r425 { gap: 24px; } } @media (max-width: 800px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-visual-r425 { padding: 38px 6vw 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 { grid-template-columns: minmax(0, 1fr); gap: 34px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) { display: block; grid-row: auto; padding-top: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)):nth-child(2) { padding-top: 14px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) > p:last-child, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-flow-r425 > :is(li, div:where(.tag-li)) > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { max-width: 58ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-key-r425 { position: static; margin: 10px 0 12px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-key-r425 h2 { font-size: 27px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-arrow-r425 { top: auto; right: auto; bottom: -25px; left: 5px; transform: rotate(90deg); } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-cocoa-r425 { margin: 32px -6vw 0; padding: 30px 6vw 32px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-invitation-r425 { grid-template-columns: minmax(0, 1fr); justify-items: start; } } @media (max-width: 600px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 { display: block; padding: 22px 20px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-icon-r425 { margin-bottom: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-channel-r425 h3 { font-size: 25px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 { grid-template-columns: minmax(0, 1fr); gap: 22px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):has( > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ), :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-support-r425 > :where(.elementor-widget):has( > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) ) + :where(.elementor-widget) > :where(.elementor-widget-container) > div:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { border-top: 1px solid rgba(252, 251, 247, 0.45); padding-top: 20px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P01.commercial-refinement .p01-invitation-r425 p { font-size: 17px; } } /* ---- continuity-r426.css ---- */ :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 { padding: 64px 5vw; background: #fcfbf7; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 *:where( :not( .elementor-widget, .elementor-widget-container, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text ) ) { box-sizing: border-box; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 > .eyebrow, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 > :where(.elementor-widget) > .eyebrow, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 > :where(.elementor-widget) > :where(.elementor-widget-container) > .eyebrow { font: 13px/1.6 Azeret, monospace; letter-spacing: 0.025em; color: #55260d; margin: 0 0 18px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px clamp(32px, 5vw, 72px); align-items: start; margin: 0 0 30px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading h2 { font-size: clamp(36px, 3.6vw, 52px); line-height: 1.15; letter-spacing: 0; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading > .prose { margin: 0; padding: 0; max-width: 58ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading > .prose p { font: 18px/1.65 Plex, Arial, sans-serif; margin: 0; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-visual-r426 p { font: 17px/1.6 Plex, Arial, sans-serif; letter-spacing: 0; margin: 0; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-visual-r426 .continuity-label-r426 { font: 12px/1.6 Azeret, monospace; letter-spacing: 0.025em; text-transform: uppercase; color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.5fr); gap: 20px 32px; align-items: center; background: #f4e3da; border-top: 3px solid #55260d; padding: 23px 26px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-key-r426 { display: flex; align-items: center; gap: 18px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 h3 { font: 400 26px/1.25 Plex, Arial, sans-serif; letter-spacing: 0; color: #141414; margin: 7px 0 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 17px; max-width: 65ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-icon-r426 { display: block; width: 44px; height: 44px; flex: 0 0 44px; color: #336aab; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 .continuity-icon-r426 { color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-entry-r426 { display: flex; align-items: center; gap: 13px; margin: 16px 0 20px; padding-left: 17px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-entry-arrow-r426 { display: block; flex: 0 0 16px; width: 16px; height: 30px; color: #336aab; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-entry-r426 p { font: 16px/1.5 Plex, Arial, sans-serif; color: #28598f; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-r426 { min-width: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 { display: grid; grid-template-columns: minmax(150px, 0.7fr) minmax(0, 2fr); gap: 10px 26px; margin-bottom: 20px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 > p:last-child, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 > :where(.elementor-widget):last-child > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { font-size: 15px; line-height: 1.6; max-width: 100ch; color: #44443f; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-cycle-r426 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(40px, 4vw, 64px); row-gap: 0; list-style: none; margin: 0; padding: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-cycle-r426 > :is(li, div:where(.tag-li)) { display: grid; grid-row: span 3; grid-template-rows: auto auto 1fr; grid-template-rows: subgrid; position: relative; min-width: 0; padding: 18px 0 0; border-top: 1px solid #336aab; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-cycle-r426 > :is(li, div:where(.tag-li))::before, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-cycle-r426 > :is(li, div:where(.tag-li))::after { content: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-key-r426 { position: relative; display: flex; align-items: center; gap: 14px; margin: 12px 0 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-key-r426 h3 { font: 400 clamp(23px, 1.9vw, 27px)/1.25 Plex, Arial, sans-serif; letter-spacing: 0; margin: 0; color: #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-next-r426 { position: absolute; right: calc(-0.5 * clamp(40px, 4vw, 64px) - 16px); top: 50%; transform: translateY(-50%); width: 32px; height: 16px; color: #336aab; pointer-events: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-copy-r426 > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-copy-r426 > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-copy-r426 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; max-width: 41ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-kinds-r426 { display: flex; flex-wrap: wrap; gap: 6px 17px; list-style: none; padding: 0; margin: 15px 0 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-kinds-r426 > :is(li, div:where(.tag-li)) { display: flex; align-items: baseline; gap: 7px; padding: 0; margin: 0; font: 15px/1.5 Plex, Arial, sans-serif; color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-kinds-r426 > :is(li, div:where(.tag-li))::before { content: ""; display: block; width: 4px; height: 4px; flex: 0 0 4px; align-self: center; border-radius: 50%; background: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-back-r426 { display: flex; align-items: center; gap: 14px; margin-top: 24px; border-top: 1px solid #a6a59f; padding-top: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-return-icon-r426 { display: block; width: 40px; height: 34px; flex: 0 0 40px; color: #336aab; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-back-r426 p { font: 16px/1.55 Plex, Arial, sans-serif; color: #28598f; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-back-r426 strong { font-weight: 500; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) { max-width: none; margin: 26px 0 0; padding: 0; border-top: 1px solid #141414; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary { display: list-item; list-style: disclosure-closed; font: 17px/1.6 Plex, Arial, sans-serif; color: #28598f; min-height: 48px; padding: 13px 4px 13px 0; cursor: pointer; text-decoration: underline; text-underline-offset: 5px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) )[open] > summary { list-style: disclosure-open; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary::after { content: none; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary:hover { text-decoration-thickness: 2px; color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) > summary:focus-visible { outline: 3px solid #336aab; outline-offset: 5px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 20px 40px; max-width: none; margin: 6px 0 0; padding: 22px 0 24px; border-bottom: 1px solid #a6a59f; background: transparent; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet h3 { grid-column: auto; font: 400 28px/1.25 Plex, Arial, sans-serif; letter-spacing: 0; color: #141414; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet :is(dl, div:where(.tag-dl)) { display: grid; grid-template-columns: minmax(100px, 0.8fr) minmax(0, 2fr); gap: 12px 24px; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet :is(dt, :where(.elementor-heading-title:where(.afour-dt *))) { font: 16px/1.6 Plex, Arial, sans-serif; color: #55260d; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { font: 16px/1.6 Plex, Arial, sans-serif; color: #141414; margin: 0; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet > .caption, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet > :where(.elementor-widget) > .caption, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet > :where(.elementor-widget) > :where(.elementor-widget-container) > .caption { grid-column: 1 / -1; font: 15px/1.6 Plex, Arial, sans-serif; color: #44443f; margin: 0; } @media (max-width: 900px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-cycle-r426 { grid-template-columns: minmax(0, 1fr); gap: 34px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-cycle-r426 > :is(li, div:where(.tag-li)) { display: block; grid-row: auto; padding-top: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-key-r426 { position: static; margin: 10px 0 12px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-next-r426 { top: auto; right: auto; bottom: -25px; left: 6px; transform: rotate(90deg); } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-copy-r426 > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-copy-r426 > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-copy-r426 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { max-width: 62ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-stage-key-r426 h3 { font-size: 26px; } } @media (max-width: 800px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 { padding: 48px 6vw; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading { display: block; margin-bottom: 26px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading > .prose { margin-top: 20px; max-width: 66ch; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading > .prose p { font-size: 17px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 { grid-template-columns: minmax(0, 1fr); padding: 22px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 { display: block; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 > p:last-child, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 > :where(.elementor-widget):last-child > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-loop-intro-r426 > :where(.elementor-widget):last-child > :where(.elementor-widget-container) > p { margin-top: 8px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 :is( .report-detail:where(:not(.elementor-widget)), details:where( .report-detail > .e-n-accordion > *, .report-detail > .elementor-widget-container > .e-n-accordion > * ) ) .report-sheet { display: block; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet :is(dl, div:where(.tag-dl)) { margin: 20px 0; } } @media (max-width: 480px) { :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 { padding: 42px 6vw; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .focus-heading h2 { font-size: 36px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 { padding: 20px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-key-r426 { gap: 13px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 h3 { font-size: 24px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 > :where(.elementor-widget) > p, :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .continuity-opening-r426 > :where(.elementor-widget) > :where(.elementor-widget-container) > p { font-size: 16px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet :is(dl, div:where(.tag-dl)) { display: block; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet :is(dd, :where(.elementor-heading-title:where(.afour-dd *))) { margin: 6px 0 17px; } :root body.afour-site:where(:has(.afour-page-brand-partnerships)) #P05.continuity-r426 .report-sheet h3 { font-size: 26px; } } /* ---- AFOUR_Brand_Experience_Concept_R1.html (inline