/* ==================================================
Fonts
================================================== */

@font-face {
font-family: "Sweet";
src: url("/-global-assets/fonts/Sweet-Cupcake-demo.ttf") format("truetype");
font-weight: 700;
font-display: auto;
}

@font-face {
font-family: "Uhudscript";
src: url("/-global-assets/fonts/Uhudscript-Demo.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Galano";
src: url("/-global-assets/fonts/GalanoGrotesqueRegular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Galano";
src: url("/-global-assets/fonts/GalanoGrotesque-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Galano-Bold";
src: url("/-global-assets/fonts/GalanoGrotesqueDEMO-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}

/* ==================================================
Theme Tokens
================================================== */

:root {
--brand-navy: #02253d;
--deep-navy: #001b2d;
--black: #000;
--white: #fff;
--muted-white: rgba(255, 255, 255, 0.58);
--platinum-gray: #efefef;
--sky: #10c1d1;
--aqua: #18ccd0;
--mint: #69edab;
--lime: #c6f88f;
--brand-gradient: linear-gradient(90deg, #02bcdd 0%, #06d1e5 30%, #64eda8 68%, #d0f88d 100%);
--brand-gradient-angle: linear-gradient(45deg, #02bcdd 0%, #06d1e5 22.09%, #64eda8 51.94%, #d0f88d 100%);
--open-roles-page-gradient: linear-gradient(180deg, #000F2F 0%, #000F43 9.6%, #00206D 17.68%, #053683 28.95%, #094B98 40.85%, #399AE4 53.46%, #45B7FF 71.39%, #22D1FA 91.98%, #27D1F6 99.91%);
--journey-cta-surface: #f5fbff;
}

/* ==================================================
Base Reset
================================================== */

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
overflow-x: clip;
scroll-behavior: smooth;
}

html,
body {
min-height: 100%;
}

a {
color: inherit;
text-decoration: none;
}

body.open-roles-page {
overflow-x: clip;
background: var(--open-roles-page-gradient);
font-family: "Galano", sans-serif;
}


/* Mobile background gradient */
@media (max-width: 768px) {
    body.open-roles-page {
    --open-roles-page-gradient: linear-gradient(180deg, #000F2F 0%, #000F43 9.6%, #00206D 17.68%, #053683 28.95%, #094B98 40.85%, #399AE4 53.46%, #45B7FF 71.39%, #22D1FA 91.98%, #27D1F6 99.91%);
    }
}

.open-roles-main {
position: relative;
overflow: hidden;
background: var(--open-roles-page-gradient);
}

.page-floating-balloons {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 100vh;
z-index: 30;
pointer-events: none;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease, visibility 0.8s ease;
}

.page-floating-balloons.is-active {
opacity: 1;
visibility: visible;
}

.open-roles-main > section + section {
margin-top: 150px;
}

.open-roles-main > section {
overflow: visible !important;
}

/* ==================================================
Section 1: Hero Banner
================================================== */

.open-roles-hero {
position: relative;
min-height: 100vh;
min-height: 100svh;
display: flex;
align-items: center;
justify-content: center;
padding: clamp(7rem, 12vh, 9.5rem) 1.5rem clamp(5rem, 8vh, 7rem);
overflow: hidden;
isolation: isolate;
background-image: url("/careers/who-we-hire/images/open-roles-banner-with-elements.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.open-roles-hero-content {
position: relative;
z-index: 2;
width: min(100%, 1120px);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transform: translateY(clamp(2rem, 6vh, 4rem));
}

.hero-bird-group {
position: absolute;
z-index: 1;
pointer-events: none;
}

.hero-bird-group .hero-bird {
position: absolute;
display: block;
height: auto;
object-fit: contain;
}

.hero-bird-left {
left: 6vw;
bottom: -20%;
width: clamp(5rem, 7.5vw, 8rem);
height: clamp(2.8rem, 4vw, 4.6rem);
}

.hero-bird-left .hero-bird:nth-child(1) {
width: 70%;
left: 0;
top: 0;
}

.hero-bird-left .hero-bird:nth-child(2) {
width: 42%;
right: 0;
top: 43%;
}

.hero-bird-right {
right: 32vw;
bottom: 6%;
width: clamp(4rem, 6vw, 7rem);
height: clamp(2rem, 3.8vw, 4rem);
}

.hero-bird-right .hero-bird:nth-child(1) {
width: 70%;
left: 0;
top: 0;
}

.open-roles-hero-title {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.96;
letter-spacing: 0;
}

.hero-title-main {
display: block;
color: var(--white);
font-size: clamp(4.8rem, 8.3vw, 10.5rem);
text-shadow:
0 0.025em 0 var(--aqua),
0.025em 0.025em 0 var(--aqua),
0 0 22px rgba(2, 37, 61, 0.28);
}

.hero-title-sub {
display: block;
margin-top: clamp(0.15rem, 0.6vw, 0.4rem);
font-size: clamp(2.8rem, 4.55vw, 5.8rem);
background: var(--brand-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}

.open-roles-hero-copy {
margin: clamp(1.8rem, 2.5vw, 2.65rem) 0 0;
font-family: "Galano", Arial, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.08em;
color: var(--white);
}

.open-roles-hero-copy p,
.hire-differently-copy p,
.doiter-limits-copy p,
.skills-opportunities-copy p {
margin: 0;
}

.open-roles-hero-title span,
.above-clouds-heading span,
.hire-differently-heading span,
.wrong-place-line span,
.doiter-limits-heading span,
.startups-wait-heading span,
.skills-opportunities-heading span,
.next-chapter-heading span,
.journey-start-content h2 span,
.open-roles-scroll-cue span,
.hire-cloud-content h3 span,
.doiter-cloud-content h3 span,
.startups-cloud-content h3 span {
display: block;
}

.open-roles-scroll-cue {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 0.9rem;
margin-top: clamp(5rem, 9vh, 7rem);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(0.95rem, 1.25vw, 1.3rem);
font-weight: 400;
line-height: 1.18;
letter-spacing: 0.08em;
color: rgba(255, 255, 255, 0.5);
}

.open-roles-scroll-cue svg {
width: clamp(1.75rem, 2vw, 2.25rem);
height: auto;
overflow: visible;
}

.mouse-scroll-dot {
animation: mouseDotMove 1.65s ease-in-out infinite;
}

@keyframes mouseDotMove {
0%,
100% {
transform: translateY(-1px);
}

50% {
transform: translateY(5px);
}
}

/* ==================================================
Section 2: Above The Clouds
================================================== */

.above-clouds-section {
position: relative;
min-height: clamp(820px, 100vh, 980px);
margin-top: 200px;
padding: clamp(3rem, 5vw, 4rem) 1.5rem clamp(7rem, 10vw, 10rem);
overflow: visible;
isolation: isolate;
}

.above-clouds-section::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -350px;
bottom: 0;
z-index: 0;
pointer-events: none;
background-image: url("/careers/who-we-hire/images/sky-stars-background.webp");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}

.above-clouds-heading {
position: relative;
z-index: 5;
width: min(100%, 900px);
margin: 0 auto;
text-align: center;
}

.above-clouds-heading h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.95;
letter-spacing: 0;
}

.above-title-gradient {
font-size: clamp(3rem, 4.4vw, 5.5rem);
background: var(--brand-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}

.above-title-clouds {
margin-top: 0.1em;
font-size: clamp(4.8rem, 7.4vw, 9rem);
color: var(--white);
text-shadow:
0 0.025em 0 var(--aqua),
0.025em 0.025em 0 var(--aqua);
}

.above-clouds-heading p {
margin-top: clamp(1.7rem, 2.3vw, 2.6rem);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.25rem, 1.8vw, 1.8rem);
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.11em;
color: var(--white);
}

.cloud-card {
position: absolute;
z-index: 4;
width: min(40.5vw, 625px);
min-width: 445px;
}

.cloud-card img {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 18px 30px rgba(0, 15, 47, 0.12));
}

.cloud-card p {
position: absolute;
left: 50%;
top: 52%;
transform: translate(-50%, -50%);
width: 60%;
margin: 0;
font-family: "Galano", Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.45;
letter-spacing: 0.07em;
text-align: center;
color: var(--brand-navy);
}

.cloud-card-left {
left: 4.2vw;
top: clamp(18rem, 35vw, 22rem);
}

.cloud-card-right {
right: 8vw;
top: clamp(28rem, 45vw, 34rem);
}

.bird-group {
position: absolute;
z-index: 3;
pointer-events: none;
}

.bird-group .bird {
position: absolute;
display: block;
height: auto;
object-fit: contain;
}

.bird-group-top-right {
right: 9.8vw;
top: 20.5%;
width: clamp(5rem, 8vw, 9rem);
height: clamp(3rem, 5vw, 5rem);
}

.bird-group-top-right .bird:nth-child(1) {
width: 70%;
left: 0;
top: 0;
}

.bird-group-top-right .bird:nth-child(2) {
width: 40%;
right: 0;
top: 42%;
}

.bird-group-center {
left: 49%;
top: 64%;
width: clamp(3.5rem, 14.7vw, 8rem);
height: clamp(2rem, 3.4vw, 3.4rem);
}

.bird-group-center .bird:nth-child(1) {
width: 64%;
left: 0;
top: 0;
}

.bird-group-center .bird:nth-child(2) {
width: 0;
display: none;
}

/* ==================================================
Shared Floating Balloon System
================================================== */

.floating-balloon {
position: absolute;
left: var(--balloon-x, 50%);
bottom: -140px;
width: var(--balloon-size, 90px);
height: auto;
opacity: 0;
transform: translate3d(0, 0, 0);
animation: openRolesBalloonRise var(--balloon-duration, 28s) linear var(--balloon-delay, 0s) infinite;
will-change: transform, opacity;
}

/* ==================================================
Section 3: We Hire Differently
================================================== */

.hire-differently-section {
position: relative;
min-height: clamp(900px, 100vh, 1080px);
padding: clamp(5rem, 7vw, 7.5rem) 1.5rem clamp(5.5rem, 8vw, 8rem);
overflow: visible;
isolation: isolate;
}

.hire-differently-section::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -350px;
bottom: 0;
z-index: 0;
pointer-events: none;
background-image: url("/careers/who-we-hire/images/sky-stars-background.webp");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}

.hire-differently-heading {
position: relative;
z-index: 5;
width: min(100%, 960px);
margin: clamp(17.2rem, 15.4vw, 18.2rem) auto 0;
text-align: center;
}

.hire-differently-heading h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.95;
letter-spacing: 0;
}

.hire-title-gradient {
font-size: clamp(3rem, 4.4vw, 5.5rem);
background: var(--brand-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}

.hire-title-main {
margin-top: 0.1em;
font-size: clamp(4.8rem, 7.4vw, 9rem);
color: var(--white);
text-shadow:
0 0.025em 0 var(--aqua),
0.025em 0.025em 0 var(--aqua);
}

.hire-differently-copy {
margin-top: clamp(1.55rem, 2vw, 2.15rem);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.25rem, 1.8vw, 1.8rem);
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.08em;
color: var(--white);
}

.moving-small-cloud,
.hire-bird-group,
.hire-paper-plane {
position: absolute;
z-index: 4;
pointer-events: none;
will-change: transform;
}

.moving-small-cloud img,
.hire-paper-plane {
display: block;
height: auto;
object-fit: contain;
}

.moving-small-cloud img {
width: 100%;
max-width: 100%;
}

.hire-small-cloud-left {
left: 14vw;
top: 16rem;
width: clamp(9rem, 13.5vw, 16rem);
}

.hire-small-cloud-left img {
width: 100%;
max-width: 100%;
}

.hire-small-cloud-right {
right: -1vw;
top: 50%;
width: clamp(6.5rem, 9vw, 11rem);
}

.hire-small-cloud-right img {
width: 100%;
max-width: 100%;
}

.hire-bird-group .hire-bird {
position: absolute;
display: block;
height: auto;
object-fit: contain;
}

.hire-bird-group-left {
left: 5vw;
top: 51%;
width: clamp(5rem, 7.5vw, 8rem);
height: clamp(3rem, 4.6vw, 5rem);
}

.hire-bird-group-left .hire-bird:nth-child(1) {
width: 70%;
left: 0;
top: 0;
}

.hire-bird-group-left .hire-bird:nth-child(2) {
width: 42%;
right: 0;
top: 43%;
}

.hire-bird-group-top-right {
right: 9.6vw;
top: 25%;
width: clamp(4rem, 6vw, 7rem);
height: clamp(2rem, 3.8vw, 4rem);
}

.hire-bird-group-top-right .hire-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

.hire-bird-group-bottom-left {
left: 12vw;
bottom: -6%;
width: clamp(5rem, 7.5vw, 8rem);
height: clamp(3rem, 4.6vw, 5rem);
}

.hire-bird-group-bottom-left .hire-bird:nth-child(1) {
width: 70%;
left: 0;
top: 0;
}

.hire-bird-group-bottom-left .hire-bird:nth-child(2) {
width: 42%;
right: 0;
top: 43%;
}

.hire-bird-group-bottom-right {
right: 18vw;
bottom: 10%;
width: clamp(4rem, 6vw, 7rem);
height: clamp(2rem, 3.8vw, 4rem);
}

.hire-bird-group-bottom-right .hire-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

.hire-paper-plane {
right: 18vw;
top: 38%;
width: clamp(11.5rem, 19vw, 19rem);
filter: drop-shadow(0 10px 10px rgba(0, 15, 47, 0.18));
}

.hire-clouds-row {
position: relative;
z-index: 5;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: end;
gap: clamp(2rem, 4.5vw, 5.2rem);
width: min(100%, 1220px);
margin: clamp(3rem, 3vw, 5rem) auto 0;
}

.hire-cloud-card {
position: relative;
width: 100%;
}

.hire-cloud-bg {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 18px 30px rgba(0, 15, 47, 0.12));
}

.hire-cloud-left .hire-cloud-bg {
transform: rotate(-19deg);
}

.hire-cloud-center {
width: clamp(15rem, 26.5vw, 26.5rem);
transform: translate(clamp(-.9rem, -1vw, -1rem), calc(clamp(-5.4rem, -9.4vw, -9.4rem) + 3.35rem));

}

.hire-cloud-right {
transform: translateY(clamp(-.8rem, -1.2vw, -0.25rem));
}

.hire-cloud-right .hire-cloud-bg {
transform: rotate(19deg);
}

.hire-cloud-content {
position: absolute;
left: 50%;
top: 53%;
transform: translate(-50%, -50%);
width: 74%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: var(--brand-navy);
}

.hire-cloud-left .hire-cloud-content {
left: 53%;
}

.hire-cloud-right .hire-cloud-content {
left: 47%;
}

.hire-cloud-content h3 {
margin: 0;
font-family: "Galano-Bold", "Galano", Arial, sans-serif;
font-size: clamp(1.25rem, 1.4vw, 1.65rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.01em;
}

.tonal-svg-icon {
display: block;
flex: 0 0 auto;
font-style: normal;
background: var(--brand-gradient);
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
filter: drop-shadow(0 4px 5px rgba(2, 37, 61, 0.12));
}

.hire-cloud-icon {
display: block;
width: clamp(1.75rem, 2.55vw, 2.6rem);
aspect-ratio: 1;
margin: clamp(0.7rem, 0.95vw, 0.9rem) 0;
}

.hire-cloud-content p {
margin: 0;
font-family: "Galano", Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.45;
letter-spacing: 0.08em;
}

/* ==================================================
Section 4: Wrong Place / Build Place Message
================================================== */

.wrong-place-section {
position: relative;
min-height: clamp(820px, 100vh, 980px);
display: flex;
align-items: center;
justify-content: center;
padding: clamp(5rem, 8vw, 8rem) 1.5rem clamp(6rem, 9vw, 9rem);
overflow: hidden;
isolation: isolate;
}

.wrong-place-content {
position: relative;
z-index: 5;
width: min(100%, 980px);
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(7rem, 12vw, 12rem);
text-align: center;
transform: translateY(clamp(-1rem, -2vw, -0.25rem));
}

.wrong-place-line {
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.15;
letter-spacing: 0.02em;
}

.wrong-place-white {
font-family: "Galano", Arial, sans-serif;
font-size: clamp(2rem, 3.15vw, 3.7rem);
font-weight: 500;
color: var(--white);
}

.wrong-place-gradient {
margin-top: clamp(0.35rem, 0.6vw, 0.65rem);
font-family: "Sweet", cursive;
font-size: clamp(3rem, 4.55vw, 5.7rem);
font-weight: 700;
line-height: 1;
background: var(--brand-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}

.wrong-place-content p {
margin-top: calc(10px - clamp(7rem, 12vw, 12rem));
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.18rem, 1.55vw, 1.55rem);
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.08em;
color: var(--white);
}

.wrong-place-cloud,
.wrong-place-bird-group {
position: absolute;
z-index: 4;
pointer-events: none;
will-change: transform;
}

.wrong-place-cloud img,
.wrong-place-bird-group .wrong-place-bird {
display: block;
height: auto;
object-fit: contain;
}

.wrong-place-cloud-left-edge {
left: -5vw;
top: 16%;
width: clamp(5rem, 8vw, 10rem);
}

.wrong-place-cloud-left-low {
left: -4.6vw;
top: 74%;
width: clamp(8rem, 13vw, 14rem);
}

.wrong-place-cloud-right {
right: -4.2vw;
top: 23%;
width: clamp(5rem, 8vw, 10rem);
}

.wrong-place-bird-group .wrong-place-bird {
position: absolute;
}

.wrong-place-bird-top-right {
right: 4vw;
top: 13%;
width: clamp(6rem, 9vw, 10rem);
height: clamp(3rem, 5vw, 5.5rem);
}

.wrong-place-bird-top-right .wrong-place-bird:nth-child(1) {
width: 60%;
left: 0;
top: 0;
}

.wrong-place-bird-top-right .wrong-place-bird:nth-child(2) {
width: 38%;
right: 14%;
top: 42%;
}

.wrong-place-bird-left {
left: 16.5vw;
top: 44%;
width: clamp(3.8rem, 5.8vw, 6.5rem);
height: clamp(2rem, 3.5vw, 3.8rem);
}

.wrong-place-bird-left .wrong-place-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

.wrong-place-bird-bottom-right {
right: 11vw;
bottom: 13.5%;
width: clamp(5rem, 7.8vw, 8.5rem);
height: clamp(2.5rem, 4.2vw, 4.5rem);
}

.wrong-place-bird-bottom-right .wrong-place-bird:nth-child(1) {
width: 50%;
left: 0;
top: 0;
}

.wrong-place-bird-bottom-right .wrong-place-bird:nth-child(2) {
width: 36%;
right: 0;
top: 52%;
}

/* ==================================================
Section 5: A DoITer Has No Limits
================================================== */

.doiter-limits-section {
position: relative;
min-height: clamp(980px, 112vh, 1160px);
padding: clamp(5rem, 7vw, 7rem) 1.5rem clamp(5rem, 8vw, 7rem);
overflow: hidden;
isolation: isolate;
}

.doiter-limits-heading {
position: relative;
z-index: 6;
width: min(100%, 1200px);
margin: 0 auto;
text-align: center;
}

.doiter-limits-heading h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.94;
letter-spacing: 0;
}

.doiter-title-gradient {
font-size: clamp(3rem, 4.2vw, 5.2rem);
background: var(--brand-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}

.doiter-title-main {
margin-top: 0.08em;
font-size: clamp(4.8rem, 7.2vw, 8.6rem);
color: var(--white);
text-shadow:
0 0.025em 0 var(--aqua),
0.025em 0.025em 0 var(--aqua);
}

.doiter-limits-copy {
margin-top: clamp(1.7rem, 2vw, 2.25rem);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.18rem, 1.55vw, 1.55rem);
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.08em;
color: var(--white);
}

.hot-air-balloon,
.doiter-small-cloud,
.doiter-bird-group {
position: absolute;
z-index: 5;
pointer-events: none;
will-change: transform;
}

.hot-air-balloon {
display: block;
height: auto;
object-fit: contain;
animation: hotAirBalloonFloat 5.4s ease-in-out infinite;
}

.hot-air-balloon-orange {
left: 46%;
top: -6%;
width: clamp(4rem, 5.2vw, 6.8rem);
animation-delay: -0.8s;
}

.hot-air-balloon-blue {
right: 7.4vw;
bottom: 1.2%;
width: clamp(5rem, 6vw, 7.2rem);
animation-delay: -2.2s;
}

@keyframes hotAirBalloonFloat {
0%,
100% {
transform: translateY(0);
}

50% {
transform: translateY(-18px);
}
}

.doiter-small-cloud img,
.doiter-bird-group .doiter-bird {
display: block;
height: auto;
object-fit: contain;
}

.doiter-small-cloud-left-bottom {
left: -5.4vw;
bottom: 14.5%;
width: clamp(6.5rem, 9vw, 11rem);
}

.doiter-small-cloud-right {
right: -6.6vw;
top: 57%;
width: clamp(6.5rem, 9vw, 11rem);
}

.doiter-bird-group .doiter-bird {
position: absolute;
}

.doiter-bird-left {
left: 11vw;
top: 8%;
width: clamp(4.4rem, 6.2vw, 7rem);
height: clamp(2.4rem, 3.6vw, 4rem);
}

.doiter-bird-left .doiter-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

.doiter-bird-center {
left: 51%;
top: 40%;
width: clamp(5rem, 7vw, 7.5rem);
height: clamp(2.8rem, 4vw, 4.5rem);
}

.doiter-bird-center .doiter-bird:nth-child(1) {
width: 60%;
left: 0;
top: 0;
}

.doiter-bird-center .doiter-bird:nth-child(2) {
width: 35%;
right: 20%;
top: 52%;
}

.doiter-clouds-field {
position: relative;
z-index: 6;
width: min(100%, 1180px);
min-height: clamp(560px, 55vw, 700px);
margin: clamp(4.5rem, 5vw, 7rem) auto 0;
}

.doiter-cloud-badge {
position: absolute;
width: var(--doiter-cloud-width, 285px);
filter: drop-shadow(0 16px 24px rgba(0, 15, 47, 0.08));
}

.doiter-cloud-bg {
display: block;
width: 100%;
height: auto;
}

.doiter-cloud-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 58%;
display: flex;
align-items: center;
justify-content: center;
gap: clamp(0.75rem, 1vw, 1rem);
color: var(--brand-navy);
}

.doiter-cloud-icon {
display: block;
width: clamp(1.35rem, 2vw, 2rem);
aspect-ratio: 1;
flex: 0 0 auto;
}

.doiter-cloud-content h3 {
margin: 0;
font-family: "Sweet", cursive;
font-size: 32px;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
text-align: left;
color: var(--brand-navy);
}

.doiter-cloud-1 {
--doiter-cloud-width: clamp(220px, 22vw, 330px);
left: 2.5%;
top: 0;
}

.doiter-cloud-2 {
--doiter-cloud-width: clamp(215px, 20vw, 315px);
left: 36%;
top: 16%;
}

.doiter-cloud-3 {
--doiter-cloud-width: clamp(225px, 22vw, 340px);
right: 2.2%;
top: -2%;
}

.doiter-cloud-4 {
--doiter-cloud-width: clamp(225px, 21vw, 325px);
left: 17%;
top: 46%;
}

.doiter-cloud-5 {
--doiter-cloud-width: clamp(225px, 21vw, 325px);
right: 14.5%;
top: 41%;
}

.doiter-cloud-6 {
--doiter-cloud-width: clamp(230px, 22vw, 335px);
left: 43%;
bottom: -2%;
}

/* ==================================================
Section 6: Startups Don't Wait
================================================== */

.startups-wait-section {
position: relative;
min-height: clamp(940px, 112vh, 1120px);
padding: clamp(6rem, 9vw, 9rem) 1.5rem clamp(4.5rem, 7vw, 6.5rem);
overflow: hidden;
isolation: isolate;
}

.startups-wait-heading {
position: relative;
z-index: 6;
width: min(100%, 1160px);
margin: 0 auto;
text-align: center;
}

.startups-wait-heading h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.94;
letter-spacing: 0;
}

.startups-title-gradient {
font-size: clamp(3rem, 4.25vw, 5.3rem);
color: var(--brand-navy);
}

.startups-title-main {
margin-top: 0.08em;
font-size: clamp(4.8rem, 7.35vw, 8.8rem);
color: var(--white);
text-shadow:
0 0.025em 0 var(--aqua),
0.025em 0.025em 0 var(--aqua);
}

.startups-wait-heading p {
margin-top: clamp(1.6rem, 2vw, 2.2rem);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.18rem, 1.55vw, 1.55rem);
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.08em;
color: var(--white);
}

.startups-small-cloud,
.startups-bird-group,
.startups-hot-air-balloon-green {
position: absolute;
z-index: 5;
pointer-events: none;
will-change: transform;
}

.startups-small-cloud img,
.startups-bird-group .startups-bird {
display: block;
height: auto;
object-fit: contain;
}

.startups-small-cloud-left-top {
left: 1.5vw;
top: -9%;
width: clamp(8rem, 13vw, 14rem);
}

.startups-small-cloud-center-top {
left: 30%;
top: 4%;
width: clamp(6rem, 8vw, 10rem);
}

.startups-small-cloud-right-top {
right: 6vw;
top: -15%;
width: clamp(6.5rem, 9vw, 11rem);
}

.startups-small-cloud-left-low {
left: -7.4vw;
top: 48%;
width: clamp(6rem, 8vw, 10rem);
}

.startups-small-cloud-right-mid {
right: -3.5vw;
top: 29%;
width: clamp(6rem, 8vw, 10rem);
}

.startups-small-cloud-bottom {
right: 2vw;
bottom: 2.5%;
width: clamp(6rem, 8vw, 10rem);
}

.startups-hot-air-balloon-green {
left: 28vw;
bottom: -11.5%;
width: clamp(5rem, 6vw, 7.2rem);
animation-delay: -1.5s;
}

.startups-bird-group .startups-bird {
position: absolute;
}

.startups-bird-top-left {
left: 18vw;
top: 5%;
width: clamp(5rem, 7.5vw, 8rem);
height: clamp(2.8rem, 4vw, 4.6rem);
}

.startups-bird-top-left .startups-bird:nth-child(1) {
width: 65%;
left: 0;
top: 0;
}

.startups-bird-top-left .startups-bird:nth-child(2) {
width: 39%;
right: 15%;
top: 52%;
}

.startups-bird-center-right {
right: 13vw;
top: 40%;
width: clamp(4.2rem, 5.8vw, 6.5rem);
height: clamp(2.4rem, 3.2vw, 3.6rem);
}

.startups-bird-center-right .startups-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

.startups-bird-bottom-right {
right: 9vw;
bottom: -4.8%;
width: clamp(5rem, 7.5vw, 8rem);
height: clamp(2.8rem, 4vw, 4.6rem);
}

.startups-bird-bottom-right .startups-bird:nth-child(1) {
width: 60%;
left: 0;
top: 0;
}

.startups-bird-bottom-right .startups-bird:nth-child(2) {
width: 34%;
right: 20%;
top: 54%;
}

.startups-clouds-row {
position: relative;
z-index: 6;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: end;
gap: clamp(2rem, 4.5vw, 5.2rem);
width: min(100%, 1220px);
margin: clamp(3rem, 3vw, 5rem) auto 0;
}

.startups-cloud-card {
position: relative;
width: 100%;
}

.startups-cloud-bg {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 18px 30px rgba(0, 15, 47, 0.12));
}

