:root {
--rink: #002999;
--rink-deep: #001466;
--rink-night: #000a3d;
--signal: #00ff0d;
--signal-dim: #00d40b;
--ice: #eef3fb;
--ice-line: #d6dff0;
--ink: #0a1442;
--ink-soft: #3d4a73;
--frost: #b9c6e8;
--line-dark: rgba(185, 198, 232, 0.18);
--white: #fff;
--font: "Archivo", "Helvetica Neue", Arial, sans-serif;
--display-stretch: 72%;
--step-1: 0.875rem;
--step0: 1.0625rem;
--step1: 1.25rem;
--step2: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);
--step3: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
--step4: clamp(2.5rem, 1.6rem + 3.4vw, 4.5rem);
--step5: clamp(3rem, 1.6rem + 5.6vw, 7rem);
--gutter: clamp(20px, 4vw, 40px);
--section-y: clamp(72px, 9vw, 128px);
--radius-media: 20px;
--radius-card: 16px;
--radius-control: 10px;
--arc-h: clamp(28px, 4.5vw, 72px);
--header-h: 76px;
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
} html {
scroll-padding-top: calc(var(--header-h) + 12px);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body,
button,
input,
select,
optgroup,
textarea {
font-family: var(--font);
font-size: var(--step0);
line-height: 1.6;
color: var(--ink);
}
body {
background: var(--rink);
text-rendering: optimizeLegibility;
}
#page {
background: var(--rink);
padding-top: var(--header-h); overflow-x: clip;
}
#page h1,
#page h2,
#page h3,
#page h4 {
font-family: var(--font);
font-stretch: var(--display-stretch);
font-weight: 800;
font-style: italic;
letter-spacing: -0.005em;
line-height: 0.98;
text-wrap: balance;
}
#page h1 {
font-size: var(--step4);
margin: 0 0 0.35em;
}
#page h1 em,
#page h2 em {
font-style: italic;
}
#page h2 {
font-size: var(--step3);
margin-bottom: 0.5em;
}
#page h3 {
font-size: var(--step2);
margin-bottom: 0.45em;
}
#page h4 {
font-size: var(--step2);
text-transform: none;
margin-bottom: 0.3em;
}
#page p {
margin-bottom: 1.1em;
text-wrap: pretty;
}
#page p:last-child {
margin-bottom: 0;
}
#page a {
transition: color 0.2s ease;
}
#page b,
#page strong {
font-weight: 700;
}
::selection {
background: var(--signal);
color: var(--ink);
} :focus-visible {
outline: 2px solid var(--signal) !important;
outline-offset: 3px;
}
#page .btn a:focus-visible,
#page .faq-btn:focus-visible,
.shop-btn a:focus-visible {
outline-color: var(--white) !important;
}
#better-you :focus-visible,
#pg-14-4 :focus-visible {
outline-color: var(--ink) !important;
}
#page #lenyilo :focus-visible {
outline-color: var(--white) !important;
}
.c-secondary {
color: var(--signal);
} #page .btn .ow-button-base a,
#page .so-widget-sow-button .ow-button-base a,
#page .faq-btn,
#masthead .shop-btn .ow-button-base a,
.shop-btn.mobile .ow-button-base a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5em;
min-height: 48px;
padding: 0 26px;
border: 1.5px solid var(--signal);
border-radius: var(--radius-control);
background: var(--signal);
color: var(--ink) !important;
font-family: var(--font);
font-stretch: 87%;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.1;
text-decoration: none;
box-shadow: none;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s var(--ease-out);
}
#page .btn .ow-button-base a:hover,
#page .so-widget-sow-button .ow-button-base a:hover,
#page .faq-btn:hover,
#masthead .shop-btn .ow-button-base a:hover {
background: transparent;
color: var(--white) !important;
transform: translateY(-1px);
}
#page .btn .ow-button-base a:active,
#page .faq-btn:active {
transform: translateY(0);
} #better-you .btn .ow-button-base a:hover,
#page #better-you .btn a:hover {
background: var(--ink);
border-color: var(--ink);
color: var(--white) !important;
} #masthead {
height: var(--header-h);
background-color: rgba(0, 20, 102, 0.72);
-webkit-backdrop-filter: blur(18px) saturate(140%);
backdrop-filter: blur(18px) saturate(140%);
border-bottom: 1px solid var(--line-dark);
transition: background-color 0.3s ease, height 0.3s var(--ease-out);
}
body.is-scrolled #masthead {
background-color: rgba(0, 10, 61, 0.92);
}
#masthead .container {
max-width: 1240px;
padding-left: var(--gutter);
padding-right: var(--gutter);
}
#masthead .site-branding img {
display: block;
width: 168px;
height: auto;
}
.main-navigation ul {
gap: clamp(20px, 2.6vw, 36px);
}
.main-navigation a {
position: relative;
padding: 8px 0;
color: var(--white);
font-stretch: 87%;
font-size: 0.9375rem;
font-weight: 600;
letter-spacing: 0.01em;
}
.main-navigation a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 2px;
height: 2px;
background: var(--signal);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s var(--ease-out);
}
.main-navigation a:hover,
.main-navigation a.is-current {
color: var(--white);
}
.main-navigation a:hover::after,
.main-navigation a.is-current::after {
transform: scaleX(1);
}
#masthead .shop-btn .ow-button-base a {
min-height: 42px;
padding: 0 22px;
font-size: 0.9375rem;
} .slicknav_menu {
background: rgba(0, 10, 61, 0.92) !important;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
border-bottom: 1px solid var(--line-dark);
}
.slicknav_btn {
border-radius: var(--radius-control);
border: 1px solid var(--line-dark) !important;
margin: 0;
}
.slicknav_nav {
padding: 8px 0 16px;
background-color: rgba(0, 10, 61, 0.97) !important;
border-bottom: 1px solid var(--line-dark) !important;
}
.slicknav_nav li a {
font-family: var(--font);
font-stretch: 87%;
font-size: 1.0625rem !important;
font-weight: 600;
padding: 12px 20px !important;
margin: 0;
border-radius: 0;
}
.slicknav_nav a:hover {
background: rgba(255, 255, 255, 0.06) !important;
color: var(--white) !important;
} #better-you,
#pg-14-5 > .panel-row-style {
position: relative;
}
#better-you::before,
#pg-14-5 > .panel-row-style::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: var(--arc-h);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23EEF3FB' d='M0 72V58C260 22 720 2 1090 6c180 2 290 18 350 40v26z'/%3E%3C/svg%3E") no-repeat bottom / 100% 100%;
pointer-events: none;
z-index: 1;
} #pg-14-5 > .panel-row-style::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23002999' d='M0 72V58C260 22 720 2 1090 6c180 2 290 18 350 40v26z'/%3E%3C/svg%3E");
} #pl-14 #pg-14-2 > .panel-row-style,
#pl-14 #pg-14-4 > .panel-row-style {
background-color: var(--ice);
color: var(--ink);
}
#pl-14 #pg-14-1 > .panel-row-style {
padding-top: clamp(56px, 7vw, 96px);
padding-bottom: calc(var(--section-y) + var(--arc-h) * 0.5);
background:
radial-gradient(120% 80% at 50% 0%, rgba(0, 41, 153, 0) 40%, rgba(0, 10, 61, 0.55) 100%),
var(--rink);
color: var(--white);
}
#pl-14 #pg-14-2 > .panel-row-style {
padding-top: var(--section-y);
padding-bottom: var(--section-y);
}
#pl-14 #pg-14-4 > .panel-row-style {
padding-top: var(--section-y);
padding-bottom: calc(var(--section-y) + var(--arc-h) * 0.5);
}
#pl-14 .container,
#page .panel-cell-style.container {
max-width: 1240px;
padding-left: var(--gutter);
padding-right: var(--gutter);
} #page #blades {
position: relative;
}
#page #blades::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 28%;
background: linear-gradient(180deg, rgba(0, 41, 153, 0) 0%, rgba(0, 41, 153, 0.55) 60%, var(--rink) 100%);
pointer-events: none;
z-index: 1;
}
#pl-14 #pg-14-0 {
margin-bottom: 0;
}
.hero-cue {
position: absolute;
left: 50%;
z-index: 2; top: min(calc(100% - 112px), calc(100vh - var(--header-h) - 112px));
top: min(calc(100% - 112px), calc(100svh - var(--header-h) - 112px));
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 8px 14px 6px;
color: var(--white);
text-decoration: none;
transform: translateX(-50%);
opacity: 0;
animation: hero-cue-in 0.8s var(--ease-out) 0.9s forwards;
}
.hero-cue__label {
font-family: var(--font);
font-size: 0.8125rem;
font-stretch: 87%;
font-weight: 600;
letter-spacing: 0.06em;
text-shadow: 0 1px 10px rgba(0, 10, 61, 0.7);
opacity: 0.9;
transition: opacity 0.2s ease;
}
.hero-cue__track {
position: relative;
display: block;
width: 2px;
height: 56px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.35);
box-shadow: 0 0 12px rgba(0, 10, 61, 0.5);
overflow: hidden;
}
.hero-cue__track::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 20px;
border-radius: 2px;
background: var(--signal);
animation: hero-cue-run 1.9s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.hero-cue:hover {
color: var(--white);
}
.hero-cue:hover .hero-cue__label {
opacity: 1;
}
@keyframes hero-cue-in {
from {
opacity: 0;
transform: translate(-50%, 12px);
}
to {
opacity: 1;
transform: translate(-50%, 0);
}
}
@keyframes hero-cue-run {
0% {
transform: translateY(-20px);
}
70%,
100% {
transform: translateY(56px);
}
} @media (max-width: 780px) {
.hero-cue {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.hero-cue {
opacity: 1;
animation: none;
}
.hero-cue__track::after {
animation: none;
transform: translateY(18px);
}
} #page .intro-text h1 {
font-size: var(--step5);
line-height: 0.92;
letter-spacing: -0.015em;
margin-bottom: 0.3em;
color: var(--white);
}
#page .intro-text p {
max-width: 44ch;
margin: 0 auto;
font-size: var(--step1);
font-weight: 400;
line-height: 1.5;
color: var(--frost);
}
#pl-14 #panel-14-1-0-1.so-panel {
margin-top: clamp(28px, 3vw, 40px);
margin-bottom: clamp(56px, 7vw, 96px);
}
#panel-14-1-0-1 .panel-grid {
gap: 0;
}
#panel-14-1-0-1 .so-panel {
margin-bottom: 0;
}
#blades-row {
max-width: 1240px;
}
#blades-row .panel-layout > .panel-grid:first-child {
gap: clamp(16px, 2vw, 28px);
margin-bottom: clamp(40px, 5vw, 64px);
}
#blades-row .panel-layout > .panel-grid:first-child > .panel-grid-cell {
position: relative;
padding: clamp(24px, 3vw, 36px) clamp(20px, 2.5vw, 32px) clamp(20px, 2.5vw, 28px) !important;
border: 1px solid var(--line-dark);
border-radius: var(--radius-media);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015));
}
#blades-row .panel-layout > .panel-grid:first-child > .panel-grid-cell .so-panel {
margin-bottom: 16px;
}
#page #blades-row h4 {
font-size: clamp(2rem, 1.5rem + 1.6vw, 2.75rem);
letter-spacing: 0.01em;
margin-bottom: 4px;
color: var(--white);
}
#blades-row .fst-italic,
#blades-row .fst-italic em {
font-style: normal;
font-size: var(--step-1);
color: var(--frost);
}
#blades-row .sow-image-container {
justify-content: center;
}
#blades-row .sow-image-container img {
max-width: 88%;
filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.35));
} #blades-row .flex.space-between {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-top: 1px solid var(--line-dark);
border-bottom: 1px solid var(--line-dark);
} #blades-row .flex.space-between {
align-items: stretch;
}
#blades-row .flex.space-between > .so-panel {
display: flex;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 22px 12px;
}
#blades-row .flex.space-between > .so-panel + .so-panel {
border-left: 1px solid var(--line-dark);
}
#page .icon-text .so-widget-sow-image {
align-items: center;
justify-content: center;
gap: 12px;
}
#page .icon-text .so-widget-sow-image img {
width: 26px;
height: 26px;
}
#page .icon-text .so-widget-sow-image h3 {
margin: 0;
font-size: 1.0625rem;
font-stretch: 87%;
font-style: normal;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.2;
color: var(--white);
} #better-you > .panel-grid-cell > .widget_sow-image:first-child {
margin-bottom: clamp(36px, 5vw, 64px) !important;
}
#better-you > .panel-grid-cell > .widget_sow-image:first-child img {
max-height: 96px;
width: auto;
}
#better-you .container > .panel-grid-cell .so-panel {
margin-bottom: 0;
}
#better-you .panel-row-style.container {
gap: clamp(16px, 2vw, 28px);
}
#page .img-border {
box-shadow: none;
border: 0;
border-radius: var(--radius-media);
overflow: hidden;
background: var(--rink-night);
margin-bottom: 22px;
}
#page .img-border img {
display: block;
width: 100%;
transition: transform 0.6s var(--ease-out);
}
#page .img-border:hover img {
transform: scale(1.03);
}
#page .better-text h3 {
font-size: clamp(1.625rem, 1.3rem + 0.9vw, 2rem);
color: var(--ink);
margin-bottom: 12px;
}
#page .better-text p {
font-size: 1rem;
line-height: 1.6;
color: var(--ink-soft);
}
#page .better-text p b {
color: var(--ink);
}
#page .better-text p[style*="font-size:12px"] {
margin-top: 18px;
font-size: 0.8125rem !important;
color: var(--ink-soft);
opacity: 0.8;
}
#better-you .panel-grid:nth-child(2) > .panel-row-style {
padding-top: clamp(40px, 5vw, 64px);
} #page .bg-right {
padding: clamp(32px, 4vw, 56px) var(--gutter) clamp(16px, 2vw, 32px) !important; background-image: none !important;
}
#page #lenyilo {
position: relative; max-width: 1160px;
padding: clamp(36px, 5.5vw, 88px) clamp(22px, 5.5vw, 88px) clamp(36px, 4.5vw, 64px);
border-radius: 28px;
background:
radial-gradient(90% 50% at 100% 0%, rgba(0, 41, 153, 0.6), rgba(0, 41, 153, 0) 70%),
linear-gradient(180deg, var(--rink-deep) 0%, var(--rink-night) 100%);
color: var(--white);
box-shadow: 0 40px 80px -48px rgba(0, 10, 61, 0.8);
}
#lenyilo > .panel-layout {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
column-gap: 20px;
row-gap: 20px;
}
#lenyilo > .panel-layout > .panel-grid {
grid-column: 1 / -1;
margin: 0 !important;
}
#lenyilo .so-panel {
margin-bottom: 0 !important;
}
#lenyilo .panel-grid-cell-empty {
display: none !important;
} #lenyilo > .panel-layout > .panel-grid:nth-child(1) > .panel-grid-cell,
#lenyilo > .panel-layout > .panel-grid:nth-child(5) > .panel-grid-cell {
width: 100% !important;
margin: 0 !important;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(1) {
margin-bottom: clamp(28px, 4vw, 52px) !important;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(5) {
margin-top: clamp(40px, 6vw, 88px) !important;
margin-bottom: clamp(12px, 2vw, 28px) !important;
padding-top: clamp(40px, 6vw, 88px);
border-top: 1px solid var(--line-dark);
}
#page #lenyilo h2 {
max-width: 18ch;
font-size: var(--step4);
color: var(--white);
margin-bottom: 0.35em;
}
#page #lenyilo p {
max-width: 60ch;
font-size: var(--step0);
line-height: 1.65;
color: var(--frost);
}
#page #lenyilo > .panel-layout > .panel-grid:nth-child(1) p,
#page #lenyilo > .panel-layout > .panel-grid:nth-child(5) p {
font-size: var(--step1);
line-height: 1.55;
} #lenyilo > .panel-layout > .panel-grid:nth-child(n + 2):nth-child(-n + 4) {
align-items: center;
margin-bottom: clamp(24px, 4vw, 56px) !important;
}
@media (min-width: 781px) {
#lenyilo > .panel-layout > .panel-grid:nth-child(3) {
flex-direction: row-reverse;
}
}
#page #lenyilo .lenyilo-img {
border: 1px solid var(--line-dark);
border-radius: var(--radius-media);
overflow: hidden;
background: #05091f;
}
#page #lenyilo .lenyilo-img img {
display: block;
width: 100%;
}
#page #lenyilo h3 {
font-size: var(--step3);
color: var(--white);
margin-bottom: 0.4em;
} #lenyilo > .panel-layout > .panel-grid:nth-child(6),
#lenyilo > .panel-layout > .panel-grid:nth-child(7) {
grid-column: span 3;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(8),
#lenyilo > .panel-layout > .panel-grid:nth-child(9),
#lenyilo > .panel-layout > .panel-grid:nth-child(10) {
grid-column: span 2;
}
#page #lenyilo .grey-bg {
display: flex;
flex-direction: column;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 20px;
height: 100%;
padding: 12px 12px 26px;
border: 1px solid var(--line-dark);
border-radius: var(--radius-media);
background: rgba(255, 255, 255, 0.04);
transition: border-color 0.25s ease, background-color 0.25s ease;
}
#page #lenyilo .grey-bg:hover {
border-color: rgba(185, 198, 232, 0.36);
background: rgba(255, 255, 255, 0.06);
}
#page #lenyilo .grey-bg > .panel-grid-cell {
width: 100% !important;
margin: 0 !important;
}
#page #lenyilo .grey-bg > .panel-grid-cell + .panel-grid-cell {
padding: 0 12px;
}
#page #lenyilo .grey-bg .lenyilo-img {
border-radius: 12px;
}
#page #lenyilo .grey-bg h3 {
text-align: left;
text-transform: capitalize;
font-size: var(--step2);
}
#page #lenyilo .grey-bg p {
font-size: 0.9375rem;
line-height: 1.6;
} #lenyilo > .panel-layout > .panel-grid:nth-child(11) { --bw: 52px;
--by: 64px;
position: relative;
margin-top: clamp(32px, 4vw, 56px) !important;
padding-top: calc(var(--by) + var(--bw) / 2 + 36px) !important;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(11) > .panel-row-style {
padding: 0 !important;
} #lenyilo > .panel-layout > .panel-grid:nth-child(11)::before {
content: "";
position: absolute;
left: calc(50% - var(--bw) / 2);
top: calc(var(--by) - var(--bw) * 5.36);
width: var(--bw);
height: calc(var(--bw) * 10.72);
background: url(//xcblade.com/wp-content/uploads/2024/04/faster-better.png) center / contain no-repeat;
transform: rotate(90deg);
pointer-events: none;
}
@media (max-width: 1024px) {
#lenyilo > .panel-layout > .panel-grid:nth-child(n + 6):nth-child(-n + 9) {
grid-column: span 3;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(10) {
grid-column: 1 / -1;
}
}
@media (max-width: 780px) {
#page #lenyilo {
border-radius: 22px;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(n + 6):nth-child(-n + 10) {
grid-column: 1 / -1;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(n + 2):nth-child(-n + 4) > .panel-grid-cell {
margin-bottom: 20px !important;
}
#lenyilo > .panel-layout > .panel-grid:nth-child(11) {
--bw: 30px;
--by: 40px;
}
}
#page #lenyilo a.close-btn { position: relative;
top: auto;
right: auto;
z-index: auto;
background: transparent;
border-color: var(--line-dark);
color: var(--white) !important;
font-family: var(--font);
font-size: 1rem;
line-height: 1.1;
}
#page #lenyilo a.close-btn:hover {
border-color: var(--white);
background: rgba(255, 255, 255, 0.06);
} @media (min-width: 781px) {
#contact .inventor > .panel-layout > .panel-grid:first-child {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
grid-template-rows: auto 1fr;
column-gap: clamp(40px, 6vw, 112px);
align-items: start;
margin-bottom: 0 !important;
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell {
width: auto !important;
margin: 0 !important;
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(1) {
grid-column: 2;
grid-row: 1;
margin-bottom: clamp(24px, 3vw, 40px) !important;
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(2) {
grid-column: 1;
grid-row: 1 / span 2;
position: sticky;
top: calc(var(--header-h) + 32px);
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(3) {
grid-column: 2;
grid-row: 2;
}
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(1) .so-widget-sow-image img {
width: min(100%, 400px);
border-radius: 0;
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(1) .so-panel + .so-panel {
margin-top: 20px;
} #page #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(1) p a,
#page #share .share-email a {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 44px;
padding: 0 20px;
border: 1.5px solid var(--line-dark);
border-radius: 999px;
color: var(--white);
font-size: 1.0625rem;
font-stretch: 87%;
font-weight: 600;
text-decoration: none;
transition: border-color 0.2s ease, color 0.2s ease;
} #page #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(1) p a::before,
#page #share .share-email a::before {
content: "";
flex: 0 0 18px;
width: 18px;
height: 18px;
background: var(--signal);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
#page #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(1) p a:hover,
#page #share .share-email a:hover {
border-color: var(--signal);
color: var(--white);
}
#page #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(1) p {
margin-bottom: 8px;
} #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(2) .sow-image-container {
position: relative;
display: block;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.7);
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(2) .sow-image-container::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: inherit;
pointer-events: none;
}
#contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(2) img {
display: block;
width: 100%;
height: auto;
border-radius: 0;
} #page #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(3) p {
max-width: 58ch;
margin-bottom: 1.2em;
font-size: var(--step0);
line-height: 1.7;
color: var(--frost);
}
#page #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(3) p:first-child {
margin-bottom: 1.4em;
font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem);
line-height: 1.45;
color: var(--white);
}
#page #contact .inventor > .panel-layout > .panel-grid:first-child > .panel-grid-cell:nth-child(3) p:first-child strong {
font-weight: 600;
} #page #overlay {
background:
linear-gradient(180deg, rgba(0, 10, 61, 0.35) 0%, rgba(0, 20, 102, 0.78) 55%, rgba(0, 10, 61, 0.92) 100%);
padding: 40px 0;
}
#page #overlay h1 {
font-size: var(--step5);
color: var(--white);
margin-bottom: 0.2em;
}
#page .play-btn img {
max-width: 132px;
transition: transform 0.3s var(--ease-out);
}
#page .play-btn img:hover {
transform: scale(1.06);
}
#page #overlay .big-text p {
max-width: 56ch;
margin-left: auto;
margin-right: auto;
font-size: var(--step1);
line-height: 1.5;
color: var(--white);
}
#page #overlay .big-text p strong {
font-weight: 500;
} #page .players-heading h1 {
color: var(--ink);
max-width: 18ch;
margin-left: auto;
margin-right: auto;
}
#page .players-heading p {
font-size: var(--step1);
font-weight: 400;
color: var(--ink-soft);
}
#pl-14 #panel-14-4-0-0 {
margin-bottom: clamp(28px, 4vw, 48px);
} #page .tab {
display: flex;
flex-direction: row;
justify-content: center;
gap: 4px;
width: max-content;
max-width: 100%;
margin: 0 auto clamp(24px, 3vw, 40px);
padding: 4px;
border: 1px solid var(--ice-line);
border-radius: 14px;
background: var(--white);
}
#page .tab button,
#page .tab button.tablinks {
width: auto;
min-height: 44px;
padding: 0 22px;
border: 0;
border-radius: var(--radius-control);
background: transparent;
color: var(--ink) !important;
font-family: var(--font);
font-stretch: 87%;
font-size: 0.9375rem;
font-weight: 700;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease;
}
#page .tab button:hover {
background: var(--ice);
}
#page .tab button.active,
#page .tab button.active:hover {
background: var(--rink) !important;
color: var(--white) !important;
} #page .player {
margin: 0;
padding-bottom: 72px;
border: 1px solid var(--ice-line);
border-radius: var(--radius-card);
background: var(--white);
box-shadow: 0 1px 0 rgba(10, 20, 66, 0.04), 0 12px 32px -18px rgba(10, 20, 66, 0.25);
color: var(--ink);
text-align: left;
}
#page .player .thumb {
margin-bottom: 0;
aspect-ratio: 4 / 3.4;
overflow: hidden;
background: var(--ice);
}
#page .player .thumb img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top center;
}
#page .player .entry-header {
padding: 20px 22px 0;
}
#page .player h2 {
margin: 0;
font-size: 1.625rem;
text-transform: none;
color: var(--ink);
}
#page .player .entry-content {
padding: 6px 22px 0;
} @media (min-width: 781px) {
#page .player h3 {
min-height: 2.7em;
}
}
#page .player h3 {
margin-bottom: 14px;
font-size: 0.9375rem;
font-stretch: 87%;
font-style: normal;
font-weight: 600;
line-height: 1.35;
color: var(--rink);
}
#page .player p {
font-size: 0.9375rem;
line-height: 1.6;
color: var(--ink-soft);
}
#page .player p a {
color: var(--rink);
}
#page .player-links {
left: 22px;
right: 22px;
bottom: 20px;
justify-content: flex-start;
flex-direction: row;
gap: 18px;
min-height: 51px;
padding-top: 16px;
border-top: 1px solid var(--ice-line);
}
#page .player-links a {
opacity: 0.85;
transition: opacity 0.2s ease;
}
#page .player-links a:hover {
opacity: 1;
}
#page .youtub {
max-width: 34px;
}
#page .elit {
max-width: 76px;
margin-bottom: 0;
}
#page .post-loop .slick-track {
padding: 8px 0 24px;
} #page .post-loop .player.slick-slide {
margin: 0 10px;
} #page .player.has-excerpt:not(.is-open) .player-quote > :first-child {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
}
#page .player.has-excerpt:not(.is-open) .player-quote > :not(:first-child) {
display: none;
}
#page .player .player-quote p {
margin-bottom: 0.7em;
}
#page .player .player-quote p:last-child {
margin-bottom: 0;
}
#page .player .player-more {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 6px 0 4px;
padding: 8px 0;
border: 0;
border-radius: 0;
background: none;
color: var(--rink);
font-family: var(--font);
font-stretch: 87%;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.2;
cursor: pointer;
}
#page .player .player-more::after {
content: "";
width: 7px;
height: 7px;
margin-top: -3px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform 0.25s var(--ease-out), margin 0.25s var(--ease-out);
}
#page .player.is-open .player-more::after {
margin-top: 3px;
transform: rotate(-135deg);
}
#page .player .player-more:hover {
color: var(--ink);
text-decoration: underline;
text-underline-offset: 3px;
} #page .post-loop .slick-track.has-open {
align-items: flex-start;
}
#page .post-loop .slick-track.has-open .player {
min-height: var(--card-h, 0);
} #players .widget_siteorigin-panels-postloop.so-panel {
margin-bottom: 0 !important;
} #page .prev.slick_arrow.slick-arrow,
#page .next.slick_arrow.slick-arrow {
width: 44px;
height: 44px;
top: 50%;
margin-top: -22px;
border-radius: 50%;
background: var(--rink);
background-image: none;
transform: none;
cursor: pointer;
transition: background-color 0.2s ease;
}
#page .prev.slick_arrow.slick-arrow::after,
#page .next.slick_arrow.slick-arrow::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-top: 2px solid var(--white);
border-right: 2px solid var(--white);
}
#page .next.slick_arrow.slick-arrow::after {
transform: translate(-65%, -50%) rotate(45deg);
}
#page .prev.slick_arrow.slick-arrow::after {
transform: translate(-35%, -50%) rotate(-135deg);
}
#page .prev.slick_arrow.slick-arrow {
left: -60px;
}
#page .next.slick_arrow.slick-arrow {
right: -60px;
}
#page .prev.slick_arrow.slick-arrow:hover,
#page .next.slick_arrow.slick-arrow:hover {
background: var(--ink);
}
#page .slick-dots li button::before {
font-size: 10px;
color: var(--ink);
}
#page .slick-dots li.slick-active button::before {
color: var(--rink);
opacity: 1;
} #pl-14 #pg-14-5 > .panel-row-style {
padding-top: var(--section-y);
padding-bottom: 0;
} #pl-14 #pg-14-1,
#pl-14 #pg-14-4 {
margin-bottom: 0;
}
#pg-14-5 h1 {
color: var(--white);
}
#page .acf-map {
height: clamp(380px, 52vw, 640px);
}
#page .inside-marker {
font-family: var(--font);
color: var(--ink);
}
#page .inside-marker h4 {
font-size: 1.0625rem;
font-style: normal;
font-stretch: 87%;
color: var(--ink);
}
#page .inside-marker a {
color: var(--rink);
text-decoration: underline;
text-underline-offset: 2px;
} #page .acf-map.leaflet-container {
background: var(--rink-night);
font-family: var(--font);
}
#page .acf-map .leaflet-tile-pane { filter: grayscale(1) invert(1) sepia(1) hue-rotate(185deg) saturate(3) brightness(1.35) contrast(1.05);
}
#page .acf-map .leaflet-bar {
border: 1px solid var(--line-dark);
border-radius: var(--radius-control);
overflow: hidden;
box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.7);
}
#page .acf-map .leaflet-bar a {
width: 36px;
height: 36px;
line-height: 34px;
border-bottom-color: var(--line-dark);
background: rgba(0, 10, 61, 0.9);
color: var(--white);
font-family: var(--font);
font-size: 20px;
font-weight: 500;
}
#page .acf-map .leaflet-bar a:hover {
background: var(--rink);
color: var(--white);
}
#page .acf-map .leaflet-bar a.leaflet-disabled {
background: rgba(0, 10, 61, 0.9);
color: rgba(185, 198, 232, 0.4);
}
#page .acf-map .leaflet-control-attribution {
padding: 2px 8px;
border-top-left-radius: 8px;
background: rgba(0, 10, 61, 0.75);
color: var(--frost);
font-size: 11px;
}
#page .acf-map .leaflet-control-attribution a {
color: var(--white);
}
#page .partner-popup .leaflet-popup-content-wrapper {
border-radius: 14px;
box-shadow: 0 24px 48px -20px rgba(0, 10, 61, 0.7);
}
#page .partner-popup .leaflet-popup-content {
margin: 16px 20px 14px;
font-family: var(--font);
font-size: 0.9375rem;
line-height: 1.5;
color: var(--ink);
}
#page .partner-popup .leaflet-popup-content p {
margin: 0 0 0.5em;
}
#page .partner-popup .leaflet-popup-content p:last-child {
margin-bottom: 0;
}
#page .partner-popup a.leaflet-popup-close-button {
top: 6px;
right: 6px;
color: var(--ink-soft);
} #page .grad-bg {
background: linear-gradient(180deg, var(--rink) 0%, var(--rink-deep) 48%, var(--rink-night) 100%);
color: var(--white);
}
#pl-14 #contact {
padding-top: var(--section-y);
padding-bottom: var(--section-y);
} #page #contact .community {
margin-top: clamp(56px, 7vw, 112px);
padding: clamp(16px, 2.4vw, 32px);
border: 1px solid var(--line-dark);
border-radius: 28px;
background:
radial-gradient(70% 120% at 100% 0%, rgba(0, 41, 153, 0.5), rgba(0, 41, 153, 0) 70%),
rgba(255, 255, 255, 0.03);
}
#page #contact .community > .panel-layout > .panel-grid {
align-items: center;
}
#page #contact .community .so-panel {
margin-bottom: 0;
} #page #contact .community-media p {
margin: 0;
}
#page #contact .community-media iframe,
#page #contact .community-media .fluid-width-video-wrapper {
border-radius: 18px;
overflow: hidden;
box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.8);
} #page #contact .community-text {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 16px;
row-gap: 12px;
padding: 8px clamp(8px, 2vw, 28px) 8px clamp(0px, 1.2vw, 16px);
}
#page #contact .community-text > .so-panel:first-child {
flex: 1 1 100%;
}
#page #share {
padding-bottom: 24px;
margin-bottom: 8px;
border-bottom: 1px solid var(--line-dark);
}
#page #share h2 {
margin-bottom: 0.45em;
font-size: var(--step3);
text-align: left;
color: var(--white);
}
#page #share .share-email {
margin-bottom: 20px;
}
#page #share p:not(.share-email) {
max-width: 54ch;
margin-bottom: 0.8em;
font-size: 1rem;
line-height: 1.65;
color: var(--frost);
}
#page #contact .follow-us h3 {
margin: 0;
font-size: 0.9375rem;
font-stretch: 87%;
font-style: normal;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.2;
color: var(--frost);
} #page #contact .community .sow-image-grid-wrapper {
display: flex;
justify-content: flex-start;
gap: 10px;
max-width: none;
margin: 0;
}
#page #contact .community .sow-image-grid-image {
padding: 0 !important;
}
#page #contact .community .sow-image-grid-image a {
display: block;
width: 36px;
height: 36px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 8px 18px -10px rgba(0, 0, 0, 0.8);
transition: transform 0.25s var(--ease-out);
}
#page #contact .community .sow-image-grid-image img {
display: block;
width: 100%;
height: 100%;
max-height: none !important;
object-fit: cover;
}
#page #contact .community .sow-image-grid-image a:hover {
transform: translateY(-2px);
}
@media only screen and (max-width: 1024px) {
#page #contact .community > .panel-layout > .panel-grid {
flex-direction: column;
align-items: stretch;
}
#page #contact .community > .panel-layout > .panel-grid > .panel-grid-cell {
width: 100% !important;
margin: 0 !important;
}
#page #contact .community > .panel-layout > .panel-grid > .panel-grid-cell:first-child {
margin-bottom: 24px !important;
}
#page #contact .community-text {
padding: 0 8px 8px;
}
}
@media (max-width: 780px) {
#page #contact .community {
border-radius: 22px;
}
}
#contact a {
color: var(--white);
font-weight: 600;
}
#contact a:hover {
color: var(--signal);
}
#contact .so-widget-sow-image img {
border-radius: var(--radius-media);
}
#contact .siteorigin-widget-tinymce p {
color: var(--frost);
line-height: 1.65;
}
#contact .siteorigin-widget-tinymce p strong {
color: var(--white);
font-weight: 600;
}
#contact iframe {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
border-radius: var(--radius-media);
}
#contact .fluid-width-video-wrapper {
border-radius: var(--radius-media);
overflow: hidden;
}  #pl-14 #find-your-blade {
padding-top: var(--section-y);
padding-bottom: var(--section-y);
background: linear-gradient(180deg, var(--rink-night) 0%, var(--rink-deep) 40%, var(--rink-night) 100%);
border-top: 1px solid var(--line-dark);
}
#find-your-blade h1 {
color: var(--white);
}
#find-your-blade .slick-slide img {
border-radius: var(--radius-card);
}
#find-your-blade .prev.slick_arrow.slick-arrow,
#find-your-blade .next.slick_arrow.slick-arrow {
background: rgba(255, 255, 255, 0.1) !important;
border: 1px solid var(--line-dark);
}
#find-your-blade .prev.slick_arrow.slick-arrow:hover,
#find-your-blade .next.slick_arrow.slick-arrow:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
#find-your-blade .slick-dots li button::before {
color: var(--white);
}
#pl-14 #faq.panel-widget-style {
padding-top: var(--section-y);
padding-bottom: 0;
}
#faq .panel-layout > .panel-grid:first-child {
gap: clamp(32px, 6vw, 96px);
} #faq .panel-layout > .panel-grid:first-child > .panel-grid-cell:first-child {
position: sticky;
top: calc(var(--header-h) + 32px);
align-self: flex-start;
}
#page #faq .faq-intro h1 {
text-align: left;
color: var(--white);
margin-bottom: 0.3em;
}
#page #faq .faq-lead {
font-size: var(--step1);
line-height: 1.5;
color: var(--frost);
max-width: 32ch;
}
#page #faq .faq-help {
margin-top: clamp(28px, 3vw, 40px);
padding-top: 24px;
border-top: 1px solid var(--line-dark);
}
#page #faq .faq-help__title {
margin-bottom: 16px;
color: var(--white);
}
#page #faq .faq-help__title strong {
font-weight: 600;
}
#page #faq .faq-help__links {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
#page #faq .faq-btn {
min-height: 46px;
padding: 0 20px;
font-size: 0.9375rem;
text-align: center;
}
#page #faq .faq-btn:not(.faq-btn--primary) {
background: transparent;
border-color: var(--line-dark);
color: var(--white) !important;
}
#page #faq .faq-btn:not(.faq-btn--primary):hover {
border-color: var(--white);
} #page #faq .sow-accordion {
border-top: 1px solid var(--line-dark);
}
#page #faq .sow-accordion-panel {
margin: 0;
border: 0;
border-bottom: 1px solid var(--line-dark);
border-radius: 0;
background: transparent;
}
#page #faq .sow-accordion-panel .sow-accordion-panel-header {
height: auto;
min-height: 76px;
gap: 20px;
padding: 20px 4px;
justify-content: space-between;
background: transparent;
color: var(--white);
text-align: left;
transition: color 0.2s ease;
}
#page #faq .sow-accordion-panel .sow-accordion-panel-header:hover,
#page #faq .sow-accordion-panel .sow-accordion-panel-header:focus {
background: transparent;
}
#page #faq .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {
justify-content: flex-start;
font-size: clamp(1.0625rem, 0.95rem + 0.4vw, 1.25rem);
font-weight: 600;
line-height: 1.35;
text-wrap: pretty;
} #page #faq .sow-accordion-open-close-button {
position: relative;
flex: 0 0 36px;
width: 36px;
height: 36px;
border: 1.5px solid var(--line-dark);
border-radius: 50%;
transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.35s var(--ease-out);
}
#page #faq .sow-accordion-open-close-button > div {
display: none !important;
}
#page #faq .sow-accordion-open-close-button::before,
#page #faq .sow-accordion-open-close-button::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
margin: -1px 0 0 -7px;
border-radius: 1px;
background: var(--white);
transition: background-color 0.25s ease;
}
#page #faq .sow-accordion-open-close-button::after {
transform: rotate(90deg);
}
#page #faq .sow-accordion-panel-header:hover .sow-accordion-open-close-button {
border-color: var(--frost);
}
#page #faq .sow-accordion-panel-header[aria-expanded="true"] .sow-accordion-open-close-button {
background: var(--signal);
border-color: var(--signal);
transform: rotate(45deg);
}
#page #faq .sow-accordion-panel-header[aria-expanded="true"] .sow-accordion-open-close-button::before,
#page #faq .sow-accordion-panel-header[aria-expanded="true"] .sow-accordion-open-close-button::after {
background: var(--ink);
}
#page #faq .sow-accordion-panel-border {
padding: 0 60px 28px 4px;
background: transparent;
color: var(--frost);
font-size: 1rem;
line-height: 1.7;
overflow: visible;
}
#page #faq .sow-accordion-panel-border > * {
max-width: 68ch;
}
#page #faq .sow-accordion-panel-border p {
margin-bottom: 0.9em;
}
#page #faq .sow-accordion-panel-border strong {
color: var(--white);
font-weight: 600;
}
#page #faq .sow-accordion-panel-border ul {
margin: 0 0 1em;
padding: 0;
list-style: none;
}
#page #faq .sow-accordion-panel-border li {
position: relative;
margin-bottom: 0.4em;
padding-left: 22px;
}
#page #faq .sow-accordion-panel-border li::before {
content: "";
position: absolute;
left: 2px;
top: 0.72em;
width: 8px;
height: 2px;
background: var(--signal);
} #page #faq .faq-specs > li {
margin-bottom: 14px;
padding: 14px 16px 14px 18px;
border: 1px solid var(--line-dark);
border-radius: 12px;
background: rgba(255, 255, 255, 0.03);
}
#page #faq .faq-specs > li::before {
display: none;
}
#page #faq .faq-specs > li > ul {
margin: 8px 0 0;
}
#page #faq .faq-note {
padding: 12px 16px;
border-left: 3px solid var(--signal);
border-radius: 0 10px 10px 0;
background: rgba(0, 255, 13, 0.06);
color: var(--white);
font-size: 0.9375rem;
}
#page #faq .faq-guide {
display: grid;
gap: 12px;
max-width: 100%;
}
#page #faq .faq-guide img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
}
#page #faq .faq-video {
position: relative;
max-width: 100%;
aspect-ratio: 16 / 9;
margin-top: 8px;
border-radius: var(--radius-card);
overflow: hidden;
background: #000;
}
#page #faq .faq-video iframe,
#page #faq .faq-video .fluid-width-video-wrapper {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
padding: 0 !important;
border: 0;
} #colophon {
background: #000;
color: var(--frost);
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
#colophon .container {
max-width: 1240px;
padding-left: var(--gutter);
padding-right: var(--gutter);
}
#colophon .panel-row-style {
padding: clamp(40px, 5vw, 64px) 0 !important;
}
#colophon p {
margin-bottom: 6px;
font-size: 0.9375rem;
}
#colophon a {
color: var(--frost);
}
#colophon a:hover {
color: var(--white);
}
#colophon a strong,
#colophon a b {
color: var(--white);
font-weight: 600;
}
#colophon .sow-image-grid-image a {
opacity: 0.8;
transition: opacity 0.2s ease;
}
#colophon .sow-image-grid-image a:hover {
opacity: 1;
} @media only screen and (max-width: 1024px) {
:root {
--header-h: 64px;
}
#page {
padding-top: var(--header-h);
}
.slicknav_menu,
.slicknav-flex {
height: var(--header-h);
}
.slicknav_brand img {
width: 132px;
height: auto;
}
.shop-btn.mobile {
top: 14px;
right: 72px;
}
#page .shop-btn.mobile .ow-button-base a { width: auto !important;
min-height: 36px;
padding: 0 14px !important;
background: var(--signal) !important;
color: var(--ink) !important;
font-size: 0.8125rem;
letter-spacing: 0.04em;
}
#pl-14 #pg-14-1 > .panel-row-style > .panel-grid-cell,
#pl-14 #pg-14-5 > .panel-row-style > .panel-grid-cell > .widget_sow-editor {
padding-left: var(--gutter);
padding-right: var(--gutter);
}
#page .prev.slick_arrow.slick-arrow {
left: -8px;
}
#page .next.slick_arrow.slick-arrow {
right: -8px;
}
#page .tab {
flex-direction: row;
gap: 2px;
}
#page .tab button,
#page .tab button.tablinks {
width: auto;
padding: 0 14px;
}
#page .thumb img {
height: 100%;
}
#page .wp-video {
min-height: 0;
} #faq .panel-layout > .panel-grid:first-child {
flex-direction: column;
}
#faq .panel-layout > .panel-grid:first-child > .panel-grid-cell {
width: 100% !important;
margin-right: 0 !important;
}
#faq .panel-layout > .panel-grid:first-child > .panel-grid-cell:first-child {
position: static;
}
#page #faq .faq-lead {
max-width: 52ch;
}
}
@media only screen and (max-width: 780px) {
#blades-row .panel-layout > .panel-grid:first-child {
gap: 12px;
}
#blades-row .panel-layout > .panel-grid:first-child > .panel-grid-cell {
margin-bottom: 0 !important;
}
#blades-row .flex.space-between {
grid-template-columns: 1fr 1fr;
width: 100%;
}
#blades-row .flex.space-between > .so-panel:nth-child(3) {
border-left: 0;
}
#blades-row .flex.space-between > .so-panel:nth-child(n + 3) {
border-top: 1px solid var(--line-dark);
}
#page .icon-text .so-widget-sow-image {
flex-direction: column;
gap: 8px;
text-align: center;
}
#page .icon-text .so-widget-sow-image h3 {
font-size: 0.9375rem;
text-align: center;
}
#blades-row .flex.space-between > .so-panel {
padding: 18px 10px;
} #better-you > .panel-grid-cell > .widget_sow-image:first-child .sow-image-container {
display: flex;
justify-content: center;
}
#better-you > .panel-grid-cell > .widget_sow-image:first-child img {
width: auto;
max-width: 76%;
height: auto;
}
#better-you .panel-row-style.container > .panel-grid-cell {
margin-bottom: 40px !important;
}
#faq .panel-layout > .panel-grid:first-child > .panel-grid-cell:first-child {
position: static;
}
#page #faq .sow-accordion-panel-border {
padding-right: 4px;
}
#page #faq .sow-accordion-panel .sow-accordion-panel-header {
min-height: 64px;
padding: 16px 0;
}
#page #faq .faq-help__links .faq-btn {
flex: 1 1 100%;
} #page #overlay {
position: relative;
padding: 64px var(--gutter) 48px;
background: linear-gradient(180deg, var(--rink) 0%, var(--rink-deep) 100%);
}
#page #overlay h1 {
font-size: var(--step4);
}
#page #overlay .big-text p {
font-size: 1.0625rem;
}
#page .wp-video {
min-height: 0;
display: block;
} #page .post-loop .prev.slick_arrow.slick-arrow,
#page .post-loop .next.slick_arrow.slick-arrow {
top: 130px;
}
}
@media only screen and (max-width: 480px) {
#page .tab {
width: 100%;
}
#page .tab button,
#page .tab button.tablinks {
flex: 1 1 0;
padding: 0 8px;
font-size: 0.8125rem;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
}
#page .img-border:hover img,
#page .play-btn img:hover {
transform: none;
}
}