:root {
--veoy-navy:        #032543;
	--veoy-orange:      #ec6c04;
	--veoy-orange-lt:   #ff9035;
	--veoy-orange-lt2:  #ff8624;
	--veoy-orange-dk:   #db6d15;
	--veoy-orange-dk2:  #c85f09;
	--veoy-slate:       #7491aa;
	--veoy-bluegrey:    #436472;
	--veoy-grey-1:      #f5f5f5;
	--veoy-grey-2:      #f4f4f4;
	--veoy-grey-3:      #e7e7e7;
	--veoy-line:        #b9b9b9;
	--veoy-body:        #757575;
	--veoy-body-2:      #5b5b5b;

	--veoy-radius:      27px;
	--veoy-maxw:        1788px;

	--font-display: "Clash Display", "Inter", system-ui, sans-serif;
	--font-body:    "Inter", system-ui, sans-serif;
	--font-util:    "Montserrat", system-ui, sans-serif;

	
	--veoy-hero-bg:    url("https://www.figma.com/api/mcp/asset/643ee9aa-ce28-4d4e-aebf-7c8467029a8f");
	--veoy-service-bg: url("https://www.figma.com/api/mcp/asset/0edd8554-b3c4-4723-8791-c8182785bd07");
	--veoy-why-bg:     url("https://www.figma.com/api/mcp/asset/99013b98-79b2-4aee-ba07-55d12e9e6789");
}
.veoy-page .veoy-about__grid > *,
.veoy-page .veoy-contact__grid > *,
.veoy-page .veoy-why__inner > *,
.veoy-page .veoy-follow__inner > *,
.veoy-page .veoy-about__intro > *,
.veoy-page .veoy-about__head > *,
.veoy-page .veoy-contact__left > *,
.veoy-page .veoy-collage > *,
.veoy-page .veoy-services__head > *,
.veoy-page .veoy-why__head > *,
.veoy-page .veoy-follow__head > *,
.veoy-page .veoy-hero__copy > *,
.veoy-page .veoy-track__inner > * {
margin-block: 0;
}
.veoy-page {
display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	background: #fff;
}
.veoy-page > * {
width: 100%;
}
.veoy-page .veoy-section {
width: 100%;
	max-width: var(--veoy-maxw);
	margin-inline: auto;
	border-radius: var(--veoy-radius);
	overflow: clip;
	box-sizing: border-box;
}
.veoy-page .veoy-section--pad {
padding: 76px clamp(20px, 6vw, 121px);
}
.veoy-page .veoy-eyebrow {
display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	background: var(--veoy-navy);
	border-radius: 38px;
	padding: 9px 20px;
	margin: 0;
}
.veoy-page .veoy-eyebrow--orange {
background: var(--veoy-orange);
}
.veoy-page .veoy-h2 {
font-family: var(--font-display);
	font-weight: 500;
	font-size: clamp(28px, 4vw, 40px);
	line-height: 1.05;
	color: #000;
	margin: 0;
}
.veoy-page .veoy-h2 .accent {
color: var(--veoy-orange);
}
.veoy-page .veoy-h2--white {
color: #fff;
}
.veoy-page .veoy-lead {
font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.18;
	color: var(--veoy-body);
	margin: 0;
}
.veoy-page .veoy-lead--light {
color: #dfdfdf;
}
.veoy-page .material-symbols-outlined {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
.veoy-page .veoy-btn {
display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	border: 0;
	border-radius: 100px;
	padding: 15px 26px;
	cursor: pointer;
	text-decoration: none;
	transition: transform .15s ease, filter .15s ease;
}
.veoy-page .veoy-btn:hover {
filter: brightness(1.05); transform: translateY(-1px);
}
.veoy-page .veoy-btn:focus-visible {
outline: 3px solid var(--veoy-orange-lt); outline-offset: 2px;
}
.veoy-page .veoy-btn--white {
background: #fff; color: var(--veoy-orange);
}
.veoy-page .veoy-btn--orange {
background: var(--veoy-orange); color: #fff;
}
.veoy-page .veoy-hero {
position: relative;
	min-height: 817px;
	border-radius: 0 0 var(--veoy-radius) var(--veoy-radius);
	overflow: clip;
	background-image: var(--veoy-hero-bg);
	background-size: cover;
	background-position: center;
	color: #fff;
	display: flex;
}
.veoy-page .veoy-hero::before {
content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(89deg, rgba(3,37,67,.85) 0%, rgba(3,37,67,0) 100%);
	z-index: 1;
}
.veoy-page .veoy-hero > * {
position: relative; z-index: 2;
}
.veoy-page .veoy-hero__nav {
position: absolute;
	top: 37px;
	left: 0; right: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-inline: clamp(20px, 7vw, 132px);
}
.veoy-page .veoy-hero__logo {
font-family: var(--font-display); font-weight: 600; font-size: 28px; letter-spacing: .5px; color: #fff; text-decoration: none;
}
.veoy-page .veoy-nav__links {
display: flex; align-items: center; gap: clamp(18px, 4vw, 78px); list-style: none; margin: 0; padding: 0;
}
.veoy-page .veoy-nav__links a {
font-family: var(--font-body);
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 2px 0 rgba(0,0,0,.9);
	white-space: nowrap;
}
.veoy-page .veoy-nav__links a:hover {
color: var(--veoy-orange-lt);
}
.veoy-page .veoy-nav__links .is-active a {
font-weight: 700;
}
.veoy-page .veoy-nav__portal {
background: var(--veoy-orange);
	color: #fff;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 14px;
	border-radius: 100px;
	padding: 13px 26px;
	text-decoration: none;
	white-space: nowrap;
}
.veoy-page .veoy-nav__toggle {
display: none;
}
.veoy-page .veoy-hero__copy {
align-self: center;
	max-width: 482px;
	margin-left: clamp(20px, 8vw, 145px);
	margin-top: 120px;
	display: flex;
	flex-direction: column;
	gap: 59px;
}
.veoy-page .veoy-hero__tagwrap {
display: flex; flex-direction: column; gap: 15px;
}
.veoy-page .veoy-hero__h1 {
font-family: var(--font-display);
	font-weight: 500;
	font-size: clamp(40px, 6vw, 60px);
	line-height: .95;
	margin: 0;
	color: #fff;
}
.veoy-page .veoy-hero__h1 .accent {
color: var(--veoy-orange-lt);
}
.veoy-page .veoy-hero__sub {
font-family: var(--font-body); font-size: 20px; line-height: 1.2; margin: 0; max-width: 347px;
}
.veoy-page .veoy-hero__actions {
display: flex; flex-wrap: wrap; gap: 14px;
}
.veoy-page .veoy-hero__tag {
position: absolute;
	left: clamp(20px, 8vw, 145px);
	top: 395px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	font-family: var(--font-util);
	font-size: 12px;
	letter-spacing: .18px;
	color: #fff;
	background: rgba(236,108,4,.5);
	border: 1px solid var(--veoy-orange);
	border-radius: 100px;
	padding: 6px 12px;
	backdrop-filter: blur(3.65px);
}
.veoy-page .veoy-olje {
position: absolute;
	right: clamp(20px, 2vw, 22px);
	top: 587px;
	z-index: 3;
	width: 398px;
	max-width: calc(100% - 40px);
	background: rgba(3,37,67,.55);
	border: 1px solid rgba(255,255,255,.18);
	backdrop-filter: blur(8px);
	border-radius: 18px;
	padding: 33px 36px;
	display: flex;
	flex-direction: column;
	gap: 23px;
}
.veoy-page .veoy-olje__head {
display: flex; align-items: center; gap: 6px;
}
.veoy-page .veoy-olje__head .material-symbols-outlined {
font-size: 23px; color: #fff;
}
.veoy-page .veoy-olje__title {
font-family: var(--font-display); font-weight: 500; font-size: 20px; color: #fff; margin: 0;
}
.veoy-page .veoy-olje__text {
font-family: var(--font-body); font-size: 14px; line-height: 1.43; color: #fff; margin: 0;
}
.veoy-page .veoy-olje .veoy-btn {
padding: 6px 12px; font-size: 12px;
}
.veoy-page .veoy-track {
background: var(--veoy-grey-1);
}
.veoy-page .veoy-track__inner {
display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; max-width: 720px; margin-inline: auto;
}
.veoy-page .veoy-track__cta {
font-family: var(--font-body);
	font-weight: 700;
	font-size: 20px;
	color: var(--veoy-orange);
	margin: 0;
}
.veoy-page .veoy-track__field {
display: flex;
	gap: 10px;
	width: 100%;
	max-width: 520px;
	margin-top: 8px;
}
.veoy-page .veoy-track__field input {
flex: 1;
	border: 1px solid #d8d8d8;
	border-radius: 100px;
	padding: 14px 22px;
	font-family: var(--font-body);
	font-size: 16px;
}
.veoy-page .veoy-about {
background: #fff;
}
.veoy-page .veoy-about__grid {
display: grid;
	grid-template-columns: minmax(0, 652px) minmax(0, 1fr);
	gap: clamp(40px, 10vw, 295px);
	align-items: start;
}
.veoy-page .veoy-about__intro {
display: flex; flex-direction: column; gap: 71px;
}
.veoy-page .veoy-about__head {
display: flex; flex-direction: column; gap: 22px;
}
.veoy-page .veoy-about__headtop {
display: flex; flex-direction: column; gap: 16px;
}
.veoy-page .veoy-about__stats {
display: flex; flex-wrap: wrap; gap: 32px;
}
.veoy-page .veoy-stat {
position: relative;
	background: var(--veoy-orange);
	color: #fff;
	border-radius: 17px;
	min-width: 240px;
	flex: 1;
	padding: 30px 24px 30px 90px;
	overflow: clip;
}
.veoy-page .veoy-stat .material-symbols-outlined {
position: absolute;
	left: 24px; top: 50%;
	transform: translateY(-50%);
	font-size: 44px;
	color: #fff;
}
.veoy-page .veoy-stat b {
display: block; font-family: var(--font-body); font-weight: 700; font-size: 30px; line-height: 1;
}
.veoy-page .veoy-stat span {
display: block; font-family: var(--font-body); font-weight: 700; font-size: 14px; margin-top: 6px;
}
.veoy-page .veoy-collage {
display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 211px 277px;
	gap: 24px;
	min-height: 511px;
}
.veoy-page .veoy-collage figure {
margin: 0; border-radius: var(--veoy-radius); overflow: clip;
}
.veoy-page .veoy-collage img {
width: 100%; height: 100%; object-fit: cover; display: block;
}
.veoy-page .veoy-collage .c-tall {
grid-row: 1 / span 2;
}
.veoy-page .veoy-services {
position: relative; background: var(--veoy-navy); min-height: 935px;
}
.veoy-page .veoy-services__head {
max-width: 503px; display: flex; flex-direction: column; gap: 22px; padding-bottom: 40px;
}
.veoy-page .veoy-services__head .veoy-lead {
max-width: 365px;
}
.veoy-page .veoy-services__track {
display: flex;
	gap: 23px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 8px;
}
.veoy-page .veoy-services__track::-webkit-scrollbar {
display: none;
}
.veoy-page .veoy-service-card {
position: relative;
	flex: 0 0 auto;
	width: 360px;
	height: 347px;
	border-radius: 28px;
	overflow: clip;
	scroll-snap-align: start;
	background-image: var(--veoy-service-bg);
	background-size: cover;
	background-position: center;
	color: #fff;
}
.veoy-page .veoy-service-card[style*="--card-bg"] {
background-image: var(--card-bg);
}
.veoy-page .veoy-service-card__label {
position: absolute;
	top: 16px; left: 16px;
	background: var(--veoy-slate);
	color: #fff;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 16px;
	border-radius: 100px;
	padding: 9px 23px;
	transition: opacity .25s ease;
}
.veoy-page .veoy-service-card__hover {
position: absolute;
	inset: 0;
	background: rgba(3,37,67,.5);
	backdrop-filter: blur(10px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 15px;
	padding: 40px;
	opacity: 0;
	transition: opacity .25s ease;
}
.veoy-page .veoy-service-card__hover h3 {
font-family: var(--font-body); font-weight: 700; font-size: 20px; margin: 0;
}
.veoy-page .veoy-service-card__hover p {
font-family: var(--font-body); font-size: 16px; line-height: 1.35; margin: 0;
}
.veoy-page .veoy-service-card__more {
display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--veoy-orange-lt2);
	font-family: var(--font-body);
	font-size: 16px;
	text-decoration: underline;
}
.veoy-page .veoy-service-card:hover .veoy-service-card__hover,
.veoy-page .veoy-service-card:focus-within .veoy-service-card__hover {
opacity: 1;
}
.veoy-page .veoy-service-card:hover .veoy-service-card__label,
.veoy-page .veoy-service-card:focus-within .veoy-service-card__label {
opacity: 0;
}
.veoy-page .veoy-services__arrows {
display: flex; gap: 25px; justify-content: center; align-items: center; margin-top: 24px;
}
.veoy-page .veoy-arrow {
width: 42px; height: 42px;
	border-radius: 50%;
	border: 0;
	background: rgba(255,255,255,.12);
	color: #fff;
	display: inline-flex; align-items: center; justify-content: center;
	cursor: pointer;
}
.veoy-page .veoy-arrow:hover {
background: var(--veoy-orange);
}
.veoy-page .veoy-why {
background: #fff;
}
.veoy-page .veoy-why__inner {
display: flex; flex-direction: column; align-items: center; gap: 65px;
}
.veoy-page .veoy-why__head {
display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center;
}
.veoy-page .veoy-why__grid {
display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	max-width: 1546px;
	border-radius: var(--veoy-radius);
	overflow: clip;
}
.veoy-page .veoy-why-card {
position: relative;
	min-height: 477px;
	padding: 40px 47px;
	background: var(--veoy-grey-2);
	border-right: 2px solid var(--veoy-line);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 33px;
	transition: background .25s ease, color .25s ease;
}
.veoy-page .veoy-why-card:last-child {
border-right: 0;
}
.veoy-page .veoy-why-card .material-symbols-outlined {
font-size: 64px; color: var(--veoy-navy); transition: color .25s ease;
}
.veoy-page .veoy-why-card h3 {
font-family: var(--font-display);
	font-weight: 500;
	font-size: 30px;
	line-height: 1;
	color: var(--veoy-navy);
	margin: 0;
	transition: color .25s ease;
}
.veoy-page .veoy-why-card p {
font-family: var(--font-body);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.15;
	color: #fff;
	margin: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height .3s ease, opacity .25s ease;
}
.veoy-page .veoy-why-card:hover,
.veoy-page .veoy-why-card:focus-within {
background: var(--veoy-orange-dk);
}
.veoy-page .veoy-why-card:hover .material-symbols-outlined,
.veoy-page .veoy-why-card:hover h3,
.veoy-page .veoy-why-card:focus-within .material-symbols-outlined,
.veoy-page .veoy-why-card:focus-within h3 {
color: #fff;
}
.veoy-page .veoy-why-card:hover p,
.veoy-page .veoy-why-card:focus-within p {
max-height: 200px; opacity: 1;
}
.veoy-page .veoy-follow {
background: var(--veoy-navy); color: #fff;
}
.veoy-page .veoy-follow__inner {
display: flex; flex-direction: column; gap: 48px;
}
.veoy-page .veoy-follow__head {
display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.veoy-page .veoy-follow__head .veoy-h2 {
color: #fff;
}
.veoy-page .veoy-social {
display: flex; gap: 8px;
}
.veoy-page .veoy-social a {
width: 41px; height: 41px;
	border-radius: 5px;
	background: var(--veoy-orange);
	display: inline-flex; align-items: center; justify-content: center;
	color: #fff; font-size: 20px; text-decoration: none;
}
.veoy-page .veoy-social a:hover {
filter: brightness(1.1);
}
.veoy-page .veoy-fb {
display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.veoy-page .veoy-fb__embed {
grid-column: 1 / -1; display: flex; justify-content: center;
}
.veoy-page .veoy-fb__embed iframe {
width: 100%; max-width: 500px; border: 0; border-radius: var(--veoy-radius); overflow: hidden; background: #fff;
}
.veoy-page .veoy-fb__card {
background: #d9d9d9;
	border-radius: var(--veoy-radius);
	min-height: 480px;
	position: relative;
	overflow: clip;
}
.veoy-page .veoy-fb__card::after {
content: "";
	position: absolute; left: 29px; top: 16px;
	width: 60%; height: 40px;
	border-radius: 19px;
	background: rgba(255,255,255,.5);
}
.veoy-page .veoy-contact {
background: #fff;
}
.veoy-page .veoy-contact__grid {
display: grid;
	grid-template-columns: minmax(0, 652px) minmax(0, 1fr);
	gap: 71px;
	align-items: start;
}
.veoy-page .veoy-contact__left {
display: flex; flex-direction: column; gap: 46px;
}
.veoy-page .veoy-contact__details {
border-left: 1px solid var(--veoy-orange);
	padding-left: 28px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.veoy-page .veoy-contact__details p {
display: flex; align-items: center; gap: 12px;
	font-family: var(--font-util);
	font-weight: 500;
	font-size: 18px;
	color: var(--veoy-bluegrey);
	margin: 0;
}
.veoy-page .veoy-contact__details .material-symbols-outlined {
font-size: 20px; color: var(--veoy-orange);
}
.veoy-page .veoy-map {
border-radius: var(--veoy-radius); overflow: clip; min-height: 306px;
}
.veoy-page .veoy-map iframe {
width: 100%; height: 100%; min-height: 306px; border: 0; display: block;
}
.veoy-page .veoy-form {
background: var(--veoy-grey-2);
	border-radius: var(--veoy-radius);
	padding: 60px 85px;
}
.veoy-page .veoy-form__title {
font-family: var(--font-body); font-weight: 700; font-size: 24px; color: #000; margin: 0 0 37px;
}
.veoy-page .veoy-form__form {
display: flex; flex-direction: column; gap: 26px;
}
.veoy-page .veoy-field {
display: flex; flex-direction: column; gap: 6px; margin: 0;
}
.veoy-page .veoy-field label {
font-family: var(--font-util); font-weight: 500; font-size: 18px; color: #000;
}
.veoy-page .veoy-req {
color: #dd1b1b;
}
.veoy-page .veoy-field input,
.veoy-page .veoy-field textarea {
background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	padding: 18px;
	font-family: var(--font-body);
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}
.veoy-page .veoy-field textarea {
min-height: 200px; resize: vertical;
}
.veoy-page .veoy-field input:focus,
.veoy-page .veoy-field textarea:focus {
outline: 2px solid var(--veoy-orange); border-color: var(--veoy-orange);
}
.veoy-page .veoy-hp {
position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;
}
.veoy-page .veoy-form-notice {
border-radius: 8px; padding: 14px 18px; font-family: var(--font-body); font-size: 15px;
}
.veoy-page .veoy-form-notice--ok {
background: #e7f6ec; color: #1c6b3a;
}
.veoy-page .veoy-form-notice--err {
background: #fdecec; color: #a12121;
}
.veoy-page .veoy-footer {
background: var(--veoy-grey-3); color: var(--veoy-bluegrey); border-radius: var(--veoy-radius); padding: 59px clamp(20px, 5vw, 84px);
}
.veoy-page .veoy-footer__grid {
display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.6fr; gap: 40px;
}
.veoy-page .veoy-footer__logo {
font-family: var(--font-display); font-weight: 600; font-size: 30px; color: var(--veoy-navy);
}
.veoy-page .veoy-footer h4 {
font-family: var(--font-util); font-weight: 600; font-size: 18px; color: #000; margin: 0 0 14px;
}
.veoy-page .veoy-footer ul {
list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 18px;
}
.veoy-page .veoy-footer ul a {
color: var(--veoy-body-2); font-family: var(--font-util); font-size: 16px; text-decoration: none;
}
.veoy-page .veoy-footer ul a:hover {
color: var(--veoy-orange);
}
.veoy-page .veoy-footer__contact {
display: flex; flex-direction: column; gap: 10px; margin-top: 14px;
}
.veoy-page .veoy-footer__contact p {
display: flex; align-items: center; gap: 12px; font-family: var(--font-util); font-weight: 500; font-size: 14px; margin: 0;
}
.veoy-page .veoy-footer__contact .material-symbols-outlined {
font-size: 15px; color: var(--veoy-orange);
}
.veoy-page .veoy-footer__about p {
font-family: var(--font-util); font-size: 14px; line-height: 1.25; margin: 0 0 12px;
}
.veoy-page .veoy-footer__legal {
margin-top: 24px; font-family: var(--font-util); font-size: 14px;
}
@media (max-width: 1100px) {
.veoy-page .veoy-about__grid,
.veoy-page .veoy-contact__grid {
grid-template-columns: 1fr;
}
.veoy-page .veoy-why__grid {
grid-template-columns: repeat(2, 1fr);
}
.veoy-page .veoy-why-card:nth-child(2n) {
border-right: 0;
}
.veoy-page .veoy-fb {
grid-template-columns: repeat(2, 1fr);
}
.veoy-page .veoy-footer__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.veoy-page .veoy-section--pad {
padding: 48px 20px;
}
.veoy-page .veoy-hero {
min-height: 620px;
}
.veoy-page .veoy-hero__copy {
margin-top: 90px; gap: 32px;
}
.veoy-page .veoy-olje {
position: static; margin: 24px 20px 20px; width: auto;
}
.veoy-page .veoy-hero__tag {
top: 300px;
}
.veoy-page .veoy-nav__toggle {
display: inline-flex; align-items: center; gap: 6px;
		background: rgba(255,255,255,.12); color: #fff;
		border: 0; border-radius: 100px; padding: 10px 16px;
		font-family: var(--font-body); font-weight: 600; font-size: 15px; cursor: pointer;
}
.veoy-page .veoy-nav__links {
display: none;
		position: absolute; top: 64px; left: 16px; right: 16px;
		flex-direction: column; gap: 18px; align-items: flex-start;
		background: rgba(3,37,67,.96); border-radius: 18px; padding: 22px;
}
.veoy-page .veoy-hero__nav.is-open .veoy-nav__links {
display: flex;
}
.veoy-page .veoy-nav__portal {
display: none;
}
.veoy-page .veoy-hero__nav.is-open .veoy-nav__portal {
display: inline-flex;
}
.veoy-page .veoy-why__grid {
grid-template-columns: 1fr;
}
.veoy-page .veoy-why-card {
min-height: auto; border-right: 0; border-bottom: 2px solid var(--veoy-line); justify-content: flex-start;
}
.veoy-page .veoy-why-card p {
max-height: 200px; opacity: 1; color: var(--veoy-body);
}
.veoy-page .veoy-why-card:hover p,
.veoy-page .veoy-why-card:focus-within p {
color: #fff;
}
.veoy-page .veoy-fb {
grid-template-columns: 1fr;
}
.veoy-page .veoy-collage {
grid-template-rows: 180px 220px;
}
.veoy-page .veoy-service-card {
width: 280px; height: 320px;
}
.veoy-page .veoy-form {
padding: 32px 24px;
}
.veoy-page .veoy-footer__grid {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.veoy-page * {
transition: none !important;
}
}

/* =========================================================================
   THEME-OVERRIDE HARDENING  (loaded last, scoped to .veoy-page)
   ========================================================================= */

/* Break the design out of the theme's narrow content container. */
.veoy-page {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 0 !important;
	overflow-x: clip;
	box-sizing: border-box;
}
.veoy-page * { box-sizing: border-box; }

/* Don't let the theme cap the inner block-group widths. */
.veoy-page .wp-block-group { max-width: none; }
.veoy-page .veoy-section { max-width: var(--veoy-maxw); margin-inline: auto; }

/* Kill list bullets / indentation the theme adds to content lists. */
.veoy-page ul,
.veoy-page ol { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.veoy-page li { margin: 0 !important; padding: 0 !important; }
.veoy-page li::before, .veoy-page li::marker { content: none !important; }

/* Links: no theme underline by default; re-enable only where intended. */
.veoy-page a { text-decoration: none; box-shadow: none; }
.veoy-page .veoy-service-card__more,
.veoy-page .veoy-footer__legal a,
.veoy-page .veoy-footer__about a { text-decoration: underline; }

/* Nav layout must hold regardless of theme. */
.veoy-page .veoy-hero__nav { display: flex !important; flex-wrap: nowrap; }
.veoy-page .veoy-nav__links { display: flex !important; }
@media (max-width: 768px) {
	.veoy-page .veoy-nav__links { display: none !important; }
	.veoy-page .veoy-hero__nav.is-open .veoy-nav__links { display: flex !important; }
}

/* Material Symbols: force the icon font + ligatures even if the theme sets a global font. */
.veoy-page .material-symbols-outlined {
	font-family: "Material Symbols Outlined" !important;
	font-weight: normal !important;
	font-style: normal !important;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

/* Headings/paragraphs: strip theme margins that fight our spacing. */
.veoy-page h1, .veoy-page h2, .veoy-page h3, .veoy-page p { margin: 0; }
.veoy-page .veoy-footer__about p { margin: 0 0 12px; }

/* Inputs shouldn't inherit odd theme widths. */
.veoy-page input, .veoy-page textarea, .veoy-page button { font-family: inherit; }

/* --- spacing/alignment fixes --- */
.veoy-page .veoy-eyebrow { align-self: flex-start; }
.veoy-page .veoy-track__inner .veoy-eyebrow,
.veoy-page .veoy-why__head .veoy-eyebrow { align-self: center; }
.veoy-page .veoy-intro { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
/* visible fallback if a service card image is missing/not yet replaced */
.veoy-page .veoy-service-card { background-color: #08314f; }

/* =========================================================================
   v1.0.3 ADJUSTMENTS
   ========================================================================= */

/* Location tag: in-flow above the headline (no overlap), pill hugs content. */
.veoy-page .veoy-hero__tag {
	position: static;
	left: auto; top: auto;
	align-self: flex-start;
}
.veoy-page .veoy-hero__tagwrap { align-items: flex-start; }

/* Titles: cap width so long headings wrap to ~2 lines instead of one long row. */
.veoy-page .veoy-h2 { max-width: 11em; }
.veoy-page .veoy-hero__h1 { max-width: 8em; }
/* keep centred section titles centred even when wrapped */
.veoy-page .veoy-track__inner .veoy-h2,
.veoy-page .veoy-why__head .veoy-h2 { margin-inline: auto; text-align: center; }

/* Stat boxes: equal width, one row on desktop, compact, responsive on mobile. */
.veoy-page .veoy-about__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	max-width: 560px;
}
.veoy-page .veoy-stat {
	min-width: 0;
	flex: initial;
	padding: 22px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.veoy-page .veoy-stat .material-symbols-outlined {
	position: static;
	transform: none;
	left: auto; top: auto;
	font-size: 32px;
}
.veoy-page .veoy-stat b { font-size: 22px; }
.veoy-page .veoy-stat span { font-size: 13px; }

@media (max-width: 768px) {
	/* stats stack */
	.veoy-page .veoy-about__stats { grid-template-columns: 1fr; max-width: none; }

	/* hero stacks so the Oljetillegg card sits underneath the header copy */
	.veoy-page .veoy-hero { flex-direction: column; }
	.veoy-page .veoy-olje { position: static; margin: 24px 0 0; width: auto; max-width: none; }

	/* services: one card centred, navigate with the arrows */
	.veoy-page .veoy-services__track {
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 8%;
		padding-inline: 8%;
		gap: 16px;
	}
	.veoy-page .veoy-service-card {
		flex: 0 0 84%;
		width: 84%;
		scroll-snap-align: center;
	}
	.veoy-page .veoy-services__arrows { margin-top: 20px; }
}