.startups-cloud-left .startups-cloud-bg {
transform: rotate(-19deg);
}

.startups-cloud-center {
width: clamp(15rem, 26.5vw, 26.5rem);
transform: translate(clamp(-.9rem, -1vw, -1rem), calc(clamp(-5.4rem, -9.4vw, -9.4rem) + 3.35rem));
}

.startups-cloud-right {
transform: translateY(clamp(-1rem, -1vw, -0.25rem));
}

.startups-cloud-right .startups-cloud-bg {
transform: rotate(19deg);
}

.startups-cloud-content {
position: absolute;
left: 50%;
top: 53%;
transform: translate(-50%, -50%);
width: 74%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: var(--brand-navy);
}

.startups-cloud-left .startups-cloud-content {
left: 53%;
}

.startups-cloud-right .startups-cloud-content {
left: 47%;
}

.startups-cloud-content h3 {
margin: 0;
font-family: "Galano-Bold", "Galano", Arial, sans-serif;
font-size: clamp(1.25rem, 1.4vw, 1.65rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.01em;
}

.startups-cloud-icon {
display: block;
width: clamp(1.75rem, 2.55vw, 2.6rem);
aspect-ratio: 1;
margin: clamp(0.7rem, 0.95vw, 0.9rem) 0;
}

.startups-cloud-content p {
margin: 0;
font-family: "Galano", Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.45;
letter-spacing: 0.08em;
}

/* ==================================================
Section 7: Skills And Mindset
================================================== */

.skills-opportunities-section {
position: relative;
min-height: clamp(850px, 100vh, 980px);
display: flex;
align-items: center;
justify-content: center;
padding: clamp(5.5rem, 8vw, 8rem) 1.5rem clamp(5rem, 8vw, 7rem);
overflow: hidden;
isolation: isolate;
}

.skills-opportunities-content {
position: relative;
z-index: 6;
width: min(100%, 1260px);
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(8rem, 13vw, 12rem);
text-align: center;
}

.skills-opportunities-heading h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.95;
letter-spacing: 0;
}

