.fresh-ink-wrap { width: 100%; min-width: 0; container-type: inline-size; margin: 32px 0; }
.fresh-ink { --ink: #0c171b; --orange: #d64012; --paper: #f4ecdf; display: grid; grid-template-columns: 55% 45%; width: 100%; overflow: hidden; border-radius: 24px; background: var(--paper); color: var(--ink); font-family: 'Urbanist', sans-serif; text-align: left; }
.fresh-ink *, .fresh-ink *::before, .fresh-ink *::after { box-sizing: border-box; }
.fresh-ink [hidden] { display: none !important; }
.fresh-ink h2, .fresh-ink h3, .fresh-ink p { margin: 0; color: inherit; }
.fresh-ink a { color: var(--ink); text-decoration: underline; }
.fresh-ink-brand { position: relative; min-height: 47cqw; background: url('/img/fresh-ink/graphic-element-desktop.png') center / 100% 100% no-repeat; }
.fresh-ink-mobile-art { display: none; }
.fresh-ink-wordmark { position: absolute; top: 2cqw; left: 49%; right: 3%; }
.fresh-ink-site { font-size: 5.3cqw; font-weight: 850; letter-spacing: -.065em; line-height: 1.15; white-space: nowrap; }
.fresh-ink-site span, .fresh-ink-title span { color: var(--orange); }
.fresh-ink .fresh-ink-title { font-family: 'Bebas Neue', sans-serif; font-size: 15cqw; line-height: .88; font-weight: 400; text-transform: uppercase; margin-top: .7cqw; letter-spacing: -.03em; }
.fresh-ink-title span { display: block; }
.fresh-ink-content { position: relative; min-width: 0; padding: 3.7cqw 2.5cqw 2.8cqw 3.5cqw; margin: 1.8cqw 0; border-left: 1px solid #d4cec4; }
.fresh-ink .fresh-ink-tagline { font: 700 2cqw/1.3 'Urbanist', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.fresh-ink-rule { height: 3px; width: 18%; background: var(--orange); margin: 1.7cqw 0 2cqw; }
.fresh-ink .fresh-ink-form { width: 100%; margin: 0; padding: 0; }
.fresh-ink .fresh-ink-email { display: block; width: 100%; min-width: 0; border: 2px solid #949a9b; border-radius: 7px; background: #ffffff30; color: var(--ink); padding: 1.25cqw 1.7cqw; font: 600 max(16px, 1.4cqw)/1.4 'Urbanist', sans-serif; height: auto; }
.fresh-ink-email::placeholder { color: #787c7c; text-transform: uppercase; letter-spacing: .09em; }
.fresh-ink .fresh-ink-submit { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; border: 0; border-radius: 8px; background: var(--orange); color: #fff8eb; padding: 1.25cqw 2.5cqw; margin: 1cqw 0 .7cqw; font: 750 2cqw/1.3 'Urbanist', sans-serif; text-transform: uppercase; cursor: pointer; }
.fresh-ink-submit span:last-child { font-size: 1.7em; line-height: 1; }
.fresh-ink-submit:hover { background: #b8330c; }
.fresh-ink-submit:disabled { cursor: wait; opacity: .7; }
.fresh-ink :focus-visible { outline: 3px solid #16718b; outline-offset: 4px; }
.fresh-ink .fresh-ink-help, .fresh-ink .fresh-ink-privacy { color: #656e73; font-size: max(13px, 1.2cqw); line-height: 1.4; }
.fresh-ink-consent { display: flex; align-items: flex-start; gap: 1.5cqw; font-size: max(16px, 1.5cqw); line-height: 1.3; margin: 1.7cqw 0 1.2cqw; }
.fresh-ink-consent input { appearance: auto; flex: 0 0 auto; width: 23px; height: 23px; margin: 3px 0 0; accent-color: var(--orange); }
.fresh-ink-consent a { text-decoration: none; }
.fresh-ink .fresh-ink-privacy { border-top: 1px solid #cfc9be; margin-top: 2.2cqw; padding-top: 1.8cqw; }
.fresh-ink-sr-only, .fresh-ink-honeypot { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.fresh-ink .fresh-ink-error { color: #a52d12; font-size: 16px; margin-top: 16px; }
.fresh-ink.is-confirmed .fresh-ink-content { margin-bottom: 0; padding-bottom: 11cqw; background: url('/img/fresh-ink/graphic-element-botton-desktop.png') bottom / 100% auto no-repeat; }
.fresh-ink-confirmation { text-align: center; }
.fresh-ink-check { display: block; width: 82%; height: auto; margin: 0 auto 1.5cqw; }
.fresh-ink-confirmation h3 { font: 900 4cqw/1.1 'Urbanist', sans-serif; text-transform: uppercase; letter-spacing: -.04em; }
.fresh-ink-confirmation .fresh-ink-rule { margin: 1.7cqw auto; width: 14%; }
.fresh-ink .fresh-ink-thanks { font-size: 2cqw; font-weight: 650; line-height: 1.3; margin-bottom: 1.5cqw; }
.fresh-ink .fresh-ink-details { font-size: 1.6cqw; line-height: 1.4; color: #656e73; }
@container (max-width: 760px) {
    .fresh-ink { display: block; border-radius: 22px; }
    .fresh-ink-brand { min-height: 0; background: none; }
    .fresh-ink-mobile-art { display: block; width: 100%; height: auto; }
    .fresh-ink-wordmark { position: relative; inset: auto; text-align: center; margin: -4cqw 0 0; }
    .fresh-ink-site { font-size: 10cqw; }
    .fresh-ink .fresh-ink-title { font-size: 24cqw; line-height: 1; margin: 0; letter-spacing: -.025em; }
    .fresh-ink-title span { display: inline; }
    .fresh-ink-content { border: 0; margin: 0; padding: 0 5% 6%; }
    .fresh-ink .fresh-ink-tagline { font-size: clamp(17px, 3.8cqw, 28px); text-align: center; padding: 3cqw 0 4cqw; }
    .fresh-ink-wordmark::after { content: ''; display: block; width: 20%; height: 3px; background: var(--orange); margin: 1.5cqw auto 0; }
    [data-signup] > .fresh-ink-rule { display: none; }
    .fresh-ink .fresh-ink-email { padding: 3cqw; font-size: 16px; min-height: 48px; }
    .fresh-ink .fresh-ink-submit { padding: 3cqw 5cqw; margin: 2cqw 0 1.5cqw; font-size: clamp(18px, 4cqw, 28px); min-height: 52px; }
    .fresh-ink-submit span:first-child { flex: 1; text-align: center; }
    .fresh-ink .fresh-ink-help, .fresh-ink .fresh-ink-privacy { font-size: clamp(13px, 2.8cqw, 19px); }
    .fresh-ink-consent { font-size: clamp(16px, 3.4cqw, 24px); gap: 4cqw; margin: 4cqw 0 2cqw; }
    .fresh-ink .fresh-ink-privacy { margin-top: 4cqw; padding-top: 3cqw; }
    .fresh-ink.is-confirmed .fresh-ink-content { padding: 2cqw 6% 23cqw; background-image: url('/img/fresh-ink/graphic-element-botton-mobile.png'); }
    .fresh-ink-check { width: 82%; margin: 0 auto 2cqw; }
    .fresh-ink-confirmation h3 { font-size: 10cqw; }
    .fresh-ink-confirmation .fresh-ink-rule { display: none; }
    .fresh-ink .fresh-ink-thanks { font-size: 5cqw; margin: 2cqw 0; }
    .fresh-ink .fresh-ink-details { font-size: max(16px, 3.5cqw); }
}