html {
scroll-behavior: smooth;
}
header#header > div.header-wrapper > div#masthead div.header-inner > div.hide-for-medium {
text-align: center;
}
header#header > div.header-wrapper > div#masthead div.header-inner > div.hide-for-medium > ul {
display: inline;
}
.social-icons a.is-outline {
color: #0582ad;
}
h1 {
font-size: 3.3rem;
}
h2 {
font-size: 2.55rem;
line-height: 1.25;
margin-bottom: 1rem;
}
h2 > span {
display: block;
margin-bottom: 0;
}
h3 {
font-size: 1.7rem;
line-height: 1.25;
margin-bottom: 1rem;
}
p.lead {
font-size: 1.2rem;
}
.st-prominant {
font-size: 2.55rem;
line-height: 1.25;
margin-bottom: 1rem;
}
.nav-line-bottom > li.active > a:before {
background-color: #ffa700;
}
.wpcf7-spinner {
display: block;
}
div.tagcloud a {
line-height: 1;
}
.widget div.tagcloud a:hover {
color: #ffa700;
border-color: transparent;
background-color: transparent;
}
section.shaun-tomson-home-hero {
overflow: hidden;
}
section.engage-hero-desktop div.st-hero-engage > h3 {
font-size: 5rem;
letter-spacing: 15px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
}
section.engage-hero-mobile div.st-hero-engage > h3 {
font-size: 3rem;
letter-spacing: 8px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
}
div.st-hero-engage > span {
font-size: 1.67rem;
line-height: 1;
font-weight: 100;
margin-bottom: 1rem;
}
div.shaun-hero-image img {
max-width: 700px;
}
.st-book-cover {
float: left;
margin-right: 1.3rem;
margin-bottom: 1.3rem;
max-width: 400px;
}
section.shaun-tomson-testimonials div.st-testimonial-row div.col > div.col-inner {
background-color: #0C1931;
border-radius: 10px;
}
section.shaun-tomson-testimonials div.st-testimonial-row div.col > div.col-inner .testimonial-logo {
min-height: 160px;
position: relative;
}
section.shaun-tomson-testimonials div.st-testimonial-row div.col > div.col-inner .testimonial-logo img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.st-problem-stat__wrapper {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 3fr;
}
.st-problem-stat__wrapper > .text {
text-align: left;
padding-left: 1rem;
}
.st-problem-stat__wrapper > .text > span {
display: block;
font-size: 2rem;
font-weight: 600;
line-height: 1;
}
.watch-surfing-vid-button {
position: relative;
top: -20px;
}
.client-phrases {
background-image: url(https://shauntomson.com/wp-content/uploads/2023/06/clientele-background.jpg);
background-size: cover;
padding: 1rem;
border-radius: 10px;
color: #fff;
font-size: .9rem;
font-weight: 600;
position: relative;
}
.client-phrases > span.start  {
font-size: 3rem;
line-height: 1;
font-weight: 600;
position:absolute;
display: block;
top: 0px;
left: 5px;
height: 46px;
}
.client-phrases > span.stop  {
font-size: 3rem;
line-height: 1;
font-weight: 600;
display: block;
position:absolute;
bottom: 0px;
right: 5px;
height: 32px;
}
div.st-media-hero {
margin-bottom: 1rem;
}
div.st-media-hero > span {
font-size: 4rem;
font-weight: 600;
line-height: 1;
display: block;
margin-bottom: 1rem;
}
div.st-media-hero > span:first-of-type {
font-size: 2.3rem;
}
div.heading-concat > h1, div.heading-concat {
display: inline;
font-size: 1.6rem;
font-weight: 300;
}
section.media-featured-in a {
color: #ffa700;
}
section.media-featured-in h2 > a {
color: #0580ab;
}
@media (min-width: 1600px) {
div[id^="text-box-"].the-code-wave-text-box {
background-color: rgba(3,76,91,0.6);
border-radius: 16px;
padding: 3rem;
}
}
@media (max-width: 1250px) {
div.st-media-hero > span {
font-size: 3.4rem;
}
div.st-media-hero > span:first-of-type {
font-size: 1.8rem;
}
}
@media (max-width: 980px) {
div.st-media-hero > span {
font-size: 2.5rem;
}
div.st-media-hero > span:first-of-type {
font-size: 1.6rem;
}
div.heading-concat > h1, div.heading-concat {
font-size: 1.2rem;
}
}
.footer-1 #media_image-4 > img {
max-width: 200px!important;
}
@media only screen and (max-width: 68em) { p.lead {
font-size: 1rem;
}
h1 {
font-size: 2.4rem;
}
.st-prominant {
font-size: 2rem;
margin-bottom: .75rem;
}
} 
@media only screen and (max-width: 48em) { h1 {
font-size: 2rem;
}
h2 {
font-size: 1.7rem;
}
h3 {
font-size: 1.4rem;
}
section.engage-hero-mobile div.st-hero-engage > h3 {
font-size: 2.3rem;
}
.st-prominant {
font-size: 1.7rem;
margin-bottom: .75rem;
}
}
section.shauns-videos p {
margin-bottom: 0px;
} section.hello-im-shaun {
background-color: #fff;
z-index: -999;
}
section.hello-im-shaun > div.hello-im-shaun__wrapper {
position: relative;
width: 100vw;
height: 650px;
overflow: hidden;
}
div.banner-footnote-image {
position: absolute;
bottom: -90px;
right: 0px;
width: 875px;
height: auto;
z-index: 1;
}
section.hello-im-shaun > div.hello-im-shaun__wrapper > .hello-im-shaun-text {
position: absolute;
top: 50px;
left: 40px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 10rem;
line-height: 1;
color: rgba(0,0,0,.1);
z-index: 1;
}
.hello-im-shaun-image > img {
position:absolute;
width: 420px;
left: 110px;
bottom: 0px;
z-index: 2;
}
.hello-im-shaun-textarea {
position: absolute;
font-family: 'Open Sans', sans-serif;
top: 230px;
left: 560px;
width: 550px;
z-index: 2;
color: #505050;
}
.hello-im-shaun-textarea > h2 {
font-size: 3rem;
font-weight: 300;
color: #0582ad;
line-height: 1.1;
margin-bottom: 1.3rem;
margin-top: 0px;
}
section.the-code-method-block {
border-radius: 10px;
border: solid 1px #ffebb0;
}
figure.wp-block-media-text__media {
margin-bottom: 18px!important;
}
video.double-shakka {
width: 100%;
max-width: 100%;
margin: 20px auto;
display: block;
}
div.double-shakka-testimonial > div.col-inner {
background-color: #fff;
border: 2px solid #ddd;
border-radius: 25px;
margin: 5px;
padding: 2rem;
}
div.double-shakka-testimonial > div.col-inner > div.icon-box-top > div.icon-box-img > div.icon > icon-inner {
border: red 1px solid;
margin: auto;
} 
a.double-shakka-button {
border: 2px solid #000!important;
color: #000!important;
}
a.double-shakka-button:hover {
border: 2px solid #FFF!important;
color: #FFF!important;
}
a.double-shakka-button > span {
color: #000!important;
}
.workshop-negative-headings {
display: inline-block;
border-bottom: 2px solid #ffa500;
margin-bottom: 1rem;
}
.workshop-negative-headings > h3 {
font-weight: 700!important;
}
.workshop-testimonial-slider p {
padding: 1rem;
}
ol.circular-numbered-list { 
line-height: 2;
list-style-type: none;
counter-reset: section;
margin-left: 3rem;
}
ol.circular-numbered-list > li {
counter-increment: section;
margin-top: 2rem;
}
ol.circular-numbered-list > li:before {
content: counters(section,"");
border: 2px solid #ffa500;
border-radius: 50%;
display: inline-block;
float: left;
width: 3rem;
height: 3rem;
text-align: center;
padding-top: .25rem;
font-weight: 700;
margin-left: -5rem;
margin-right: 1rem;
background: rgba(0,0,0,0.025);
}
.the-code-workshop-card-image img {
max-width: 150px;
}
.workshop-Improved-headings h3 {
font-weight: 600;
}
@media screen and (max-width: 30em) { 
ol.circular-numbered-list { margin-left: 0; } 
ol.circular-numbered-list > li:before { 
display: block;
float: none;
margin: 1rem auto;
}
}
@media (max-width: 1350px) {
section.hello-im-shaun > div.hello-im-shaun__wrapper {
height: 500px;
}
section.hello-im-shaun > div.hello-im-shaun__wrapper > .hello-im-shaun-text {
top: 20px;
left: 20px;
font-size: 7rem;
}
.hello-im-shaun-image > img {
width: 360px;
left: 30px;
}
.hello-im-shaun-textarea {
top: 160px;
left: 380px;
width: 450px;
font-size: .9rem;
}
.hello-im-shaun-textarea > h2 {
font-size: 2rem;
}
div.banner-footnote-image {
right: 0px;
width: 675px;
bottom: -60px;
height: auto;
z-index: 1;
}
div.banner-footnote-image > img {
width: 100%;
}
}
@media (max-width: 1068px) {
section.hello-im-shaun > div.hello-im-shaun__wrapper {
height: 420px;
}
section.hello-im-shaun > div.hello-im-shaun__wrapper > .hello-im-shaun-text {
top: 0px;
left: 20px;
font-size: 5rem;
}
.hello-im-shaun-image > img {
width: 300px;
left: 30px;
}
.hello-im-shaun-textarea {
top: 90px;
left: 320px;
width: 450px;
font-size: .9rem;
}
div.banner-footnote-image {
width: 575px;
bottom: -60px;
height: auto;
z-index: 1;
}
}
@media (max-width: 960px) {
section.hello-im-shaun > div.hello-im-shaun__wrapper {
height: 350px;
}
section.hello-im-shaun > div.hello-im-shaun__wrapper > .hello-im-shaun-text {
top: 0px;
left: 20px;
font-size: 4rem;
}
.hello-im-shaun-image > img {
width: 240px;
left: 30px;
}
.hello-im-shaun-textarea {
top: 70px;
left: 260px;
width: 400px;
font-size: .8rem;
}
div.banner-footnote-image {
width: 475px;
bottom: -60px;
height: auto;
z-index: 1;
}
}
@media (max-width: 780px) {
section.hello-im-shaun > div.hello-im-shaun__wrapper {
height: 1100px;
}
section.hello-im-shaun > div.hello-im-shaun__wrapper > .hello-im-shaun-text {
top: 0px;
left: 50%;
transform: translateX(-50%);
font-size: 6rem;
}
.hello-im-shaun-textarea > h2 {
font-size: 2rem;
background: #0582ad;
padding: 1rem;
margin-bottom: 0px;
color: #fff;
}
.hello-im-shaun-textarea > div {
padding: 1rem;
}
.hello-im-shaun-image > img {
width: 320px;
left: 50%;
top: 40px;
transform: translateX(-50%)
}
.hello-im-shaun-textarea {
top: 445px;
left: 50%;
transform: translateX(-50%);
width: 100%;
font-size: 1rem;
}
div.banner-footnote-image {
width: 100vw;
bottom: -20px;
height: auto;
z-index: 1;
}
} section.st-homepage-hero {
--st-hero-orange: #ffa300;
--st-hero-dark: #102b2e;
position: relative;
overflow: hidden;
background: var(--st-hero-dark);
color: #fff;
}
section.st-homepage-hero > .section-bg {
background-color: var(--st-hero-dark);
background-position: 50% 45%;
background-size: cover;
}
section.st-homepage-hero > .section-bg::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(180deg, rgba(5, 29, 34, .48), rgba(5, 29, 34, .64) 56%, rgba(5, 29, 34, .86));
}
section.st-homepage-hero > .section-content {
position: relative;
z-index: 1;
}
section.st-homepage-hero .st-homepage-hero__row {
width: 100%;
max-width: 1400px !important;
min-height: 780px;
margin: 0 auto;
padding: clamp(72px, 8vw, 112px) 20px 0;
align-content: flex-end;
align-items: flex-start !important;
}
section.st-homepage-hero .st-homepage-hero__row > .col {
padding-right: 15px;
padding-left: 15px;
}
section.st-homepage-hero .st-homepage-hero__top {
padding-bottom: 14px;
}
section.st-homepage-hero .st-homepage-hero__eyebrow p {
margin: 0 0 10px;
color: var(--st-hero-orange);
font-family: Oswald, sans-serif;
font-size: clamp(18px, 1.5vw, 24px);
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
}
section.st-homepage-hero .st-homepage-hero__wordmark p {
margin: 0;
color: var(--st-hero-orange);
font-family: Oswald, sans-serif;
font-size: clamp(140px, 21vw, 400px);
font-weight: 700;
letter-spacing: -.025em;
line-height: .86;
}
section.st-homepage-hero .st-homepage-hero__left,
section.st-homepage-hero .st-homepage-hero__right {
padding-top: clamp(24px, 2vw, 34px);
padding-bottom: clamp(70px, 8vw, 105px);
}
section.st-homepage-hero .st-homepage-hero__left h1 {
max-width: 610px;
margin: 0 0 18px;
color: #fff;
font-family: Oswald, sans-serif;
font-size: clamp(27px, 2.4vw, 38px);
font-weight: 400;
line-height: 1.12;
text-transform: uppercase;
}
section.st-homepage-hero .st-homepage-hero__proposition {
max-width: 600px;
margin: 0;
color: var(--st-hero-orange);
font-family: Oswald, sans-serif;
font-size: clamp(34px, 3.5vw, 55px);
font-weight: 500;
letter-spacing: .035em;
line-height: 1.04;
}
section.st-homepage-hero .st-homepage-hero__body p {
max-width: 480px;
margin: 0 0 24px;
color: #fff;
font-size: clamp(17px, 1.25vw, 20px);
line-height: 1.45;
}
section.st-homepage-hero a.button.st-homepage-hero__button {
min-height: 43px;
margin: 0 8px 8px 0;
padding: 0 20px;
border-radius: 999px;
font-family: Oswald, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 41px;
text-transform: uppercase;
}
section.st-homepage-hero a.button.st-homepage-hero__button--primary {
border: 1px solid var(--st-hero-orange);
background: var(--st-hero-orange);
color: var(--st-hero-dark);
}
section.st-homepage-hero a.button.st-homepage-hero__button--outline {
border: 1px solid #fff;
background: transparent;
color: #fff;
}
section.st-homepage-hero a.button.st-homepage-hero__button--primary:hover {
background: #ffc04d;
border-color: #ffc04d;
}
section.st-homepage-hero a.button.st-homepage-hero__button--outline:hover {
background: #fff;
color: var(--st-hero-dark);
}
section.st-homepage-hero .st-homepage-hero__credentials {
position: relative;
z-index: 0;
padding-top: 18px;
padding-bottom: 18px;
}
section.st-homepage-hero .st-homepage-hero__credentials::before {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: #087ca3;
content: "";
}
section.st-homepage-hero .st-homepage-hero__credentials p {
margin: 0;
color: #fff;
font-family: Oswald, sans-serif;
font-size: clamp(15px, 1.35vw, 20px);
font-weight: 400;
line-height: 1.45;
}
@media (max-width: 849px) {
section.st-homepage-hero .st-homepage-hero__row {
min-height: 0;
padding-top: 70px;
}
section.st-homepage-hero .st-homepage-hero__wordmark p {
font-size: clamp(120px, 22vw, 240px);
}
section.st-homepage-hero .st-homepage-hero__left,
section.st-homepage-hero .st-homepage-hero__right {
width: 100%;
max-width: 100%;
flex-basis: 100%;
padding-top: 0;
padding-bottom: 24px;
}
section.st-homepage-hero .st-homepage-hero__right {
padding-bottom: 45px;
}
}
@media (max-width: 549px) {
section.st-homepage-hero .st-homepage-hero__row {
padding: 45px 10px 0;
}
section.st-homepage-hero .st-homepage-hero__wordmark p {
font-size: clamp(96px, 25vw, 150px);
}
section.st-homepage-hero .st-homepage-hero__left h1 {
font-size: 27px;
}
section.st-homepage-hero .st-homepage-hero__proposition {
font-size: 37px;
}
section.st-homepage-hero .st-homepage-hero__body p {
font-size: 17px;
}
} section.st-homepage-purpose {
--st-purpose-orange: #ffa300;
position: relative;
overflow: hidden;
background: #075a74;
color: #fff;
}
section.st-homepage-purpose > .section-bg {
background-color: #075a74;
background-position: 50% 50%;
background-size: cover;
}
section.st-homepage-purpose > .section-bg::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(90deg, rgba(0, 56, 72, .74), rgba(0, 65, 82, .38) 60%, rgba(0, 44, 60, .2));
}
section.st-homepage-purpose > .section-content {
position: relative;
z-index: 1;
}
section.st-homepage-purpose .st-homepage-purpose__row {
width: 100%;
max-width: none !important;
min-height: 900px;
margin: 0 auto;
padding: 82px clamp(40px, 10vw, 190px) 80px;
align-items: center;
}
section.st-homepage-purpose .st-homepage-purpose__copy .col-inner {
max-width: 700px;
margin-left: 0 !important;
margin-right: 0 !important;
}
section.st-homepage-purpose .st-homepage-purpose__copy h2 {
margin: 0 0 30px;
color: var(--st-purpose-orange);
font-family: Oswald, sans-serif;
font-size: clamp(56px, 5vw, 76px);
font-weight: 400;
line-height: 1.06;
text-transform: uppercase;
}
section.st-homepage-purpose .st-homepage-purpose__lead {
max-width: 650px;
margin: 0 0 28px;
color: #fff;
font-family: Oswald, sans-serif;
font-size: clamp(28px, 2.45vw, 40px);
font-weight: 400;
line-height: 1.16;
text-transform: uppercase;
}
section.st-homepage-purpose .st-homepage-purpose__body p {
max-width: 650px;
margin: 0 0 21px;
color: #fff;
font-size: clamp(17px, 1.25vw, 20px);
line-height: 1.5;
}
section.st-homepage-purpose a.button.st-homepage-purpose__link {
min-height: 0;
margin: 10px 0 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--st-purpose-orange);
font-family: Oswald, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.3;
text-transform: uppercase;
}
section.st-homepage-purpose a.button.st-homepage-purpose__link::after {
margin-left: 14px;
content: "→";
font-size: 1.3em;
vertical-align: -.04em;
}
section.st-homepage-purpose a.button.st-homepage-purpose__link:hover,
section.st-homepage-purpose a.button.st-homepage-purpose__link:focus-visible {
color: #ffca5c;
}
section.st-homepage-purpose .st-homepage-purpose__media {
min-height: 680px;
}
@media (max-width: 849px) {
section.st-homepage-purpose .st-homepage-purpose__row {
min-height: 0;
padding: 70px 35px;
}
section.st-homepage-purpose .st-homepage-purpose__copy,
section.st-homepage-purpose .st-homepage-purpose__media {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
section.st-homepage-purpose .st-homepage-purpose__media {
min-height: 0;
}
}
@media (max-width: 549px) {
section.st-homepage-purpose .st-homepage-purpose__row {
padding: 55px 20px;
}
section.st-homepage-purpose .st-homepage-purpose__copy h2 {
margin-bottom: 22px;
font-size: clamp(43px, 12vw, 56px);
}
section.st-homepage-purpose .st-homepage-purpose__lead {
font-size: clamp(26px, 7vw, 34px);
}
section.st-homepage-purpose .st-homepage-purpose__body p {
font-size: 17px;
}
} section.st-homepage {
--st-ink: #073f4e;
--st-blue: #0785aa;
--st-orange: #ffa300;
--st-paper: #f4f5f4;
overflow: hidden;
color: #26434a;
}
section.st-homepage > .section-content > .st-homepage__row.row {
width: 100%;
max-width: 1380px !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 80px clamp(24px, 4vw, 64px) 56px;
}
section.st-homepage .col > .col-inner {
margin-right: 0 !important;
margin-left: 0 !important;
}
section.st-homepage h2,
section.st-homepage h3,
section.st-homepage h4 {
font-family: Oswald, sans-serif;
font-weight: 400;
line-height: 1.12;
text-transform: uppercase;
}
section.st-homepage h2 {
max-width: 850px;
margin: 0 0 26px;
color: var(--st-blue);
font-size: clamp(42px, 4vw, 68px);
}
section.st-homepage h3 {
margin: 0 0 18px;
color: var(--st-ink);
font-size: clamp(29px, 2.3vw, 40px);
}
section.st-homepage h4 {
margin: 0 0 12px;
color: var(--st-ink);
font-size: 27px;
}
section.st-homepage p,
section.st-homepage li {
color: inherit;
font-size: 18px;
line-height: 1.6;
}
section.st-homepage p {
margin: 0 0 18px;
}
section.st-homepage a.button.st-homepage__button {
margin: 14px 12px 8px 0;
border-radius: 999px;
font-family: Oswald, sans-serif;
font-size: 18px;
font-weight: 500;
letter-spacing: .02em;
text-transform: uppercase;
}
section.st-homepage a.button.st-homepage__button--primary {
border: 2px solid var(--st-orange) !important;
background: var(--st-orange) !important;
color: var(--st-ink) !important;
}
section.st-homepage a.button.st-homepage__button--outline {
border: 2px solid var(--st-blue) !important;
background: transparent !important;
color: var(--st-blue) !important;
}
section.st-homepage a.button.st-homepage__text-link {
min-height: 0;
margin: 10px 24px 8px 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: var(--st-orange);
font-family: Oswald, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 1.4;
text-align: left;
text-transform: uppercase;
white-space: normal;
}
section.st-homepage a.button.st-homepage__text-link::after {
margin-left: 9px;
content: "→";
}
section.st-homepage a.button.st-homepage__text-link:hover,
section.st-homepage a.button.st-homepage__text-link:focus-visible {
color: var(--st-blue);
}
section.st-homepage a:focus-visible {
outline: 3px solid var(--st-orange);
outline-offset: 4px;
}
section.st-homepage .st-homepage__section-action {
padding-top: 18px;
} section.st-homepage--code {
background: #fff;
}
section.st-homepage--code > .section-content > .st-homepage__intro-row.row {
max-width: none !important;
min-height: 630px;
padding-right: clamp(40px, 8vw, 150px);
padding-left: clamp(40px, 8vw, 150px);
background: linear-gradient(110deg, #fafafa 40%, #dce9ed 100%);
}
section.st-homepage--code .st-homepage__intro-row .st-homepage__copy .col-inner {
max-width: 710px;
}
section.st-homepage--code .st-homepage__validation {
max-width: 580px;
margin-top: 28px;
padding: 24px 28px;
border-radius: 13px;
background: var(--st-ink);
color: #fff;
font-size: 17px;
}
section.st-homepage--code .st-homepage__media .col-inner {
min-height: 420px;
}
section.st-homepage--code > .section-content > .st-homepage__process-row.row {
padding-bottom: 38px;
}
section.st-homepage--code .st-homepage__process-row h3 {
color: var(--st-blue);
}
section.st-homepage--code .st-homepage__step .col-inner {
min-height: 255px;
padding: 25px 24px;
border-radius: 13px;
background: #f0f1f0;
}
section.st-homepage--code .st-homepage__step-number {
margin-bottom: 7px;
color: var(--st-orange);
font-family: Oswald, sans-serif;
font-size: 30px;
}
section.st-homepage--code .st-homepage__step p:not(.st-homepage__step-number) {
font-size: 16px;
}
section.st-homepage--code > .section-content > .st-homepage__application-row.row {
padding-top: 38px;
padding-bottom: 90px;
}
section.st-homepage--code .st-homepage__application-row h3 {
max-width: 400px;
color: var(--st-blue);
font-size: clamp(37px, 3.5vw, 55px);
} section.st-homepage--evidence {
background: #fff;
color: var(--st-blue);
}
section.st-homepage--evidence > .section-content > .st-homepage__evidence-intro.row {
max-width: none !important;
min-height: 600px;
padding: 95px clamp(40px, 8vw, 150px);
background: linear-gradient(120deg, #0c5772 0%, #05769c 62%, #84b9ca 100%);
color: #fff;
}
section.st-homepage--evidence .st-homepage__evidence-intro h2 {
color: #fff;
}
section.st-homepage--evidence .st-homepage__evidence-intro .st-homepage__lead {
font-family: Oswald, sans-serif;
font-size: clamp(25px, 2.4vw, 38px);
line-height: 1.2;
text-transform: uppercase;
}
section.st-homepage--evidence .st-homepage__evidence-intro p:not(.st-homepage__lead) {
max-width: 680px;
font-size: 17px;
}
section.st-homepage--evidence > .section-content > .st-homepage__stats-row.row {
padding-top: 70px;
padding-bottom: 80px;
}
section.st-homepage--evidence .st-homepage__stat .col-inner {
min-height: 310px;
padding: 28px;
border: 2px solid var(--st-orange);
border-radius: 12px;
}
section.st-homepage--evidence .st-homepage__stat h3 {
color: var(--st-blue);
font-size: clamp(26px, 2.4vw, 40px);
}
section.st-homepage--evidence .st-homepage__stat p {
font-size: 16px;
}
section.st-homepage--evidence .st-homepage__evidence-conclusion {
padding-top: 35px;
}
section.st-homepage--evidence .st-homepage__evidence-conclusion p {
max-width: 1050px;
} section.st-homepage--services {
background: var(--st-ink);
color: #fff;
}
section.st-homepage--services h2,
section.st-homepage--services h3 {
color: #fff;
}
section.st-homepage--services .st-homepage__card .col-inner {
min-height: 265px;
padding: 30px;
border: 1px solid rgba(255, 255, 255, .25);
border-radius: 12px;
background: #0b5467;
}
section.st-homepage--services .st-homepage__card a.button.st-homepage__text-link {
color: var(--st-orange);
}
section.st-homepage--testimonials {
background: #fff;
}
section.st-homepage--testimonials h2,
section.st-homepage--testimonials > .section-content > .st-homepage__row.row > .col:first-child p {
text-align: center;
}
section.st-homepage--testimonials h2 {
max-width: none;
}
section.st-homepage--testimonials .st-homepage__quote .col-inner {
min-height: 395px;
padding: 30px;
border: 1px solid #d6dde0;
border-radius: 13px;
background: #fff;
}
section.st-homepage--testimonials blockquote {
margin: 0 0 24px;
padding: 0;
border: 0;
color: var(--st-blue);
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.35;
}
section.st-homepage--testimonials .st-homepage__quote p {
font-size: 14px;
} section.st-homepage--why-shaun {
background: #f7f7f5;
}
section.st-homepage--why-shaun .st-homepage__media .col-inner {
min-height: 590px;
border-radius: 13px;
background: #dce8ea;
}
section.st-homepage--why-shaun .st-homepage__copy .col-inner {
padding-left: clamp(0px, 3vw, 45px);
}
section.st-homepage--timeline {
background: var(--st-ink);
color: #fff;
}
section.st-homepage--timeline h2,
section.st-homepage--timeline h3 {
color: #fff;
}
section.st-homepage--timeline .st-homepage__timeline-intro h2 {
margin-right: auto;
margin-left: auto;
text-align: center;
}
section.st-homepage--timeline .st-homepage__timeline-intro .col-inner {
max-width: 930px;
margin-right: auto !important;
margin-left: auto !important;
}
section.st-homepage--timeline .st-homepage__recognition {
margin: 35px 0;
padding: 20px 26px;
border-left: 4px solid var(--st-orange);
background: rgba(255, 255, 255, .08);
font-family: Oswald, sans-serif;
font-size: clamp(26px, 3vw, 42px);
line-height: 1.2;
}
section.st-homepage--timeline .st-homepage__recognition span {
color: var(--st-orange);
font-size: 18px;
letter-spacing: .08em;
}
section.st-homepage--timeline .st-homepage__milestone {
padding-bottom: 0;
}
section.st-homepage--timeline .st-homepage__milestone .col-inner {
position: relative;
max-width: 790px;
margin-right: auto !important;
margin-left: auto !important;
padding: 4px 35px 45px;
border-left: 2px solid rgba(255, 255, 255, .8);
}
section.st-homepage--timeline .st-homepage__milestone .col-inner::before {
position: absolute;
top: 8px;
left: -9px;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--st-orange);
content: "";
}
section.st-homepage--timeline .st-homepage__milestone h3 {
color: var(--st-orange);
font-size: 31px;
}
section.st-homepage--timeline .st-homepage__section-action .col-inner {
max-width: 930px;
margin-right: auto !important;
margin-left: auto !important;
} section.st-homepage--books {
background: #fff;
}
section.st-homepage--books .st-homepage__card .col-inner,
section.st-homepage--insights .st-homepage__card .col-inner {
min-height: 390px;
padding: 25px;
border-radius: 12px;
background: var(--st-paper);
}
section.st-homepage--books .st-homepage__card h3,
section.st-homepage--insights .st-homepage__card h3 {
color: var(--st-blue);
font-size: 28px;
}
section.st-homepage--books .st-homepage__card p,
section.st-homepage--insights .st-homepage__card p {
font-size: 16px;
}
section.st-homepage--double-shakka {
background: var(--st-ink);
color: #fff;
}
section.st-homepage--double-shakka h2 {
color: #fff;
font-size: 26px;
text-transform: none;
}
section.st-homepage--double-shakka h3 {
color: var(--st-orange);
font-size: clamp(47px, 4vw, 66px);
}
section.st-homepage--double-shakka .st-homepage__media .col-inner {
min-height: 520px;
background: #0b596e;
}
section.st-homepage--double-shakka .st-homepage__copy .col-inner {
padding-left: clamp(0px, 3vw, 50px);
}
section.st-homepage--insights {
background: #fff;
}
section.st-homepage--insights h2 {
max-width: none;
text-align: center;
} section.st-homepage--enquiry {
background: var(--st-orange);
color: var(--st-ink);
}
section.st-homepage--enquiry h2,
section.st-homepage--enquiry h3 {
color: var(--st-ink);
}
section.st-homepage--enquiry .st-homepage__lead {
font-family: Oswald, sans-serif;
font-size: clamp(31px, 3vw, 50px);
line-height: 1.18;
text-transform: uppercase;
}
section.st-homepage--enquiry a.button.st-homepage__button--primary {
border-color: var(--st-ink) !important;
background: var(--st-ink) !important;
color: #fff !important;
}
section.st-homepage--enquiry a.button.st-homepage__button--outline {
border-color: var(--st-ink) !important;
color: var(--st-ink) !important;
}
section.st-homepage--enquiry .st-homepage__form-column .col-inner {
padding: 35px;
border-radius: 13px;
background: #fff;
}
section.st-homepage--enquiry a.button.st-homepage__text-link {
color: var(--st-ink);
}
@media (max-width: 849px) {
section.st-homepage > .section-content > .st-homepage__row.row {
padding: 65px 28px 42px;
}
section.st-homepage--code > .section-content > .st-homepage__intro-row.row,
section.st-homepage--evidence > .section-content > .st-homepage__evidence-intro.row {
min-height: 0;
padding: 70px 35px;
}
section.st-homepage--code .st-homepage__media,
section.st-homepage--why-shaun .st-homepage__media,
section.st-homepage--double-shakka .st-homepage__media {
display: none;
}
section.st-homepage--code .st-homepage__intro-row .st-homepage__copy,
section.st-homepage--evidence .st-homepage__evidence-intro > .col,
section.st-homepage--why-shaun .st-homepage__copy,
section.st-homepage--double-shakka .st-homepage__copy {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
section.st-homepage--code .st-homepage__step,
section.st-homepage--books .st-homepage__card {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}
section.st-homepage--evidence .st-homepage__stat,
section.st-homepage--testimonials .st-homepage__quote,
section.st-homepage--insights .st-homepage__card {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
section.st-homepage--testimonials .st-homepage__quote .col-inner {
min-height: 0;
}
}
@media (max-width: 549px) {
section.st-homepage > .section-content > .st-homepage__row.row,
section.st-homepage--code > .section-content > .st-homepage__intro-row.row,
section.st-homepage--evidence > .section-content > .st-homepage__evidence-intro.row {
padding: 55px 20px 34px;
}
section.st-homepage h2 { font-size: 42px; }
section.st-homepage h3 { font-size: 30px; }
section.st-homepage p,
section.st-homepage li { font-size: 16px; }
section.st-homepage .st-homepage__step,
section.st-homepage .st-homepage__stat,
section.st-homepage .st-homepage__card,
section.st-homepage .st-homepage__quote {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
section.st-homepage--code .st-homepage__step .col-inner,
section.st-homepage--evidence .st-homepage__stat .col-inner,
section.st-homepage--services .st-homepage__card .col-inner,
section.st-homepage--books .st-homepage__card .col-inner,
section.st-homepage--insights .st-homepage__card .col-inner {
min-height: 0;
}
section.st-homepage--timeline .st-homepage__milestone .col-inner {
padding-right: 0;
padding-left: 24px;
}
section.st-homepage--enquiry .st-homepage__form-column .col-inner {
padding: 25px;
}
} body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__row {
align-items: stretch;
padding-bottom: 0;
}
body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__copy {
align-self: center;
padding-bottom: 80px;
}
body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__media {
display: flex;
align-self: stretch;
align-items: flex-end;
min-height: 0;
padding-bottom: 0;
}
body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__media > .col-inner {
width: 100%;
margin-bottom: 0;
}
body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__media .img {
margin-bottom: 0 !important;
}
body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__media img {
display: block;
}
@media (max-width: 849px) {
body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__row {
padding-bottom: 0;
}
body.page-id-3982 section.st-homepage-purpose .st-homepage-purpose__copy {
padding-bottom: 35px;
}
} body.page-id-3982 section.st-homepage-discovery {
padding: 0 !important;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__row {
width: 100%;
max-width: none;
margin: 0;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile {
padding: 0 !important;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile > .col-inner {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
background-color: #063d4a;
background-position: center;
background-size: cover;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile > .col-inner::before {
position: absolute;
z-index: 0;
inset: 0;
background: linear-gradient(180deg, rgba(0, 20, 27, .05) 20%, rgba(0, 20, 27, .76) 100%);
content: "";
transition: background-color .25s ease;
pointer-events: none;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile--keynote > .col-inner {
background-image: url(https://shauntomson.com/wp-content/uploads/2025/12/St_Mailer_Harvard-Webpage-09.jpg);
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile--code > .col-inner {
background-image: url(https://shauntomson.com/wp-content/uploads/2023/06/the-code-shaun-tomson.webp);
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile--surfers-code > .col-inner {
background-image: url(https://shauntomson.com/wp-content/uploads/2023/06/surfers-code-shaun-tomson-1.webp);
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile--shakka > .col-inner {
background-image: url(https://shauntomson.com/wp-content/uploads/2025/12/St_Double_Shakka-WebPage-header.jpg);
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile--about > .col-inner {
background-image: url(https://shauntomson.com/wp-content/uploads/2023/06/shaun-tomson-best-surfers-ever.webp);
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile--sage > .col-inner {
background-image: url(https://shauntomson.com/wp-content/uploads/2025/12/St_Mailer_Harvard-Webpage-header.jpg);
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__tile .text {
position: absolute;
z-index: 1;
inset: 0;
margin: 0;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__link {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
gap: 10px;
padding: clamp(20px, 3vw, 44px);
color: #fff !important;
text-decoration: none;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__arrow {
color: #fff;
font-family: Arial, sans-serif;
font-size: clamp(30px, 3vw, 46px);
font-weight: 300;
line-height: 1;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__label {
color: #fff;
font-family: Oswald, sans-serif;
font-size: clamp(23px, 2.6vw, 42px);
font-weight: 400;
line-height: 1.08;
text-transform: uppercase;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__link:hover,
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__link:focus-visible {
color: #fff !important;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__link:hover ~ *,
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__link:focus-visible ~ * {
color: #fff;
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__link:focus-visible {
outline: 3px solid #ffa300;
outline-offset: -6px;
}
@media (max-width: 549px) {
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__label {
font-size: clamp(18px, 4.8vw, 25px);
}
body.page-id-3982 section.st-homepage-discovery .st-homepage-discovery__link {
gap: 7px;
padding: 16px;
}
} body.page-id-3982 section.st-homepage--code-intro {
background-color: #e9f2f3;
background-position: center center;
background-size: cover;
color: #07586a;
padding: clamp(48px, 7vw, 96px) 0 !important;
}
body.page-id-3982 section.st-homepage--code-intro .st-homepage__copy > h2,
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-title,
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-title {
margin: 0 0 18px;
color: #087b98;
font-family: Oswald, "Arial Narrow", sans-serif;
font-size: clamp(27px, 3vw, 38px);
font-weight: 500;
line-height: 1.08;
text-transform: uppercase;
}
body.page-id-3982 section.st-homepage--code-intro .st-homepage__copy > p:not(.st-homepage__validation) {
max-width: 610px;
color: #07586a;
font-size: 15px;
line-height: 1.5;
}
body.page-id-3982 section.st-homepage--code-intro .st-homepage__validation {
max-width: 580px;
margin: 26px 0 0;
padding: 20px 24px;
border-radius: 6px;
background: #064d59;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
body.page-id-3982 section.st-homepage--code-intro .st-homepage__media {
align-self: stretch;
}
body.page-id-3982 section.st-homepage--code-process {
background: #fff;
color: #07586a;
padding: clamp(44px, 6vw, 80px) 0 !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-title span,
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-title span {
display: inline;
margin: 0;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__accent {
color: #f49a00;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-intro {
margin-bottom: 24px;
color: #07586a;
font-size: 14px;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step {
padding: 18px 16px;
background: #f0f2f2;
color: #254c55;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step-number {
margin: 0 0 8px;
color: #f49a00;
font-family: Oswald, "Arial Narrow", sans-serif;
font-size: 18px;
font-weight: 600;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step h4 {
margin: 0 0 8px;
color: #087b98;
font-family: Oswald, "Arial Narrow", sans-serif;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step p:not(.st-homepage__step-number),
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row p {
color: #24515b;
font-size: 13px;
line-height: 1.45;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row {
margin-top: clamp(36px, 5vw, 64px);
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-title {
max-width: 260px;
}
@media (max-width: 849px) {
body.page-id-3982 section.st-homepage--code-intro,
body.page-id-3982 section.st-homepage--code-process {
padding: 42px 0 !important;
}
} body.page-id-3982 .st-homepage--code-intro .st-homepage__validation {
margin-top: 26px !important;
padding: 20px 24px !important;
border-radius: 6px !important;
background-color: #064d59 !important;
color: #ffffff !important;
}
body.page-id-3982 .st-homepage--code-intro .st-homepage__validation strong {
color: #ffffff !important;
font-family: Oswald, "Arial Narrow", sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
body.page-id-3982 .st-homepage--code-process h2.st-homepage__process-title {
color: #087b98 !important;
font-size: clamp(24px, 2.4vw, 32px) !important;
font-weight: 500 !important;
}
body.page-id-3982 .st-homepage--code-process h2.st-homepage__process-title > span {
display: inline !important;
color: #087b98 !important;
}
body.page-id-3982 .st-homepage--code-process h2.st-homepage__process-title > span.st-homepage__accent {
color: #f49a00 !important;
}
body.page-id-3982 .st-homepage--code-process .st-homepage__step {
padding: 18px 16px !important;
background-color: #f0f2f2 !important;
}
body.page-id-3982 .st-homepage--code-process .st-homepage__step-number {
color: #f49a00 !important;
}
body.page-id-3982 .st-homepage--code-process .st-homepage__application-row h3 {
color: #087b98 !important;
font-family: Oswald, "Arial Narrow", sans-serif;
font-weight: 500 !important;
text-transform: uppercase;
} body.page-id-3982 section.st-homepage--code-process {
padding: clamp(56px, 7vw, 96px) 0 !important;
background: #fff !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-row,
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row {
width: calc(100% - clamp(32px, 7vw, 112px)) !important;
max-width: 1440px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-row > .col:first-child {
margin-bottom: 28px !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-row > .col:first-child h3,
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-title {
margin: 0 0 14px !important;
color: #064d59 !important;
font-family: Oswald, "Arial Narrow", sans-serif !important;
font-size: clamp(42px, 5vw, 72px) !important;
font-weight: 700 !important;
line-height: 1.04 !important;
text-transform: uppercase !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-row > .col:first-child > p {
margin: 0 !important;
color: #064d59 !important;
font-size: clamp(16px, 1.4vw, 20px) !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step {
display: flex !important;
flex-direction: column !important;
align-self: stretch !important;
padding: 0 8px 16px !important;
background: transparent !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step > .col-inner {
height: 100% !important;
min-height: 250px !important;
padding: 24px 24px 26px !important;
border-radius: 16px !important;
background: #f3f3f3 !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step-number {
margin: 0 0 6px !important;
color: #ffa300 !important;
font-family: Oswald, "Arial Narrow", sans-serif !important;
font-size: clamp(42px, 4vw, 58px) !important;
font-weight: 400 !important;
line-height: 1 !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step h4 {
margin: 0 0 4px !important;
color: #064d59 !important;
font-family: Oswald, "Arial Narrow", sans-serif !important;
font-size: clamp(28px, 2.8vw, 40px) !important;
font-weight: 400 !important;
line-height: 1.1 !important;
text-transform: uppercase !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__step p:not(.st-homepage__step-number) {
margin: 0 !important;
color: #171717 !important;
font-size: clamp(15px, 1.2vw, 18px) !important;
font-weight: 500 !important;
line-height: 1.4 !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row {
align-items: center !important;
padding-top: clamp(48px, 6vw, 88px) !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row > .col:first-child h3 {
max-width: 500px !important;
margin: 0 !important;
color: #064d59 !important;
font-family: Oswald, "Arial Narrow", sans-serif !important;
font-size: clamp(44px, 5.3vw, 76px) !important;
font-weight: 700 !important;
line-height: 1.08 !important;
text-transform: uppercase !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row > .col:nth-child(2) > .col-inner > p:first-child {
color: #064d59 !important;
font-size: clamp(16px, 1.4vw, 20px) !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row > .col:nth-child(2) > .col-inner > p:nth-child(2) {
color: #064d59 !important;
font-size: clamp(16px, 1.4vw, 20px) !important;
line-height: 1.45 !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row .button {
font-size: 16px !important;
font-weight: 700 !important;
}
@media (max-width: 849px) {
body.page-id-3982 section.st-homepage--code-process .st-homepage__step > .col-inner { min-height: 0 !important; }
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row > .col:first-child h3 { max-width: none !important; }
} body.page-id-3982 section.st-homepage--code-process {
position: relative !important;
isolation: isolate !important;
background: #ffffff !important;
}
body.page-id-3982 section.st-homepage--code-process > .section-bg {
display: none !important;
background: #ffffff !important;
background-image: none !important;
}
body.page-id-3982 section.st-homepage--code-process > .section-content {
position: relative !important;
z-index: 1 !important;
background: #ffffff !important;
} @media (max-width: 849px) {
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-row > .st-homepage__step {
flex: 0 0 50% !important;
width: 50% !important;
max-width: 50% !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row {
margin-top: 0 !important;
padding-top: 44px !important;
}
}
@media (max-width: 549px) {
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-row > .st-homepage__step {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row {
padding-top: 32px !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__process-title {
font-size: clamp(36px, 9vw, 48px) !important;
}
}
@media (min-width: 850px) {
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row {
margin-top: 0 !important;
padding-top: clamp(48px, 5vw, 78px) !important;
}
} body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row > .col:nth-child(2) > .col-inner > p:first-child {
font-weight: 400 !important;
}
body.page-id-3982 section.st-homepage--code-process .st-homepage__application-row > .col:nth-child(2) > .col-inner > p:first-child strong {
font-weight: 700 !important;
}