.skills-title-dark {
font-size: clamp(3rem, 4.2vw, 5.2rem);
color: var(--brand-navy);
}

.skills-title-main {
margin-top: 0.08em;
font-size: clamp(4.6rem, 7vw, 8.4rem);
color: var(--white);
text-shadow:
0 0.025em 0 var(--aqua),
0.025em 0.025em 0 var(--aqua);
}

.skills-opportunities-heading p {
margin-top: clamp(1.6rem, 2vw, 2.2rem);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.18rem, 1.55vw, 1.55rem);
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.08em;
color: var(--white);
}

.skills-opportunities-copy {
transform: translateY(clamp(6rem, 10vw, 9.2rem));
}

.skills-opportunities-copy p {
margin: 0;
font-family: "Galano", Arial, sans-serif;
font-size: clamp(2rem, 3.1vw, 3.45rem);
font-weight: 500;
line-height: 1.28;
letter-spacing: 0.04em;
color: var(--white);
}

.skills-opportunities-copy h3 {
margin: clamp(0.8rem, 1.1vw, 1.25rem) 0 0;
font-family: "Sweet", cursive;
font-size: clamp(3rem, 4.55vw, 5.6rem);
font-weight: 700;
line-height: 1;
letter-spacing: 0;
color: var(--brand-navy);
}

.skills-small-cloud,
.skills-bird-group,
.skills-hot-air-balloon-green,
.skills-hot-air-balloon-blue {
position: absolute;
z-index: 5;
pointer-events: none;
will-change: transform;
}

.skills-small-cloud img,
.skills-bird-group .skills-bird {
display: block;
height: auto;
object-fit: contain;
}

.skills-hot-air-balloon-green {
left: 28vw;
top: 4.5%;
width: clamp(4.6rem, 5.6vw, 6.8rem);
animation-delay: -1.8s;
}

.skills-hot-air-balloon-blue {
right: 6.5vw;
top: 4%;
width: clamp(5rem, 6.2vw, 7.4rem);
animation-delay: -3s;
}

.skills-small-cloud-top {
left: 12vw;
top: 2.5%;
width: clamp(7.5rem, 11vw, 13rem);
}

.skills-small-cloud-left-low {
left: 5vw;
top: 70%;
width: clamp(7.8rem, 11.5vw, 13.5rem);
}

.skills-bird-group .skills-bird {
position: absolute;
}

.skills-bird-left {
left: 18vw;
top: -2%;
width: clamp(4.4rem, 6.2vw, 7rem);
height: clamp(2.4rem, 3.6vw, 4rem);
}

.skills-bird-left .skills-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

.skills-bird-top-right {
left: 6vw;
top: 78.5%;
width: clamp(5.3rem, 7.8vw, 8.5rem);
height: clamp(3rem, 4.3vw, 4.8rem);
}

.skills-bird-top-right .skills-bird:nth-child(1) {
width: 65%;
left: 0;
top: 0;
}

.skills-bird-top-right .skills-bird:nth-child(2) {
width: 34%;
right: 15%;
top: 54%;
}

.skills-bird-right-mid {
right: 13vw;
top: 57%;
width: clamp(4.2rem, 5.8vw, 6.5rem);
height: clamp(2.4rem, 3.2vw, 3.6rem);
}

.skills-bird-right-mid .skills-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

/* ==================================================
Section 8: Ready For Your Next Chapter
================================================== */

.next-chapter-section {
position: relative;
min-height: clamp(850px, 100vh, 980px);
display: flex;
align-items: center;
justify-content: center;
padding: clamp(5.5rem, 8vw, 8rem) 1.5rem clamp(5rem, 8vw, 7rem);
overflow: hidden;
isolation: isolate;
}

.next-chapter-content {
position: relative;
z-index: 6;
width: min(100%, 980px);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transform: translateY(clamp(7rem, 11vw, 10.5rem));
}

.next-chapter-heading {
transform: translateY(clamp(1.4rem, 2.4vw, 2.2rem));
}

.next-chapter-heading h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.95;
letter-spacing: 0;
}

.next-title-dark {
font-size: clamp(3rem, 4.2vw, 5.2rem);
color: var(--brand-navy);
}

.next-title-main {
margin-top: 0.08em;
font-size: clamp(4.8rem, 7.2vw, 8.6rem);
color: var(--white);
text-shadow:
0 0.025em 0 var(--mint),
0.025em 0.025em 0 var(--mint);
}

