:root {
	--po-green: #78be14;
	--po-green-dark: #4d8010;
	--po-forest: #17251e;
	--po-forest-soft: #22342a;
	--po-paper: #f3f0e9;
	--po-sand: #e4ddd0;
	--po-ink: #1f2722;
	--po-muted: #647068;
	--po-white: #fff;
	--po-line: rgba(31, 39, 34, .16);
	--po-shell: min(1280px, calc(100vw - 96px));
	--po-serif: Georgia, "Times New Roman", serif;
	--po-sans: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body { margin: 0; color: var(--po-ink); background: var(--po-paper); font-family: var(--po-sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.admin-bar .po-header { top: 32px; }
body:has(.po-lightbox[open]) { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
.po-shell { width: var(--po-shell); margin-inline: auto; }
.po-section { padding-block: clamp(88px, 9vw, 144px); }
.po-skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; transform: translateY(-180%); padding: 10px 16px; color: var(--po-white); background: var(--po-forest); }
.po-skip-link:focus { transform: none; }

.po-header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; color: var(--po-white); border-bottom: 1px solid rgba(255,255,255,.18); transition: color .25s, background .25s, box-shadow .25s; }
.po-header.is-scrolled, .po-header.is-open { color: var(--po-ink); background: rgba(243,240,233,.97); box-shadow: 0 12px 36px rgba(23,37,30,.12); backdrop-filter: blur(16px); }
.po-header__inner { display: flex; min-height: 84px; align-items: center; justify-content: space-between; gap: 32px; }
.po-brand { position: relative; display: block; width: 140px; height: 58px; flex: 0 0 auto; text-decoration: none; }
.po-brand__logo { position: absolute; top: 50%; left: 0; width: 140px; height: auto; transform: translateY(-50%); transition: opacity .25s; }
.po-brand__logo--dark { opacity: 0; }
.po-header.is-scrolled .po-brand__logo--light, .po-header.is-open .po-brand__logo--light { opacity: 0; }
.po-header.is-scrolled .po-brand__logo--dark, .po-header.is-open .po-brand__logo--dark { opacity: 1; }
.po-nav { display: flex; align-items: center; gap: clamp(20px, 2vw, 36px); }
.po-nav a { position: relative; font-size: .77rem; font-weight: 700; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.po-nav a:not(.po-nav__cta)::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; content: ""; transform: scaleX(0); transform-origin: right; background: currentColor; transition: transform .25s; }
.po-nav a:hover::after, .po-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.po-nav__cta { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 17px; color: var(--po-ink); line-height: 1; background: var(--po-green); }
.po-menu-toggle { display: none; border: 0; color: inherit; background: transparent; }

.po-hero { position: relative; display: grid; min-height: max(760px, 100svh); color: var(--po-white); overflow: hidden; place-items: center start; }
.po-hero__media, .po-hero__shade { position: absolute; inset: 0; }
.po-hero__media { background: var(--po-forest); }
.po-hero__image { position: absolute; inset: -2%; width: 104%; max-width: none; height: 104%; object-fit: cover; opacity: 0; transform: scale(1.08); filter: saturate(1.04) contrast(1.015) brightness(1.005); transition: opacity 1.5s ease; }
.po-hero__image.is-active { z-index: 1; opacity: 1; animation: po-hero-zoom 6.5s linear both; }
@keyframes po-hero-zoom { from { transform: scale(1.01); } to { transform: scale(1.08); } }
.po-hero__shade { z-index: 2; background: linear-gradient(90deg, rgba(10,22,16,.86) 0%, rgba(10,22,16,.58) 47%, rgba(10,22,16,.1) 75%, rgba(10,22,16,.18) 100%), linear-gradient(0deg, rgba(9,20,14,.52), transparent 45%); }
.po-hero__content { position: relative; z-index: 3; padding-top: 94px; }
.po-eyebrow { margin: 0 0 22px; color: var(--po-green-dark); font-size: .7rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }
.po-eyebrow--light { color: #a9d96a; }
.po-hero h1 { max-width: 1180px; margin: 0; font-family: var(--po-serif); font-size: clamp(3.8rem, 6vw, 6.6rem); font-weight: 400; letter-spacing: -.055em; line-height: .97; text-wrap: balance; }
.po-hero h1 > span, .po-hero h1 > em { display: block; }
.po-hero h1 em { color: #b3da7d; font-weight: 400; }
.po-hero__title-first { display: flex !important; align-items: baseline; gap: .18em; white-space: nowrap; }
.po-hero__title-first em, .po-hero h1 > em { font-size: .78em; letter-spacing: -.045em; }
.po-hero__claim { margin: 30px 0 0; font-family: var(--po-serif); font-size: clamp(1.45rem, 2vw, 2rem); }
.po-hero__lead { max-width: 690px; margin: 16px 0 0; color: rgba(255,255,255,.84); font-size: 1.04rem; }
.po-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.po-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 24px; padding: 13px 22px; border: 1px solid transparent; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; transition: color .25s, border-color .25s, background .25s, transform .25s; }
.po-button:hover { transform: translateY(-2px); }
.po-button--green { color: var(--po-ink); background: var(--po-green); }
.po-button--green:hover { background: #8bd220; }
.po-button--ghost { border-color: rgba(255,255,255,.54); color: var(--po-white); background: rgba(255,255,255,.04); }
.po-button--ghost:hover { border-color: var(--po-white); background: rgba(255,255,255,.12); }
.po-button--paper { color: var(--po-ink); background: var(--po-paper); }
.po-hero__footer { position: absolute; z-index: 3; right: 0; bottom: 30px; left: 0; display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.72); font-size: .67rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.po-hero__footer p { margin: 0; }
.po-hero__progress { display: flex; align-items: center; gap: 12px; }
.po-hero__progress i { display: block; width: 120px; height: 1px; background: rgba(255,255,255,.32); overflow: hidden; }
.po-hero__progress b { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: var(--po-green); }
.po-hero__progress b.is-running { animation: po-progress 6.5s linear; }
@keyframes po-progress { to { transform: scaleX(1); } }

.po-intro { background: var(--po-paper); }
.po-intro__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 10vw, 160px); }
.po-intro h2, .po-section-heading h2, .po-legacy h2, .po-sustainability h2, .po-palivo h2, .po-community h2, .po-contact h2 { margin: 0; font-family: var(--po-serif); font-size: clamp(2.5rem, 3.95vw, 4.5rem); font-weight: 400; letter-spacing: -.045em; line-height: .97; text-wrap: balance; }
.po-intro__copy { max-width: 720px; padding-top: 36px; border-top: 1px solid var(--po-line); }
.po-intro__copy p { max-width: 650px; margin: 20px 0 0; color: var(--po-muted); }
.po-intro__copy .po-lead, .po-lead { margin-top: 0; color: var(--po-ink); font-family: var(--po-serif); font-size: clamp(1.35rem, 2.1vw, 2rem); line-height: 1.38; }

.po-journey { color: var(--po-white); background: var(--po-forest); }
@media (min-width: 801px) { .po-journey .po-section-heading { grid-template-columns: 1fr 1fr; } }
.po-section-heading { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 50px; margin-bottom: 68px; }
.po-section-heading > p { max-width: 470px; margin: 0 0 4px auto; color: var(--po-muted); }
.po-journey .po-section-heading > p { color: rgba(255,255,255,.64); }
.po-journey__track { --po-journey-axis: 46px; --po-journey-fill: 0%; position: relative; display: grid; margin: 0; padding: 0; grid-template-columns: repeat(5, 1fr); list-style: none; }
.po-journey__track::before, .po-journey__track::after { position: absolute; top: var(--po-journey-axis); left: 10%; height: 1px; content: ""; }
.po-journey__track::before { right: 10%; background: rgba(255,255,255,.25); }
.po-journey__track::after { width: var(--po-journey-fill); background: var(--po-green); transition: width .65s cubic-bezier(.22,.61,.36,1); }
.po-journey__track:has(li:nth-child(2):hover) { --po-journey-fill: 20%; }
.po-journey__track:has(li:nth-child(3):hover) { --po-journey-fill: 40%; }
.po-journey__track:has(li:nth-child(4):hover) { --po-journey-fill: 60%; }
.po-journey__track:has(li:nth-child(5):hover) { --po-journey-fill: 80%; }
.po-journey__track li { position: relative; padding: 0 clamp(16px, 2.2vw, 32px); text-align: center; }
.po-journey__track li > span { display: block; height: 16px; color: rgba(255,255,255,.38); font-size: .65rem; font-weight: 700; line-height: 16px; letter-spacing: .15em; transition: color .3s; }
.po-journey__icon { position: relative; z-index: 2; width: 20px; height: 20px; margin: 20px auto 34px; border: 6px solid var(--po-forest); border-radius: 50%; background: var(--po-green); box-shadow: 0 0 0 1px var(--po-green); transition: box-shadow .3s, transform .3s; }
.po-journey__track li:hover > span { color: var(--po-green); }
.po-journey__track li:hover .po-journey__icon { transform: scale(1.14); box-shadow: 0 0 0 1px var(--po-green), 0 0 0 6px rgba(120,190,20,.12); }
.po-journey__track h3 { margin: 0; font-family: var(--po-serif); font-size: 1.35rem; font-weight: 400; line-height: 1.15; }
.po-journey__track p { margin: 14px 0 0; color: rgba(255,255,255,.61); font-size: .87rem; line-height: 1.6; }

.po-legacy { display: grid; min-height: 860px; grid-template-columns: 1fr 1fr; background: var(--po-white); }
.po-legacy__image { position: relative; min-height: 680px; overflow: hidden; }
.po-legacy__image > img { width: 100%; height: 100%; object-fit: cover; }
.po-legacy__image > span { position: absolute; right: 0; bottom: 0; display: flex; width: 250px; min-height: 170px; flex-direction: column; justify-content: center; padding: 28px; color: var(--po-ink); background: var(--po-green); }
.po-legacy__image strong { font-family: var(--po-serif); font-size: 3.5rem; font-weight: 400; line-height: 1; }
.po-legacy__image small { margin-top: 7px; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.po-legacy__content { align-self: center; max-width: 690px; padding: clamp(64px, 7vw, 120px); }
.po-legacy__content > p:not(.po-eyebrow):not(.po-lead) { color: var(--po-muted); }
.po-legacy__content .po-lead { margin-top: 36px; font-size: 1.25rem; }
.po-checks { display: grid; gap: 0; margin: 40px 0 0; padding: 0; list-style: none; }
.po-checks li { display: grid; padding: 18px 0; border-top: 1px solid var(--po-line); grid-template-columns: 180px 1fr; gap: 24px; }
.po-checks strong { font-family: var(--po-serif); font-size: 1.08rem; font-weight: 400; }
.po-checks span { color: var(--po-muted); font-size: .88rem; }

.po-sustainability { color: var(--po-white); background: #1e3427; }
.po-sustainability__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(60px, 10vw, 150px); }
.po-sustainability__copy > p:not(.po-eyebrow) { max-width: 580px; margin: 30px 0; color: rgba(255,255,255,.7); }
.po-text-link { display: inline-flex; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.45); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.po-values { border-top: 1px solid rgba(255,255,255,.2); }
.po-values article { display: grid; padding: 32px 0; border-bottom: 1px solid rgba(255,255,255,.2); grid-template-columns: 48px 1fr; }
.po-values article > span { padding-top: 7px; color: var(--po-green); font-size: .64rem; font-weight: 800; }
.po-values h3 { margin: 0; font-family: var(--po-serif); font-size: 1.7rem; font-weight: 400; }
.po-values h3 sup { position: relative; top: -.52em; font-family: var(--po-sans); font-size: .38em; line-height: 0; }
.po-values p { margin: 9px 0 0; color: rgba(255,255,255,.62); grid-column: 2; }

.po-products { background: var(--po-paper); }
.po-products__grid { display: grid; border-top: 1px solid var(--po-line); border-left: 1px solid var(--po-line); grid-template-columns: repeat(5, 1fr); }
.po-products__grid article { display: flex; min-height: 390px; flex-direction: column; padding: 32px; border-right: 1px solid var(--po-line); border-bottom: 1px solid var(--po-line); transition: color .3s, background .3s; }
.po-products__grid article:hover { color: var(--po-white); background: var(--po-forest); }
.po-products__grid article > span { color: var(--po-green-dark); font-size: .66rem; font-weight: 800; }
.po-products__grid h3 { margin: 72px 0 20px; font-family: var(--po-serif); font-size: 1.75rem; font-weight: 400; line-height: 1.1; }
.po-products__grid p { margin: 0; color: var(--po-muted); font-size: .9rem; }
.po-products__grid article:hover p { color: rgba(255,255,255,.65); }
.po-products__grid a { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 30px; border-top: 1px solid var(--po-line); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.po-products__grid article:hover a { border-color: rgba(255,255,255,.2); }
.po-products__grid i { color: var(--po-green); font-style: normal; }
.po-products__grid .po-external-mark { font-size: .82em; opacity: .68; transform: translateY(-.42em); }

.po-palivo { position: relative; display: grid; min-height: 720px; color: var(--po-white); overflow: hidden; place-items: center start; }
.po-palivo > img, .po-palivo__shade { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.po-palivo__shade { background: linear-gradient(90deg, rgba(16,32,23,.88), rgba(16,32,23,.48) 58%, rgba(16,32,23,.12)); }
.po-palivo__content { position: relative; z-index: 2; }
.po-palivo h2 { max-width: 780px; }
.po-palivo p:not(.po-eyebrow) { max-width: 610px; margin: 26px 0 0; color: rgba(255,255,255,.76); }
.po-palivo .po-button { margin-top: 34px; }

.po-community { background: var(--po-white); }
.po-community__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 10vw, 150px); }
.po-community__items { border-top: 1px solid var(--po-line); }
.po-community__items article { display: grid; padding: 31px 0; border-bottom: 1px solid var(--po-line); grid-template-columns: 58px 1fr; }
.po-community__items article > span { padding-top: 5px; color: var(--po-green-dark); font-size: .65rem; font-weight: 800; }
.po-community__items h3 { margin: 0; font-family: var(--po-serif); font-size: 1.6rem; font-weight: 400; }
.po-community__items p { margin: 8px 0 0; color: var(--po-muted); }

.po-gallery { color: var(--po-white); background: #111914; }
.po-gallery .po-section-heading > p { color: rgba(255,255,255,.58); }
.po-gallery__grid { display: grid; grid-auto-rows: 260px; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.po-gallery__item { position: relative; padding: 0; border: 0; color: var(--po-white); background: #253229; cursor: zoom-in; overflow: hidden; }
.po-gallery__item:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.po-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: filter .45s, transform .7s cubic-bezier(.22,.61,.36,1); }
.po-gallery__item::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(7,15,10,.72), transparent 55%); }
.po-gallery__item:hover img, .po-gallery__item:focus-visible img { filter: saturate(.82); transform: scale(1.045); }
.po-gallery__item > span { position: absolute; z-index: 2; right: 22px; bottom: 18px; left: 22px; display: flex; justify-content: space-between; gap: 14px; font-family: var(--po-serif); font-size: 1.06rem; text-align: left; }
.po-gallery__item small { padding-top: 5px; color: var(--po-green); font-family: var(--po-sans); font-size: .6rem; font-weight: 800; }

.po-contact { color: var(--po-white); background: var(--po-forest); }
.po-contact__intro { display: grid; align-items: start; margin-bottom: 68px; grid-template-columns: 1fr minmax(360px, .72fr); column-gap: clamp(60px, 11vw, 160px); row-gap: 36px; }
.po-contact__intro > div { max-width: 1100px; grid-column: 1 / -1; }
.po-contact__intro > p { max-width: 530px; margin: 0 0 7px; color: rgba(255,255,255,.65); grid-column: 1; }
.po-contact__people { display: grid; border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); grid-template-columns: 1fr 1fr; }
.po-contact-card { display: grid; min-height: 330px; padding: 32px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); grid-template-columns: 48px 1fr; }
.po-contact-card__number { padding-top: 7px; color: var(--po-green); font-size: .64rem; font-weight: 800; }
.po-contact-card__heading h3 { margin: 0; font-family: var(--po-serif); font-size: clamp(1.55rem, 2.2vw, 2.15rem); font-weight: 400; letter-spacing: -.025em; line-height: 1.12; }
.po-contact-card__heading p { margin: 7px 0 0; color: rgba(255,255,255,.52); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.po-contact-card__details { align-self: end; grid-column: 2; }
.po-contact-card__details a { display: grid; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.16); text-decoration: none; grid-template-columns: 1fr auto; }
.po-contact-card__details small { color: rgba(255,255,255,.44); font-size: .61rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; grid-column: 1; }
.po-contact-card__details strong { margin-top: 3px; font-size: .88rem; font-weight: 400; overflow-wrap: anywhere; grid-column: 1; }
.po-contact-card__details span { align-self: center; color: var(--po-green); grid-column: 2; grid-row: 1 / 3; transition: transform .2s; }
.po-contact-card__details a:hover span, .po-contact-card__details a:focus-visible span { transform: translateX(4px); }
.po-contact__ecosystem { display: grid; margin-top: 68px; border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); grid-template-columns: repeat(3, 1fr); }
.po-contact__ecosystem a { display: grid; min-height: 126px; padding: 23px 26px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); text-decoration: none; grid-template-columns: 1fr auto; transition: background .25s; }
.po-contact__ecosystem a:hover, .po-contact__ecosystem a:focus-visible { background: rgba(255,255,255,.055); }
.po-contact__ecosystem small { color: rgba(255,255,255,.45); font-size: .62rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; grid-column: 1; }
.po-contact__ecosystem strong { align-self: end; margin-top: 12px; font-family: var(--po-serif); font-size: 1.18rem; font-weight: 400; grid-column: 1; }
.po-contact__ecosystem span { align-self: end; color: var(--po-green); font-size: 1.2rem; line-height: 1.35; grid-column: 2; grid-row: 2; }

