/* Canonical H01-H08 Hero presentation. One isolated CSS component; no generic CMS overrides. */
.vnnl-hero{width:100%;min-width:0}.vnnl-hero-device{position:relative;isolation:isolate;overflow:hidden;min-width:0;width:min(100%,var(--vnnl-hero-width));min-height:var(--vnnl-hero-height);margin-inline:auto;display:grid;grid-template-columns:1fr;align-items:center;background:#205d53;color:#fff;border-radius:18px}.vnnl-hero-device:not(.vnnl-hero-desktop){display:none}.vnnl-hero-image-wrap{position:absolute;inset:0;z-index:-2;overflow:hidden}.vnnl-hero-image-wrap:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--vnnl-hero-overlay));pointer-events:none}.vnnl-hero-image{width:100%;height:100%;object-fit:cover;display:block}.vnnl-hero-copy{position:relative;z-index:1;max-width:850px;padding:clamp(20px,5vw,72px);min-width:0}.vnnl-hero-copy small{display:block;letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-bottom:12px}.vnnl-hero-copy h1{font:inherit;font-size:clamp(26px,4vw,58px);font-weight:800;line-height:1.13;margin:0 0 15px;color:inherit}.vnnl-hero-copy p{font-size:clamp(14px,1.6vw,20px);line-height:1.55;color:inherit;margin:0 0 20px}.vnnl-hero-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#225b52!important;font-weight:750;padding:12px 19px;text-decoration:none}.vnnl-hero-align-center .vnnl-hero-copy{text-align:center;margin-inline:auto}.vnnl-hero-align-right .vnnl-hero-copy{text-align:right;margin-left:auto}.vnnl-hero-font-system{font-family:system-ui,sans-serif}.vnnl-hero-font-serif{font-family:Georgia,serif}.vnnl-hero-font-mono{font-family:ui-monospace,monospace}
.vnnl-hero-h02,.vnnl-hero-h03{grid-template-columns:1fr 1fr;background:#e9efe9;color:#183f38}.vnnl-hero-h02 .vnnl-hero-image-wrap,.vnnl-hero-h03 .vnnl-hero-image-wrap{position:relative;inset:auto;z-index:0;height:100%;min-height:var(--vnnl-hero-height);grid-column:2;grid-row:1}.vnnl-hero-h02 .vnnl-hero-copy,.vnnl-hero-h03 .vnnl-hero-copy{grid-column:1;grid-row:1}.vnnl-hero-h03 .vnnl-hero-image-wrap{grid-column:1}.vnnl-hero-h03 .vnnl-hero-copy{grid-column:2}.vnnl-hero-h02 .vnnl-hero-image-wrap:after,.vnnl-hero-h03 .vnnl-hero-image-wrap:after{display:none}.vnnl-hero-h04{aspect-ratio:1/1;width:min(100%,var(--vnnl-hero-width),var(--vnnl-hero-height));min-height:0}.vnnl-hero-h05{border-radius:0}.vnnl-hero-h06{grid-template-columns:2fr 1fr}.vnnl-hero-h06 .vnnl-hero-image-wrap{inset:0 34% 0 0}.vnnl-hero-h06 .vnnl-hero-gallery{grid-column:2;display:grid;gap:8px;height:var(--vnnl-hero-height);grid-row:1;padding:8px}.vnnl-hero-h06 .vnnl-hero-gallery img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:8px}.vnnl-hero-h06 .vnnl-hero-copy{grid-column:1;grid-row:1}.vnnl-hero-h07 .vnnl-hero-gallery{position:absolute;z-index:-1;right:0;top:0;bottom:0;width:30%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vnnl-hero-h07 .vnnl-hero-gallery img{flex:0 0 100%;width:100%;object-fit:cover;scroll-snap-align:start}.vnnl-hero-h08 .vnnl-hero-copy{max-width:65%;margin-top:8%;background:rgba(10,34,30,.38);backdrop-filter:blur(5px);border-radius:20px}.vnnl-hero-motion-fade .vnnl-hero-copy{animation:vnnl-hero-fade .6s ease-out both}.vnnl-hero-motion-slide .vnnl-hero-copy{animation:vnnl-hero-slide .7s ease-out both}.vnnl-hero-motion-zoom .vnnl-hero-image{animation:vnnl-hero-zoom 1.5s ease-out both}@keyframes vnnl-hero-fade{from{opacity:0}to{opacity:1}}@keyframes vnnl-hero-slide{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes vnnl-hero-zoom{from{scale:1.035}to{scale:1}}
@media (min-width:768px) and (max-width:1023px){.vnnl-hero-device.vnnl-hero-desktop{display:none}.vnnl-hero-device.vnnl-hero-tablet{display:grid}.vnnl-hero-copy{padding:25px}.vnnl-hero-copy h1{font-size:clamp(24px,3.8vw,42px)}}
@media (max-width:767px){.vnnl-hero-device.vnnl-hero-desktop{display:none}.vnnl-hero-device.vnnl-hero-mobile{display:grid}.vnnl-hero-device:is(.vnnl-hero-h02,.vnnl-hero-h03,.vnnl-hero-h06){grid-template-columns:1fr}.vnnl-hero-h02 .vnnl-hero-image-wrap,.vnnl-hero-h03 .vnnl-hero-image-wrap{grid-column:1;grid-row:1;min-height:50%;opacity:.35;position:absolute;inset:0}.vnnl-hero-h02 .vnnl-hero-copy,.vnnl-hero-h03 .vnnl-hero-copy,.vnnl-hero-h06 .vnnl-hero-copy{grid-column:1;grid-row:1}.vnnl-hero-h06 .vnnl-hero-gallery{display:none}.vnnl-hero-h08 .vnnl-hero-copy{max-width:96%;margin:15px}.vnnl-hero-copy{padding:23px}.vnnl-hero-copy h1{font-size:clamp(23px,7vw,38px)}}
@media (prefers-reduced-motion:reduce){.vnnl-hero-device .vnnl-hero-copy,.vnnl-hero-device .vnnl-hero-image{animation:none!important}}

.v26-section.v26-type-01:has(> .vnnl-hero){display:block;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.v26-section.v26-type-01:has(> .vnnl-hero)>.vnnl-hero{width:100%}