.next-title-main .next-title-question {
display: inline;
font-family: "Galano-Bold", "Galano", Arial, sans-serif;
font-size: 0.82em;
line-height: 1;
vertical-align: 0.03em;
}

.next-chapter-heading p {
margin-top: clamp(1.7rem, 2vw, 2.25rem);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.18rem, 1.55vw, 1.55rem);
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.08em;
color: var(--white);
}

.next-chapter-cloud {
position: relative;
width: min(68vw, 690px);
margin-top: clamp(3.8rem, 4vw, 3.4rem);
filter: drop-shadow(0 18px 30px rgba(0, 15, 47, 0.1));
}

.next-chapter-cloud img {
display: block;
width: 100%;
height: auto;
}

.next-chapter-cloud p {
position: absolute;
left: 50%;
top: 53%;
transform: translate(-50%, -50%);
width: 68%;
margin: 0;
font-family: "Galano", Arial, sans-serif;
font-size: clamp(1.18rem, 1.55vw, 1.55rem);
font-weight: 500;
line-height: 1.55;
letter-spacing: 0.08em;
text-align: center;
color: var(--brand-navy);
}

.next-small-cloud,
.next-bird-group,
.next-hot-air-balloon-orange {
position: absolute;
z-index: 5;
pointer-events: none;
will-change: transform;
}

.next-small-cloud img,
.next-bird-group .next-bird {
display: block;
height: auto;
object-fit: contain;
}

.next-hot-air-balloon-orange {
left: 11vw;
top: 16%;
width: clamp(4.6rem, 5.6vw, 6.8rem);
animation-delay: -1.1s;
}

.next-small-cloud-top {
left: 30vw;
top: 7%;
width: clamp(6rem, 8vw, 10rem);
}

.next-small-cloud-right {
right: -4.5vw;
top: 33%;
width: clamp(5rem, 8vw, 9rem);
}

.next-small-cloud-left-mid {
left: -2.5vw;
top: 70%;
width: clamp(5rem, 8vw, 9rem);
}

.next-small-cloud-right-bottom {
right: -8vw;
bottom: 0%;
width: clamp(6.5rem, 9vw, 11rem);
}

.next-bird-group .next-bird {
position: absolute;
}

.next-bird-top {
left: 43vw;
top: 12.5%;
width: clamp(5.4rem, 8vw, 8.6rem);
height: clamp(3rem, 4.5vw, 5rem);
}

.next-bird-top .next-bird:nth-child(1) {
width: 60%;
left: 0;
top: 0;
}

.next-bird-top .next-bird:nth-child(2) {
width: 34%;
right: 15%;
top: 50%;
}

.next-bird-left-bottom {
left: 13vw;
top: 90%;
width: clamp(4.2rem, 5.8vw, 6.5rem);
height: clamp(2.4rem, 3.2vw, 3.6rem);
}

.next-bird-left-bottom .next-bird:nth-child(1) {
width: 90%;
left: 0;
top: 0;
}

/* ==================================================
Section 9: Journey CTA
================================================== */

.journey-start-section {
position: relative;
min-height: clamp(440px, 54vh, 620px);
display: flex;
align-items: center;
justify-content: center;
padding: clamp(5rem, 8vw, 7rem) 1.5rem clamp(4rem, 7vw, 6rem);
overflow: hidden;
isolation: isolate;
}

.journey-start-content {
position: relative;
z-index: 6;
width: min(100%, 850px);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transform: translateY(clamp(1.4rem, 2.8vw, 2.6rem));
}

.journey-start-content h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: "Sweet", cursive;
font-weight: 700;
line-height: 0.95;
letter-spacing: 0;
}

.journey-title-dark {
font-size: clamp(3rem, 4.2vw, 5.1rem);
color: var(--brand-navy);
}

.journey-title-main {
margin-top: 0.08em;
font-size: clamp(4.7rem, 7.2vw, 8.5rem);
color: var(--white);
text-shadow:
0 0.025em 0 var(--mint),
0.025em 0.025em 0 var(--mint);
}

.open-roles-cta {
position: relative;
z-index: 0;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--cta-space, 18px);
min-height: var(--cta-height, 58px);
padding:
var(--cta-edge, 8px)
var(--cta-space, 18px)
var(--cta-edge, 8px)
calc(var(--cta-edge, 8px) + var(--cta-icon, 40px) + var(--cta-space, 18px));
border: 0;
border-radius: 999px;
overflow: hidden;
text-decoration: none;
line-height: 1;
cursor: pointer;
isolation: isolate;
-webkit-tap-highlight-color: transparent;
transition:
padding 0.35s ease,
box-shadow 0.35s ease;
}

.open-roles-cta::after {
content: "";
position: absolute;
z-index: -1;
border-radius: inherit;
transition:
background 0.28s ease,
box-shadow 0.28s ease,
inset 0.28s ease;
}

.open-roles-cta-icon,
.open-roles-cta-text {
position: relative;
z-index: 1;
}

.open-roles-cta-icon {
position: absolute;
top: 50%;
left: calc(var(--cta-edge, 8px) + var(--cta-border, 0px));
width: var(--cta-icon, 40px);
height: var(--cta-icon, 40px);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transform: translateY(-50%);
transition:
left 0.45s cubic-bezier(0.2, 0.75, 0.2, 1),
background 0.3s ease,
color 0.3s ease,
transform 0.28s ease;
}

.open-roles-cta:hover,
.open-roles-cta:focus-visible {
padding:
var(--cta-edge, 8px)
calc(var(--cta-edge, 8px) + var(--cta-icon, 40px) + var(--cta-space, 18px))
var(--cta-edge, 8px)
var(--cta-space, 18px);
}

.open-roles-cta:hover .open-roles-cta-icon,
.open-roles-cta:focus-visible .open-roles-cta-icon {
left: calc(100% - var(--cta-icon, 40px) - var(--cta-edge, 8px) - var(--cta-border, 0px));
}

.open-roles-cta-icon i {
display: block;
line-height: 1;
}

.open-roles-cta-text {
display: block;
white-space: nowrap;
transition:
color 0.28s ease,
-webkit-text-fill-color 0.28s ease;
}

.journey-cta.open-roles-cta {
--cta-height: 58px;
--cta-icon: 40px;
--cta-edge: 8px;
--cta-space: 18px;
--cta-border: 0px;
opacity: 1;
pointer-events: auto;
margin-top: clamp(2.2rem, 3vw, 3rem);
background: var(--journey-cta-surface);
box-shadow: 0 10px 22px rgba(2, 37, 61, 0.14);
animation: none;
}

.journey-cta.open-roles-cta::after {
inset: 0;
background: var(--journey-cta-surface);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.68);
}

.journey-cta .open-roles-cta-icon {
background: var(--brand-gradient);
color: var(--brand-navy);
}

.journey-cta .open-roles-cta-icon i {
font-size: 19px;
}

.journey-cta .open-roles-cta-text {
font-family: "Uhudscript", cursive;
font-size: clamp(1.55rem, 1.9vw, 2.25rem);
font-weight: 400;
letter-spacing: 0.04em;
background: none;
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: var(--brand-navy);
color: var(--brand-navy);
}

.journey-cta.open-roles-cta:hover,
.journey-cta.open-roles-cta:focus-visible {
box-shadow: 0 14px 26px rgba(2, 37, 61, 0.2);
outline: none;
}

.journey-cta.open-roles-cta:hover::after,
.journey-cta.open-roles-cta:focus-visible::after {
background: var(--brand-gradient);
box-shadow: none;
inset: 0;
}

.journey-cta.open-roles-cta:hover .open-roles-cta-icon,
.journey-cta.open-roles-cta:focus-visible .open-roles-cta-icon {
background: var(--white);
color: var(--brand-navy);
}

.journey-cta.open-roles-cta:hover .open-roles-cta-text,
.journey-cta.open-roles-cta:focus-visible .open-roles-cta-text {
-webkit-text-fill-color: var(--brand-navy);
color: var(--brand-navy);
}

.journey-small-cloud,
.journey-bird-group {
position: absolute;
z-index: 5;
pointer-events: none;
will-change: transform;
}

.journey-small-cloud img,
.journey-bird-group .journey-bird {
display: block;
height: auto;
object-fit: contain;
}

.journey-small-cloud-left {
left: -9.5vw;
top: 10%;
width: clamp(7.8rem, 11.5vw, 13.5rem);
}

.journey-small-cloud-right-low {
right: 10vw;
top: 95%;
width: clamp(6rem, 8vw, 10rem);
}

.journey-bird-group .journey-bird {
position: absolute;
}

.journey-bird-left {
left: 10vw;
top: 90%;
width: clamp(5rem, 7.5vw, 8rem);
height: clamp(2.8rem, 4vw, 4.6rem);
}

.journey-bird-left .journey-bird:nth-child(1) {
width: 65%;
left: 0;
top: 0;
}

.journey-bird-left .journey-bird:nth-child(2) {
width: 34%;
right: 15%;
top: 54%;
}

.journey-bird-right {
right: 11vw;
top: 25%;
width: clamp(4.2rem, 5.8vw, 6.5rem);
height: clamp(2.4rem, 3.2vw, 3.6rem);
}

.journey-bird-right .journey-bird:nth-child(1) {
width: 100%;
left: 0;
top: 0;
}

/* ==================================================
Section 10: Build Your Career Footer Scene
================================================== */

.build-career-section {
position: relative;
min-height: auto;
overflow: hidden;
isolation: isolate;
}

.build-career-picture {
position: relative;
z-index: 1;
display: block;
width: 100%;
overflow: hidden;
}

.build-career-picture img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
object-position: center top;
}

.build-career-logo,
.build-mr-doit,
.build-career-cta-wrap,
.build-butterfly,
.build-bird-group {
position: absolute;
z-index: 5;
pointer-events: none;
}

.build-career-logo {
left: 44%;
top: 40%;
width: clamp(9rem, 12vw, 15rem);
height: auto;
object-fit: contain;
transform: translateX(-50%);
}

.build-career-cta-wrap {
left: 46%;
top: 72%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transform: translateX(-50%);
pointer-events: auto;
}

.build-career-cta-wrap h2 {
margin: 0 0 clamp(0.8rem, 1vw, 1rem);
font-family: "Galano-Bold", "Galano", Arial, sans-serif;
font-size: clamp(1.3rem, 1.7vw, 2rem);
font-weight: 700;
line-height: 1.2;
color: var(--white);
}

.build-career-cta.open-roles-cta {
--cta-height: 52px;
--cta-icon: 36px;
--cta-edge: 8px;
--cta-space: 15px;
margin-top: 0;
background: var(--brand-gradient);
}

.build-career-cta.open-roles-cta::after {
background: var(--brand-gradient);
box-shadow: none;
}

.build-career-cta .open-roles-cta-icon {
background: var(--white);
color: var(--brand-navy);
}

.build-career-cta .open-roles-cta-text {
font-size: clamp(1.35rem, 1.7vw, 2rem);
}

.build-career-cta.open-roles-cta:hover::after,
.build-career-cta.open-roles-cta:focus-visible::after {
background: var(--journey-cta-surface);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.68);
}

.build-career-cta.open-roles-cta:hover .open-roles-cta-icon,
.build-career-cta.open-roles-cta:focus-visible .open-roles-cta-icon {
background: var(--brand-gradient);
color: var(--brand-navy);
}