.po-footer { color: rgba(255,255,255,.72); background: #0e1712; }
.po-footer__top { display: grid; align-items: start; padding-block: 58px; grid-template-columns: minmax(0, 1fr) auto; gap: 60px; }
.po-footer__slp { display: flex; max-width: 560px; align-items: center; gap: 26px; }
.po-footer__slp img { width: 122px; flex: 0 0 auto; }
.po-footer__slp p { margin: 0; font-size: .8rem; }
.po-footer nav { display: grid; gap: 8px; justify-self: end; }
.po-footer nav a { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.po-footer__bottom { display: flex; justify-content: space-between; padding-block: 18px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.4); font-size: .62rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.po-lightbox { width: 100vw; max-width: none; height: 100vh; max-height: none; padding: 0; border: 0; color: var(--po-white); background: rgba(5,10,7,.95); }
.po-lightbox::backdrop { background: rgba(5,10,7,.95); }
.po-lightbox[open] { display: grid; place-items: center; }
.po-lightbox figure { display: grid; width: min(1200px, calc(100vw - 190px)); max-height: calc(100vh - 110px); margin: 0; gap: 16px; }
.po-lightbox figure img { width: 100%; max-height: calc(100vh - 170px); object-fit: contain; }
.po-lightbox figcaption { display: flex; justify-content: space-between; gap: 20px; }
.po-lightbox figcaption span { color: var(--po-green); font-size: .68rem; font-weight: 800; }
.po-lightbox figcaption strong { font-family: var(--po-serif); font-size: 1.05rem; font-weight: 400; }
.po-lightbox button { position: fixed; border: 0; color: var(--po-white); background: transparent; cursor: pointer; }
.po-lightbox__close { top: 20px; right: 26px; font-size: 2.4rem; font-weight: 200; }
.po-lightbox__arrow { top: 50%; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.32) !important; border-radius: 50%; transform: translateY(-50%); }
.po-lightbox__arrow--prev { left: 28px; }
.po-lightbox__arrow--next { right: 28px; }

@media (max-width: 1100px) {
	:root { --po-shell: min(100% - 56px, 1040px); }
	.po-hero__wide-break { display: none; }
	.po-nav { gap: 18px; }
	.po-nav a { font-size: .67rem; }
	.po-legacy__content { padding: 64px; }
	.po-products__grid { grid-template-columns: repeat(2, 1fr); }
	.po-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 800px) {
	:root { --po-shell: calc(100% - 36px); }
	body.admin-bar .po-header { top: 46px; }
	.po-section { padding-block: 78px; }
	.po-header__inner { min-height: 72px; }
	.po-menu-toggle { display: flex; align-items: center; gap: 10px; padding: 10px 0; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
	.po-menu-toggle i, .po-menu-toggle i::before { display: block; width: 24px; height: 1px; background: currentColor; transition: transform .2s; }
	.po-menu-toggle i { position: relative; }
	.po-menu-toggle i::before { position: absolute; top: 7px; content: ""; }
	.po-header.is-open .po-menu-toggle i { transform: translateY(4px) rotate(45deg); }
	.po-header.is-open .po-menu-toggle i::before { top: 0; transform: rotate(-90deg); }
	.po-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; align-items: stretch; padding: 20px 18px 30px; color: var(--po-ink); background: var(--po-paper); box-shadow: 0 18px 24px rgba(23,37,30,.12); }
	.po-header.is-open .po-nav { display: grid; }
	.po-nav a { padding: 11px 4px; border-bottom: 1px solid var(--po-line); font-size: .78rem; }
	.po-nav__cta { margin-top: 10px; padding: 15px !important; border: 0 !important; text-align: center; }
	.po-hero { min-height: 760px; }
	.po-hero__content { padding-top: 82px; }
	.po-hero h1 { font-size: clamp(3.25rem, 13vw, 5.2rem); }
	.po-hero__lead { font-size: .93rem; }
	.po-hero__footer { bottom: 20px; }
	.po-hero__footer > p { display: none; }
	.po-intro__grid, .po-section-heading, .po-sustainability__grid, .po-community__grid, .po-contact__intro { grid-template-columns: 1fr; gap: 42px; }
	.po-contact__intro > div, .po-contact__intro > p { grid-column: 1; }
	.po-contact__people { grid-template-columns: 1fr; }
	.po-contact__ecosystem { grid-template-columns: 1fr; }
	.po-intro__copy { padding-top: 26px; }
	.po-section-heading { margin-bottom: 48px; }
	.po-section-heading > p { margin-left: 0; }
	.po-journey__track { grid-template-columns: 1fr; }
	.po-journey__track::before { top: 0; right: auto; bottom: 0; left: 9.5px; width: 1px; height: auto; }
	.po-journey__track::after { display: none; }
	.po-journey__track li { display: grid; padding: 0 0 36px; text-align: left; grid-template-columns: 20px 1fr; column-gap: 24px; }
	.po-journey__track li > span { display: none; }
	.po-journey__icon { margin: 4px 0 0; grid-column: 1; grid-row: 1 / 3; }
	.po-journey__track h3, .po-journey__track p { grid-column: 2; }
	.po-journey__track p { margin-top: 8px; }
	.po-legacy { min-height: auto; grid-template-columns: 1fr; }
	.po-legacy__image { min-height: 600px; }
	.po-legacy__content { max-width: none; padding: 70px 28px; }
	.po-products__grid { grid-template-columns: 1fr 1fr; }
	.po-products__grid article { min-height: 330px; padding: 26px; }
	.po-products__grid h3 { margin-top: 42px; }
	.po-palivo { min-height: 700px; }
	.po-gallery__grid { grid-auto-rows: 220px; grid-template-columns: 1fr 1fr; }
	.po-gallery__item:nth-child(1) { grid-row: span 2; }
	.po-footer__top { grid-template-columns: minmax(0, 1fr) auto; }
	.po-lightbox figure { width: calc(100vw - 36px); }
	.po-lightbox__arrow { top: auto; bottom: 18px; }
	.po-lightbox__arrow--prev { left: 18px; }
	.po-lightbox__arrow--next { right: 18px; }
}

@media (max-width: 540px) {
	.po-brand { width: 118px; height: 52px; }
	.po-brand__logo { width: 118px; }
	.po-hero h1 { font-size: clamp(2.65rem, 12.2vw, 3rem); }
	.po-hero__claim { font-size: 1.22rem; }
	.po-actions { display: grid; }
	.po-button { width: 100%; }
	.po-intro h2, .po-section-heading h2, .po-legacy h2, .po-sustainability h2, .po-palivo h2, .po-community h2, .po-contact h2 { font-size: 2.3rem; }
	.po-legacy__image { min-height: 470px; }
	.po-legacy__image > span { width: 185px; min-height: 125px; padding: 20px; }
	.po-legacy__image strong { font-size: 2.8rem; }
	.po-checks li { grid-template-columns: 1fr; gap: 5px; }
	.po-products__grid { grid-template-columns: 1fr; }
	.po-products__grid article { min-height: 300px; }
	.po-contact-card { min-height: 310px; padding: 26px 22px; grid-template-columns: 38px 1fr; }
	.po-contact__ecosystem { margin-top: 48px; }
	.po-gallery__grid { grid-auto-rows: 210px; grid-template-columns: 1fr; }
	.po-gallery__item:nth-child(1) { grid-column: auto; grid-row: auto; }
	.po-footer__top { grid-template-columns: 1fr; }
	.po-footer__slp { align-items: flex-start; grid-column: auto; grid-row: auto; }
	.po-footer nav { justify-self: start; }
	.po-footer__bottom { display: grid; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}