.brand-button-primary--reverse { align-items: center; background-color: #ffffff; border-radius: 100px; border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ffffff; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; color: var(--primary); column-gap: 0.5rem; display: inline-flex; font-family: var(--heading-font, inherit); font-size: 1rem; font-weight: 700; padding-top: 0.85rem; padding-bottom: 0.85rem; padding-left: 1.7rem; padding-right: 1.7rem; text-decoration: none; width: fit-content; box-shadow: 0 8px 20px rgba(0,0,0,0.12); transition: opacity 0.2s ease, box-shadow 0.2s ease; } .brand-button-primary--reverse:is(:hover, :focus) { opacity: 0.92; }.gbp-footer__title { color: #ffffff; font-family: var(--body-font, inherit); font-size: .78rem; font-weight: 700; letter-spacing: .14em; margin-bottom: 1rem; text-transform: uppercase; }.gbp-footer__link { color: rgba(255,255,255,0.7); font-size: 1rem; text-decoration: none; transition: color 0.2s ease; } .gbp-footer__link:is(:hover, :focus) { color: #ffffff; }.brand-bottom-bar { align-items: center; border-top-color: rgba(255,255,255,0.14); border-top-style: solid; border-top-width: 1px; column-gap: 0.75rem; display: flex; flex-wrap: wrap; font-size: .82rem; justify-content: space-between; letter-spacing: .02em; margin-top: 2.5rem; padding-top: 1.4rem; row-gap: 0.75rem; }.brand-reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.6s cubic-bezier(.22,.61,.36,1), transform 0.6s cubic-bezier(.22,.61,.36,1); } .brand-reveal.is-in { opacity: 1; transform: none; }.looks-h1 { font-family: var(--heading-font, inherit); font-size: clamp(2.6rem,5.2vw,4.2rem); font-weight: 700; letter-spacing: -.005em; line-height: 1.08; margin: 0; }.looks-h2 { font-family: var(--heading-font, inherit); font-size: clamp(1.9rem,3.2vw,2.6rem); font-weight: 700; letter-spacing: ; line-height: 1.15; margin: 0; }.looks-h3 { font-family: var(--heading-font, inherit); font-size: 1.4rem; font-weight: 600; line-height: 1.25; margin: 0; }.brand-nav-row{width:100%} @media(min-width:1001px){.brand-nav-row .gb-menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.1rem 1.75rem;margin:0 auto;padding:.2rem 2rem;max-width:1200px;list-style:none}.brand-nav-row .gb-menu>li{list-style:none;position:relative}.brand-nav-row .gb-menu a{color:var(--base-3);text-decoration:none;display:block;padding:.9rem .2rem;font-weight:600;font-size:1rem}.brand-nav-row .gb-menu a:hover{opacity:.82}.brand-nav-row .gb-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--contrast);min-width:230px;z-index:60;padding:.4rem 0;box-shadow:0 8px 24px rgba(0,0,0,.25)}.brand-nav-row .gb-menu>li:hover>.sub-menu{display:block}.brand-nav-row .gb-menu .sub-menu a{padding:.55rem 1.2rem;font-weight:500}}.gbp-footer__grid { column-gap: 2.5rem; display: grid; grid-template-columns: 2fr 1fr 1fr 1.1fr; row-gap: 2.5rem; } @media (max-width:860px) { .gbp-footer__grid { grid-template-columns: 1fr 1fr; } } @media (max-width:560px) { .gbp-footer__grid { grid-template-columns: 1fr; } } @media(max-width:768px){.gbp-footer__grid{grid-template-columns:1fr}.gbp-footer__grid>*{min-width:0}}.gbp-footer { background-color: var(--contrast); color: rgba(255,255,255,0.7); padding-bottom: 1.5rem; padding-left: clamp(1.25rem, 4vw, 2.5rem); padding-right: clamp(1.25rem, 4vw, 2.5rem); padding-top: clamp(3rem, 5vw, 4rem); width: 100%; }.brand-button-outline--reverse { align-items: center; background-color: transparent; border-radius: 100px; border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255,255,255,0.55); border-right-color: rgba(255,255,255,0.55); border-bottom-color: rgba(255,255,255,0.55); border-left-color: rgba(255,255,255,0.55); color: #ffffff; column-gap: 0.5rem; display: inline-flex; font-family: var(--heading-font, inherit); font-size: 1rem; font-weight: 700; padding-top: 0.85rem; padding-bottom: 0.85rem; padding-left: 1.7rem; padding-right: 1.7rem; text-decoration: none; width: fit-content; transition: background-color 0.2s cubic-bezier(.22,.61,.36,1), color 0.2s cubic-bezier(.22,.61,.36,1); } .brand-button-outline--reverse:is(:hover, :focus) { background-color: #ffffff; color: var(--contrast); }.brand-pull { max-width: 60ch; }.brand-quote { border-left-color: var(--primary); border-left-style: solid; border-left-width: 2px; color: var(--contrast); font-family: var(--heading-font, inherit); font-size: clamp(1.35rem, 2.2vw, 1.75rem); font-style: italic; font-weight: 500; line-height: 1.35; margin: 0; max-width: 60ch; padding-left: 1.8rem; }.brand-attribution { color: var(--primary); font-family: var(--body-font, inherit); font-size: .9rem; font-weight: 700; margin-top: 1.1rem; }.brand-facts { color: var(--contrast); column-gap: 2rem; display: flex; flex-wrap: wrap; font-family: var(--body-font, inherit); font-size: .9rem; font-weight: 700; letter-spacing: .02em; row-gap: 1.4rem; }.brand-cta { background-color: transparent; color: inherit; overflow: hidden; position: relative; }.brand-cta__inner { align-items: center; display: flex; flex-direction: column; overflow: hidden; background: linear-gradient(130deg, var(--primary) 0%, #a32e2e 55%, var(--accent) 100%); border-radius: 32px; box-shadow: 0 30px 60px color-mix(in srgb, var(--primary) 22%, transparent); color: #ffffff; padding-top: clamp(3rem,6vw,4.75rem); padding-bottom: clamp(3rem,6vw,4.75rem); padding-left: clamp(1.5rem,4vw,3rem); padding-right: clamp(1.5rem,4vw,3rem); row-gap: 0.4rem; text-align: center; } .brand-cta__inner :is(h1,h2,h3) { color: #ffffff; }.brand-cta__lead { color: rgba(255,255,255,0.9); font-size: clamp(1.1rem,1.4vw,1.25rem); font-weight: 400; line-height: 1.6; margin: 1rem auto 1.4rem; max-width: 48ch; }.gbp-card__linkbox { align-items: center; padding: 2.75rem 2rem; text-align: center; }.gbp-card__icon { height: auto; margin-bottom: 1.25rem; width: 96px; }.brand-page-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--contrast-3) 100%);padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3.5rem,7vw,6rem);position:relative} .brand-page-hero .gbp-section__inner *{color:var(--base-3)} .brand-page-hero .gbp-section__tagline{color:var(--base-3);opacity:.72} .brand-page-hero h1{margin-top:.25rem} .brand-page-hero .brand-button-primary{background-color:var(--base-3);border-color:var(--base-3);color:var(--primary)} .brand-page-hero .brand-button-primary:is(:hover,:focus){background-color:var(--base);border-color:var(--base);color:var(--primary)} .brand-page-hero .brand-button-outline{border-color:rgba(255,255,255,.55);color:var(--base-3);background-color:transparent} .brand-page-hero .brand-button-outline:is(:hover,:focus){border-color:var(--base-3);background-color:rgba(255,255,255,.12)} .brand-page-hero .brand-hero-content a:not([class*=button]){color:var(--base-3);text-decoration:underline}.brand-bubble { align-items: center; background-color: #ffffff; border-radius: 20px; box-shadow: 0 20px 44px rgba(22,26,46,0.12); column-gap: 0.9rem; display: flex; padding-top: 1.1rem; padding-bottom: 1.1rem; padding-left: 1.2rem; padding-right: 1.4rem; font-family: var(--heading-font, inherit); font-weight: 600; color: var(--contrast); }.brand-bubble__ic { align-items: center; justify-content: center; display: flex; width: 46px; height: 46px; flex-shrink: 0; border-radius: 14px; color: #ffffff; } .brand-bubble__ic svg { width: 22px; height: 22px; }.brand-bubble__ic--1 { background-color: var(--primary); color: #ffffff; }.brand-bubble__ic--2 { background-color: var(--accent); color: #161a2e; }.brand-bubble__ic--3 { background-color: var(--secondary); color: #ffffff; }.brand-bubble__sub { display: block; font-family: var(--body-font, inherit); color: var(--contrast-2); font-weight: 500; font-size: 0.82rem; }.brand-stat__num { display: block; font-family: var(--heading-font, inherit); font-weight: 800; font-size: 2rem; line-height: 1; color: var(--primary); }.brand-stat__label { display: block; color: var(--contrast-2); font-weight: 600; font-size: 0.9rem; }.brand-bubbles { display: flex; flex-direction: column; row-gap: 1.1rem; justify-content: center; }.gbp-card__chip--3 { background-color: var(--secondary); color: #ffffff; }.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url],.wpcf7 textarea,.wpcf7 select{width:100%;padding:.7rem .9rem;border:1.5px solid var(--base-2,#ddd7ca);border-radius:8px;background:#fff;font:inherit;font-size:1rem} .wpcf7 textarea{min-height:120px} .wpcf7 input[type=submit],.wpcf7 .wpcf7-submit{background-color:var(--primary);color:#fff;border:none;border-radius:100px;padding:.85rem 2rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s} .wpcf7 input[type=submit]:hover,.wpcf7 .wpcf7-submit:hover{background-color:var(--contrast-3)} .wpcf7 label{font-weight:600;display:block;margin:.9rem 0 .3rem}.gbp-section__tagline--center { align-self: center; }.gbp-card--tint-1 { background-color: var(--primary-light); border-top-color: color-mix(in srgb, var(--primary) 14%, transparent); border-right-color: color-mix(in srgb, var(--primary) 14%, transparent); border-bottom-color: color-mix(in srgb, var(--primary) 14%, transparent); border-left-color: color-mix(in srgb, var(--primary) 14%, transparent); }.gbp-card--tint-2 { background-color: var(--accent-light); border-top-color: color-mix(in srgb, var(--accent) 22%, transparent); border-right-color: color-mix(in srgb, var(--accent) 22%, transparent); border-bottom-color: color-mix(in srgb, var(--accent) 22%, transparent); border-left-color: color-mix(in srgb, var(--accent) 22%, transparent); }.gbp-card--tint-3 { background-color: var(--secondary-light); border-top-color: color-mix(in srgb, var(--secondary) 18%, transparent); border-right-color: color-mix(in srgb, var(--secondary) 18%, transparent); border-bottom-color: color-mix(in srgb, var(--secondary) 18%, transparent); border-left-color: color-mix(in srgb, var(--secondary) 18%, transparent); }.gbp-card__chip { align-items: center; justify-content: center; display: flex; width: 58px; height: 58px; flex-shrink: 0; border-radius: 18px; color: #ffffff; margin-bottom: 1.25rem; } .gbp-card__chip svg { width: 26px; height: 26px; }.gbp-card__chip--1 { background-color: var(--primary); color: #ffffff; }.gbp-card__chip--2 { background-color: var(--accent); color: #161a2e; }.gbp-card__logo { background: var(--base-3); height: 150px; object-fit: contain; padding: 1.5rem 2rem; width: 100%; }.gbp-section { box-sizing: border-box; overflow: hidden; padding-bottom: clamp(4rem,7vw,6.5rem); padding-left: clamp(1.25rem, 4vw, 2.5rem); padding-right: clamp(1.25rem, 4vw, 2.5rem); padding-top: clamp(4rem,7vw,6.5rem); position: relative; width: 100%; }.brand-ruled { align-items: flex-end; border-bottom-color: var(--base-2); border-bottom-style: solid; border-bottom-width: 1px; column-gap: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.4rem; padding-bottom: 1.4rem; row-gap: 1rem; }.brand-ruled__idx { color: var(--contrast-2); font-family: var(--body-font, inherit); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; } .brand-ruled__idx b { color: var(--accent-dark); }.brand-prose { max-width: 62ch; }.brand-body-lg{color:var(--contrast-2);font-size:clamp(1.1rem,1.4vw,1.25rem);font-weight:400;line-height:1.6}.brand-grid-2 { column-gap: clamp(1.5rem,3vw,3rem); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); list-style: none; margin-inline-start: 0; padding-inline-start: 0; row-gap: clamp(1.5rem,3vw,3rem); } @media (max-width:860px) { .brand-grid-2 { grid-template-columns: minmax(0, 1fr); } }.brand-grid-3 { column-gap: clamp(1.5rem,3vw,3rem); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin-inline-start: 0; padding-inline-start: 0; row-gap: clamp(1.5rem,3vw,3rem); } @media (max-width:860px) { .brand-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width:560px) { .brand-grid-3 { grid-template-columns: minmax(0, 1fr); } }.brand-grid-4 { column-gap: clamp(1.5rem,3vw,3rem); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin-inline-start: 0; padding-inline-start: 0; row-gap: clamp(1.5rem,3vw,3rem); } @media (max-width:900px) { .brand-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width:560px) { .brand-grid-4 { grid-template-columns: minmax(0, 1fr); } }.brand-num-badge { align-items: center; background-color: var(--primary); border-radius: 100px; color: #ffffff; display: flex; height: 48px; justify-content: center; width: 48px; }.gbp-section__tagline { display: inline-block; align-self: flex-start; width: fit-content; background-color: var(--primary-light); color: var(--primary); border-radius: 999px; padding-top: 0.42rem; padding-bottom: 0.42rem; padding-left: 0.95rem; padding-right: 0.95rem; font-family: var(--heading-font, inherit); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.3; margin-bottom: 1rem; text-transform: none; } .gbp-section__tagline:is(.gbp-section--dark *, .gbp-section--primary *) { background-color: rgba(255,255,255,0.16); color: #f0d999; }.gbp-section__headline { column-gap: 1rem; display: flex; flex-direction: column; margin-bottom: 2.4rem; row-gap: 1rem; }.gbp-section--alt { background-color: var(--base); }.gbp-section--dark { background-color: var(--contrast); color: #ffffff; }.gbp-section--primary { background-color: var(--primary); color: #ffffff; } .gbp-section--primary :is(h1,h2,h3,h4) { color: #ffffff; } .gbp-section--primary .gbp-section__tagline { color: var(--accent); }.gbp-section--rhythm-1 { background-color: var(--base-3); }.gbp-section--rhythm-2 { background-color: var(--base); }.gbp-section--rhythm-3 { background-color: var(--base-3); }.gbp-section--rhythm-4 { background-color: var(--primary); color: #ffffff; } .gbp-section--rhythm-4 :is(h1,h2,h3,h4) { color: #ffffff; } .gbp-section--rhythm-4 .gbp-section__tagline { color: var(--accent); }.gbp-section__inner { margin-left: auto; margin-right: auto; max-width: 1200px; position: relative; width: 100%; z-index: 1; }.brand-cover { display: block; height: 100%; object-fit: cover; width: 100%; }.brand-ar-1x1 { aspect-ratio: 1/1; }.brand-ar-4x3 { aspect-ratio: 4/3; }.brand-hero__bg { align-items: flex-end; background-position: center; background-size: cover; display: flex; min-height: clamp(420px, 52vh, 560px); overflow: hidden; padding-bottom: clamp(2rem, 5vw, 3.5rem); padding-top: clamp(2rem, 6vw, 4rem); position: relative; } .brand-hero__bg::after { background: linear-gradient(180deg, rgba(20,17,15,.55) 0%, rgba(20,17,15,.30) 42%, rgba(20,17,15,.78) 100%), linear-gradient(0deg, rgba(20,17,15,.28), rgba(20,17,15,.28)); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; }.brand-hero__content { position: relative; text-shadow: 0 1px 3px rgba(20,17,15,.45); z-index: 2; } .brand-hero__bg .brand-hero__content,.brand-hero__bg .gbp-section__inner{position:relative;z-index:3}.gbp-card { background-color: var(--base-3); border-radius: 24px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: var(--base-2); border-right-color: var(--base-2); border-bottom-color: var(--base-2); border-left-color: var(--base-2); display: flex; flex-direction: column; overflow: hidden; height: 100%; transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.25s cubic-bezier(.22,.61,.36,1); } .gbp-card > img { max-width: none; } .gbp-card:is(:hover, :focus-within) { transform: translateY(-6px); box-shadow: 0 22px 44px rgba(22,26,46,0.12); }.gbp-card__media { aspect-ratio: 4/3; margin-bottom: 1.1rem; overflow: hidden; position: relative; } .gbp-card__media img { height: 100%; object-fit: cover; width: 100%; }.gbp-card__body { display: flex; flex-direction: column; flex-grow: 1; padding: 1.75rem 2rem; } .gbp-card__body>a:last-child{margin-top:auto;align-self:flex-start}.gbp-card__title { color: var(--contrast); font-family: var(--heading-font, inherit); font-size: 1.35rem; font-weight: 700; line-height: 1.25; margin: 0 0 0.5rem; }.gbp-card__text { color: var(--contrast-2); font-size: 1.05rem; line-height: 1.6; margin: 0 0 0.9rem; }.brand-button-primary{align-items:center;background-color:var(--primary);border-radius:100px;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 32%,transparent);color:var(--base-3);column-gap:0.5rem;display:inline-flex;font-family:var(--heading-font,inherit);font-size:1rem;font-weight:700;text-decoration:none;transition:background-color 0.2s cubic-bezier(.22,.61,.36,1),border-color 0.2s cubic-bezier(.22,.61,.36,1),box-shadow 0.2s cubic-bezier(.22,.61,.36,1);width:fit-content;border:1.5px solid var(--primary);padding:0.85rem 1.7rem}.brand-button-primary:is(:hover,:focus){background-color:var(--contrast-3);border-bottom-color:var(--contrast-3);border-left-color:var(--contrast-3);border-right-color:var(--contrast-3);border-top-color:var(--contrast-3);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 26%,transparent);color:var(--base-3)}.brand-hero--full { align-items: flex-end; color: #ffffff; display: flex; min-height: clamp(360px, 44vh, 460px); overflow: hidden; position: relative; } .brand-hero--full .brand-hero__media { inset: 0; position: absolute; } .brand-hero--full .brand-hero__media img { height: 100%; object-fit: cover; width: 100%; } .brand-hero--full .brand-hero__media::after { background: linear-gradient(180deg, rgba(20,17,15,.15), rgba(20,17,15,.72)); content: ""; inset: 0; position: absolute; }.brand-hero__photo { aspect-ratio: 4/3; overflow: hidden; position: relative; } .brand-hero__photo img { height: 100%; object-fit: cover; width: 100%; } .brand-hero__photo::after { background-color: var(--primary); bottom: 0; content: ""; height: 5px; left: 0; position: absolute; width: 56px; }.brand-ar-5x6 { aspect-ratio: 5/6; }.brand-ar-16x9 { aspect-ratio: 16/9; }.brand-duotone { overflow: hidden; position: relative; }.brand-hero { background: linear-gradient(160deg, var(--primary-light) 0%, #f6eef0 55%, var(--accent-light) 100%); border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; overflow: hidden; }.brand-hero__grid { align-items: center; column-gap: clamp(2rem, 5vw, 4.5rem); display: grid; grid-template-columns: 1fr 1.05fr; row-gap: clamp(2rem, 5vw, 4.5rem); } @media (max-width:860px) { .brand-hero__grid { grid-template-columns: 1fr; } }.brand-hero-content { column-gap: 1.2rem; display: flex; flex-direction: column; row-gap: 1.2rem; }.brand-hero__meta { color: var(--contrast-2); font-family: var(--body-font, inherit); font-size: .9rem; font-weight: 700; letter-spacing: .06em; line-height: 1.6; margin: 0.4rem 0 0; }.brand-hero__actions { align-items: center; column-gap: 1rem; display: flex; flex-wrap: wrap; margin-top: 0.6rem; row-gap: 1rem; } @media (max-width:560px) { .brand-hero__actions { align-items: stretch; flex-direction: column; } }.brand-button-outline { align-items: center; background-color: transparent; border-radius: 100px; border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: var(--primary); border-right-color: var(--primary); border-bottom-color: var(--primary); border-left-color: var(--primary); color: var(--primary); column-gap: 0.5rem; display: inline-flex; font-family: var(--heading-font, inherit); font-size: 1rem; font-weight: 700; padding-top: 0.85rem; padding-bottom: 0.85rem; padding-left: 1.7rem; padding-right: 1.7rem; text-decoration: none; width: fit-content; transition: background-color 0.2s cubic-bezier(.22,.61,.36,1), color 0.2s cubic-bezier(.22,.61,.36,1); } .brand-button-outline:is(:hover, :focus) { background-color: var(--primary); color: #ffffff; }