.build-mr-doit {
right: 17.2vw;
bottom: 7.2%;
width: clamp(11.5rem, 17.5vw, 20.5rem);
height: auto;
object-fit: contain;
filter: drop-shadow(0 18px 18px rgba(2, 37, 61, 0.22));
}

.build-butterfly {
display: block;
height: auto;
object-fit: contain;
transform-origin: center center;
animation: butterflyFlap 0.45s ease-in-out infinite alternate;
will-change: transform, scale, rotate, translate;
}

.build-bird-group .build-bird {
position: absolute;
display: block;
height: auto;
object-fit: contain;
}

.build-bird-sun {
right: 25.5vw;
top: 13%;
width: clamp(5.2rem, 7.2vw, 8.4rem);
height: clamp(2.8rem, 4vw, 4.6rem);
}

.build-bird-sun .build-bird:nth-child(1) {
width: 70%;
left: 0;
top: 0;
}

.build-bird-sun .build-bird:nth-child(2) {
width: 42%;
right: 0;
top: 44%;
animation-delay: -0.18s;
}

.build-butterfly-left-high {
left: 22.5vw;
top: 51%;
width: clamp(2rem, 3vw, 3.6rem);
}

.build-butterfly-left-low {
left: 8.8vw;
top: 63%;
width: clamp(2.2rem, 3.2vw, 3.8rem);
animation-delay: -1.2s;
}

.build-butterfly-right {
right: 8vw;
top: 65%;
width: clamp(2rem, 3vw, 3.6rem);
transform: scaleX(-1);
animation: butterflyFlap 0.45s ease-in-out infinite alternate-reverse;
}

@keyframes butterflyFlap {
0% {
scale: 1 1;
rotate: -2deg;
}

50% {
scale: 0.9 1.05;
rotate: 2deg;
}

100% {
scale: 1 1;
rotate: -2deg;
}
}

.hero-bird-group .hero-bird,
.bird-group .bird,
.hire-bird-group .hire-bird,
.wrong-place-bird-group .wrong-place-bird,
.doiter-bird-group .doiter-bird,
.startups-bird-group .startups-bird,
.skills-bird-group .skills-bird,
.next-bird-group .next-bird,
.journey-bird-group .journey-bird,
.build-bird-group .build-bird {
transform-origin: center center;
animation: butterflyFlap 0.45s ease-in-out infinite alternate;
will-change: transform, scale, rotate;
}

@keyframes openRolesBalloonRise {
0% {
opacity: 0;
transform: translate3d(0, 0, 0) rotate(var(--balloon-rotate, 0deg));
}

10%,
78% {
opacity: var(--balloon-opacity, 0.86);
}

88% {
opacity: calc(var(--balloon-opacity, 0.86) * 0.6);
}

100% {
opacity: 0;
transform: translate3d(var(--balloon-drift, 24px), calc(-1 * var(--balloon-travel, 100vh)), 0) rotate(calc(var(--balloon-rotate, 0deg) * -1));
}
}

/* ==================================================
Large Desktop
================================================== */

@media (min-width: 1600px) {
.open-roles-hero-content {
transform: translateY(clamp(1rem, 4vh, 2.75rem));
}

.cloud-card-left {
left: 4.5vw;
}

.cloud-card-right {
right: 10vw;
}

.hire-clouds-row {
width: min(100%, 1280px);
}

.wrong-place-content {
width: min(100%, 1050px);
}

.doiter-clouds-field {
width: min(100%, 1240px);
}

.startups-clouds-row {
width: min(100%, 1120px);
}

.skills-opportunities-content {
width: min(100%, 1360px);
}

.next-chapter-content {
width: min(100%, 1040px);
}

.journey-start-content {
width: min(100%, 920px);
}

.build-career-logo {
top: 38%;
}
}

/* ==================================================
Desktop / Small Laptop
================================================== */

@media (max-width: 1200px) {
.cloud-card {
width: min(46.5vw, 540px);
min-width: 380px;
}

.cloud-card p {
font-size: 24px;
}

.cloud-card-left {
left: 3vw;
}

.cloud-card-right {
right: 4vw;
}

.hire-clouds-row {
gap: clamp(1.4rem, 3vw, 3.5rem);
width: min(100%, 1040px);
}

.hire-cloud-content {
width: 76%;
}

.hire-cloud-content h3 {
font-size: clamp(1.05rem, 1.7vw, 1.32rem);
}

.hire-cloud-content p {
font-size: 18px;
}

.wrong-place-content {
gap: clamp(6.5rem, 11vw, 10rem);
}

.wrong-place-white {
font-size: clamp(1.75rem, 3.2vw, 2.8rem);
}

.wrong-place-gradient {
font-size: clamp(2.75rem, 4.8vw, 4.5rem);
}

.doiter-limits-section {
min-height: clamp(930px, 108vh, 1080px);
}

.doiter-title-main {
font-size: clamp(4rem, 7.3vw, 6.8rem);
}

.doiter-clouds-field {
width: min(100%, 1040px);
min-height: clamp(540px, 57vw, 650px);
}

.doiter-cloud-content h3 {
font-size: 32px;
}

.doiter-cloud-icon {
width: clamp(1.15rem, 2.3vw, 1.75rem);
}

.startups-wait-section {
min-height: clamp(900px, 106vh, 1060px);
}

.startups-title-main {
font-size: clamp(4rem, 7.2vw, 6.8rem);
}

.startups-clouds-row {
gap: clamp(1.4rem, 3vw, 3.5rem);
width: min(100%, 1040px);
}

.startups-cloud-content {
width: 76%;
}

.startups-cloud-content h3 {
font-size: clamp(1.05rem, 1.7vw, 1.32rem);
}

.startups-cloud-content p {
font-size: 18px;
}

.skills-opportunities-content {
gap: clamp(7rem, 12vw, 10rem);
}

.skills-title-main {
font-size: clamp(4rem, 7.2vw, 6.9rem);
}

.skills-opportunities-copy p {
font-size: clamp(1.75rem, 3.2vw, 2.8rem);
}

.skills-opportunities-copy h3 {
font-size: clamp(2.75rem, 4.8vw, 4.55rem);
}

.next-title-main {
font-size: clamp(4rem, 7.2vw, 6.8rem);
}

.next-chapter-cloud {
width: min(72vw, 650px);
}

.next-chapter-cloud p {
font-size: clamp(1.05rem, 1.75vw, 1.35rem);
}

.journey-title-main {
font-size: clamp(4rem, 7.2vw, 6.8rem);
}

.build-career-section {
min-height: clamp(660px, 92vh, 900px);
}

.build-career-logo {
top: 39%;
width: clamp(8rem, 13vw, 12rem);
}

.build-career-cta-wrap {
top: 74%;
}

.build-mr-doit {
right: 14.8vw;
bottom: 7%;
width: clamp(10.6rem, 19.5vw, 17rem);
}
}

/* ==================================================
Tablet
================================================== */

@media (max-width: 1024px) {
.open-roles-hero {
min-height: clamp(640px, 90svh, 850px);
background-position: center top;
}

.hero-bird-left {
left: 11vw;
bottom: 14%;
}

.hero-bird-right {
right: 12vw;
bottom: 13%;
}

.open-roles-hero-copy {
font-size: clamp(1.25rem, 2.7vw, 1.65rem);
}

.above-clouds-section {
min-height: clamp(860px, 112svh, 1040px);
}

.cloud-card {
width: min(58vw, 530px);
min-width: 0;
}

.cloud-card-left {
left: 2vw;
top: clamp(20rem, 43vw, 26rem);
}

.cloud-card-right {
right: 2vw;
top: clamp(34rem, 67vw, 43rem);
}

.bird-group-top-right {
right: 6vw;
top: 22%;
}

.bird-group-center {
left: 39%;
top: 60%;
}

.hire-differently-section {
min-height: clamp(980px, 125svh, 1180px);
padding-top: clamp(4rem, 8vw, 6rem);
}

.hire-clouds-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: clamp(3rem, 8vw, 5rem) clamp(1rem, 4vw, 3rem);
width: min(92vw, 780px);
margin-top: clamp(5rem, 9vw, 7rem);
}

.hire-cloud-right {
grid-column: 1 / -1;
width: 100%;
margin: 0 auto;
}

.hire-cloud-left {
width: 100%;
margin: 0 auto;
}

.hire-cloud-center,
.hire-cloud-right {
transform: none;
}

.hire-cloud-content h3 {
font-size: clamp(1.1rem, 2.4vw, 1.45rem);
}

.hire-cloud-content p {
font-size: 18px;
}

.hire-small-cloud-left {
left: 7vw;
top: 4.2rem;
}

.hire-small-cloud-right {
right: -2vw;
top: 49%;
}

.hire-paper-plane {
right: 12vw;
top: 25%;
width: clamp(3.5rem, 8vw, 5.8rem);
}

.hire-bird-group-left {
left: 5vw;
top: 40%;
}

.hire-bird-group-top-right {
right: 7vw;
top: 7.5%;
}

.hire-bird-group-bottom-left {
left: 12vw;
bottom: 9%;
}

.hire-bird-group-bottom-right {
right: 12vw;
bottom: 12%;
}

.wrong-place-section {
min-height: clamp(780px, 98svh, 920px);
}

.wrong-place-content {
gap: clamp(6rem, 13vw, 8.5rem);
}

.wrong-place-white {
font-size: clamp(1.7rem, 4vw, 2.45rem);
}

.wrong-place-gradient {
font-size: clamp(2.4rem, 6vw, 3.8rem);
}

.wrong-place-cloud-left-edge {
left: -3vw;
top: 24%;
}

.wrong-place-cloud-left-low {
left: 1vw;
top: 62%;
}

.wrong-place-cloud-right {
right: 3vw;
top: 27%;
}

.wrong-place-bird-top-right {
right: 5vw;
top: 17%;
width: clamp(5rem, 13vw, 7.5rem);
}

.wrong-place-bird-left {
left: 10vw;
top: 45%;
width: clamp(3.5rem, 9vw, 5.2rem);
}

.wrong-place-bird-bottom-right {
right: 8vw;
bottom: 12%;
width: clamp(4.5rem, 12vw, 6.8rem);
}

.doiter-limits-section {
min-height: clamp(1040px, 130svh, 1220px);
}

.doiter-limits-heading {
width: min(94vw, 900px);
}

.doiter-title-gradient {
font-size: clamp(2.65rem, 7.5vw, 4.2rem);
}

.doiter-title-main {
font-size: clamp(3.6rem, 9.2vw, 5.7rem);
}

.doiter-limits-copy {
font-size: clamp(1.05rem, 2.6vw, 1.35rem);
}

.hot-air-balloon-orange {
left: 50%;
top: 0.8%;
width: clamp(3.8rem, 9vw, 5.5rem);
}

.hot-air-balloon-blue {
right: 5vw;
bottom: 1%;
width: clamp(4.2rem, 9vw, 5.8rem);
}

.doiter-bird-left {
left: 5vw;
top: 15%;
width: clamp(4rem, 11vw, 5.8rem);
}

.doiter-bird-center {
left: 52%;
top: 44%;
width: clamp(4.5rem, 12vw, 6.2rem);
}

.doiter-small-cloud-left-bottom {
left: -2vw;
bottom: 14%;
}

.doiter-small-cloud-right {
right: -2vw;
top: 65%;
}

.doiter-clouds-field {
width: min(94vw, 760px);
min-height: clamp(700px, 92vw, 820px);
margin-top: clamp(4rem, 9vw, 5.5rem);
}

