.sw-block {
padding: 32px 0;
}
@media (max-width: 640px) {
.sw-block {
padding: 24px 0;
}
}
.sw-block__inner > *:last-child {
margin-bottom: 0;
}
.sw-block.rhythm-soft:not(.sw-block--has-own-bg) .sw-block__inner {
padding: 46px;
border-radius: 30px;
background: #f1eee8;
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__inner {
padding: 52px;
border-radius: 32px;
color: #fff;
background: var(--navy);
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__inner p,
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__inner .kicker {
color: rgba(255, 255, 255, .76);
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-logos h2 {
color: #fff;
}
.sw-block.rhythm-editorial [class$="-wrap"] {
display: grid;
grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
column-gap: 64px;
align-items: end;
}
@media (max-width: 820px) {
.sw-block.rhythm-editorial [class$="-wrap"] {
grid-template-columns: 1fr;
gap: 14px;
}
}
.sw-block__inner {
max-width: 1180px;
margin: 0 auto;
}
.sw-block__inner--narrow {
max-width: 620px;
}
.sw-block__inner--wide {
max-width: 100%;
}
.sw-block__rich-text {
font-size: 16px;
line-height: 1.75;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__rich-text h1,
.sw-block__rich-text h2,
.sw-block__rich-text h3 {
line-height: 1.3;
margin: 1.4em 0 0.5em;
}
.sw-block__rich-text h1:first-child,
.sw-block__rich-text h2:first-child,
.sw-block__rich-text h3:first-child {
margin-top: 0;
}
.sw-block__rich-text p {
margin: 0 0 1em;
}
.sw-block__rich-text a {
color: var(--blue-text);
}
.sw-block__rich-text ol,
.sw-block__text-media-copy ol {
list-style: none;
margin: 0 0 1em;
padding: 0;
counter-reset: sw-rich-text-ol;
display: grid;
gap: 10px;
}
.sw-block__rich-text ol li,
.sw-block__text-media-copy ol li {
counter-increment: sw-rich-text-ol;
display: flex;
align-items: flex-start;
gap: 12px;
}
.sw-block__rich-text ol li::before,
.sw-block__text-media-copy ol li::before {
content: counter(sw-rich-text-ol);
flex: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--blue-soft);
color: var(--blue-text);
font-size: 15px;
font-weight: 700;
line-height: 24px;
text-align: center;
}
.sw-block__rich-text ul,
.sw-block__text-media-copy ul {
list-style: none;
margin: 0 0 1em;
padding: 0;
display: grid;
gap: 10px;
}
.sw-block__rich-text ul li,
.sw-block__text-media-copy ul li {
display: flex;
align-items: flex-start;
gap: 12px;
}
.sw-block__rich-text ul li::before,
.sw-block__text-media-copy ul li::before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
flex: none;
font-size: 14px;
color: var(--blue-text);
transform: translateY(4px);
}
.sw-block__rich-text img {
max-width: 100%;
height: auto;
border-radius: var(--r-s);
}
.sw-block--bg-blue-soft { background: var(--blue-soft); }
.sw-block--bg-green-soft { background: var(--green-soft); }
.sw-block--bg-yellow-soft { background: var(--yellow-soft); }
.sw-block--bg-yellow { background: var(--yellow); }
.sw-block--bg-navy { background: var(--navy); color: #fff; }
.sw-block--bg-blue-soft { --sw-panel-bg: var(--blue-soft); }
.sw-block--bg-green-soft { --sw-panel-bg: var(--green-soft); }
.sw-block--bg-yellow-soft { --sw-panel-bg: var(--yellow-soft); }
.sw-block--bg-yellow { --sw-panel-bg: var(--yellow); }
.sw-block--bg-navy {
--sw-panel-bg: var(--navy);
--sw-panel-fg: #fff;
--sw-panel-fg-muted: rgba(255, 255, 255, .68);
--sw-panel-line: rgba(255, 255, 255, .16);
}
.sw-block--bg-yellow .sw-block__cta { background: var(--yellow); }
.sw-block--bg-navy .sw-block__cta { background: var(--navy); color: #fff; }
.sw-block--bg-blue-soft .sw-block__cards-grid { background: var(--blue-soft); }
.sw-block--bg-green-soft .sw-block__cards-grid { background: var(--green-soft); }
.sw-block--bg-yellow-soft .sw-block__cards-grid { background: var(--yellow-soft); }
.sw-block--bg-yellow .sw-block__cards-grid { background: var(--yellow); }
.sw-block--bg-navy .sw-block__cards-grid { background: var(--navy); }
.sw-block--page-header {
padding: 34px 0 58px;
background: var(--sw-panel-bg, #f3f1eb);
}
.sw-block__page-header {
text-align: left;
}
.sw-block__page-header-eyebrow {
display: inline-block;
font-size: 15px;
font-weight: 900;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--sw-panel-fg, var(--ink));
margin-bottom: 12px;
}
.sw-block__page-header-eyebrow--accent {
color: var(--page-accent-text, var(--page-accent-dark, var(--ink)));
}
.sw-block__page-header:has(.sw-block__page-header-eyebrow--accent) h1 {
letter-spacing: -.068em;
}
.sw-block__page-header h1 {
max-width: 930px;
margin: 8px 0 22px;
font-size: clamp(50px, 5vw, 70px);
line-height: 1;
letter-spacing: -.06em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__page-header-lead {
margin: 0;
max-width: 810px;
font-size: 17px;
line-height: 1.75;
color: var(--sw-panel-fg-muted, var(--muted));
}
body.sw-page--sidebar .sw-block__page-header h1,
body.sw-page--sidebar .sw-block__page-header-lead {
max-width: none;
}
@media (max-width: 640px) {
.sw-block--page-header {
padding: 29px 0 48px;
}
.sw-block__page-header h1 {
font-size: 45px;
}
.sw-block__page-header-lead {
font-size: 16px;
}
}
.sw-block__quote {
max-width: 690px;
margin: 0 auto;
padding: 34px 37px;
border-left: none;
border-radius: 20px;
background: var(--blue-soft);
color: var(--ink);
}
.sw-block__quote p {
margin: 0 0 12px;
font-size: 22px;
font-weight: 800;
line-height: 1.5;
color: inherit;
font-style: normal;
}
.sw-block__quote footer {
display: flex;
align-items: center;
gap: 8px;
font-style: normal;
font-size: 14px;
color: var(--muted);
}
.sw-block__quote footer strong {
color: var(--ink);
}
.sw-block__callout {
display: grid;
grid-template-columns: .78fr 1.22fr;
gap: 55px;
padding: 48px;
border-radius: 29px;
border-left: none;
background: #e9f0f4;
color: var(--ink);
}
.sw-block__callout-head strong {
display: block;
font-size: 24px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -.02em;
}
.sw-block__callout-body p,
.sw-block__callout-body {
margin: 0 0 15px;
color: var(--muted);
font-size: 16px;
line-height: 1.78;
}
.sw-block__callout-body > *:last-child {
margin-bottom: 0;
}
.sw-block__callout--blue { background: #e9f0f4; color: var(--ink); }
.sw-block__callout--green { background: var(--green-soft); color: var(--ink); }
.sw-block__callout--yellow { background: #ffefad; color: var(--navy); }
.sw-block__callout--dark { background: var(--navy); color: #fff; }
.sw-block__callout--yellow .sw-block__callout-body,
.sw-block__callout--yellow .sw-block__callout-body p { color: #5b4a13; }
.sw-block__callout--dark .sw-block__callout-body,
.sw-block__callout--dark .sw-block__callout-body p { color: rgba(255, 255, 255, .74); }
@media (max-width: 820px) {
.sw-block__callout {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.sw-block__callout {
padding: 29px 23px;
border-radius: 23px;
}
}
.sw-block__icon-note {
display: grid;
grid-template-columns: 44px 1fr;
gap: 18px;
padding: 24px 27px;
align-items: center;
border-radius: 18px;
background: color-mix(in srgb, var(--page-accent, var(--navy)) 12%, #fff);
}
.sw-block__icon-note-icon {
display: grid;
place-items: center;
width: 44px;
height: 44px;
border-radius: 50%;
color: var(--page-accent-ink, #fff);
background: var(--page-accent, var(--navy));
font-size: 17px;
}
.sw-block__icon-note-text,
.sw-block__icon-note-text p {
margin: 0;
color: var(--ink);
font-size: 16px;
line-height: 1.7;
}
.sw-block__icon-note-text > *:last-child {
margin-bottom: 0;
}
.sw-block__icon-note-text a {
color: var(--page-accent-text, var(--page-accent-dark, var(--navy)));
font-weight: 900;
text-decoration: none;
}
.sw-block__icon-note-text a:hover {
text-decoration: underline;
}
@media (max-width: 640px) {
.sw-block__icon-note {
grid-template-columns: 1fr;
justify-items: start;
padding: 22px;
}
}
.sw-block__image {
margin: 0;
}
.sw-block__image img {
display: block;
width: 100%;
height: auto;
border-radius: var(--r);
}
.sw-block__image figcaption {
margin-top: 10px;
font-size: 14px;
color: var(--muted);
text-align: center;
}
.sw-block__hero {
position: relative;
padding: 48px 52px;
border-radius: 30px;
background: var(--warm);
color: var(--ink);
text-align: left;
}
.sw-block__hero-content {
position: relative;
max-width: 700px;
margin: 0;
}
.sw-block__hero-eyebrow {
color: var(--ink);
}
.sw-block__hero-eyebrow::before { background: var(--ink); }
.sw-block__hero-content h1 {
max-width: 700px;
margin: 10px 0 20px;
font-size: clamp(38px, 5vw, 58px);
line-height: 1;
letter-spacing: -.05em;
}
.sw-block__hero-content p {
margin: 0 0 26px;
max-width: 68ch;
color: var(--muted);
font-size: 17px;
line-height: 1.75;
}
.sw-block__hero-actions {
display: flex;
gap: 14px;
justify-content: flex-start;
flex-wrap: wrap;
}
.sw-block__hero-note {
margin-top: 22px;
font-size: 16px;
color: var(--muted);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.sw-block__hero-button {
display: inline-flex;
align-items: center;
min-height: 48px;
padding: 0 24px;
border-radius: 14px;
background: var(--blue-strong);
color: #fff;
text-decoration: none;
font-weight: 800;
font-size: 15px;
box-shadow: var(--shadow-soft);
transition: transform .16s ease;
}
.sw-block__hero-button:hover {
transform: translateY(-2px);
}
.sw-block__hero-button--secondary {
background: var(--ink);
color: #fff;
box-shadow: none;
}
.sw-block__hero-button--ghost {
background: transparent;
border: 1.5px solid var(--line);
color: var(--ink);
box-shadow: none;
}
.sw-block__hero--photo {
display: grid;
grid-template-columns: 1.05fr .95fr;
gap: 45px;
align-items: center;
}
.sw-block__hero-photo {
position: relative;
min-height: 320px;
border-radius: 27px;
overflow: hidden;
}
.sw-block__hero-photo img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
display: block;
}
@media (max-width: 900px) {
.sw-block__hero--photo {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.sw-block__hero { padding: 32px 26px; }
}
.sw-block__hero--service {
padding: 42px 52px 68px;
background: var(--blue-soft);
border-radius: 30px;
}
.sw-block__hero-service-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 300px;
gap: 72px;
align-items: end;
}
.sw-block__hero-service-grid h1 {
max-width: 700px;
margin: 8px 0 20px;
font-size: clamp(48px, 6vw, 74px);
line-height: .98;
letter-spacing: -.055em;
}
.sw-block__hero-service-grid > div:first-child > p {
max-width: 62ch;
margin: 0;
color: var(--soft-ink);
font-size: 17px;
line-height: 1.74;
}
.sw-block__hero-facts {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-top: 28px;
}
.sw-block__hero-facts span {
padding: 10px 14px;
border-radius: 999px;
color: var(--ink);
background: var(--page-accent-soft, #e1edf4);
font-size: 14px;
font-weight: 900;
}
.sw-block__hero-phone-panel,
.sw-block__hero-service-mark {
display: flex;
min-height: 190px;
padding: 30px;
flex-direction: column;
justify-content: flex-end;
border-radius: 27px;
color: #fff;
background: var(--navy);
text-decoration: none;
}
.sw-block__hero-phone-panel small {
margin-bottom: 9px;
font-size: 15px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.sw-block__hero-phone-panel strong { font-size: 27px; line-height: 1.1; }
.sw-block__hero-phone-panel span {
margin-top: 13px;
font-size: 16px;
line-height: 1.55;
opacity: .86;
}
.sw-block__hero-service-mark {
align-items: center;
justify-content: center;
font-size: 34px;
}
@media (max-width: 820px) {
.sw-block__hero-service-grid {
grid-template-columns: 1fr;
}
.sw-block__hero-phone-panel,
.sw-block__hero-service-mark {
min-height: 145px;
}
}
.sw-block__hero--split {
display: grid;
grid-template-columns: 1fr .95fr;
gap: 56px;
align-items: center;
text-align: left;
padding: 0;
border-radius: 0;
background: none;
color: var(--ink);
}
.sw-block__hero-copy h1 {
font-size: clamp(32px, 4vw, 48px);
margin: 0 0 20px;
color: var(--ink);
}
.sw-block__hero-copy p {
font-size: 17px;
color: var(--muted);
max-width: 52ch;
margin: 0 0 26px;
}
.sw-block__hero-copy .sw-block__hero-actions {
justify-content: flex-start;
}
.sw-block__hero-copy .sw-block__hero-button {
background: var(--blue-strong);
color: #fff;
}
.sw-block__hero-copy .sw-block__hero-button--secondary {
background: var(--green-text);
color: #fff;
}
.sw-block__hero-copy .sw-block__hero-button--ghost {
background: none;
border: 1.5px solid var(--ink);
color: var(--ink);
}
.sw-block__hero-copy .sw-block__hero-note {
justify-content: flex-start;
color: var(--muted);
}
.sw-block__hero-media {
display: grid;
grid-template-columns: 1.2fr .9fr;
gap: 18px;
align-items: stretch;
}
.sw-block__hero-media .plate { height: 100%; }
.sw-block__hero-media .plate img { height: 100%; min-height: 250px; }
.sw-block__hero-stack { display: grid; gap: 18px; }
.sw-block__hero-stack .plate img { aspect-ratio: 4 / 3; }
@media (max-width: 900px) {
.sw-block__hero--split,
.sw-block__hero-media {
grid-template-columns: 1fr;
}
}
.sw-block__text-media {
display: grid;
grid-template-columns: 1.05fr .95fr;
gap: 45px;
align-items: stretch;
}
.sw-block__text-media--image-left {
grid-template-columns: .95fr 1.05fr;
}
.sw-block__text-media--image-left .sw-block__text-media-media {
order: -1;
}
.sw-block__text-media-copy {
min-width: 0;
padding: 42px;
border-radius: 27px;
background: #f0eee8;
}
.sw-block__text-media-copy h2 {
margin: 0 0 12px;
font-size: clamp(28px, 3vw, 38px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--ink);
}
.sw-block__text-media-copy p {
margin: 0 0 1em;
line-height: 1.8;
color: var(--muted);
font-size: 17px;
}
.sw-block__text-media-media {
min-width: 0;
min-height: 420px;
border-radius: 27px;
overflow: hidden;
}
.sw-block__text-media-media img {
display: block;
width: 100%;
height: 100%;
min-height: 420px;
object-fit: cover;
}
@media (max-width: 820px) {
.sw-block__text-media,
.sw-block__text-media--image-left {
grid-template-columns: 1fr;
}
.sw-block__text-media--image-left .sw-block__text-media-media {
order: 0;
}
.sw-block__text-media-media { min-height: 330px; }
.sw-block__text-media-media img { min-height: 330px; }
}
@media (max-width: 640px) {
.sw-block__text-media-copy { padding: 29px 23px; border-radius: 23px; }
}
.sw-block__gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
padding: 14px;
border-radius: 28px;
background: var(--navy);
}
.sw-block__gallery-item {
margin: 0;
}
.sw-block__gallery-item img {
display: block;
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 18px;
}
@media (max-width: 640px) {
.sw-block__gallery {
grid-template-columns: 1fr;
padding: 10px;
border-radius: 22px;
}
.sw-block__gallery-item img { height: 220px; }
}
.sw-block__cards h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--ink);
}
.sw-block--bg-navy .sw-block__cards h2 {
color: #fff;
}
.sw-block__cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
padding: 18px;
border-radius: 30px;
background: var(--navy);
}
.sw-block__cards-grid--cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.sw-block__cards-grid--cols-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1080px) {
.sw-block__cards-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.sw-block__cards-grid { grid-template-columns: 1fr; }
}
.sw-block__card {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 245px;
padding: 29px;
border: none;
border-radius: 21px;
overflow: visible;
text-decoration: none;
color: var(--ink);
background: #fff;
transition: transform .17s ease;
}
.sw-block__card:hover {
border-color: transparent;
transform: translateY(-3px);
}
.sw-block__card-number {
display: block;
color: var(--page-accent-text, var(--blue-text));
font-size: 15px;
font-weight: 950;
letter-spacing: .12em;
}
.sw-block__card-body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
height: 100%;
}
.sw-block__card-body h2,
.sw-block__card-body h3,
.sw-block__card-body p {
width: 100%;
}
.sw-block__card h3 {
margin: 31px 0 12px;
font-size: 21px;
line-height: 1.18;
color: var(--ink);
}
.sw-block__card p {
margin: 0;
color: var(--muted);
font-size: 16px;
line-height: 1.72;
flex: 1;
overflow-wrap: anywhere;
}
.sw-block__card-link {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: auto;
padding-top: 25px;
font-weight: 800;
font-size: 15px;
color: var(--page-accent-text, var(--blue-text));
}
.sw-block__card-link::after {
content: "\2192";
}
@media (max-width: 640px) {
.sw-block__cards-grid { grid-template-columns: 1fr; padding: 10px; border-radius: 22px; }
.sw-block__card { min-height: 0; padding: 26px 23px; }
}
.sw-block__contact-cards h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--ink);
}
.sw-block__contact-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
gap: 14px;
}
.sw-block__contact-card {
text-align: center;
padding: 28px 24px;
border-radius: 21px;
border: none;
background: var(--warm);
}
.sw-block__contact-card-photo {
display: block;
width: 96px;
height: 96px;
object-fit: cover;
border-radius: 50%;
margin: 0 auto 14px;
}
.sw-block__contact-card h3 {
margin: 0 0 4px;
font-size: 17px;
color: var(--ink);
}
.sw-block__contact-card-role {
margin: 0 0 10px;
color: var(--muted);
font-size: 16px;
}
.sw-block__contact-card a {
display: block;
font-size: 16px;
font-weight: 700;
color: var(--blue-text);
text-decoration: none;
}
.sw-block__contact-card a:hover {
text-decoration: underline;
}
.sw-block__downloads h2 {
margin: 0 0 20px;
font-size: 24px;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__downloads-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 11px;
}
.sw-block__downloads-item {
display: grid;
grid-template-columns: 52px 1fr auto;
gap: 20px;
align-items: center;
padding: 22px;
border-radius: 18px;
background: var(--sw-panel-bg, #f0eee8);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__downloads-badge {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 14px;
color: var(--page-accent-ink, #fff);
background: var(--page-accent, var(--navy));
font-size: 15px;
font-weight: 900;
}
.sw-block__downloads-body {
min-width: 0;
}
.sw-block__downloads-body h3 {
margin: 0 0 5px;
font-size: 17px;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__downloads-body p {
margin: 0;
color: var(--sw-panel-fg-muted, var(--muted));
font-size: 16px;
}
.sw-block__downloads-item > a {
font-size: 14px;
font-weight: 900;
color: var(--sw-panel-fg, var(--ink));
text-decoration: none;
}
.sw-block__downloads-item > a:hover {
text-decoration: underline;
}
@media (max-width: 700px) {
.sw-block__downloads-item { grid-template-columns: 44px 1fr; }
.sw-block__downloads-badge { width: 44px; height: 44px; }
.sw-block__downloads-item > a { grid-column: 2; }
}
.sw-block__upcoming-events-list {
display: grid;
gap: 11px;
}
.sw-block__upcoming-events-item {
display: grid;
grid-template-columns: 1fr auto;
gap: 20px;
padding: 27px 30px;
align-items: center;
border-radius: 20px;
color: var(--ink);
background: #f2f0ea;
text-decoration: none;
transition: transform 160ms ease;
}
.sw-block__upcoming-events-item:hover {
transform: translateY(-2px);
}
.sw-block__upcoming-events-item small {
display: block;
color: #8a6400;
font-size: 13px;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
}
.sw-block__upcoming-events-item h3 {
margin: 8px 0;
font-size: 22px;
color: var(--ink);
}
.sw-block__upcoming-events-item p {
margin: 0 0 9px;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.6;
}
.sw-block__upcoming-events-item b {
font-size: 16px;
color: var(--ink);
}
.sw-block__upcoming-events-arrow {
display: grid;
place-items: center;
flex: 0 0 auto;
color: var(--ink);
}
.sw-block__upcoming-events-button {
margin-top: 25px;
}
@media (max-width: 640px) {
.sw-block__upcoming-events-item {
grid-template-columns: 1fr;
padding: 22px;
}
.sw-block__upcoming-events-arrow {
display: none;
}
}
.sw-block__document-list h2 {
margin: 0 0 20px;
font-size: 24px;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__document-list-items {
display: grid;
gap: 8px;
padding: 13px;
border-radius: 27px;
background: var(--sw-panel-bg, #edf1f2);
}
.sw-block__document-list-item {
display: grid;
grid-template-columns: 54px 1fr auto;
gap: 22px;
min-height: 145px;
padding: 25px;
align-items: center;
border-radius: 18px;
background: #fff;
}
.sw-block__document-list-badge {
display: grid;
place-items: center;
width: 54px;
height: 54px;
flex: 0 0 auto;
border-radius: 17px;
color: var(--page-accent-text, var(--page-accent, var(--navy)));
background: color-mix(in srgb, var(--page-accent, var(--navy)) 15%, #fff);
font-size: 20px;
}
.sw-block__document-list-body {
min-width: 0;
}
.sw-block__document-list-body h3 {
margin: 0 0 7px;
font-size: 19px;
color: var(--ink);
}
.sw-block__document-list-body p {
margin: 0 0 8px;
color: var(--muted);
font-size: 16px;
line-height: 1.6;
}
.sw-block__document-list-body small {
display: block;
color: var(--muted-text);
font-size: 16px;
font-weight: 800;
}
.sw-block__document-list-item > a {
display: inline-flex;
gap: 8px;
align-items: center;
color: var(--page-accent-text, var(--page-accent, var(--navy)));
font-size: 13px;
font-weight: 900;
text-decoration: none;
white-space: nowrap;
}
.sw-block__document-list-item > a:hover {
text-decoration: underline;
}
.sw-block__document-list-item > a i {
font-size: 12px;
}
@media (max-width: 700px) {
.sw-block__document-list-items { padding: 9px; }
.sw-block__document-list-item {
grid-template-columns: 48px 1fr;
gap: 16px;
min-height: 0;
padding: 22px;
}
.sw-block__document-list-badge { width: 48px; height: 48px; font-size: 18px; }
.sw-block__document-list-item > a { grid-column: 2; }
}
.sw-block__team-list h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__team-list-grid {
display: grid;
gap: 18px;
}
.sw-block__team-card {
display: grid;
grid-template-columns: 176px minmax(0, 1fr) minmax(210px, auto);
gap: 32px;
min-height: 210px;
padding: 18px 24px 18px 18px;
align-items: center;
text-align: left;
border-radius: 27px;
border: none;
background: var(--sw-panel-bg, #f1eee8);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__team-card:not(:has(.sw-block__team-card-photo)) {
grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
}
.sw-block__team-card-photo {
width: 176px;
height: 176px;
object-fit: cover;
border-radius: 21px;
margin: 0;
}
.sw-block__team-card-copy {
min-width: 0;
}
.sw-block__team-card h3 {
margin: 0 0 13px;
font-size: 28px;
line-height: 1.08;
letter-spacing: -.035em;
color: var(--ink);
}
.sw-block__team-card-position {
margin: 0 0 8px;
color: var(--blue-text);
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .035em;
}
.sw-block__team-card-bio {
max-width: 670px;
margin: 0;
color: var(--soft-ink);
font-size: 17px;
line-height: 1.72;
}
.sw-block__team-card-contact {
display: flex;
flex-direction: column;
gap: 4px;
}
.sw-block__team-card a {
display: block;
font-size: 16px;
font-weight: 900;
line-height: 1.4;
color: var(--ink);
text-decoration: none;
overflow-wrap: anywhere;
}
.sw-block__team-card a:hover {
color: var(--blue-text);
}
@media (max-width: 900px) {
.sw-block__team-card { grid-template-columns: 140px minmax(0, 1fr); min-height: 0; }
.sw-block__team-card:not(:has(.sw-block__team-card-photo)) { grid-template-columns: 1fr; }
.sw-block__team-card-photo { width: 140px; height: 150px; }
.sw-block__team-card-contact { grid-column: 2; padding-left: 0; border-left: 0; }
}
@media (max-width: 620px) {
.sw-block__team-card,
.sw-block__team-card:not(:has(.sw-block__team-card-photo)) { grid-template-columns: 1fr; padding: 16px 16px 24px; }
.sw-block__team-card-photo { width: 100%; height: 270px; }
.sw-block__team-card-contact { grid-column: 1; flex-direction: row; flex-wrap: wrap; gap: 4px 18px; padding-top: 18px; padding-left: 0; border-left: 0; border-top: 2px solid color-mix(in srgb, var(--blue) 24%, #fff); }
}
.sw-block__partner-logos h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--ink);
}
.sw-block__partner-logos-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 64px 40px;
}
.sw-block__partner-logo {
display: grid;
min-height: 220px;
padding: 0;
place-items: center;
align-content: center;
gap: 22px;
border-radius: 0;
background: none;
text-decoration: none;
text-align: center;
}
.sw-block__partner-logo-img {
display: flex;
align-items: center;
justify-content: center;
height: 160px;
width: 100%;
}
.sw-block__partner-logo-img img {
max-height: 100%;
max-width: 100%;
object-fit: contain;
mix-blend-mode: multiply;
filter: grayscale(1) opacity(.72);
transition: filter .25s ease, transform .25s ease;
pointer-events: none;
}
.sw-block__partner-logo:hover .sw-block__partner-logo-img img {
filter: grayscale(0) opacity(1);
transform: scale(1.04);
}
.sw-block__partner-logo-name {
font-weight: 700;
font-size: 14px;
line-height: 1.35;
color: var(--soft-ink);
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-logo-img {
padding: 22px 26px;
border-radius: 18px;
background: #fff;
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-logo-img img {
mix-blend-mode: normal;
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-logo-name {
color: rgba(255, 255, 255, .82);
}
@media (max-width: 1080px) {
.sw-block__partner-logos-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.sw-block__partner-logos-grid { grid-template-columns: 1fr; }
}
.sw-block__partner-logos-carousel {
position: relative;
height: 320px;
margin: 0 60px;
overflow: hidden;
}
.sw-block__partner-logos-track {
position: relative;
height: 100%;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo {
position: absolute;
top: 50%;
left: 50%;
width: 220px;
margin-left: -110px;
transition: transform 550ms cubic-bezier(.22, .8, .24, 1), opacity 550ms ease;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="0"] {
transform: translate(0, -50%) scale(1.2);
opacity: 1;
z-index: 5;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="0"] .sw-block__partner-logo-img img {
filter: grayscale(0) opacity(1);
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="0"] .sw-block__partner-logo-name {
color: var(--ink);
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="0"] .sw-block__partner-logo-name {
color: #fff;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="-1"] {
transform: translate(-240px, -50%) scale(.82);
opacity: .7;
z-index: 4;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="1"] {
transform: translate(240px, -50%) scale(.82);
opacity: .7;
z-index: 4;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="-2"] {
transform: translate(-450px, -50%) scale(.64);
opacity: .35;
z-index: 3;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="2"] {
transform: translate(450px, -50%) scale(.64);
opacity: .35;
z-index: 3;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="-3"],
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="3"] {
transform: translate(0, -50%) scale(.5);
opacity: 0;
z-index: 1;
pointer-events: none;
}
@media (max-width: 900px) {
.sw-block__partner-logos-carousel {
height: 300px;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo-img {
height: 130px;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo {
min-height: 190px;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="-1"] {
transform: translate(-160px, -50%) scale(.78);
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="1"] {
transform: translate(160px, -50%) scale(.78);
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="-2"],
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="2"] {
transform: translate(0, -50%) scale(.5);
opacity: 0;
pointer-events: none;
}
}
@media (max-width: 560px) {
.sw-block__partner-logos-carousel {
height: 240px;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo {
width: 160px;
min-height: 150px;
margin-left: -80px;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo-img {
height: 100px;
}
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="-1"],
.sw-block__partner-logos-carousel .sw-block__partner-logo[data-carousel-offset="1"] {
transform: translate(0, -50%) scale(.6);
opacity: 0;
pointer-events: none;
}
}
.sw-block__partner-carousel-arrow {
position: absolute;
z-index: 6;
top: 50%;
translate: 0 -50%;
width: 50px;
height: 50px;
border: 0;
border-radius: 50%;
background: #fff;
font-size: 30px;
line-height: 1;
color: var(--ink);
cursor: pointer;
transition: transform .18s ease;
}
.sw-block__partner-carousel-arrow:hover { transform: scale(1.06); }
.sw-block__partner-carousel-arrow--prev { left: 0; }
.sw-block__partner-carousel-arrow--next { right: 0; }
.sw-block__partner-carousel-nav {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 23px;
flex-wrap: wrap;
row-gap: 12px;
}
.sw-block__partner-carousel-count {
min-width: 24px;
font-size: 15px;
font-weight: 900;
color: var(--ink);
}
.sw-block__partner-carousel-progress {
display: block;
width: 94px;
height: 2px;
margin-right: 8px;
background: #dce2e5;
}
.sw-block__partner-carousel-progress span {
display: block;
height: 100%;
background: var(--blue);
transition: width 500ms ease;
}
.sw-block__partner-carousel-nav button[data-partner-carousel-dot] {
width: 8px;
height: 8px;
padding: 0;
border: 8px solid transparent;
background-clip: content-box;
box-sizing: content-box;
border-radius: 50%;
background-color: #cfd5d8;
background-image: none;
cursor: pointer;
flex: none;
}
.sw-block__partner-carousel-nav button[data-partner-carousel-dot].is-active {
width: 24px;
border-radius: 999px;
background-color: var(--blue);
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-carousel-count {
color: #fff;
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-carousel-progress {
background: rgba(255, 255, 255, .25);
}
.sw-block.rhythm-feature:not(.sw-block--has-own-bg) .sw-block__partner-carousel-nav button[data-partner-carousel-dot] {
background: rgba(255, 255, 255, .3);
}
@media (max-width: 560px) {
.sw-block__partner-carousel-nav {
flex-wrap: wrap;
row-gap: 8px;
}
}
.sw-block__awards h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--ink);
}
.sw-block__awards-lead {
margin: -12px 0 22px;
max-width: 640px;
font-size: 17px;
line-height: 1.6;
color: var(--soft-ink);
}
.sw-block__awards-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 48px 32px;
}
.sw-block__award-card {
display: block;
text-align: left;
min-width: 0;
border-radius: 0;
color: var(--ink);
background: none;
text-decoration: none;
}
.sw-block__award-card-logo {
position: relative;
display: flex;
height: 270px;
margin: 0 0 22px;
overflow: hidden;
border-radius: 24px;
background: var(--navy);
}
a.sw-block__award-card-logo {
cursor: zoom-in;
}
.sw-block__award-card-logo img {
width: 100%;
height: 100%;
max-height: none;
max-width: none;
object-fit: cover;
border-radius: 0;
transition: transform .24s ease;
}
.sw-block__award-card-logo:hover img {
transform: scale(1.035);
}
a.sw-block__award-card:hover .sw-block__award-card-logo img {
transform: scale(1.035);
}
.sw-block__award-card h3 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.22;
color: var(--ink);
}
.sw-block__award-card p {
margin: 0;
font-size: 16px;
color: var(--muted);
line-height: 1.68;
}
.sw-block__award-card:has(.sw-block__award-card-link) p {
margin-bottom: 8px;
}
.sw-block__award-card-link {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0 27px 27px;
font-size: 15px;
font-weight: 800;
}
.sw-block__award-card-link::after {
content: "\2192";
}
@media (max-width: 820px) {
.sw-block__awards-grid { grid-template-columns: 1fr; }
.sw-block__award-card-logo { height: 245px; }
}
.sw-block--recent-articles:has(.sw-block__news-grid) {
padding: 90px 0 96px;
background: var(--sw-panel-bg, #fff);
}
.sw-block__news h2 {
margin: 0 0 36px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__news-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
.sw-block__news-card {
position: relative;
display: block;
min-height: 520px;
overflow: hidden;
border-radius: 27px;
color: #fff;
background: #334145;
text-decoration: none;
transition: transform 220ms ease;
}
.sw-block__news-card:hover {
transform: translateY(-7px);
}
.sw-block__news-card-media {
position: relative;
width: 100%;
height: 100%;
min-height: 520px;
overflow: hidden;
background: var(--navy);
}
.sw-block__news-card-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s ease;
}
.sw-block__news-card:hover .sw-block__news-card-media img {
transform: scale(1.035);
}
.sw-block__news-card-media--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, .4);
font-size: 34px;
}
.sw-block__news-card::after {
content: "";
position: absolute;
inset: 29% 0 0;
background: linear-gradient(transparent 0%, rgba(10, 19, 22, .74) 30%, rgba(10, 19, 22, .96) 100%);
pointer-events: none;
}
.sw-block__news-card-media::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60%;
backdrop-filter: blur(9px);
mask-image: linear-gradient(transparent, black 60%);
pointer-events: none;
}
.sw-block__news-card-tag {
position: absolute;
z-index: 2;
top: 20px;
left: 20px;
padding: 7px 10px;
border-radius: 8px;
background: var(--yellow);
color: var(--ink);
font-size: 13px;
font-weight: 900;
letter-spacing: .09em;
text-transform: uppercase;
}
.sw-block__news-card-body {
position: absolute;
z-index: 2;
left: 30px;
right: 30px;
bottom: 29px;
}
.sw-block__news-card-body time {
display: block;
margin-bottom: 15px;
font-size: 13px;
font-weight: 900;
letter-spacing: .09em;
text-transform: uppercase;
color: rgba(255, 255, 255, .68);
}
.sw-block__news-card-body h3 {
margin: 0 0 12px;
font-size: 27px;
line-height: 1.15;
letter-spacing: -.035em;
color: #fff;
}
.sw-block__news-card-body p {
margin: 0 0 21px;
font-size: 16px;
line-height: 1.6;
color: rgba(255, 255, 255, .72);
}
.sw-block__news-card-more {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 900;
color: #fff;
}
@media (max-width: 640px) {
.sw-block__news-grid { grid-template-columns: 1fr; }
.sw-block__news-card,
.sw-block__news-card-media { min-height: 480px; }
}
.sw-block--upcoming-events:has(.events-intro) {
position: relative;
overflow: hidden;
padding: 138px 0;
background: var(--sw-panel-bg, #e8f1f7);
}
.sw-block--upcoming-events:has(.events-intro)::after {
content: "";
position: absolute;
right: -115px;
top: -130px;
width: 360px;
height: 360px;
border-radius: 50%;
background: rgba(22, 132, 197, .08);
}
.events-layout {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: .62fr 1.38fr;
gap: 105px;
align-items: start;
}
.events-intro {
position: sticky;
top: 140px;
}
.events-intro h2 {
margin: 0 0 28px;
font-size: clamp(48px, 4.8vw, 70px);
line-height: .98;
letter-spacing: -.06em;
font-weight: 750;
color: var(--sw-panel-fg, var(--ink));
}
.events-intro > p:not(.kicker) {
max-width: 390px;
margin: 0 0 32px;
color: var(--sw-panel-fg-muted, var(--soft-ink));
font-size: 16px;
line-height: 1.75;
}
@media (max-width: 960px) {
.events-layout {
grid-template-columns: 1fr;
gap: 54px;
}
.events-intro {
position: static;
}
}
@media (max-width: 640px) {
.sw-block--upcoming-events:has(.events-intro) { padding: 92px 0; }
}
.sw-block__events-switcher {
display: flex;
gap: 8px;
margin-bottom: 20px;
}
.sw-block__events-switcher-tab {
padding: 8px 18px;
border-radius: var(--r-l);
border: 1px solid var(--line);
color: var(--muted);
font-weight: 600;
font-size: 14.5px;
text-decoration: none;
}
.sw-block__events-switcher-tab.is-active {
background: var(--blue);
border-color: var(--blue-text);
color: #fff;
}
.sw-block__events-empty {
color: var(--muted);
font-size: 16px;
margin: 0;
}
.sw-block__events-list {
display: grid;
gap: 11px;
}
.sw-block__event-row {
display: grid;
grid-template-columns: 74px minmax(0, 1fr) auto;
gap: 24px;
align-items: center;
padding: 22px 28px;
border-radius: 20px;
background: var(--sw-panel-bg, #f2f0ea);
color: var(--sw-panel-fg, var(--ink));
text-decoration: none;
transition: transform 160ms ease;
}
.sw-block__event-row:hover {
transform: translateY(-2px);
}
.sw-block__event-row-date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
min-height: 64px;
border-radius: 14px;
color: #fff;
background: var(--blue-strong);
}
.sw-block__event-row-date b {
font-size: 22px;
line-height: 1;
}
.sw-block__event-row-date span {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
opacity: .85;
}
.sw-block__event-row-info {
min-width: 0;
}
.sw-block__event-row-info b {
display: block;
margin-bottom: 4px;
font-size: 19px;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__event-row-info p {
margin: 0 0 6px;
color: var(--sw-panel-fg-muted, var(--soft-ink));
font-size: 15px;
line-height: 1.55;
}
.sw-block__event-row-info span {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--sw-panel-fg-muted, var(--muted));
font-size: 13px;
}
.sw-block__event-row-arrow {
flex: 0 0 auto;
font-size: 13px;
font-weight: 900;
color: var(--blue-text);
white-space: nowrap;
}
@media (max-width: 640px) {
.sw-block__event-row {
grid-template-columns: 56px minmax(0, 1fr);
}
.sw-block__event-row-arrow {
display: none;
}
}
.sw-block__events-load-more {
display: block;
margin: 24px auto 0;
padding: 12px 30px;
border: 1px solid var(--line);
border-radius: 999px;
background: #fff;
color: var(--ink);
font-weight: 700;
font-size: 14.5px;
cursor: pointer;
transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}
.sw-block__events-load-more:hover {
color: #fff;
background: var(--blue-strong);
border-color: var(--blue-text);
}
.sw-block__events-calendar-heading {
margin: 0 0 24px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--ink);
}
.sw-block__publications-latest {
display: grid;
grid-template-columns: 240px 1fr;
gap: 48px;
padding: 44px;
align-items: center;
border-radius: 30px;
background: var(--sw-panel-bg, #fff2be);
--muted-text: #4f585f;
--page-accent-text: #3d2d00;
}
.sw-block__publications-latest img {
width: 100%;
border-radius: 12px;
box-shadow: 0 20px 45px rgba(7, 25, 35, .16);
}
.sw-block__publications-latest .kicker {
color: var(--page-accent-text, #5a4300);
}
.sw-block__publications-latest h2 {
margin: 0;
font-size: clamp(38px, 4.2vw, 56px);
line-height: 1.02;
letter-spacing: -.05em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__publications-latest p {
margin: 8px 0 0;
color: var(--sw-panel-fg-muted, #5e532f);
font-size: 16px;
line-height: 1.75;
}
.sw-block__publications-latest small {
display: block;
margin-top: 12px;
color: #766835;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}
.sw-block__publications-actions {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 25px;
align-items: center;
}
.sw-block__publications-actions > a:not(.button) {
display: inline-flex;
gap: 7px;
align-items: center;
color: var(--ink);
font-size: 14px;
font-weight: 900;
text-decoration: none;
}
.sw-block__publications-player {
display: flex;
align-items: center;
gap: 16px;
margin-top: 24px;
padding: 14px 18px 14px 14px;
border-radius: 999px;
background: #fff;
}
.sw-block__publications-player audio {
display: none;
}
.sw-block__publications-player-toggle {
flex: 0 0 auto;
display: grid;
width: 44px;
height: 44px;
place-items: center;
border: 0;
border-radius: 50%;
background: var(--navy);
color: #fff;
font-size: 15px;
cursor: pointer;
transition: transform .16s ease;
}
.sw-block__publications-player-toggle:hover {
transform: scale(1.06);
}
.sw-block__publications-player-toggle .fa-pause {
font-size: 14px;
}
.sw-block__publications-player-body {
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
gap: 14px;
}
.sw-block__publications-player-waveform {
position: relative;
flex: 1 1 auto;
min-width: 0;
height: 32px;
cursor: pointer;
}
.sw-block__publications-player-bars {
position: absolute;
inset: 0;
display: flex;
align-items: center;
gap: 2.5px;
overflow: hidden;
}
.sw-block__publications-player-bars span {
flex: 1 1 0;
min-width: 2px;
border-radius: 2px;
background: #e7dfae;
}
.sw-block__publications-player-bars--played {
width: 0%;
}
.sw-block__publications-player-bars--played span {
background: #9a6e00;
}
.sw-block__publications-player-time {
flex: 0 0 auto;
display: flex;
gap: 4px;
color: #766835;
font-size: 13px;
font-weight: 900;
font-variant-numeric: tabular-nums;
}
.sw-block__publications-player-time-sep {
opacity: .5;
}
@media (max-width: 640px) {
.sw-block__publications-player-body {
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.sw-block__publications-player-time {
justify-content: flex-end;
}
}
.sw-block__donation-qr {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
gap: 54px;
padding: 52px;
align-items: center;
border-radius: 32px;
color: #fff;
background: var(--navy);
}
.sw-block__donation-qr-copy h2 {
margin: 0 0 20px;
color: #fff;
font-size: clamp(36px, 4vw, 54px);
line-height: 1.03;
letter-spacing: -.05em;
}
.sw-block__donation-qr-copy > p:not(.kicker) {
max-width: 650px;
margin: 0 0 26px;
color: rgba(255, 255, 255, .74);
font-size: 18px;
line-height: 1.7;
}
.sw-block__donation-qr-copy .kicker {
color: var(--yellow);
}
.sw-block__donation-presets {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.sw-block__donation-presets button {
min-height: 45px;
padding: 0 16px;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 999px;
color: #fff;
background: rgba(255, 255, 255, .08);
font: inherit;
font-size: 16px;
font-weight: 900;
cursor: pointer;
}
.sw-block__donation-presets button.is-active {
border-color: var(--yellow);
color: var(--ink);
background: var(--yellow);
}
.sw-block__donation-custom {
display: grid;
gap: 8px;
margin-top: 23px;
}
.sw-block__donation-custom > span:first-child {
color: rgba(255, 255, 255, .72);
font-size: 16px;
font-weight: 900;
}
.sw-block__donation-custom > span:last-child {
display: grid;
grid-template-columns: minmax(0, 220px) auto;
gap: 10px;
align-items: center;
font-size: 17px;
font-weight: 900;
}
.sw-block__donation-custom input {
height: 50px;
padding: 0 15px;
border: 0;
border-radius: 13px;
color: var(--ink);
background: #fff;
font: inherit;
font-size: 17px;
}
.sw-block__donation-account {
display: grid;
gap: 9px;
margin: 27px 0 0;
}
.sw-block__donation-account > div {
display: flex;
gap: 18px;
align-items: baseline;
justify-content: space-between;
}
.sw-block__donation-account dt {
color: rgba(255, 255, 255, .65);
font-size: 16px;
}
.sw-block__donation-account dd {
margin: 0;
font-size: 17px;
font-weight: 950;
}
.sw-block__donation-qr-code {
padding: 27px;
border-radius: 25px;
color: var(--ink);
background: #fff;
text-align: center;
}
.sw-block__donation-qr-visuals {
position: relative;
width: min(100%, 250px);
margin: 0 auto 20px;
}
.sw-block__donation-qr-visual svg {
display: block;
width: 100%;
height: auto;
}
.sw-block__donation-qr-code strong {
display: block;
font-size: 21px;
line-height: 1.3;
}
.sw-block__donation-qr-code p {
margin: 10px 0 0;
color: var(--muted);
font-size: 16px;
line-height: 1.6;
}
@media (max-width: 700px) {
.sw-block__donation-qr {
padding: 29px 23px;
grid-template-columns: 1fr;
}
.sw-block__donation-account > div {
display: grid;
gap: 3px;
}
}
.sw-block__publications-text-link {
display: inline-flex;
gap: 7px;
align-items: center;
margin-top: 24px;
color: var(--ink);
font-size: 14px;
font-weight: 900;
text-decoration: none;
}
.sw-block__publications-archive {
display: block;
margin-top: 88px;
}
.sw-block__publications-heading {
max-width: 760px;
margin: 0 0 38px;
}
.sw-block__publications-heading h2 {
margin: 0;
font-size: clamp(38px, 4.2vw, 56px);
line-height: 1.02;
letter-spacing: -.05em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__publications-accent {
color: var(--page-accent-text, #5a4300);
}
.sw-block__publications-year-filter {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-bottom: 25px;
}
.sw-block__publications-year-filter button {
padding: 10px 16px;
border: 0;
border-radius: 999px;
color: var(--ink);
background: #eceae4;
font: inherit;
font-size: 13px;
font-weight: 900;
cursor: pointer;
}
.sw-block__publications-year-filter button.is-active {
color: var(--navy);
background: var(--yellow);
}
.sw-block__publications-list {
display: grid;
gap: 11px;
}
.sw-block__publications-list article {
display: grid;
grid-template-columns: 92px 1fr;
gap: 24px;
padding: 20px;
align-items: center;
border-radius: 20px;
background: #f2f0ea;
}
.sw-block__publications-list article[hidden] {
display: none;
}
.sw-block__publications-list img {
width: 92px;
border-radius: 8px;
}
.sw-block__publications-list small {
color: #8a6400;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
}
.sw-block__publications-list h3 {
margin: 6px 0 8px;
font-size: 19px;
color: var(--ink);
}
.sw-block__publications-list p {
margin: 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.6;
}
.sw-block__publications-list-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.sw-block__publications-action {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 9px 15px;
border-radius: 999px;
font-size: 12px;
font-weight: 900;
text-decoration: none;
transition: translate .15s ease, background .15s ease;
}
.sw-block__publications-action:hover {
translate: 0 -2px;
}
.sw-block__publications-action i {
font-size: 12px;
}
.sw-block__publications-action--pdf {
color: #fff;
background: var(--ink);
}
.sw-block__publications-action--download {
color: var(--ink);
background: #fff;
border: 1px solid #ddd7c8;
}
.sw-block__publications-action--audio {
color: #6b4e00;
background: var(--yellow);
}
@media (max-width: 820px) {
.sw-block__publications-latest {
grid-template-columns: 180px 1fr;
gap: 30px;
}
}
@media (max-width: 640px) {
.sw-block__publications-archive {
margin-top: 64px;
}
.sw-block__publications-latest {
grid-template-columns: 1fr;
padding: 28px 23px;
}
.sw-block__publications-latest img {
width: 170px;
}
.sw-block__publications-list article {
grid-template-columns: 75px 1fr;
}
.sw-block__publications-list img {
width: 75px;
}
}
.sw-block__stats h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--ink);
}
.sw-block__stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
gap: 18px;
}
.sw-block__stat {
min-height: 250px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 36px;
border: none;
border-radius: 24px;
}
.sw-block__stat-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 12px;
margin-bottom: 16px;
background: rgba(255, 255, 255, .22);
font-size: 17px;
}
.sw-block__stat b {
display: block;
font-size: clamp(30px, 3vw, 45px);
font-weight: 700;
letter-spacing: -0.05em;
line-height: 1.05;
margin-bottom: 8px;
}
.sw-block__stat span {
max-width: 220px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
}
.sw-block__stat--blue { background: var(--blue-strong); }
.sw-block__stat--blue b, .sw-block__stat--blue span { color: #fff; }
.sw-block__stat--green { background: var(--green-text); }
.sw-block__stat--green b, .sw-block__stat--green span { color: #fff; }
.sw-block__stat--yellow { background: var(--yellow); }
.sw-block__stat--yellow b, .sw-block__stat--yellow span { color: var(--ink); }
.sw-block__stat--yellow .sw-block__stat-icon { background: rgba(21, 26, 29, .1); }
.sw-block__stat--neutral { background: var(--ink); }
.sw-block__stat--neutral b, .sw-block__stat--neutral span { color: #fff; }
.sw-block__stats-note {
margin: 18px 0 0;
font-size: 16px;
color: var(--muted);
}
.sw-block__stats-note a { color: inherit; }
@media (max-width: 900px) {
.sw-block__stats-grid { grid-template-columns: 1fr 1fr; }
}
.sw-block__link-list h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__link-list-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 11px;
padding: 17px;
border-radius: 28px;
background: var(--sw-panel-bg, #eef2f4);
border: none;
overflow: visible;
}
.sw-block__link-item {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 14px;
min-width: 0;
align-items: center;
padding: 19px 20px;
border: none;
border-radius: 17px;
background: #fff;
text-decoration: none;
color: var(--ink);
transition: background .18s ease;
}
.sw-block__link-item:hover {
background: var(--blue-soft);
}
.sw-block__link-item .dot {
width: 34px;
height: 34px;
margin: 0;
display: grid;
place-items: center;
border-radius: 50%;
background: var(--blue);
}
.sw-block__link-item .dot::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
}
.sw-block__link-item .dot-green { background: var(--green); }
.sw-block__link-item .dot-yellow { background: var(--yellow); }
.sw-block__link-item-body b {
display: block;
font-size: 16px;
font-weight: 800;
line-height: 1.4;
margin-bottom: 2px;
}
.sw-block__link-item-body span {
font-size: 16px;
line-height: 1.5;
color: var(--muted);
}
@media (max-width: 700px) {
.sw-block__link-list-grid { grid-template-columns: 1fr; padding: 10px; border-radius: 20px; }
}
.sw-block__link-list--checklist .sw-block__link-list-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 38px;
padding: 0;
border-radius: 0;
background: none;
list-style: none;
margin: 0;
}
.sw-block__link-list--checklist .sw-block__link-item {
display: grid;
grid-template-columns: 23px 1fr;
gap: 11px;
min-height: 61px;
padding: 16px 0;
align-items: start;
border-bottom: 1px solid rgba(21, 26, 29, .1);
border-radius: 0;
background: none;
color: var(--muted);
font-size: 16px;
line-height: 1.5;
}
.sw-block__link-list--checklist .sw-block__link-item:hover {
background: none;
}
.sw-block__link-list--checklist .sw-block__link-item > span {
display: grid;
width: 22px;
height: 22px;
place-items: center;
border-radius: 50%;
color: var(--page-accent-ink, #2d4a22);
background: var(--page-accent, #9ee767);
font-size: 12px;
font-weight: 950;
}
@media (max-width: 1080px) {
.sw-block__link-list--checklist .sw-block__link-list-grid { grid-template-columns: 1fr; }
}
.sw-block__link-list--documents .sw-block__link-list-grid {
display: grid;
grid-template-columns: 1fr;
gap: 11px;
padding: 0;
border-radius: 0;
background: none;
}
.sw-block__link-list--documents .sw-block__link-item {
display: grid;
grid-template-columns: 52px 1fr auto;
gap: 20px;
padding: 22px;
align-items: center;
border-radius: 18px;
background: var(--sw-panel-bg, #f0eee8);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__link-list--documents .sw-block__link-item:hover {
background: var(--sw-panel-bg, #f0eee8);
}
.sw-block__link-item-badge {
display: grid;
width: 52px;
height: 52px;
place-items: center;
border-radius: 14px;
color: var(--page-accent-ink, #fff);
background: var(--page-accent, var(--navy));
font-size: 15px;
font-weight: 900;
}
.sw-block__link-list--documents .sw-block__link-item-body b {
font-size: 17px;
margin-bottom: 5px;
}
.sw-block__link-list--documents .sw-block__link-item-body span {
font-size: 16px;
}
.sw-block__link-list--documents .sw-block__link-item > a,
.sw-block__link-list--documents .sw-block__link-item > small {
font-size: 14px;
font-weight: 900;
text-decoration: none;
color: var(--ink);
}
@media (max-width: 700px) {
.sw-block__link-list--documents .sw-block__link-item { grid-template-columns: 44px 1fr; }
.sw-block__link-item-badge { width: 44px; height: 44px; }
.sw-block__link-list--documents .sw-block__link-item > a,
.sw-block__link-list--documents .sw-block__link-item > small { grid-column: 2; }
}
.sw-block__facts {
display: grid;
gap: 32px;
}
.sw-block__fact h2 {
max-width: 790px;
margin: 0 0 20px;
font-size: clamp(36px, 4vw, 54px);
line-height: 1.03;
letter-spacing: -.05em;
}
.sw-block__fact-panel {
display: grid;
grid-template-columns: .7fr 1.3fr;
gap: 45px;
align-items: center;
padding: 45px;
border-radius: 28px;
color: var(--sw-panel-fg, var(--navy));
background: var(--sw-panel-bg, var(--page-accent-soft, var(--yellow)));
}
.sw-block__fact-panel strong {
font-size: clamp(30px, 4vw, 52px);
line-height: 1;
letter-spacing: -.04em;
}
.sw-block__fact-panel p {
margin: 0;
font-size: 16px;
line-height: 1.7;
}
.sw-block__fact-panel:not(:has(p)) {
grid-template-columns: 1fr;
}
@media (max-width: 820px) {
.sw-block__fact-panel {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.sw-block__fact h2 {
font-size: 35px;
}
.sw-block__fact-panel {
padding: 29px 23px;
border-radius: 23px;
}
}
.sw-block__steps-wrap h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__steps {
counter-reset: sw-step;
display: grid;
gap: 11px;
}
.sw-block__step {
display: grid;
grid-template-columns: 58px 1fr;
gap: 25px;
align-items: start;
padding: 27px 30px;
border: none;
border-radius: 20px;
background: var(--sw-panel-bg, #f1f4f2);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__step::before {
counter-increment: sw-step;
content: counter(sw-step);
grid-column: 1;
grid-row: 1 / -1;
align-self: start;
display: grid;
place-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--page-accent, var(--ink));
color: var(--page-accent-ink, #fff);
font-weight: 950;
font-size: 16px;
margin-bottom: 0;
}
.sw-block__step b {
grid-column: 2;
display: block;
font-size: 20px;
margin-bottom: 8px;
color: var(--ink);
}
.sw-block__step p {
grid-column: 2;
margin: 0;
font-size: 17px;
line-height: 1.72;
color: var(--muted);
}
.sw-block__step p + p,
.sw-block__step ul {
margin-top: 10px;
}
.sw-block__step ul {
grid-column: 2;
padding-left: 18px;
color: var(--muted);
font-size: 16px;
line-height: 1.72;
}
@media (max-width: 640px) {
.sw-block__step { grid-template-columns: 48px 1fr; padding: 20px; gap: 17px; }
.sw-block__step::before { width: 42px; height: 42px; }
}
.sw-block__steps--process {
position: relative;
gap: 0;
}
.sw-block__steps--process::before {
content: "";
position: absolute;
top: 29px;
bottom: 29px;
left: 27px;
width: 2px;
background: #dfe5e7;
}
.sw-block__steps--process .sw-block__step {
position: relative;
z-index: 1;
grid-template-columns: 56px 1fr;
gap: 23px;
padding: 0 0 27px;
background: none;
border-radius: 0;
}
.sw-block__steps--process .sw-block__step:last-child {
padding-bottom: 0;
}
.sw-block__steps--process .sw-block__step::before {
width: 56px;
height: 56px;
box-shadow: 0 0 0 8px var(--sw-panel-bg, #fff);
font-size: 15px;
}
.sw-block__steps--process .sw-block__step-body {
grid-column: 2;
padding: 20px 25px 22px;
border-radius: 18px;
background: var(--sw-panel-bg, #f3f1eb);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__steps--process .sw-block__step-body b {
font-size: 18px;
margin-bottom: 8px;
}
.sw-block__steps--process .sw-block__step-body p {
font-size: 16px;
line-height: 1.7;
}
.sw-block__steps--process .sw-block__step-body p + p,
.sw-block__steps--process .sw-block__step-body ul {
margin-top: 8px;
}
.sw-block__steps--process .sw-block__step-body ul {
padding-left: 18px;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.7;
}
@media (max-width: 640px) {
.sw-block__steps--process .sw-block__step { grid-template-columns: 46px 1fr; gap: 14px; }
.sw-block__steps--process .sw-block__step::before { width: 46px; height: 46px; }
.sw-block__steps--process::before { left: 22px; }
.sw-block__steps--process .sw-block__step-body { padding: 18px; }
}
.sw-block__feature {
display: grid;
grid-template-columns: 1.02fr .98fr;
gap: 48px;
align-items: center;
}
.sw-block__feature--image-left {
grid-template-columns: .98fr 1.02fr;
}
.sw-block__feature--image-left .sw-block__feature-copy {
order: 2;
}
.sw-block__feature-copy h2 {
margin: 10px 0 14px;
font-size: clamp(28px, 3.2vw, 38px);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__feature-copy > p {
margin: 0;
font-size: 16px;
color: var(--sw-panel-fg-muted, var(--muted));
max-width: 60ch;
}
.sw-block__feature-points {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px 18px;
margin-top: 26px;
}
.sw-block__feature-point {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 14px 0;
border-top: 1px solid var(--line);
}
.sw-block__feature-point i {
color: var(--blue-text);
font-size: 15px;
transform: translateY(4px);
}
.sw-block__feature-point b {
display: block;
font-size: 16px;
margin-bottom: 3px;
color: var(--ink);
}
.sw-block__feature-point span span {
display: block;
font-size: 16px;
color: var(--muted);
line-height: 1.5;
}
.sw-block__feature-actions {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 24px;
}
.sw-block__feature-media .plate img {
aspect-ratio: 5 / 4;
min-height: 320px;
}
@media (max-width: 900px) {
.sw-block__feature,
.sw-block__feature--image-left {
grid-template-columns: 1fr;
}
.sw-block__feature--image-left .sw-block__feature-copy {
order: 0;
}
}
.sw-block__faq-wrap h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__faq {
display: grid;
gap: 10px;
}
.sw-block__faq-item {
overflow: hidden;
border-radius: 18px;
background: var(--sw-panel-bg, #f1f4f2);
}
.sw-block__faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 23px 25px;
font-size: 16px;
font-weight: 900;
color: var(--sw-panel-fg, var(--ink));
cursor: pointer;
list-style: none;
}
.sw-block__faq-item summary::-webkit-details-marker {
display: none;
}
.sw-block__faq-item summary::after {
content: "+";
display: grid;
flex: 0 0 auto;
width: 30px;
height: 30px;
place-items: center;
border-radius: 50%;
color: #fff;
background: var(--blue-strong);
font-weight: 900;
font-size: 16px;
line-height: 1;
transition: rotate .2s ease;
}
.sw-block__faq-item[open] summary::after {
rotate: 45deg;
}
.sw-block__faq-answer {
margin: 0;
padding: 0 70px 25px 25px;
font-size: 16px;
line-height: 1.75;
color: var(--soft-ink);
}
.sw-block__table-wrap h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__table {
width: 100%;
border-collapse: collapse;
border: 1px solid var(--line);
border-radius: var(--r);
overflow: hidden;
}
.sw-block__table th,
.sw-block__table td {
padding: 14px 20px;
text-align: left;
font-size: 16px;
border-bottom: 1px solid var(--line);
}
.sw-block__table th {
background: var(--blue-soft);
color: var(--ink);
font-weight: 900;
text-transform: uppercase;
font-size: 12.5px;
letter-spacing: .06em;
}
.sw-block__table td:first-child {
font-weight: 700;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__table tr:last-child td {
border-bottom: none;
}
.sw-block__table tr.is-highlighted td {
background: var(--yellow-soft);
}
.sw-block__timeline-wrap h2 {
margin: 0 0 22px;
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
letter-spacing: -.03em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__timeline {
position: relative;
display: grid;
gap: 28px;
padding-left: 28px;
}
.sw-block__timeline::before {
content: "";
position: absolute;
left: 5px;
top: 6px;
bottom: 6px;
width: 2px;
background: var(--line);
}
.sw-block__timeline-item {
position: relative;
}
.sw-block__timeline-marker {
position: absolute;
left: -28px;
top: 4px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--page-accent, var(--blue));
box-shadow: 0 0 0 4px var(--page-accent-soft, var(--blue-soft));
}
.sw-block__timeline-date {
display: block;
font-size: 12.5px;
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--page-accent-text, var(--blue-text));
margin-bottom: 4px;
}
.sw-block__timeline-content b {
display: block;
font-size: 20px;
color: var(--sw-panel-fg, var(--ink));
margin-bottom: 7px;
}
.sw-block__timeline-content p {
margin: 0;
font-size: 16px;
line-height: 1.7;
color: var(--soft-ink);
}
@media (max-width: 700px) {
.sw-block__table th,
.sw-block__table td {
padding: 10px 14px;
font-size: 16px;
}
.sw-block__table th {
font-size: 12.5px;
}
}
.sw-block__timeline--history {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
padding: 0;
list-style: none;
}
.sw-block__timeline--history::before {
content: none;
}
.sw-block__timeline--history li {
position: relative;
display: grid;
min-height: 230px;
padding: 31px;
grid-template-columns: 112px minmax(0, 1fr);
gap: 25px;
border-radius: 24px;
background: #f1eee8;
}
.sw-block__timeline--history li:nth-child(1),
.sw-block__timeline--history li:nth-child(5) {
grid-column: 1 / -1;
min-height: 215px;
grid-template-columns: 190px minmax(0, 1fr);
color: #fff;
background: var(--navy);
}
.sw-block__timeline--history time {
color: var(--page-accent-text, var(--blue-text));
font-size: clamp(27px, 3vw, 43px);
font-weight: 950;
line-height: .96;
letter-spacing: -.055em;
}
.sw-block__timeline--history h3 {
margin: 0 0 7px;
font-size: clamp(22px, 2.2vw, 29px);
line-height: 1.08;
color: var(--ink);
}
.sw-block__timeline--history li:nth-child(1) h3,
.sw-block__timeline--history li:nth-child(5) h3 {
color: #fff;
}
.sw-block__timeline--history p {
margin: 0;
font-size: 17px;
line-height: 1.76;
color: var(--soft-ink);
}
.sw-block__timeline--history li:nth-child(1) p,
.sw-block__timeline--history li:nth-child(5) p {
color: rgba(255, 255, 255, .76);
}
@media (max-width: 820px) {
.sw-block__timeline--history { grid-template-columns: 1fr; }
.sw-block__timeline--history li,
.sw-block__timeline--history li:nth-child(1),
.sw-block__timeline--history li:nth-child(5) {
grid-column: auto;
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.sw-block__timeline--history li,
.sw-block__timeline--history li:nth-child(1),
.sw-block__timeline--history li:nth-child(5) {
min-height: 0;
padding: 27px 23px;
}
}
.sw-block__timeline--schedule {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.sw-block__timeline--schedule::before {
content: none;
}
.sw-block__timeline--schedule li {
display: grid;
grid-template-columns: 76px 1fr;
gap: 18px;
padding: 18px 0;
border-top: 1px solid var(--line);
}
.sw-block__timeline--schedule time {
color: #8b6800;
font-size: 17px;
font-weight: 950;
}
.sw-block__timeline--schedule strong {
font-size: 17px;
color: var(--ink);
}
.sw-block__timeline--schedule p {
margin: 7px 0 0;
font-size: 16px;
line-height: 1.6;
color: var(--soft-ink);
}
@media (max-width: 540px) {
.sw-block__timeline--schedule li {
grid-template-columns: 1fr;
gap: 6px;
}
}
.sw-block__hero-carousel {
position: relative;
display: grid;
grid-template-columns: minmax(390px, .78fr) minmax(620px, 1.3fr);
align-items: center;
gap: 78px;
min-height: 555px;
padding: 40px 0 60px;
}
.sw-block__hero-carousel--no-photos {
grid-template-columns: 1fr;
min-height: 0;
}
.sw-block__hero-carousel-copy {
position: relative;
max-width: 520px;
}
@media (max-width: 640px) {
.sw-block__hero-carousel-symbols {
display: none;
}
.sw-block__hero-carousel-stage {
overflow: hidden;
}
}
.sw-block__hero-carousel-symbol {
position: absolute;
z-index: -1;
opacity: .62;
animation: sw-hero-symbol-drift 7s ease-in-out infinite;
}
.sw-block__hero-carousel-symbol--one {
top: 2px;
right: 42px;
color: var(--blue-text);
rotate: -8deg;
}
.sw-block__hero-carousel-symbol--two {
top: 116px;
left: -28px;
color: var(--green-text);
animation-delay: -2s;
}
.sw-block__hero-carousel-symbol--three {
right: -6px;
bottom: 116px;
color: var(--yellow);
animation-delay: -4s;
}
.sw-block__hero-carousel-symbol--four {
left: 42%;
bottom: 8px;
color: var(--blue-text);
opacity: .42;
animation-delay: -5s;
}
@keyframes sw-hero-symbol-drift {
0%, 100% { translate: 0 0; rotate: -3deg; }
50% { translate: 5px -11px; rotate: 4deg; }
}
.sw-block__hero-carousel-copy .kicker {
margin: 0 0 18px;
display: block;
}
.sw-block__hero-carousel-copy h1,
.sw-block__hero-carousel-heading {
max-width: 510px;
margin: 0 0 38px;
font-size: clamp(52px, 4.35vw, 68px);
line-height: 1.07;
letter-spacing: -.052em;
font-weight: 650;
}
.sw-block__hero-carousel-copy h1 span,
.sw-block__hero-carousel-heading span {
position: relative;
display: block;
width: fit-content;
margin-top: 7px;
}
.sw-block__hero-carousel-copy h1 span::after,
.sw-block__hero-carousel-heading span::after {
content: "";
position: absolute;
z-index: -1;
height: 14px;
left: -4px;
right: -7px;
bottom: 3px;
border-radius: 12px;
background: var(--yellow);
opacity: .9;
}
.sw-block__hero-carousel-lead {
max-width: 445px;
margin: 0 0 42px;
color: var(--muted);
font-size: 17px;
line-height: 1.82;
}
.sw-block__hero-carousel-actions {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
}
.sw-block__hero-carousel-link {
color: var(--ink);
font-weight: 900;
font-size: 14px;
text-decoration: none;
}
.sw-block__hero-carousel-link:hover {
text-decoration: underline;
}
.sw-block__hero-carousel-shell {
position: relative;
min-width: 0;
}
.sw-block__hero-carousel-stage {
position: relative;
height: 515px;
}
.sw-block__hero-carousel-card {
position: absolute;
overflow: hidden;
border-radius: 32px;
background: #dce2df;
transition: left 650ms cubic-bezier(.22, .8, .24, 1), top 650ms cubic-bezier(.22, .8, .24, 1),
width 650ms cubic-bezier(.22, .8, .24, 1), height 650ms cubic-bezier(.22, .8, .24, 1), opacity 400ms ease;
}
.sw-block__hero-carousel-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.sw-block__hero-carousel-card[data-active-position="0"] {
z-index: 3;
left: 0;
top: 0;
width: 69%;
height: 100%;
opacity: 1;
}
.sw-block__hero-carousel-card[data-active-position="1"] {
z-index: 2;
left: 72%;
top: 42px;
width: 25%;
height: calc(100% - 84px);
opacity: 1;
}
.sw-block__hero-carousel-card[data-active-position="2"] {
z-index: 1;
left: -8%;
top: 72px;
width: 28%;
height: calc(100% - 144px);
opacity: .3;
}
.sw-block__hero-carousel-card[data-hero-carousel-waiting] {
opacity: 0;
pointer-events: none;
}
.sw-block__hero-carousel-label {
position: absolute;
left: 24px;
bottom: 24px;
padding: 9px 14px;
border-radius: 10px;
color: #fff;
background: rgba(15, 23, 27, .72);
backdrop-filter: blur(14px);
font-size: 14px;
font-weight: 800;
}
.sw-block__hero-carousel-arrow {
position: absolute;
z-index: 6;
top: 50%;
translate: 0 -50%;
width: 50px;
height: 50px;
border: 0;
border-radius: 50%;
background: #fff;
box-shadow: 0 15px 38px rgba(19, 31, 37, .17);
font-size: 30px;
line-height: 1;
color: var(--ink);
cursor: pointer;
transition: transform .18s ease;
}
.sw-block__hero-carousel-arrow:hover { transform: scale(1.06); }
.sw-block__hero-carousel-arrow--prev { left: -25px; }
.sw-block__hero-carousel-arrow--next { right: 0; }
.sw-block__hero-carousel-nav {
display: flex;
align-items: center;
gap: 10px;
margin-top: 23px;
padding-left: 6px;
}
.sw-block__hero-carousel-count {
min-width: 24px;
font-size: 15px;
font-weight: 900;
}
.sw-block__hero-carousel-progress {
display: block;
width: 94px;
height: 2px;
margin-right: 8px;
background: #dce2e5;
}
.sw-block__hero-carousel-progress span {
display: block;
height: 100%;
background: var(--blue);
transition: width 500ms ease;
}
.sw-block__hero-carousel-nav button[data-hero-carousel-dot] {
width: 8px;
height: 8px;
padding: 0;
border: 8px solid transparent;
background-clip: content-box;
box-sizing: content-box;
border-radius: 50%;
background-color: #cfd5d8;
background-image: none;
cursor: pointer;
}
.sw-block__hero-carousel-nav button[data-hero-carousel-dot].is-active {
width: 24px;
border-radius: 999px;
background-color: var(--blue);
}
@media (max-width: 1180px) {
.sw-block__hero-carousel { grid-template-columns: .78fr 1.22fr; gap: 48px; }
}
@media (max-width: 900px) {
.sw-block__hero-carousel { grid-template-columns: 1fr; gap: 58px; padding: 24px 0 40px; }
.sw-block__hero-carousel-copy { max-width: 650px; }
}
@media (max-width: 640px) {
.sw-block__hero-carousel-copy h1,
.sw-block__hero-carousel-heading { font-size: 48px; }
.sw-block__hero-carousel-lead { font-size: 16px; }
.sw-block__hero-carousel-actions { flex-direction: column; align-items: flex-start; gap: 22px; }
.sw-block__hero-carousel-stage { height: 400px; }
.sw-block__hero-carousel-card[data-active-position="0"] { width: 88%; }
.sw-block__hero-carousel-card[data-active-position="1"] { left: 82%; }
.sw-block__hero-carousel-card[data-active-position="2"] { display: none; }
}
.sw-block--intro-strip {
padding: 48px 0;
background: #101b21;
color: #fff;
}
.sw-block__intro-strip {
display: grid;
grid-template-columns: .38fr 1.2fr 1fr auto;
align-items: center;
gap: 54px;
}
.sw-block__intro-strip-number {
align-self: start;
margin: 7px 0 0;
color: var(--yellow);
font-size: 15px;
font-weight: 900;
}
.sw-block__intro-strip h2 {
margin: 0;
max-width: 390px;
font-size: clamp(34px, 3.2vw, 50px);
line-height: 1.08;
letter-spacing: -.045em;
color: #fff;
}
.sw-block__intro-strip-text {
margin: 0;
color: rgba(255, 255, 255, .68);
line-height: 1.75;
}
.sw-block__intro-strip-link {
width: 66px;
height: 66px;
display: grid;
place-items: center;
border-radius: 50%;
color: var(--ink);
background: var(--yellow);
text-decoration: none;
transition: transform .18s ease;
}
.sw-block__intro-strip-link:hover {
transform: scale(1.06);
}
@media (max-width: 900px) {
.sw-block__intro-strip {
grid-template-columns: 1fr;
gap: 16px;
}
}
.sw-block--cards:has(.sw-block__cards--grid) {
padding: 132px 0 140px;
background: var(--navy);
color: #fff;
}
.sw-block__cards--grid h2 {
color: #fff;
}
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-blue-soft,
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-green-soft,
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-yellow-soft,
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-yellow {
color: var(--ink);
}
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-blue-soft { background: var(--blue-soft); }
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-green-soft { background: var(--green-soft); }
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-yellow-soft { background: var(--yellow-soft); }
.sw-block--cards:has(.sw-block__cards--grid).sw-block--bg-yellow { background: var(--yellow); }
.sw-block--bg-blue-soft .sw-block__cards--grid h2,
.sw-block--bg-green-soft .sw-block__cards--grid h2,
.sw-block--bg-yellow-soft .sw-block__cards--grid h2,
.sw-block--bg-yellow .sw-block__cards--grid h2 {
color: var(--ink);
}
.sw-block__cards--grid .sw-block__cards-grid {
padding: 0;
border-radius: 0;
background: none;
gap: 28px;
}
.sw-block__card--indexed {
position: relative;
display: block;
min-height: 386px;
padding: 34px 34px 32px;
border-radius: 24px;
color: var(--ink);
background: #fff;
text-decoration: none;
transition: transform .22s ease, box-shadow .22s ease;
}
.sw-block__card--indexed:hover {
transform: translateY(-7px);
box-shadow: 0 26px 60px rgba(0, 0, 0, .18);
}
.sw-block__card-icon-circle {
width: 60px;
height: 60px;
display: grid;
place-items: center;
margin-bottom: 48px;
border-radius: 18px;
font-size: 22px;
}
.sw-block__card-icon-circle--blue { color: var(--blue-text); background: rgba(22, 132, 197, .12); }
.sw-block__card-icon-circle--green { color: var(--green-text); background: rgba(51, 184, 83, .12); }
.sw-block__card-icon-circle--yellow { color: #b89300; background: rgba(255, 210, 27, .22); }
.sw-block__card-index {
position: absolute;
top: 40px;
right: 35px;
margin: 0;
color: #a8b0b4;
font-size: 14px;
font-weight: 900;
}
.sw-block__card--indexed h3 {
margin: 0 0 14px;
font-size: 24px;
line-height: 1.16;
letter-spacing: -.035em;
color: var(--ink);
}
.sw-block__card--indexed p {
margin: 0 0 28px;
font-size: 16px;
line-height: 1.7;
color: var(--muted);
}
.sw-block__card--indexed .sw-block__card-body {
display: block;
height: auto;
}
.sw-block__card--indexed .sw-block__card-link {
display: inline-flex;
gap: 8px;
margin-top: 0;
padding-top: 0;
font-size: 15px;
font-weight: 900;
color: var(--ink);
}
@media (max-width: 1080px) {
.sw-block__cards--grid .sw-block__cards-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 960px) {
.sw-block__cards--grid .sw-block__cards-grid { grid-template-columns: 1fr; }
.sw-block__card--indexed { min-height: 320px; }
}
@media (max-width: 640px) {
.sw-block--cards:has(.sw-block__cards--grid) { padding: 56px 0 92px; }
.sw-block__card--indexed { padding: 28px; }
}
.sw-block__feature-story {
display: grid;
grid-template-columns: 1.38fr .62fr;
min-height: 530px;
overflow: hidden;
border-radius: 30px;
background: #102f46;
}
.sw-block__feature-story--image-left {
grid-template-columns: .62fr 1.38fr;
}
.sw-block__feature-story--image-left .sw-block__feature-story-photo {
order: 2;
}
.sw-block__feature-story-photo {
position: relative;
overflow: hidden;
min-height: 320px;
}
.sw-block__feature-story-photo::after {
content: "";
position: absolute;
inset: 35% 0 0;
background: linear-gradient(transparent, rgba(5, 16, 13, .78));
}
.sw-block__feature-story-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sw-block__feature-story-caption {
position: absolute;
z-index: 2;
left: 42px;
right: 42px;
bottom: 40px;
}
.sw-block__feature-story-caption .kicker {
color: #fff;
}
.sw-block__feature-story-caption h3,
.sw-block__feature-story-caption-title {
max-width: 560px;
margin: 0;
font-size: 32px;
line-height: 1.12;
letter-spacing: -.035em;
color: #fff;
}
.sw-block__feature-story-copy {
align-self: center;
padding: 48px;
color: #fff;
}
.sw-block__feature-story-copy h2,
.sw-block__feature-story-copy h3 {
margin: 0 0 22px;
font-size: 31px;
line-height: 1.15;
letter-spacing: -.04em;
color: #fff;
}
.sw-block__feature-story-copy > p {
margin: 0 0 32px;
color: rgba(255, 255, 255, .63);
font-size: 16px;
line-height: 1.75;
}
.sw-block__feature-story-tags {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin: -3px 0 32px;
}
.sw-block__feature-story-tags span {
padding: 8px 11px;
border-radius: 8px;
color: rgba(255, 255, 255, .82);
background: rgba(255, 255, 255, .08);
font-size: 13px;
font-weight: 800;
}
.sw-block__feature-story-link {
color: #fff;
}
@media (max-width: 960px) {
.sw-block__feature-story,
.sw-block__feature-story--image-left {
grid-template-columns: 1fr;
}
.sw-block__feature-story--image-left .sw-block__feature-story-photo {
order: 0;
}
.sw-block__feature-story-photo {
min-height: 470px;
}
}
@media (max-width: 640px) {
.sw-block__feature-story-photo {
min-height: 430px;
}
.sw-block__feature-story-caption {
left: 26px;
right: 26px;
bottom: 28px;
}
.sw-block__feature-story-copy {
padding: 36px 28px 42px;
}
}
.sw-block--feature-split:has(.sw-block__feature--stats) {
padding: 90px 0;
background: var(--sw-panel-bg, #f0ede6);
}
.sw-block__feature--stats {
grid-template-columns: .72fr 1.28fr;
gap: 100px;
}
.sw-block__feature--stats.sw-block__feature--image-left {
grid-template-columns: 1.28fr .72fr;
}
.sw-block__feature--stats .sw-block__feature-copy h2 {
margin: 0 0 28px;
font-size: clamp(44px, 4.2vw, 66px);
line-height: 1.02;
letter-spacing: -.06em;
}
.sw-block__feature--stats .sw-block__feature-copy > p {
max-width: 520px;
margin: 0 0 32px;
font-size: 17px;
line-height: 1.75;
}
.sw-block__feature-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.sw-block__feature-stat {
min-height: 250px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 36px;
border-radius: 24px;
}
.sw-block__feature-stat strong {
font-size: clamp(30px, 3vw, 45px);
line-height: 1.05;
letter-spacing: -.05em;
}
.sw-block__feature-stat span {
max-width: 220px;
font-size: 16px;
line-height: 1.5;
font-weight: 800;
}
.sw-block__feature-stat--blue { color: #fff; background: var(--blue-strong); }
.sw-block__feature-stat--green { color: #fff; background: var(--green-text); }
.sw-block__feature-stat--yellow { color: var(--ink); background: var(--yellow); }
.sw-block__feature-stat--dark { color: #fff; background: var(--ink); }
@media (max-width: 960px) {
.sw-block__feature--stats,
.sw-block__feature--stats.sw-block__feature--image-left {
grid-template-columns: 1fr;
gap: 70px;
}
}
@media (max-width: 640px) {
.sw-block__feature-stats { grid-template-columns: 1fr; }
}
.sw-block--cta-banner {
padding: 130px 0;
background: #fff;
}
.sw-block__cta {
position: relative;
display: block;
overflow: hidden;
padding: 70px 60px;
border-radius: 32px;
background: var(--yellow);
color: var(--ink);
text-align: left;
}
.sw-block__cta-copy {
position: relative;
z-index: 1;
}
.sw-block__cta-copy h2 {
max-width: 720px;
margin: 0 0 18px;
font-size: clamp(48px, 5vw, 72px);
line-height: 1;
letter-spacing: -.062em;
color: var(--ink);
}
.sw-block__cta-copy p {
max-width: 600px;
margin: 0 0 32px;
font-size: 17px;
line-height: 1.7;
color: var(--ink);
}
.sw-block__cta-copy > :last-child {
margin-bottom: 32px;
}
.sw-block__cta-actions {
position: relative;
z-index: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 28px;
margin-top: 8px;
}
@media (max-width: 640px) {
.sw-block--cta-banner {
padding: 72px 0;
}
.sw-block__cta {
padding: 65px 24px;
border-radius: 0;
}
.sw-block__cta-copy h2 {
font-size: 48px;
}
.sw-block__cta-actions {
align-items: flex-start;
flex-direction: column;
}
}
.sw-block--flagship-hero {
position: relative;
overflow: hidden;
padding: 38px 0 66px;
background: var(--sw-panel-bg, #f3f1eb);
}
.sw-block--flagship-hero::after {
content: "";
position: absolute;
right: 7%;
bottom: -115px;
width: 300px;
height: 300px;
border-radius: 50%;
background: color-mix(in srgb, var(--page-accent, var(--green)) 24%, transparent);
filter: blur(2px);
}
.sw-block__flagship-hero-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1fr) 225px;
align-items: center;
gap: 78px;
}
.sw-block__flagship-hero-grid h1 {
max-width: none;
margin: 8px 0 24px;
font-size: clamp(52px, 5.5vw, 76px);
line-height: .98;
letter-spacing: -.07em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__flagship-accent-text {
color: var(--page-accent-text, #3f7913);
}
.sw-block__flagship-hero-lead {
max-width: none;
margin: 0;
color: var(--sw-panel-fg-muted, var(--soft-ink));
font-size: 18px;
line-height: 1.75;
}
.sw-block__flagship-principle-list {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-top: 29px;
}
.sw-block__flagship-principle-list span {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 9px 14px 9px 9px;
border-radius: 999px;
color: var(--ink);
background: #fff;
font-size: 14px;
font-weight: 850;
}
.sw-block__flagship-principle-list i {
display: grid;
width: 26px;
height: 26px;
place-items: center;
border-radius: 50%;
color: var(--page-accent-text, var(--page-accent-dark, #315d1f));
background: var(--page-accent-soft, #eefbe5);
font-size: 15px;
}
.sw-block__flagship-hero-mark-col {
display: flex;
flex-direction: column;
gap: 16px;
}
.sw-block__flagship-hero-mark-col .sw-block__hero-phone-panel {
width: 225px;
}
.sw-block__flagship-hero-grid .sw-block__hero-actions {
margin-top: 28px;
}
.sw-block__flagship-service-mark {
display: grid;
width: 225px;
min-height: 190px;
padding: 18px;
place-items: center;
border-radius: 26px;
background: #fff;
box-shadow: 0 20px 50px rgba(19, 31, 37, .07);
}
.sw-block__flagship-service-mark img {
display: block;
width: 100%;
max-height: 154px;
object-fit: contain;
}
.sw-block__flagship-service-mark i {
font-size: 48px;
color: var(--page-accent-text, var(--page-accent-dark, var(--ink)));
}
.sw-block__flagship-service-mark--badge {
display: flex;
width: 230px;
min-height: 210px;
padding: 25px;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 28px;
color: #fff;
background: var(--navy);
box-shadow: 0 22px 54px rgba(10, 29, 40, .14);
text-align: center;
}
.sw-block__flagship-service-mark--badge span {
display: grid;
width: 72px;
height: 72px;
place-items: center;
border-radius: 22px;
color: #fff;
background: var(--page-accent-dark, var(--page-accent, var(--ink)));
font-size: 28px;
}
.sw-block__flagship-service-mark--badge strong {
margin-top: 14px;
font-size: 24px;
line-height: 1.02;
letter-spacing: -.04em;
}
.sw-block__flagship-service-mark--badge small {
margin-top: 7px;
color: rgba(255, 255, 255, .56);
font-size: 12px;
font-weight: 900;
letter-spacing: .1em;
text-transform: uppercase;
}
.sw-block__flagship-intro {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
gap: 30px 42px;
}
.sw-block__flagship-intro-copy h2 {
max-width: 690px;
margin: 0 0 29px;
font-size: clamp(38px, 4vw, 56px);
line-height: 1.06;
letter-spacing: -.05em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__flagship-intro-copy p {
margin: 0 0 17px;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.8;
}
.sw-block__flagship-photo,
.sw-block__flagship-photo-placeholder {
border-radius: 28px;
}
.sw-block__flagship-photo {
display: block;
width: 100%;
height: 100%;
min-height: 390px;
object-fit: cover;
}
.sw-block__flagship-photo-figure {
position: relative;
min-height: 390px;
margin: 0;
overflow: hidden;
border-radius: 28px;
background: #dce6e9;
}
.sw-block__flagship-photo-figure figcaption {
position: absolute;
right: 16px;
bottom: 16px;
left: 16px;
padding: 11px 13px;
border-radius: 10px;
color: rgba(255, 255, 255, .86);
background: rgba(7, 25, 35, .75);
backdrop-filter: blur(9px);
font-size: 16px;
font-weight: 800;
}
.sw-block__flagship-photo-placeholder {
display: flex;
min-height: 390px;
padding: 34px;
align-items: center;
justify-content: center;
flex-direction: column;
color: #606b70;
background:
radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--page-accent, var(--green)) 48%, transparent), transparent 30%),
linear-gradient(145deg, #edf0eb, #dfe5df);
text-align: center;
}
.sw-block__flagship-photo-placeholder span {
display: grid;
width: 70px;
height: 70px;
margin-bottom: 22px;
place-items: center;
border-radius: 50%;
color: var(--page-accent-text, var(--page-accent-dark, #3f7d28));
background: rgba(255, 255, 255, .8);
font-size: 26px;
}
.sw-block__flagship-photo-placeholder strong {
max-width: 280px;
color: var(--ink);
font-size: 18px;
line-height: 1.3;
font-weight: 700;
}
.sw-block__flagship-decision {
display: grid;
grid-column: 1 / -1;
grid-template-columns: 48px 1fr;
gap: 20px;
margin-top: 30px;
padding: 27px 31px;
align-items: start;
border-radius: 20px;
background: var(--page-accent-soft, #eefbe5);
}
.sw-block__flagship-decision > span {
display: grid;
width: 46px;
height: 46px;
place-items: center;
border-radius: 50%;
color: var(--page-accent-ink, #233d19);
background: var(--page-accent, #9ee767);
font-size: 21px;
font-weight: 950;
}
.sw-block__flagship-decision h3 {
margin: 1px 0 7px;
font-size: 20px;
color: var(--ink);
}
.sw-block__flagship-decision p {
max-width: 750px;
margin: 0;
color: #4c6541;
font-size: 16px;
line-height: 1.7;
}
.sw-block__flagship-audience {
display: grid;
grid-template-columns: .92fr 1.08fr;
gap: 68px;
padding: 57px;
align-items: center;
border-radius: 30px;
color: #fff;
background: var(--navy);
}
.sw-block__flagship-audience h2 {
margin: 0;
font-size: clamp(38px, 4vw, 56px);
line-height: 1.06;
letter-spacing: -.05em;
}
.sw-block__flagship-audience .kicker {
color: var(--page-accent-text, var(--page-accent, #159fa8));
}
.sw-block__flagship-audience p:not(.kicker) {
margin: 0;
color: rgba(255, 255, 255, .68);
font-size: 16px;
line-height: 1.8;
}
.sw-block__flagship-audience-link {
display: inline-flex;
gap: 8px;
margin-top: 25px;
align-items: center;
color: var(--page-accent-text, var(--page-accent, #159fa8));
font-size: 14px;
font-weight: 900;
text-decoration: none;
}
.sw-block__flagship-checklist {
padding: 58px;
border-radius: 30px;
color: #fff;
background: var(--navy);
}
.sw-block__flagship-checklist-heading {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 50px;
}
.sw-block__flagship-checklist-heading .kicker {
grid-column: 1 / -1;
margin-bottom: 13px;
color: var(--page-accent-text, var(--page-accent, #9ee767));
}
.sw-block__flagship-checklist-heading h2 {
margin: 0;
font-size: clamp(38px, 4vw, 56px);
line-height: 1.06;
letter-spacing: -.05em;
}
.sw-block__flagship-checklist-heading p:last-child {
align-self: end;
margin: 0 0 7px;
color: rgba(255, 255, 255, .63);
font-size: 16px;
}
.sw-block__flagship-checklist-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 44px;
margin: 42px 0 0;
padding: 0;
list-style: none;
}
.sw-block__flagship-checklist-list li {
display: grid;
grid-template-columns: 24px 1fr;
gap: 12px;
min-height: 63px;
padding: 17px 0;
align-items: start;
border-bottom: 1px solid rgba(255, 255, 255, .12);
color: rgba(255, 255, 255, .88);
font-size: 16px;
line-height: 1.45;
}
.sw-block__flagship-checklist-list li > span {
display: grid;
width: 22px;
height: 22px;
place-items: center;
border-radius: 50%;
color: var(--page-accent-ink, #223b18);
background: var(--page-accent, #9ee767);
font-size: 13px;
font-weight: 950;
}
.sw-block__flagship-checklist-note {
max-width: 800px;
margin: 34px 0 0;
padding-left: 36px;
border-left: 3px solid var(--page-accent, #9ee767);
color: rgba(255, 255, 255, .67);
font-size: 16px;
line-height: 1.75;
}
.sw-block__flagship-access {
padding: 58px;
border-radius: 30px;
background: var(--sw-panel-bg, #f3f1eb);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__flagship-section-heading {
max-width: 760px;
margin-bottom: 0;
}
.sw-block__flagship-section-heading h2 {
margin: 0;
font-size: clamp(38px, 4vw, 56px);
line-height: 1.06;
letter-spacing: -.05em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__flagship-contact-ways {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin: 39px 0;
padding: 23px 0;
border-top: 1px solid rgba(21, 26, 29, .1);
border-bottom: 1px solid rgba(21, 26, 29, .1);
}
.sw-block__flagship-contact-ways > div {
display: flex;
gap: 14px;
align-items: center;
}
.sw-block__flagship-contact-ways > div > span {
display: grid;
width: 47px;
height: 47px;
flex: 0 0 auto;
place-items: center;
border-radius: 15px;
color: var(--page-accent-text, var(--page-accent-dark, #3e7c27));
background: #fff;
}
.sw-block__flagship-contact-ways strong,
.sw-block__flagship-contact-ways small {
display: block;
}
.sw-block__flagship-contact-ways strong {
margin-bottom: 4px;
font-size: 16px;
color: var(--ink);
}
.sw-block__flagship-contact-ways small {
color: var(--soft-ink);
font-size: 16px;
line-height: 1.45;
}
.sw-block__flagship-access-copy {
columns: 2;
column-gap: 46px;
}
.sw-block__flagship-access-copy p {
margin: 0 0 17px;
color: var(--sw-panel-fg-muted, var(--soft-ink));
font-size: 16px;
line-height: 1.8;
}
.sw-block__flagship-actions {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-top: 30px;
align-items: center;
}
.sw-block__flagship-text-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--ink);
font-size: 15px;
font-weight: 900;
text-decoration: none;
}
.sw-block__flagship-quick-links {
padding-bottom: 20px;
}
.sw-block__flagship-quick-links .sw-block__flagship-section-heading {
max-width: 660px;
margin-bottom: 35px;
}
.sw-block__flagship-quick-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
padding: 20px;
border-radius: 30px;
background: var(--sw-panel-bg, #edf1f2);
}
.sw-block__flagship-quick-grid > a {
display: flex;
min-height: 292px;
padding: 27px;
flex-direction: column;
border-radius: 20px;
color: var(--ink);
background: #fff;
text-decoration: none;
transition: transform 180ms ease, box-shadow 180ms ease;
}
.sw-block__flagship-quick-grid > a:hover {
transform: translateY(-4px);
box-shadow: 0 16px 34px rgba(16, 33, 42, .08);
}
.sw-block__flagship-quick-grid > a > span {
color: var(--page-accent-text, var(--page-accent-dark, #4f982f));
font-size: 13px;
font-weight: 950;
letter-spacing: .12em;
}
.sw-block__flagship-quick-grid h3 {
margin: 26px 0 11px;
font-size: 21px;
line-height: 1.2;
}
.sw-block__flagship-quick-grid p {
margin: 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.65;
}
.sw-block__flagship-quick-grid strong {
display: flex;
gap: 7px;
margin-top: auto;
padding-top: 24px;
align-items: center;
color: var(--blue-text);
font-size: 13px;
}
.sw-block__flagship-hours {
padding: 46px;
border-radius: 30px;
background: var(--sw-panel-bg, #eef4f0);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__flagship-hours-locations > *,
.sw-block__contact-legal > *,
.sw-block__stats-grid > *,
.sw-block__cards-grid > *,
.sw-block__flagship-tiles-grid > *,
.sw-block__flagship-office-grid > * {
min-width: 0;
}
.sw-block__flagship-hours-locations,
.sw-block__contact-legal,
.sw-block__flagship-office-grid {
overflow-wrap: anywhere;
}
.sw-block__flagship-hours-locations {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
gap: 14px;
margin-top: 30px;
}
@media (max-width: 640px) {
.sw-block__flagship-hours-locations {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 640px) {
.sw-block__flagship-hours-locations {
grid-template-columns: minmax(0, 1fr);
}
}
.sw-block__flagship-hours-locations:has(article:only-child) {
grid-template-columns: 1fr;
}
.sw-block__flagship-hours-locations article {
padding: 30px;
border-radius: 22px;
color: var(--ink);
background: #fff;
}
.sw-block__flagship-hours-locations article > div:first-child {
display: flex;
gap: 24px;
margin-bottom: 24px;
align-items: flex-start;
justify-content: space-between;
}
.sw-block__flagship-hours-locations article > div:first-child > span {
color: var(--page-accent-text, var(--green-text));
font-size: 14px;
font-weight: 950;
letter-spacing: .08em;
text-transform: uppercase;
}
.sw-block__flagship-hours-locations h3 {
margin: 0;
font-size: 20px;
font-weight: 800;
line-height: 1.45;
text-align: right;
}
.sw-block__flagship-hours-locations dl {
margin: 0;
}
.sw-block__flagship-hours-locations dl > div {
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
padding: 12px 0;
border-top: 1px solid #e4e8e5;
}
.sw-block__flagship-hours-locations dt,
.sw-block__flagship-hours-locations dd {
font-size: 16px;
line-height: 1.45;
}
.sw-block__flagship-hours-locations dd {
margin: 0;
font-weight: 900;
text-align: right;
white-space: nowrap;
}
.sw-block__flagship-hours-locations .muted {
color: var(--soft-ink);
}
.sw-block__flagship-hours-locations .muted dd {
font-weight: 700;
}
.sw-block__flagship-contact-band {
display: grid;
grid-template-columns: 1.08fr .92fr;
gap: 60px;
padding: 55px 58px;
align-items: center;
border-radius: 30px;
color: var(--page-accent-ink, #1a2915);
background: var(--page-accent, #9ee767);
}
.sw-block__flagship-contact-band .kicker {
color: var(--page-accent-ink, #41672d);
}
.sw-block__flagship-contact-band h2 {
margin: 0 0 17px;
font-size: clamp(38px, 4vw, 56px);
line-height: 1.06;
letter-spacing: -.05em;
}
.sw-block__flagship-contact-band > div:first-child > p:last-child {
max-width: 600px;
margin: 0;
color: var(--page-accent-ink, #3f5932);
font-size: 16px;
line-height: 1.72;
opacity: .82;
}
.sw-block__flagship-contact-details {
display: grid;
gap: 12px;
}
.sw-block__flagship-contact-details > a:not(.button),
.sw-block__flagship-contact-details > p {
display: flex;
gap: 13px;
margin: 0;
align-items: center;
color: var(--page-accent-ink, #1a2915);
font-size: 16px;
font-weight: 900;
text-decoration: none;
}
.sw-block__flagship-contact-details span small {
display: block;
margin-bottom: 2px;
color: var(--page-accent-ink, #4a663b);
font-size: 11px;
font-weight: 850;
letter-spacing: .08em;
text-transform: uppercase;
opacity: .78;
}
.sw-block__flagship-contact-details .button {
width: fit-content;
margin-top: 13px;
padding: 0 28px;
min-height: 54px;
font-weight: 700;
background: var(--page-accent-fill, var(--page-accent-dark, var(--ink)));
}
.sw-block__flagship-content-heading {
max-width: 780px;
margin-bottom: 38px;
}
.sw-block__flagship-content-heading h2 {
margin: 0;
font-size: clamp(36px, 3.8vw, 52px);
line-height: 1.06;
letter-spacing: -.05em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__flagship-content-heading > p:last-child {
margin: 19px 0 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.75;
}
.sw-block__flagship-accordion {
display: grid;
gap: 5px;
padding: 13px;
border-radius: 27px;
background: var(--sw-panel-bg, #edf1f2);
}
.sw-block__flagship-accordion details {
border-radius: 16px;
background: #fff;
overflow: hidden;
}
.sw-block__flagship-accordion summary {
display: grid;
min-height: 72px;
padding: 15px 20px;
grid-template-columns: 36px 1fr 32px;
gap: 15px;
align-items: center;
cursor: pointer;
list-style: none;
}
.sw-block__flagship-accordion summary::-webkit-details-marker {
display: none;
}
.sw-block__flagship-accordion summary > span {
color: var(--page-accent-text, var(--page-accent-dark, #579f37));
font-size: 12px;
font-weight: 950;
letter-spacing: .09em;
}
.sw-block__flagship-accordion summary > strong {
font-size: 16px;
line-height: 1.35;
color: var(--ink);
}
.sw-block__flagship-accordion summary > i {
display: grid;
width: 30px;
height: 30px;
place-items: center;
border-radius: 50%;
color: var(--page-accent-text, var(--page-accent-dark, #345f23));
background: var(--page-accent-soft, #eefbe5);
font-size: 18px;
font-style: normal;
transition: transform 160ms ease, color 160ms ease, background 160ms ease;
}
.sw-block__flagship-accordion details[open] summary > i {
color: #fff;
background: var(--navy);
transform: rotate(45deg);
}
.sw-block__flagship-accordion details > p {
margin: 0;
padding: 0 68px 23px 71px;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.75;
}
.sw-block__flagship-accordion details > ul {
margin: 0;
padding: 0 68px 26px 71px;
}
.sw-block__flagship-accordion details > ul > li {
color: var(--soft-ink);
font-size: 16px;
line-height: 1.72;
}
.sw-block__flagship-accordion details > ul.sw-block__flagship-accordion-list--columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 7px 34px;
padding-left: 89px;
}
.sw-block__flagship-accordion details > aside {
margin: 0 68px 26px 71px;
padding: 22px;
border-radius: 15px;
background: var(--page-accent-soft, #eefbe5);
}
.sw-block__flagship-accordion details > ul:has(+ aside) {
padding-bottom: 0;
}
.sw-block__flagship-accordion details > ul:has(+ aside) + aside {
margin-top: 23px;
}
.sw-block__flagship-accordion details > aside p {
margin: 0 0 9px;
color: #365b6e;
font-size: 16px;
line-height: 1.7;
}
.sw-block__flagship-accordion details > aside p:last-child {
margin-bottom: 0;
}
@media (max-width: 640px) {
.sw-block__flagship-accordion details > ul.sw-block__flagship-accordion-list--columns {
grid-template-columns: 1fr;
padding-left: 20px;
}
}
.sw-block__flagship-callout {
padding: 44px 48px;
border-radius: 28px;
}
.sw-block__flagship-callout h2 {
max-width: 700px;
margin: 0 0 15px;
font-size: clamp(36px, 3.8vw, 52px);
line-height: 1.06;
letter-spacing: -.05em;
color: var(--ink);
}
.sw-block__flagship-callout > div > p:not(.kicker) {
max-width: 860px;
margin: 0 0 15px;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.7;
}
.sw-block__flagship-callout--split {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 50px;
align-items: center;
}
.sw-block__flagship-callout--split h2 {
font-size: clamp(34px, 3.2vw, 46px);
}
.sw-block__flagship-callout--stacked {
display: block;
padding: 50px;
}
.sw-block__flagship-callout--stacked h2 {
margin-bottom: 24px;
}
.sw-block__flagship-callout--accent .sw-block__flagship-text-link,
.sw-block__flagship-callout--accent h2,
.sw-block__flagship-callout--accent h3,
.sw-block__flagship-callout--accent p,
.sw-block__flagship-callout--accent .kicker {
color: var(--page-accent-ink, var(--ink));
}
.sw-block__flagship-callout--accent {
background: var(--page-accent, #9ee767);
color: var(--page-accent-ink, #1d3216);
}
.sw-block__flagship-callout--accent .kicker {
color: var(--page-accent-ink, #456e32);
}
.sw-block__flagship-callout--accent > div > p:not(.kicker) {
color: var(--page-accent-ink, #436038);
}
.sw-block__flagship-callout--accent-soft {
background: var(--page-accent-soft, #eefbe5);
}
.sw-block__flagship-callout--accent-soft .kicker {
color: var(--page-accent-text, var(--page-accent-dark, #4f8d35));
}
.sw-block__flagship-callout--navy {
background: var(--navy);
color: #fff;
}
.sw-block__flagship-callout--navy h2 {
color: #fff;
}
.sw-block__flagship-callout--navy .kicker {
color: var(--page-accent-text, var(--page-accent, #9ee767));
}
.sw-block__flagship-callout--navy > div > p:not(.kicker) {
color: rgba(255, 255, 255, .68);
}
.sw-block__flagship-tiles-grid {
display: grid;
gap: 15px;
padding: 18px;
border-radius: 28px;
background: var(--sw-panel-bg, #edf1f2);
}
.sw-block__flagship-tiles-grid--2 {
grid-template-columns: repeat(2, 1fr);
}
.sw-block__flagship-tiles-grid--3 {
grid-template-columns: repeat(3, 1fr);
}
.sw-block__flagship-tiles-grid article {
min-height: 265px;
padding: 28px;
border-radius: 20px;
background: #fff;
}
.sw-block__flagship-tiles-grid article > span {
display: grid;
width: 49px;
height: 49px;
place-items: center;
border-radius: 15px;
color: var(--page-accent-text, var(--page-accent-dark, #4f942f));
background: var(--page-accent-soft, #eefbe5);
font-size: 20px;
font-weight: 950;
letter-spacing: .05em;
}
.sw-block__flagship-tiles-grid h3 {
margin: 31px 0 11px;
font-size: 21px;
color: var(--ink);
}
.sw-block__flagship-tiles-grid p {
margin: 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.75;
}
.sw-block__flagship-tiles-grid p a {
color: inherit;
text-decoration: underline;
}
.sw-block--navy,
.sw-section--navy,
.sw-block__flagship-review,
.sw-block__flagship-audience,
.sw-block__flagship-callout--dark,
.sw-block__flagship-callout--navy,
.sw-block__flagship-highlight,
.sw-block__flagship-notice,
.sw-block__flagship-warning,
[data-sw-dark] {
--page-accent-text: var(--page-accent-on-dark, var(--page-accent));
}
.sw-block__flagship-tiles--navy {
padding: 50px;
border-radius: 30px;
background: var(--navy);
--page-accent-text: var(--page-accent-on-dark, var(--page-accent));
}
.sw-block__flagship-tiles--navy .sw-block__flagship-content-heading h2 {
color: #fff;
}
.sw-block__flagship-tiles--navy .sw-block__flagship-accent-text {
color: var(--page-accent-on-dark, var(--page-accent, #9ee767));
}
.sw-block__flagship-tiles--navy .sw-block__card-number,
.sw-block__flagship-tiles--navy .kicker,
.sw-block__flagship-tiles--navy [class*="accent-text"],
.sw-block__flagship-tiles--navy .sw-block__flagship-tile-number {
color: var(--page-accent-on-dark, var(--page-accent, #9ee767));
}
.sw-block__flagship-tiles--navy .sw-block__flagship-tiles-grid {
padding: 0;
border-radius: 0;
background: none;
gap: 13px;
}
.sw-block__flagship-tiles--navy .sw-block__flagship-tiles-grid article {
min-height: 230px;
padding: 29px;
border-radius: 19px;
color: #fff;
background: rgba(255, 255, 255, .07);
}
.sw-block__flagship-tiles--navy .sw-block__flagship-tiles-grid article > span {
background: none;
width: auto;
height: auto;
color: var(--page-accent-text, var(--page-accent, #9ee767));
font-size: 12px;
letter-spacing: .1em;
}
.sw-block__flagship-tiles--navy .sw-block__flagship-tiles-grid p {
color: rgba(255, 255, 255, .66);
}
.sw-block__flagship-tiles--navy .sw-block__flagship-tiles-grid h3 {
color: #fff;
}
.sw-block__flagship-inline-note {
display: grid;
grid-template-columns: 42px 1fr;
gap: 17px;
margin-top: 20px;
padding: 24px 27px;
align-items: center;
border-radius: 18px;
color: #405937;
background: var(--page-accent-soft, #eefbe5);
}
.sw-block__flagship-inline-note > span {
display: grid;
width: 40px;
height: 40px;
place-items: center;
border-radius: 50%;
color: var(--page-accent-ink, #203019);
background: var(--page-accent, #9ee767);
font-size: 18px;
font-weight: 950;
}
.sw-block__flagship-inline-note p {
margin: 0;
font-size: 16px;
line-height: 1.7;
}
.sw-block__flagship-card-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 17px;
}
.sw-block__flagship-card-grid article {
min-height: 332px;
padding: 39px;
border-radius: 26px;
background: #f3f1eb;
}
.sw-block__flagship-card-grid article:nth-child(4n+2),
.sw-block__flagship-card-grid article:nth-child(4n+3) {
background: #edf1f2;
}
.sw-block__flagship-card-grid article > span {
color: var(--page-accent-text, var(--page-accent-dark, #589d39));
font-size: 13px;
font-weight: 950;
letter-spacing: .1em;
text-transform: uppercase;
}
.sw-block__flagship-card-grid h2 {
margin: 34px 0 20px;
font-size: clamp(31px, 3.1vw, 45px);
line-height: 1.06;
letter-spacing: -.05em;
color: var(--ink);
}
.sw-block__flagship-card-grid article > span + h2 {
margin-top: 20px;
}
.sw-block__flagship-card-grid p {
margin: 0 0 13px;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.72;
}
.sw-block__flagship-card-grid-item--price h2 {
margin: 38px 0 0;
color: var(--page-accent-text, var(--page-accent-dark, #589d39));
font-size: clamp(48px, 5vw, 67px);
line-height: .95;
letter-spacing: -.055em;
}
.sw-block__flagship-card-grid article > span.sw-block__flagship-card-grid-unit {
display: block;
margin: 7px 0 24px;
color: var(--muted);
font-size: 16px;
font-weight: 700;
letter-spacing: normal;
text-transform: none;
}
.sw-block__flagship-card-grid-item--price p {
font-size: 16px;
line-height: 1.7;
}
.sw-block__flagship-card-grid-item--price:last-child {
background: color-mix(in srgb, var(--page-accent, var(--navy)) 12%, #fff);
}
.sw-block__flagship-review {
padding: 51px;
border-radius: 30px;
color: #fff;
background: var(--navy);
}
.sw-block__flagship-review .kicker {
color: var(--page-accent-text, var(--page-accent, #9ee767));
}
.sw-block__flagship-review h2 {
max-width: 780px;
margin-bottom: 24px;
font-size: clamp(36px, 3.8vw, 52px);
line-height: 1.06;
letter-spacing: -.05em;
}
.sw-block__flagship-review > p {
max-width: 860px;
color: rgba(255, 255, 255, .67);
font-size: 16px;
line-height: 1.75;
}
.sw-block__flagship-office-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 31px 0 0;
}
.sw-block__flagship-office-grid address {
min-height: 200px;
padding: 27px;
border-radius: 19px;
color: rgba(255, 255, 255, .68);
background: rgba(255, 255, 255, .07);
font-size: 16px;
font-style: normal;
line-height: 1.75;
}
.sw-block__flagship-office-grid strong {
display: block;
margin-bottom: 13px;
color: #fff;
font-size: 16px;
}
.sw-block__flagship-office-grid a {
color: var(--page-accent-text, var(--page-accent, #9ee767));
font-weight: 850;
text-decoration: none;
}
.sw-block__flagship-documentation {
margin-top: 88px;
padding: 42px;
border-radius: 25px;
background: #f3f1eb;
}
.sw-block__flagship-documentation .sw-block__flagship-content-heading {
margin-bottom: 0;
}
.sw-block__flagship-documentation .sw-block__flagship-content-heading > p:last-child {
margin: 0;
font-size: 16px;
line-height: 1.75;
}
@media (max-width: 1080px) {
.sw-block__flagship-office-grid {
grid-template-columns: 1fr;
}
.sw-block__flagship-review,
.sw-block__flagship-documentation {
padding: 34px;
}
}
@media (max-width: 1080px) {
.sw-block__flagship-hero-grid {
gap: 48px;
}
.sw-block__flagship-intro {
grid-template-columns: 1fr;
}
.sw-block__flagship-photo-placeholder {
min-height: 310px;
}
.sw-block__flagship-audience,
.sw-block__flagship-checklist,
.sw-block__flagship-access,
.sw-block__flagship-contact-band {
padding: 44px;
}
.sw-block__flagship-contact-ways {
grid-template-columns: 1fr;
}
.sw-block__flagship-contact-ways > div {
min-height: 54px;
}
.sw-block__flagship-quick-grid {
grid-template-columns: 1fr;
}
.sw-block__flagship-quick-grid > a {
min-height: 220px;
}
.sw-block__flagship-contact-band {
grid-template-columns: 1fr;
gap: 38px;
}
.sw-block__flagship-callout--split {
grid-template-columns: 1fr;
gap: 22px;
align-items: start;
}
.sw-block__flagship-tiles-grid--3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 820px) {
.sw-block__flagship-hero-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.sw-block__flagship-service-mark {
width: 150px;
min-height: 130px;
justify-self: start;
}
.sw-block__flagship-audience {
grid-template-columns: 1fr;
gap: 34px;
}
.sw-block__flagship-checklist-heading,
.sw-block__flagship-checklist-list {
grid-template-columns: 1fr;
}
.sw-block__flagship-access-copy {
columns: 1;
}
.sw-block__flagship-hours-locations {
grid-template-columns: 1fr;
}
.sw-block__flagship-tiles-grid--2,
.sw-block__flagship-tiles-grid--3,
.sw-block__flagship-card-grid {
grid-template-columns: 1fr;
}
.sw-block__flagship-card-grid article {
min-height: 0;
}
.sw-block__flagship-callout--stacked,
.sw-block__flagship-tiles--navy {
padding: 36px;
}
}
@media (max-width: 640px) {
.sw-block__flagship-hero-grid h1 {
font-size: 42px;
}
.sw-block__flagship-audience,
.sw-block__flagship-checklist,
.sw-block__flagship-access,
.sw-block__flagship-hours,
.sw-block__flagship-contact-band {
padding: 28px;
}
.sw-block__flagship-card-grid article {
padding: 28px 24px;
}
}
.sw-block__contact-primary h2,
.sw-block__contact-hours h2,
.sw-block__contact-services-heading h2,
.sw-block__contact-location-grid h2,
.sw-block__contact-legal h2,
.sw-block__contact-governance-heading h2,
.sw-block__contact-social-support h2 {
margin: 0;
font-size: clamp(36px, 4vw, 54px);
line-height: 1.03;
letter-spacing: -.05em;
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__contact-inline-link {
display: inline-flex;
gap: 7px;
align-items: center;
color: var(--ink);
font-size: 14px;
font-weight: 900;
text-decoration: none;
}
.sw-block__contact-primary {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 55px;
padding: 55px;
border-radius: 30px;
color: var(--sw-panel-fg, var(--ink));
background: var(--sw-panel-bg, #e8f3f8);
}
.sw-block__contact-primary .kicker { color: var(--blue-text); }
.sw-block__contact-primary p:not(.kicker) {
margin: 18px 0 0;
color: var(--soft-ink);
font-size: 17px;
line-height: 1.75;
}
.sw-block__contact-primary-links {
display: grid;
gap: 10px;
align-content: center;
}
.sw-block__contact-primary-links > a {
display: inline-flex;
gap: 10px;
align-items: center;
color: var(--ink);
font-size: 17px;
font-weight: 900;
text-decoration: none;
}
.sw-block__contact-primary-links > div {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
align-items: center;
}
.sw-block__contact-primary .button-light {
color: #fff;
background: var(--blue-strong);
}
.sw-block__contact-hours {
display: grid;
grid-template-columns: .78fr 1.22fr;
gap: 70px;
padding: 50px;
border-radius: 29px;
background: var(--sw-panel-bg, #f1eee8);
color: var(--sw-panel-fg, var(--ink));
}
.sw-block__contact-hours > div > p:last-child {
margin: 18px 0 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.75;
}
.sw-block__contact-hours-table { margin: 0; }
.sw-block__contact-hours-table > div {
display: grid;
grid-template-columns: 1fr auto;
gap: 20px;
padding: 13px 0;
border-bottom: 1px solid rgba(21, 26, 29, .12);
}
.sw-block__contact-hours-table dt,
.sw-block__contact-hours-table dd {
margin: 0;
font-size: 17px;
font-weight: 850;
}
.sw-block__contact-hours-table dd { color: var(--blue-text); }
.sw-block__contact-hours-table .weekend { color: #7e8589; }
.sw-block__contact-hours-table .weekend dd { color: inherit; }
.sw-block__contact-services-heading {
max-width: 780px;
margin-bottom: 38px;
}
.sw-block__contact-service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
padding: 18px;
border-radius: 30px;
background: var(--navy);
}
.sw-block__contact-service-grid article {
position: relative;
display: flex;
min-width: 0;
min-height: 265px;
padding: 29px;
flex-direction: column;
align-items: flex-start;
border-radius: 21px;
background: #fff;
}
.sw-block__contact-service-grid article > span {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--service-accent);
}
.sw-block__contact-service-grid h3 {
margin: 27px 0 14px;
font-size: 20px;
line-height: 1.18;
}
.sw-block__contact-service-grid article > a:not(.sw-block__contact-card-detail) {
margin-bottom: 5px;
color: var(--ink);
font-size: 16px;
font-weight: 900;
text-decoration: none;
overflow-wrap: anywhere;
}
.sw-block__contact-service-grid p {
margin: 8px 0 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.65;
}
.sw-block__contact-card-detail {
display: inline-flex;
gap: 7px;
margin-top: auto;
padding-top: 22px;
align-items: center;
font-size: 16px;
font-weight: 900;
text-decoration: none;
}
.sw-block__contact-location-grid,
.sw-block__contact-social-support {
--page-accent-text: #3d2d00;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.sw-block__contact-location-grid > div,
.sw-block__contact-social-support > div {
padding: 43px;
border-radius: 28px;
background: #eef2f4;
}
.sw-block__contact-location-grid > div:first-child {
color: var(--ink);
background: #e8f3f8;
}
.sw-block__contact-location-grid > div:first-child .kicker { color: var(--blue-text); }
.sw-block__contact-location-grid p:not(.kicker),
.sw-block__contact-social-support p:not(.kicker) {
margin: 18px 0 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.75;
}
.sw-block__contact-location-grid > div:first-child p:not(.kicker) { color: var(--soft-ink); }
.sw-block__contact-location-grid .button { margin-top: 25px; }
.sw-block__contact-location-grid > div:first-child .button {
color: #fff;
background: var(--blue-strong);
}
.sw-block__contact-legal {
display: grid;
grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
gap: 65px;
padding: 50px;
border-radius: 29px;
background: var(--sw-panel-bg, #fff1b7);
color: var(--sw-panel-fg, var(--ink));
}
@media (max-width: 640px) {
.sw-block__contact-legal {
grid-template-columns: minmax(0, 1fr);
gap: 28px;
padding: 28px;
}
}
.sw-block__contact-legal dl { margin: 0; }
.sw-block__contact-legal dl > div {
display: grid;
grid-template-columns: 155px 1fr;
gap: 18px;
padding: 11px 0;
border-bottom: 1px solid rgba(63, 49, 0, .14);
}
.sw-block__contact-legal dt {
color: #776117;
font-size: 16px;
font-weight: 900;
}
.sw-block__contact-legal dd {
margin: 0;
font-size: 16px;
font-weight: 800;
line-height: 1.6;
}
.sw-block__contact-legal > div > p:last-child {
margin: 18px 0 0;
color: var(--soft-ink);
font-size: 16px;
line-height: 1.75;
}
.sw-block__contact-governance-heading {
max-width: 780px;
margin-bottom: 38px;
}
.sw-block__contact-governance-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 15px;
}
.sw-block__contact-governance-grid article {
min-height: 325px;
padding: 31px;
border-radius: 24px;
background: #eef2f4;
}
.sw-block__contact-governance-grid article:nth-child(3) { background: #e8f3f8; }
.sw-block__contact-governance-grid article:nth-child(4) { background: #fff1b7; }
.sw-block__contact-governance-grid article > span {
color: var(--blue-text);
font-size: 15px;
font-weight: 950;
letter-spacing: .08em;
text-transform: uppercase;
}
.sw-block__contact-governance-grid ul {
display: grid;
gap: 18px;
margin: 38px 0 0;
padding: 0;
list-style: none;
}
.sw-block__contact-governance-grid li { display: grid; gap: 5px; }
.sw-block__contact-governance-grid strong { font-size: 17px; line-height: 1.35; }
.sw-block__contact-governance-grid small {
color: var(--soft-ink);
font-size: 16px;
line-height: 1.45;
}
.sw-block__contact-governance-grid .statutory {
display: flex;
grid-column: 1 / -1;
min-height: 0;
padding: 26px 31px;
align-items: center;
gap: 28px;
background: #edf7ef;
}
.sw-block__contact-governance-grid .statutory strong { margin-left: auto; }
.sw-block__contact-social-support a {
display: inline-flex;
gap: 7px;
margin-top: 24px;
align-items: center;
font-size: 16px;
font-weight: 900;
text-decoration: none;
}
.sw-block__contact-social-links {
display: grid;
width: max-content;
gap: 12px;
margin-top: 24px;
}
.sw-block__contact-social-links a { margin-top: 0; }
.sw-block__contact-social-support > div:last-child {
color: var(--ink);
background: #fff1b7;
}
.sw-block__contact-social-support > div:last-child .kicker { color: #3d2d00; }
.sw-block__contact-social-support > div:last-child p { color: #5d531f; }
.sw-block__contact-social-actions {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
}
@media (max-width: 1080px) {
.sw-block__contact-governance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sw-block__contact-service-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
.sw-block__contact-hours { grid-template-columns: 1fr; }
.sw-block__contact-governance-grid .statutory {
grid-column: auto;
flex-direction: column;
align-items: flex-start;
}
.sw-block__contact-governance-grid .statutory strong { margin-left: 0; }
.sw-block__contact-primary,
.sw-block__contact-location-grid,
.sw-block__contact-legal,
.sw-block__contact-social-support {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.sw-block__contact-governance-grid { grid-template-columns: 1fr; }
.sw-block__contact-hours { padding: 29px 23px; border-radius: 23px; }
.sw-block__contact-service-grid { grid-template-columns: 1fr; padding: 12px; }
.sw-block__contact-primary,
.sw-block__contact-legal {
padding: 32px;
}
}
.sw-block--bg-navy,
.sw-block__callout--dark,
.sw-block__flagship-checklist,
.sw-block__flagship-tiles--navy,
.sw-block__flagship-contact-band,
.sw-block__flagship-decision,
.sw-section--navy,
[data-sw-dark] {
--page-accent-text: var(--page-accent-on-dark, var(--page-accent));
}
.sw-block__news-card-media,
.sw-block__feature-story-photo,
.sw-block__card-media,
.sw-block__hero-carousel-card {
aspect-ratio: 4 / 3;
}
.sw-block__news-card-media img,
.sw-block__feature-story-photo img,
.sw-block__card-media img {
width: 100%;
height: 100%;
object-fit: cover;
}