.vitelio-landing {
    --vt-ink: #102b40;
    --vt-paper: #f7f0e4;
    --vt-copper: #934823;
    color: var(--vt-ink);
    background: var(--vt-paper);
    font: 1rem/1.65 system-ui, sans-serif;
    overflow-wrap: anywhere;
}
.vitelio-landing h2, .vitelio-landing h3 {
    color: inherit;
    font-family: Georgia, serif;
    line-height: 1.08;
    margin: 0 0 .65em;
}
.vitelio-landing h2 {font-size: clamp(2rem, 4.5vw, 3.7rem)}
.vitelio-landing .vt-title {font-size: clamp(3rem, 8vw, 7rem); letter-spacing: -.055em; margin-bottom: .25em}
.vitelio-landing .vt-nav {display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;padding:1rem clamp(1.25rem,5vw,4rem);border-bottom:1px solid var(--vt-copper)}
.vitelio-landing .vt-nav a {color:inherit;text-underline-offset:.25em}
.vitelio-landing .vt-hero {display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);align-items:center;gap:2rem}
.vitelio-landing .vt-section, .vitelio-landing .vt-hero {padding:clamp(1.4rem,5vw,4.5rem);margin:0}
.vitelio-landing .vt-section {border-top:1px solid #ddc5ae}
.vitelio-landing .vt-kicker {color:var(--vt-copper);text-transform:uppercase;letter-spacing:.14em;font-size:.83rem;font-weight:700}
.vitelio-landing .vt-hero figure {margin:0}
.vitelio-landing .vt-hero img {display:block;width:100%;height:auto;border-radius:5px}
.vitelio-landing .vt-hero figcaption {font-size:.82rem}
.vitelio-landing .wp-block-button__link {background:var(--vt-ink);color:#fff8ea;border-radius:4px}
.vitelio-landing .vt-dark {background:var(--vt-ink);color:#fff8ea}
.vitelio-landing .vt-dark .vt-kicker {color:#ffd3b7}
.vitelio-landing details {border-left:2px solid var(--vt-copper);padding:.75rem 1rem;margin:.8rem 0}
.vitelio-landing summary {font-weight:700;cursor:pointer}
.vitelio-landing summary:focus-visible,.vitelio-landing a:focus-visible {outline:2px solid currentColor;outline-offset:4px}
@media(max-width:700px) {.vitelio-landing .vt-hero {grid-template-columns:1fr}}

.vitelio-landing .vt-nav {align-items:center;border-bottom:2px solid var(--vt-copper)}
.vitelio-landing .vt-brand {margin-right:auto;font:700 clamp(1.4rem,3vw,2.2rem)/1.15 Georgia,serif}
.vitelio-landing .vt-nav a {text-decoration:none}
.vitelio-landing .vt-nav a:hover {text-decoration:underline}
.vitelio-landing .vt-hero {grid-template-columns:minmax(0,39fr) minmax(0,61fr);gap:0;padding:0}
.vitelio-landing .vt-hero > .wp-block-group {padding:clamp(1.3rem,4.4vw,3.5rem)}
.vitelio-landing .vt-title {font-size:clamp(2.35rem,6.8vw,6rem);overflow-wrap:normal}
.vitelio-landing .vt-hero figure {position:relative;align-self:stretch;min-height:100%;overflow:hidden}
.vitelio-landing .vt-hero img {height:100%;object-fit:cover;border-radius:0}
.vitelio-landing .vt-hero figcaption {position:absolute;right:.8rem;bottom:.7rem;margin:0;color:white;background:#102b40;padding:.18rem .55rem;border-radius:3px}
.vitelio-landing .vt-section h2::after {content:"";display:block;width:4rem;height:2px;background:#b8653a;margin-top:.4em}
.vitelio-landing .vt-timeline {margin-left:1.25rem;border-left:2px solid #b8653a}
.vitelio-landing .vt-timeline details {position:relative;border:0;margin:0;padding:.5rem 1.45rem}
.vitelio-landing .vt-timeline details::before {content:"";position:absolute;top:1rem;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--vt-copper)}
.vitelio-landing .vt-timeline > p {padding-left:1.45rem}
.vitelio-landing .vt-photo-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,2vw,1.4rem)}
.vitelio-landing .vt-photo-grid.vt-thumbnails {grid-template-columns:repeat(4,minmax(0,1fr))}
.vitelio-landing .vt-photo-grid figure,.vitelio-landing .vt-video figure {margin:0}
.vitelio-landing .vt-photo-grid img,.vitelio-landing .vt-video img {display:block;width:100%;aspect-ratio:5/3;object-fit:cover;border-radius:6px}
.vitelio-landing .vt-video {position:relative;margin-bottom:1rem}
.vitelio-landing .vt-video img {aspect-ratio:4/1}
.vitelio-landing .vt-video-note {position:absolute;inset:auto auto .7rem .7rem;padding:.3rem .65rem;margin:0;background:var(--vt-ink);color:#fff8ea;border-radius:4px}
@media(max-width:700px) {
    .vitelio-landing .vt-hero {grid-template-columns:1fr}
    .vitelio-landing .vt-hero img {aspect-ratio:3/2}
    .vitelio-landing .vt-photo-grid,.vitelio-landing .vt-photo-grid.vt-thumbnails {grid-template-columns:repeat(2,minmax(0,1fr))}
    .vitelio-landing .vt-video img {aspect-ratio:2/1}
}