.doiter-cloud-1 {
--doiter-cloud-width: clamp(210px, 36vw, 285px);
left: 0;
top: 0;
}

.doiter-cloud-2 {
--doiter-cloud-width: clamp(205px, 35vw, 275px);
left: 42%;
top: 16%;
}

.doiter-cloud-3 {
--doiter-cloud-width: clamp(210px, 36vw, 285px);
right: 0;
top: 0;
}

.doiter-cloud-4 {
--doiter-cloud-width: clamp(210px, 36vw, 285px);
left: 12%;
top: 44%;
}

.doiter-cloud-5 {
--doiter-cloud-width: clamp(210px, 36vw, 285px);
right: 8%;
top: 43%;
}

.doiter-cloud-6 {
--doiter-cloud-width: clamp(215px, 37vw, 295px);
left: 35%;
bottom: 0;
}

.startups-wait-section {
min-height: clamp(980px, 122svh, 1180px);
padding-top: clamp(5rem, 9vw, 7rem);
}

.startups-wait-heading {
width: min(94vw, 900px);
}

.startups-title-gradient {
font-size: clamp(2.65rem, 7.4vw, 4.2rem);
}

.startups-title-main {
font-size: clamp(3.6rem, 9.1vw, 5.65rem);
}

.startups-wait-heading p {
font-size: clamp(1.05rem, 2.6vw, 1.35rem);
}

.startups-clouds-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: clamp(3rem, 8vw, 5rem) clamp(1rem, 4vw, 3rem);
width: min(92vw, 780px);
margin-top: clamp(5rem, 10vw, 7rem);
}

.startups-cloud-right {
grid-column: 1 / -1;
width: 100%;
margin: 0 auto;
}

.startups-cloud-left {
width: 100%;
margin: 0 auto;
}

.startups-cloud-center,
.startups-cloud-right {
transform: none;
}

.startups-cloud-content h3 {
font-size: clamp(1.1rem, 2.4vw, 1.45rem);
}

.startups-cloud-content p {
font-size: 18px;
}

.startups-small-cloud-left-top {
left: 2vw;
top: 12%;
}

.startups-small-cloud-center-top {
left: 33%;
top: 31%;
}

.startups-small-cloud-right-top {
right: 5vw;
top: 4.5%;
}

.startups-small-cloud-left-low {
left: -2vw;
top: 76%;
}

.startups-small-cloud-right-mid {
right: -2vw;
top: 56%;
}

.startups-small-cloud-bottom {
right: 20vw;
bottom: 5%;
}

.startups-hot-air-balloon-green {
left: 28vw;
bottom: -0.5%;
width: clamp(4.2rem, 9vw, 5.8rem);
}

.startups-bird-top-left {
left: 14vw;
top: 1.2%;
width: clamp(4.5rem, 12vw, 6.6rem);
}

.startups-bird-center-right {
right: 15vw;
top: 37%;
width: clamp(3.8rem, 10vw, 5.6rem);
}

.startups-bird-bottom-right {
right: 14vw;
bottom: 0.8%;
width: clamp(4.4rem, 12vw, 6.6rem);
}

.skills-opportunities-section {
min-height: clamp(760px, 98svh, 920px);
}

.skills-opportunities-content {
gap: clamp(6rem, 13vw, 8.5rem);
}

.skills-title-dark {
font-size: clamp(2.4rem, 6.8vw, 4rem);
}

.skills-title-main {
font-size: clamp(3.3rem, 8.8vw, 5.4rem);
}

.skills-opportunities-heading p {
font-size: clamp(1.05rem, 2.6vw, 1.35rem);
}

.skills-opportunities-copy p {
font-size: clamp(1.55rem, 4vw, 2.3rem);
}

.skills-opportunities-copy h3 {
font-size: clamp(2.4rem, 6vw, 3.8rem);
}

.skills-hot-air-balloon-green {
left: 27vw;
top: 4%;
width: clamp(4.2rem, 10vw, 5.8rem);
}

.skills-hot-air-balloon-blue {
right: 7vw;
top: 25%;
width: clamp(4.4rem, 10vw, 6.2rem);
}

.skills-small-cloud-top {
right: 19vw;
top: 2.5%;
}

.skills-small-cloud-left-low {
left: 4vw;
top: 70%;
}

.skills-bird-left {
left: 10vw;
top: 27%;
width: clamp(4rem, 10vw, 5.6rem);
}

.skills-bird-top-right {
right: 14vw;
top: 8%;
width: clamp(4.8rem, 12vw, 6.6rem);
}

.skills-bird-right-mid {
right: 11vw;
top: 66%;
width: clamp(3.8rem, 10vw, 5.4rem);
}

.next-chapter-section {
min-height: clamp(760px, 98svh, 920px);
}

.next-title-dark {
font-size: clamp(2.4rem, 6.8vw, 4rem);
}

.next-title-main {
font-size: clamp(3.3rem, 8.8vw, 5.4rem);
}

.next-chapter-heading p {
font-size: clamp(1.05rem, 2.6vw, 1.35rem);
}

.next-chapter-cloud {
width: min(78vw, 610px);
margin-top: clamp(3.4rem, 7vw, 4.8rem);
}

.next-chapter-cloud p {
font-size: clamp(1rem, 2.2vw, 1.22rem);
}

.next-hot-air-balloon-orange {
left: 10vw;
top: 16%;
width: clamp(4.2rem, 10vw, 5.8rem);
}

.next-small-cloud-top {
left: 32vw;
top: 24%;
}

.next-small-cloud-right {
right: -2vw;
top: 43%;
}

.next-small-cloud-left-mid {
left: 7vw;
top: 74%;
}

.next-small-cloud-right-bottom {
right: 3vw;
bottom: 0%;
}

.next-bird-top {
left: 42vw;
top: 16%;
width: clamp(4.8rem, 12vw, 6.6rem);
}

.next-bird-left-bottom {
left: 9vw;
top: 82%;
width: clamp(3.8rem, 10vw, 5.4rem);
}

.journey-start-section {
min-height: clamp(420px, 50svh, 560px);
}

.journey-start-content {
transform: translateY(clamp(1.2rem, 3.5vw, 2.2rem));
}

.journey-title-dark {
font-size: clamp(2.4rem, 6.8vw, 4rem);
}

.journey-title-main {
font-size: clamp(3.3rem, 8.8vw, 5.4rem);
}

.journey-small-cloud-left {
left: -3vw;
top: 34%;
}

.journey-small-cloud-right-low {
right: 7vw;
top: 66%;
}

.journey-bird-left {
left: 11vw;
top: 70%;
width: clamp(4.4rem, 12vw, 6.4rem);
}

.journey-bird-right {
right: 11vw;
top: 45%;
width: clamp(3.8rem, 10vw, 5.4rem);
}

.build-career-section {
min-height: clamp(640px, 82svh, 820px);
}

.build-career-logo {
top: 38.5%;
width: clamp(7rem, 16vw, 10rem);
}

.build-career-cta-wrap {
top: 73.5%;
}

.build-career-cta-wrap h2 {
font-size: clamp(1.1rem, 2.5vw, 1.45rem);
}

.build-career-cta.open-roles-cta {
--cta-height: 48px;
--cta-icon: 34px;
--cta-edge: 7px;
--cta-space: 13px;
}

.build-mr-doit {
right: 11.8vw;
bottom: 6.9%;
width: clamp(9.4rem, 22.5vw, 14.6rem);
}

.build-bird-sun {
right: 13vw;
top: 14%;
width: clamp(4.8rem, 11vw, 6.8rem);
}

.build-butterfly-left-high {
left: 23vw;
top: 51%;
width: clamp(1.8rem, 5vw, 2.8rem);
}

.build-butterfly-left-low {
left: 9vw;
top: 63%;
width: clamp(1.8rem, 5vw, 2.8rem);
}

.build-butterfly-right {
right: 8vw;
top: 65%;
width: clamp(1.8rem, 5vw, 2.8rem);
}

}

/* ==================================================
Mobile
================================================== */

@media (max-width: 768px) {
.open-roles-hero {
min-height: clamp(620px, 100svh, 760px);
padding: clamp(6.5rem, 18vh, 8.5rem) 1rem 3.5rem;
background-image: url("/careers/who-we-hire/images/open-roles-banner-with-elements-mobile-view.webp");
background-position: center top;
}

.open-roles-hero-content {
transform: translateY(0);
}

.hero-bird-left {
left: 8vw;
bottom: 13%;
width: 4.8rem;
height: 3rem;
}

.hero-bird-right {
right: 9vw;
bottom: 17%;
width: 4.2rem;
height: 2.6rem;
}

.hero-title-main {
font-size: clamp(3.2rem, 15.5vw, 5.3rem);
line-height: 1;
}

.hero-title-sub {
font-size: clamp(2.1rem, 9.5vw, 3.25rem);
line-height: 1.02;
}

.open-roles-hero-copy {
margin-top: 1.45rem;
font-size: clamp(1.05rem, 4.6vw, 1.35rem);
line-height: 1.35;
letter-spacing: 0.06em;
}

.open-roles-scroll-cue {
margin-top: clamp(4rem, 12vh, 5.5rem);
font-size: 0.95rem;
}

.above-clouds-section {
min-height: clamp(850px, 140svh, 1080px);
padding: clamp(3.2rem, 12vw, 4.5rem) 1rem clamp(5rem, 15vw, 7rem);
}

.above-title-gradient {
font-size: clamp(2.4rem, 12vw, 3.5rem);
}

.above-title-clouds {
font-size: clamp(3.7rem, 18vw, 5.4rem);
}

.above-clouds-heading p {
margin-top: 1.35rem;
font-size: clamp(1rem, 4.5vw, 1.25rem);
letter-spacing: 0.07em;
}

.cloud-card {
width: min(96vw, 430px);
}

.cloud-card p {
width: 72%;
font-size: clamp(1rem, 4.5vw, 1.35rem);
line-height: 1.35;
letter-spacing: 0.05em;
}

.cloud-card-left {
left: 50%;
top: 35%;
transform: translateX(-50%);
}

.cloud-card-right {
right: auto;
left: 50%;
top: 66%;
transform: translateX(-50%);
}

.bird-group-top-right {
right: 7vw;
top: 27%;
width: 5.2rem;
height: 3.5rem;
}

.bird-group-center {
left: 10vw;
top: 60%;
width: 4.4rem;
height: 2.8rem;
}

.floating-balloon {
bottom: -120px;
}

.hire-differently-section {
min-height: auto;
padding: clamp(4rem, 13vw, 5.5rem) 1rem clamp(5rem, 14vw, 6.5rem);
}

.hire-title-gradient {
font-size: clamp(2.4rem, 12vw, 3.5rem);
}

.hire-title-main {
font-size: clamp(3.6rem, 17vw, 5.25rem);
}

.hire-differently-copy {
font-size: clamp(1rem, 4.5vw, 1.24rem);
letter-spacing: 0.06em;
}

.hire-clouds-row {
display: flex;
flex-direction: column;
gap: clamp(2.4rem, 8vw, 3.5rem);
width: 100%;
margin-top: clamp(4.4rem, 15vw, 6rem);
}

.hire-cloud-card,
.hire-cloud-right {
width: 100%;
}

.hire-cloud-content {
width: 72%;
}

.hire-cloud-content h3 {
font-size: clamp(1rem, 5vw, 1.28rem);
}

.hire-cloud-icon {
width: clamp(1.65rem, 7.5vw, 2.35rem);
margin: clamp(0.45rem, 1.7vw, 0.65rem) 0;
}

.hire-cloud-content p {
font-size: 18px;
line-height: 1.38;
letter-spacing: 0.055em;
}

.hire-small-cloud-left {
left: -5vw;
top: 3.4rem;
}

.hire-small-cloud-right {
right: -12vw;
top: 43%;
}

.hire-paper-plane {
right: 7vw;
top: 21%;
width: clamp(3.3rem, 15vw, 4.6rem);
}

.hire-bird-group-left {
left: 3vw;
top: 31%;
width: 4.8rem;
height: 3rem;
}

.hire-bird-group-top-right {
right: 4vw;
top: 8.5%;
width: 4.2rem;
height: 2.6rem;
}

.hire-bird-group-bottom-left {
left: 8vw;
bottom: 8%;
width: 4.8rem;
height: 3rem;
}

.hire-bird-group-bottom-right {
right: 8vw;
bottom: 11%;
width: 4.2rem;
height: 2.6rem;
}

.wrong-place-section {
min-height: clamp(700px, 105svh, 860px);
padding: clamp(4rem, 14vw, 5.5rem) 1rem clamp(5rem, 15vw, 6.5rem);
}

.wrong-place-content {
gap: clamp(5.5rem, 20vw, 7.5rem);
transform: none;
}

.wrong-place-white {
font-size: clamp(1.28rem, 6vw, 1.8rem);
line-height: 1.8;
}

.wrong-place-gradient {
font-size: clamp(2rem, 10vw, 3rem);
line-height: 1.3;
}

.wrong-place-cloud-left-edge {
left: -8vw;
top: 21%;
}

.wrong-place-cloud-left-low {
left: -2vw;
top: 74%;
}

.wrong-place-cloud-right {
right: -8vw;
top: 22%;
}

.wrong-place-bird-top-right {
right: 2vw;
top: 13%;
width: 5.2rem;
height: 3.4rem;
}

.wrong-place-bird-left {
left: 6vw;
top: 43%;
width: 4.2rem;
height: 2.6rem;
}

.wrong-place-bird-bottom-right {
right: 5vw;
bottom: 10%;
width: 4.8rem;
height: 3rem;
}

.doiter-limits-section {
min-height: auto;
padding: clamp(4.2rem, 14vw, 5.5rem) 1rem clamp(5.5rem, 17vw, 7rem);
}

.doiter-title-gradient {
font-size: clamp(2.2rem, 11vw, 3.25rem);
}

.doiter-title-main {
font-size: clamp(2.9rem, 14vw, 4.2rem);
line-height: 1;
}

.doiter-limits-copy {
font-size: clamp(0.98rem, 4.2vw, 1.18rem);
letter-spacing: 0.055em;
}

.hot-air-balloon-orange {
left: 50%;
top: -4%;
width: clamp(3.3rem, 15vw, 4.5rem);
}

.hot-air-balloon-blue {
right: 4vw;
bottom: 1%;
width: clamp(3.8rem, 16vw, 5rem);
}

.doiter-bird-left {
left: 4vw;
top: 15%;
width: 4.1rem;
height: 2.5rem;
}

.doiter-bird-center {
left: 49%;
top: 36%;
width: 4.6rem;
height: 2.8rem;
}

.doiter-small-cloud-left-bottom {
left: -8vw;
bottom: 12%;
}

.doiter-small-cloud-right {
right: -9vw;
top: 58%;
}

.doiter-clouds-field {
/*width: min(96vw, 430px);*/
min-height: 0;
display: grid;
grid-template-columns: 1fr;
gap: clamp(1.35rem, 5vw, 2rem);
margin-top: clamp(3.5rem, 13vw, 5rem);
}

.doiter-cloud-badge {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
width: min(88vw, 310px);
}

.doiter-cloud-badge:nth-child(odd) {
justify-self: start;
}

.doiter-cloud-badge:nth-child(even) {
justify-self: end;
}

.doiter-cloud-content {
width: 58%;
gap: 0.85rem;
}

.doiter-cloud-icon {
width: clamp(1.05rem, 5vw, 1.45rem);
}

.doiter-cloud-content h3 {
font-size: 28px;
}

.startups-wait-section {
min-height: auto;
padding: clamp(4.2rem, 14vw, 5.5rem) 1rem clamp(5.5rem, 17vw, 7rem);
}

.startups-title-gradient {
font-size: clamp(2.2rem, 11vw, 3.25rem);
}

.startups-title-main {
font-size: clamp(2.75rem, 13.5vw, 4.15rem);
line-height: 1;
}

.startups-wait-heading p {
font-size: clamp(0.98rem, 4.2vw, 1.18rem);
letter-spacing: 0.055em;
}

.startups-clouds-row {
display: flex;
flex-direction: column;
gap: clamp(2.3rem, 8vw, 3.4rem);
width: min(96vw, 430px);
margin-top: clamp(4rem, 13vw, 5.5rem);
}

.startups-cloud-card,
.startups-cloud-right {
width: 100%;
}

.startups-cloud-card:nth-child(odd) {
align-self: flex-start;
}

.startups-cloud-card:nth-child(even) {
align-self: flex-end;
}

.startups-cloud-content {
width: 72%;
}

.startups-cloud-content h3 {
font-size: clamp(1rem, 5vw, 1.28rem);
}

.startups-cloud-icon {
width: clamp(1.65rem, 7.5vw, 2.35rem);
margin: clamp(0.45rem, 1.7vw, 0.65rem) 0;
}

.startups-cloud-content p {
font-size: 18px;
line-height: 1.38;
letter-spacing: 0.055em;
}

.startups-small-cloud-left-top {
left: -7vw;
top: 12%;
}

.startups-small-cloud-center-top {
left: 34%;
top: 29%;
}

.startups-small-cloud-right-top {
right: -8vw;
top: 0%;
}

.startups-small-cloud-left-low {
left: -9vw;
top: 70%;
}

.startups-small-cloud-right-mid {
right: -10vw;
top: 43%;
}

.startups-small-cloud-bottom {
right: 14vw;
bottom: 4%;
}

.startups-hot-air-balloon-green {
left: 28vw;
bottom: -0.5%;
width: clamp(3.8rem, 16vw, 5rem);
}

.startups-bird-top-left {
left: 14vw;
top: 1%;
width: 4.8rem;
height: 3rem;
}

.startups-bird-center-right {
right: 10vw;
top: 34%;
width: 4.2rem;
height: 2.6rem;
}

.startups-bird-bottom-right {
right: 12vw;
bottom: 0.8%;
width: 4.8rem;
height: 3rem;
}

.skills-opportunities-section {
min-height: clamp(680px, 100svh, 820px);
padding: clamp(4.2rem, 14vw, 5.5rem) 1rem clamp(5rem, 15vw, 6.5rem);
}

.skills-opportunities-content {
gap: clamp(5.2rem, 19vw, 7rem);
}

.skills-title-dark {
font-size: clamp(2rem, 10vw, 3rem);
}

.skills-title-main {
font-size: clamp(2.65rem, 13vw, 4rem);
line-height: 1;
}

.skills-opportunities-heading p {
font-size: clamp(0.98rem, 4.2vw, 1.18rem);
letter-spacing: 0.055em;
}

.skills-opportunities-copy p {
font-size: clamp(1.25rem, 6vw, 1.8rem);
line-height: 1.35;
}

.skills-opportunities-copy h3 {
font-size: clamp(2rem, 10vw, 3rem);
line-height: 1.05;
}

.skills-hot-air-balloon-green {
left: 26vw;
top: 4%;
width: clamp(3.8rem, 16vw, 5rem);
}

.skills-hot-air-balloon-blue {
right: 4vw;
top: 23%;
width: clamp(3.8rem, 16vw, 5rem);
}

.skills-small-cloud-top {
right: 8vw;
top: 2.8%;
}

.skills-small-cloud-left-low {
left: -7vw;
top: 68%;
}

.skills-bird-left {
left: 8vw;
top: 16%;
width: 4.2rem;
height: 2.6rem;
}

.skills-bird-top-right {
right: 8vw;
top: 8%;
width: 4.8rem;
height: 3rem;
}

.skills-bird-right-mid {
right: 6vw;
top: 65%;
width: 4.2rem;
height: 2.6rem;
}

.next-chapter-section {
min-height: clamp(700px, 104svh, 860px);
padding: clamp(4.2rem, 14vw, 5.5rem) 1rem clamp(5rem, 15vw, 6.5rem);
}

.next-title-dark {
font-size: clamp(2rem, 10vw, 3rem);
}

.next-title-main {
font-size: clamp(2.75rem, 13.5vw, 4.15rem);
line-height: 1;
}

.next-chapter-heading p {
font-size: clamp(0.98rem, 4.2vw, 1.18rem);
letter-spacing: 0.055em;
}

.next-chapter-cloud {
width: min(98vw, 430px);
margin-top: clamp(3rem, 10vw, 4.2rem);
}

.next-chapter-cloud p {
width: 50%;
font-size: clamp(0.95rem, 4vw, 1.1rem);
line-height: 1.42;
letter-spacing: 0.055em;
}

.next-hot-air-balloon-orange {
left: 5vw;
top: 15%;
width: clamp(3.8rem, 16vw, 5rem);
}

.next-small-cloud-top {
left: 28vw;
top: 22%;
}

.next-small-cloud-right {
right: -9vw;
top: 32%;
}

.next-small-cloud-left-mid {
left: -7vw;
top: 74%;
}

.next-small-cloud-right-bottom {
right: -3vw;
bottom: 0%;
}

.next-bird-top {
left: 39vw;
top: 15%;
width: 4.8rem;
height: 3rem;
}

.next-bird-left-bottom {
left: 9vw;
top: 81%;
width: 4.2rem;
height: 2.6rem;
}

.journey-start-section {
min-height: clamp(420px, 68svh, 560px);
padding: clamp(4rem, 14vw, 5.5rem) 1rem clamp(4rem, 13vw, 5.5rem);
}

.journey-start-content {
transform: translateY(clamp(1.4rem, 6vw, 2.4rem));
}

.journey-title-dark {
font-size: clamp(2rem, 10vw, 3rem);
}

.journey-title-main {
font-size: clamp(2.75rem, 13.5vw, 4.15rem);
line-height: 1;
}

.journey-cta.open-roles-cta {
--cta-height: 52px;
--cta-icon: 38px;
--cta-edge: 7px;
--cta-space: 14px;
margin-top: clamp(0.2rem, 3vw, 2.5rem);
}

.journey-cta .open-roles-cta-text {
font-size: clamp(1.35rem, 7vw, 1.8rem);
}

.journey-small-cloud-left {
left: -10vw;
top: 31%;
}

.journey-small-cloud-right-low {
right: 5vw;
top: 69%;
width: 4.2rem;
}

.journey-bird-left {
left: 7vw;
top: 70%;
width: 4.6rem;
height: 2.9rem;
}

.journey-bird-right {
right: 7vw;
top: 45%;
width: 4.2rem;
height: 2.6rem;
}

.build-career-section {
min-height: clamp(620px, 100svh, 780px);
}

.build-career-picture img {
object-position: center top;
}

.build-career-logo {
top: 46%;
width: clamp(6rem, 30vw, 8.8rem);
}

.build-career-cta-wrap {
top: 80%;
}

.build-career-cta-wrap h2 {
font-size: clamp(1rem, 4.8vw, 1.32rem);
margin-bottom: 0.7rem;
}

.build-career-cta.open-roles-cta {
--cta-height: 44px;
--cta-icon: 31px;
--cta-edge: 6px;
--cta-space: 11px;
}

.build-career-cta .open-roles-cta-text {
font-size: clamp(1.1rem, 6vw, 1.45rem);
}

.build-mr-doit {
right: 4.8vw;
bottom: 6.6%;
width: clamp(7.8rem, 39vw, 11.8rem);
}

.build-bird-sun {
right: 10vw;
top: 13%;
width: clamp(4rem, 16vw, 5.6rem);
height: 3.2rem;
}

.build-butterfly-left-high {
left: 20vw;
top: 50%;
width: clamp(1.45rem, 8vw, 2.35rem);
}

.build-butterfly-left-low {
left: 8vw;
top: 61%;
width: clamp(1.45rem, 8vw, 2.35rem);
}

.build-butterfly-right {
right: 5vw;
top: 64%;
width: clamp(1.45rem, 8vw, 2.35rem);
}

.hire-cloud-left .hire-cloud-bg {
transform: rotate(-18deg);
margin-left: -16px;
}

.hire-cloud-left .hire-cloud-content {
    left: 48%;
}

.hire-cloud-right .hire-cloud-content {
    left: 47%;
    top: 50%;
}

.hire-cloud-right .hire-cloud-bg {
    transform: rotate(18deg);
    margin-left: 13px;
}

.wrong-place-content p {
    margin-top: calc(30px - clamp(7rem, 12vw, 12rem));
    font-family: "Galano", Arial, sans-serif;
    font-size: clamp(1.18rem, 1.55vw, 1.55rem);
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.08em;
    color: var(--white);
}

.open-roles-main > section + section {
    margin-top: 0px;
}

.doiter-limits-heading h2 {
    line-height: 1.2;
    letter-spacing: 0;
}

.startups-wait-heading h2 {
    line-height: 1.2;
    letter-spacing: 0;
}
.startups-cloud-left .startups-cloud-bg {
    transform: rotate(-18deg);
    margin-left: -24px;
}
.startups-cloud-left .startups-cloud-content {
    left: 50%;
}

.startups-cloud-right .startups-cloud-bg {
    transform: rotate(18deg);
    margin-left: 8px;
}

.startups-cloud-right .startups-cloud-content {
    left: 46%;
}
.contact-floating-cta {
    display: none !important;
}

.skills-opportunities-heading h2 {
    line-height: 1.22;
    letter-spacing: 0;
}

.skills-opportunities-copy {
    transform: translateY(clamp(10rem, 10vw, 9.2rem));
}
.next-chapter-heading h2 {
    line-height: 1.2;
    letter-spacing: 0;
}

.journey-start-content h2 {
    line-height: 1.2;
    letter-spacing: 0;
}

    .open-roles-hero::after {
        height: 120px !important;
    }
    .open-roles-hero::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 120px !important;
    background: linear-gradient(
        to bottom,
        rgba(0, 15, 55, 0) 0%,
        rgba(0, 15, 55, 0.25) 35%,
        rgba(0, 15, 55, 0.7) 70%,
        #00133f 100%
    ) !important;
}
}

/* ==================================================
Small Mobile
================================================== */

@media (max-width: 420px) {
.cloud-card p {
font-size: clamp(0.95rem, 4.2vw, 1.12rem);
}

.hire-cloud-content {
width: 74%;
}

.hire-cloud-content p {
font-size: 18px;
}

.wrong-place-white {
font-size: clamp(1.15rem, 5.7vw, 1.5rem);
}

.wrong-place-gradient {
font-size: clamp(1.75rem, 9.4vw, 2.45rem);
}

.doiter-title-main {
font-size: clamp(2.45rem, 13vw, 3.4rem);
}

.doiter-cloud-badge {
width: min(86vw, 280px);
}

.doiter-cloud-content h3 {
font-size: 28px;
}

.startups-title-main {
font-size: clamp(2.35rem, 12.8vw, 3.35rem);
}

.startups-cloud-card,
.startups-cloud-right {
width: 100%;
}

.startups-cloud-content p {
font-size: 18px;
}

.skills-title-main {
font-size: clamp(2.25rem, 12.5vw, 3.25rem);
}

.skills-opportunities-copy h3 {
font-size: clamp(1.75rem, 9.4vw, 2.45rem);
}

.next-title-main {
font-size: clamp(2.35rem, 12.8vw, 3.35rem);
}

.next-chapter-cloud p {
font-size: 16px;
}

.journey-title-main {
font-size: clamp(2.35rem, 12.8vw, 3.35rem);
}

.journey-cta.open-roles-cta {
--cta-height: 48px;
--cta-icon: 34px;
--cta-space: 12px;
}

.journey-cta .open-roles-cta-text {
font-size: 1.25rem;
}

.build-career-logo {
width: clamp(5.4rem, 29vw, 5.8rem);
}

.build-career-cta-wrap {
top: 80%;
}

.build-career-cta .open-roles-cta-text {
font-size: 1.05rem;
}

.build-mr-doit {
right: 2.8vw;
width: clamp(7rem, 38vw, 10.2rem);
}
}

/* ==================================================
Reduced Motion
================================================== */

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

.mouse-scroll-dot,
.floating-balloon,
.hot-air-balloon,
.build-butterfly,
.hero-bird-group .hero-bird,
.bird-group .bird,
.hire-bird-group .hire-bird,
.wrong-place-bird-group .wrong-place-bird,
.doiter-bird-group .doiter-bird,
.startups-bird-group .startups-bird,
.skills-bird-group .skills-bird,
.next-bird-group .next-bird,
.journey-bird-group .journey-bird,
.build-bird-group .build-bird {
animation: none;
}

.page-floating-balloons {
display: none;
}
}


@media (min-width: 360px) and (max-width: 389px) {
    .build-career-logo {
        top: 50.5%;
        width: 4rem;
    }
    .build-career-picture img {
        margin-top: 60px;
}
}

@media (min-width: 390px) and (max-width: 395px) {
    .build-career-logo {
        top: 50%;
    }
    .build-career-picture img {
        object-position: center top;
        margin-top: 50px;
    }
}

@media (min-width: 430px) and (max-width: 479px) {
    .build-career-logo {
        top: 48%;
        width: 6rem;
    }
}

@media (width: 768px) and (height: 1024px) and (orientation: portrait) {
    .cloud-card p {
        font-size: 20px;
    }
    .hire-differently-section {
        margin-top: 0px !important;
    }
    .open-roles-hero {
        min-height: 100vh;
    }
    .hire-cloud-card, .hire-cloud-right {
        width: 50%;
    }
    .doiter-clouds-field {
        width: min(85vw, 760px);
        min-height: clamp(700px, 92vw, 820px);
        margin-top: clamp(4rem, 9vw, 5.5rem);
    }
    .doiter-clouds-field {
        gap: clamp(1rem, 1vw, 1rem);
        margin-top: clamp(3.5rem, 13vw, 5rem);
    }
    .build-career-logo {
        top: 49%;
        width: clamp(6rem, 30vw, 8.8rem);
    }
    .build-career-cta-wrap {
        top: 82%;
    }
    .build-mr-doit {
        right: 15vw;
        bottom: 10%;
        width: clamp(7.8rem, 39vw, 11.8rem);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1368px) and (orientation: landscape) {
    
    .doiter-cloud-content h3 {
        font-size: 24px;
    }
    .hire-cloud-center {
        width: clamp(15rem, 30vw, 26.5rem);
        transform: translate(clamp(-.9rem, -1vw, -1rem), calc(clamp(-5.4rem, -9.4vw, -9.4rem) + 3.35rem));
    }
    .startups-cloud-center {
    width: clamp(15rem, 30vw, 26.5rem);
    transform: translate(clamp(-.9rem, -1vw, -1rem), calc(clamp(-5.4rem, -9.4vw, -9.4rem) + 3.35rem));
    }
    .build-career-picture img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center bottom;
        margin-top: 40px;
    }
    .build-career-cta.open-roles-cta {
        --cta-height: 45px;
        --cta-icon: 36px;
        --cta-edge: 8px;
        --cta-space: 15px;
        margin-top: 0;
        background: var(--brand-gradient);
    }
    .build-career-cta-wrap h2 {
        margin: 0 0 clamp(0.8rem, 1vw, 1rem);
        font-family: "Galano-Bold", "Galano", Arial, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;
        color: var(--white);
    }
    .build-career-cta-wrap {
        top: 72%;
    }
    .build-career-logo {
    left: 44%;
    top: 42%;
}
}

@media (width: 1024px) and (height: 768px) and (orientation: landscape) {
    
    
        .open-roles-main > section + section {
       margin-top: 10px;
    }
    .hire-cloud-center {
        width: clamp(15rem, 38vw, 30rem);
        /* transform: translate(clamp(-.9rem, -1vw, -1rem), calc(clamp(-5.4rem, -9.4vw, -9.4rem) + 3.35rem)); */
    }
    .hire-cloud-right {
        grid-column: 1 / -1;
        width: 52%;
        margin: 0 auto;
        margin-top: -50px;
    }
    .hire-cloud-right .hire-cloud-bg {
        transform: rotate(18deg);
    }
    .hire-cloud-right .hire-cloud-content {
        left: 45%;
    }
    .doiter-cloud-2 {
        --doiter-cloud-width: clamp(205px, 35vw, 275px);
        left: 33%;
        top: 22%;
    }
    .doiter-cloud-content h3 {
        font-size: 28px;
    }
    .doiter-clouds-field {
        width: min(95vw, 860px);
        min-height: clamp(700px, 92vw, 820px);
        margin-top: clamp(4rem, 9vw, 5.5rem);
    }
    .doiter-cloud-6 {
        --doiter-cloud-width: clamp(215px, 37vw, 295px);
        left: 35%;
        bottom: 6%;
    }
    .startups-clouds-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: clamp(3rem, 8vw, 5rem) clamp(1rem, 4vw, 3rem);
        width: min(95vw, 880px);
        margin-top: clamp(5rem, 10vw, 7rem);
    }
    
    .startups-cloud-center {
        width: clamp(15rem, 50vw, 28rem);
         transform: translate(clamp(-.9rem, -1vw, -1rem), calc(clamp(-5.4rem, -9.4vw, -9.4rem) + 3.35rem)); 
    }
    .startups-cloud-right .startups-cloud-content {
        left: 45%;
    }
    .startups-cloud-right {
        grid-column: 1 / -1;
        width: 50%;
        margin: 0 auto;
        margin-top: -50px;
    }
    .build-career-cta-wrap h2 {
        font-size: 15px;
    }
        .build-career-cta.open-roles-cta {
        --cta-height: 42px;
        --cta-icon: 34px;
        --cta-edge: 7px;
        --cta-space: 13px;
    }
    .build-career-cta .open-roles-cta-text {
    font-size: 16px;
}
   .build-career-logo {
        top: 36%;
        width: clamp(6rem, 14vw, 8rem);
    } 
    .build-career-cta-wrap {
        top: 62%;
    }

    .build-career-picture img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center bottom;
        margin-top: -20px;
    }
    .build-mr-doit {
        right: 12vw;
        bottom: 12%;
        width: clamp(9.4rem, 20vw, 14.6rem);
    }

}