/* F18 Homepage Master — Figma "Home" v2 (265:73 desktop 1440 / 265:165 mobile 390).
   Same design tokens as the hubs (.vhm): Instrument Serif / Sans, warm paper, orange accent, peach panels, 24px cards.
   Everything is scoped to .vat-home (and the .vat-home-page body class of the connected Page only), so entity pages,
   hubs, ordinary Pages, Rank Math and wp-admin are not affected. */

/* Theme shell (Astra and block themes): hide the Page title, widen ONLY the content container, never the header. */
.vat-home-page .entry-title,.vat-home-page .entry-header,.vat-home-page .post-thumbnail{display:none!important}
.vat-home-page .site-content,.vat-home-page .site-content>.ast-container,.vat-home-page .content-area,.vat-home-page .site-main{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
/* F16 lesson: inside Astra's flex .ast-container a <main> shrinks to its content — it fills the row instead (no 100vw). */
.vat-home-page .site-content>.ast-container>.vat-home,.vat-home-page .vat-home{flex:1 1 100%;width:100%;min-width:0;max-width:none}

.vat-home{--hbg:#fbf7ef;--hpaper:#fffdf7;--hink:#371e11;--horange:#f77116;--hpeach:#f6dbba;--hline:#ebdcca;--hmuted:#776758;--hdark:#3a1f11;
  background:var(--hbg);color:var(--hink);font:16px/1.45 'Instrument Sans',sans-serif;padding:64px 18px 88px;box-sizing:border-box}
.vat-home *{box-sizing:border-box}
.vat-home .vh-wrap{width:min(1324px,100%);margin:0 auto}
.vat-home h1,.vat-home h2,.vat-home h3{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:0;color:var(--hink);margin:0;overflow-wrap:break-word}
.vat-home h1{font-size:clamp(48px,5.3vw,76px);line-height:1.22}
.vat-home h2{font-size:clamp(34px,3.5vw,50px);line-height:1.18}
.vat-home h3{font-size:29px;line-height:1.18}
.vat-home p,.vat-home figure,.vat-home ol{margin:0}
.vat-home a{color:inherit;text-decoration:none}
.vat-home img{display:block;width:100%;height:100%;object-fit:cover}
.vat-home .vh-kicker{font:600 11px/1.4 'Instrument Sans',sans-serif;letter-spacing:.05em;color:var(--horange);text-transform:uppercase;margin:0}
.vat-home .vh-muted{color:var(--hmuted);margin-top:20px;max-width:820px}
.vat-home .vh-muted p+p{margin-top:10px}
.vat-home .vh-link{display:inline-flex;align-items:center;gap:2px;color:var(--horange);font-weight:600;font-size:13px}
.vat-home .vh-arrow{font-size:.95em;line-height:1}
.vat-home .vh-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:12px 22px;border:1px solid var(--hline);border-radius:30px;background:var(--hpaper);color:var(--hink);font-weight:600;font-size:14px;line-height:1.2;text-align:center;transition:border-color .15s ease,background .15s ease}
.vat-home a.vh-btn--primary{background:var(--horange);border-color:var(--horange);color:#fff}
.vat-home .vh-btn:hover,.vat-home .vh-btn:focus-visible{border-color:var(--horange)}
.vat-home a.vh-btn--primary:hover,.vat-home a.vh-btn--primary:focus-visible{background:#e2630d}
.vat-home .vh-num{display:block;color:var(--horange);font-weight:600;font-size:14px}
.vat-home .vh-section{margin-top:104px}
.vat-home .vh-section>h2,.vat-home .vh-guides__head>h2{margin-top:30px}

/* Editor preview */
.vat-home .vh-preview-note{margin:0 0 32px;padding:14px 18px;border:1px dashed var(--horange);border-radius:16px;background:var(--hpaper);font-size:14px}
.vat-home .vh-preview-gap{display:block;margin-top:56px;padding:18px 22px;border:1px dashed var(--hline);border-radius:18px;background:var(--hpaper);color:var(--hmuted);font-size:14px}
.vat-home .vh-preview-gap strong{color:var(--hink)}

/* 1 · Hero: copy left, one wide + two small photos right (Figma); variants for 1 / 2 / 0 photos — never an empty frame. */
.vat-home .vh-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,670px);gap:clamp(32px,5vw,72px);align-items:center}
.vat-home .vh-hero--text{grid-template-columns:minmax(0,1fr)}
.vat-home .vh-hero--text .vh-hero__copy{max-width:860px}
.vat-home .vh-hero__copy{min-width:0}
.vat-home .vh-hero h1{margin-top:28px}
.vat-home .vh-hero__tagline{font-size:26px;line-height:1.3;margin-top:26px}
.vat-home .vh-lead{color:var(--hink);opacity:.86;font-size:16px;line-height:1.25;max-width:570px;margin-top:22px}
.vat-home .vh-lead p+p{margin-top:10px}
.vat-home .vh-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.vat-home .vh-hero__actions .vh-btn{min-width:196px;justify-content:flex-start;padding:12px 18px}
.vat-home .vh-hero__actions .vh-btn--primary{min-width:228px}
.vat-home .vh-hero__nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:22px;font:600 11px/1.5 'Instrument Sans',sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--horange)}
.vat-home .vh-hero__nav a:hover,.vat-home .vh-hero__nav a:focus-visible{text-decoration:underline}
.vat-home .vh-hero__media{display:grid;gap:14px;min-width:0}
.vat-home .vh-hero__main{height:360px;border-radius:24px;overflow:hidden;background:#e7e9df}
.vat-home .vh-hero--media-1 .vh-hero__main{height:534px}
.vat-home .vh-hero__minor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vat-home .vh-hero__minor--1{grid-template-columns:minmax(0,1fr)}
.vat-home .vh-hero__minor figure{height:160px;border-radius:20px;overflow:hidden;background:#e7e9df}

/* 2 · Editorial Introduction: heading + highlight | paragraphs, then the "Practical first" strip. */
.vat-home .vh-intro__grid{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1fr);gap:24px 64px;align-items:start}
.vat-home .vh-intro__grid--single{grid-template-columns:minmax(0,1fr)}
.vat-home .vh-intro__head h2{margin-top:30px}
.vat-home .vh-intro__highlight{font:400 23px/1.3 'Instrument Serif',serif;color:var(--horange);margin-top:22px}
.vat-home .vh-intro__body{padding-top:30px;font-size:16px;line-height:1.3}
.vat-home .vh-intro__grid--single .vh-intro__body{max-width:820px}
.vat-home .vh-intro__body p+p{margin-top:16px}
.vat-home .vh-principle{display:grid;grid-template-columns:minmax(0,288px) minmax(0,1fr);gap:8px 20px;align-items:center;margin-top:22px;padding:18px 20px;border-radius:18px;background:var(--hpeach)}
.vat-home .vh-principle__text{font-size:15px}

/* 3 · Choose Your Path / 4 · Places / 6 · Guides: grids follow the real number of cards (never empty slots). */
.vat-home .vh-paths,.vat-home .vh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px;align-items:start}
.vat-home .vh-paths--2,.vat-home .vh-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vat-home .vh-paths--1{grid-template-columns:minmax(0,1fr);max-width:640px}
.vat-home .vh-path{display:flex;flex-direction:column;padding:26px;background:var(--hpaper);border:1px solid var(--hline);border-radius:24px;transition:border-color .15s ease}
.vat-home .vh-path:hover,.vat-home .vh-path:focus-visible{border-color:var(--horange)}
.vat-home .vh-path h3{margin-top:22px}
.vat-home .vh-path p{margin-top:16px;font-size:15px;line-height:1.3}
.vat-home .vh-path .vh-link{margin-top:14px}

.vat-home .vh-card{display:flex;flex-direction:column;min-width:0;background:var(--hpaper);border:1px solid var(--hline);border-radius:24px;overflow:hidden}
.vat-home .vh-card__media{display:block;height:210px;background:#e7e9df;flex:none}
.vat-home .vh-card__media--empty{height:72px;background:linear-gradient(135deg,#f3e6d6,#efe2d1)}
.vat-home .vh-card__body{display:flex;flex-direction:column;flex:1;padding:24px 23px 22px}
.vat-home .vh-card__body h3{margin-top:14px}
.vat-home .vh-card__summary{margin-top:14px;font-size:15px;line-height:1.25}
.vat-home .vh-card__body>.vh-link{margin-top:14px}
.vat-home .vh-cards--1{grid-template-columns:minmax(0,1fr)}
.vat-home .vh-cards--1 .vh-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.vat-home .vh-cards--1 .vh-card__media{height:auto;min-height:300px;position:relative}
.vat-home .vh-cards--1 .vh-card__media img{position:absolute;inset:0}
.vat-home .vh-cards--1 .vh-card__media--empty{display:none}
.vat-home .vh-cards--1 .vh-card--no-image{display:flex;max-width:760px}
.vat-home .vh-cards--1 .vh-card__body{padding:34px 36px 30px;justify-content:center}
.vat-home .vh-cards--1 .vh-card__body>.vh-link{margin-top:18px}
/* Guide cards: photo inset inside the card (Figma). */
.vat-home .vh-card--guide .vh-card__media{margin:15px 15px 0;height:190px;border-radius:18px;overflow:hidden}
.vat-home .vh-card--guide .vh-card__media--empty{height:56px}
.vat-home .vh-card--guide .vh-card__body{padding:18px 15px 20px}
.vat-home .vh-card--guide h3{font-size:27px;margin-top:16px}
.vat-home .vh-card--guide .vh-card__summary{font-size:14px;margin-top:12px}
.vat-home .vh-cards--1 .vh-card--guide .vh-card__media{margin:15px 0 15px 15px;height:auto}
.vat-home .vh-cards--1 .vh-card--guide .vh-card__body{padding:30px 34px}

/* 5 · Featured Route: peach panel, copy | inset photo; without a photo the copy spans the panel. */
.vat-home .vh-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,590px);gap:40px;align-items:center;padding:35px;border-radius:30px;background:var(--hpeach)}
.vat-home .vh-route--text{grid-template-columns:minmax(0,1fr)}
.vat-home .vh-route__copy{min-width:0;max-width:560px}
.vat-home .vh-route h2{margin-top:30px}
.vat-home .vh-route__intro{margin-top:22px;font-size:16px;line-height:1.3}
.vat-home .vh-route__intro p+p{margin-top:10px}
.vat-home .vh-route__stops{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin-top:20px;font-weight:600;font-size:14px}
.vat-home .vh-route__stops li+li::before{content:"→";margin-right:10px;font-weight:400}
.vat-home .vh-route .vh-btn{margin-top:24px;min-width:225px;justify-content:flex-start}
.vat-home .vh-route__media{height:365px;border-radius:24px;overflow:hidden;background:#e7e9df}

/* 6 · Travel Guides head with the optional guides index link on the right. */
.vat-home .vh-guides{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 40px;align-items:end}
.vat-home .vh-guides__head{min-width:0}
.vat-home .vh-guides__grid{grid-column:1/-1}
.vat-home .vh-guides:not(.vh-guides--index){grid-template-columns:minmax(0,1fr)}
.vat-home .vh-guides__index{display:flex;flex-direction:column;gap:8px;width:370px;max-width:100%;padding:24px 20px;border-radius:18px;background:var(--hpeach);margin-bottom:6px}
.vat-home .vh-guides__index strong{font-size:19px;font-weight:600}

/* 7 · Practical Planning: four compact cards. */
.vat-home .vh-planning{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.vat-home .vh-plan{padding:24px 22px;background:var(--hpaper);border:1px solid var(--hline);border-radius:20px;min-width:0}
.vat-home .vh-plan h3{font-size:27px;margin-top:18px}
.vat-home .vh-plan p{margin-top:12px;font-size:14px;line-height:1.25}

/* 8 · Final CTA: dark panel. */
.vat-home .vh-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,404px);gap:24px 40px;align-items:center;margin-top:36px;padding:40px;border-radius:30px;background:var(--hdark);color:#fff}
.vat-home .vh-final .vh-kicker{color:var(--hpeach)}
.vat-home .vh-final h2{color:#fff;margin-top:18px}
.vat-home .vh-final__copy{min-width:0}
.vat-home .vh-final__intro{margin-top:16px;max-width:680px;font-size:16px;line-height:1.3}
.vat-home .vh-final .vh-btn{min-width:255px;justify-content:flex-start}
.vat-home .vh-section+.vh-final{margin-top:36px}
.vat-home .vh-hero+.vh-final,.vat-home .vh-preview-gap+.vh-final{margin-top:104px}

/* Small desktop / tablet */
@media (max-width:1100px){
  .vat-home .vh-hero{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
  .vat-home .vh-hero--text{grid-template-columns:minmax(0,1fr)}
  .vat-home .vh-hero__main{height:300px}
  .vat-home .vh-hero--media-1 .vh-hero__main{height:440px}
  .vat-home .vh-hero__minor figure{height:140px}
  .vat-home .vh-route{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
  .vat-home .vh-route--text{grid-template-columns:minmax(0,1fr)}
  .vat-home .vh-route__media{height:320px}
  .vat-home .vh-final{grid-template-columns:minmax(0,1fr) auto}
}
@media (max-width:1000px){
  .vat-home .vh-planning{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vat-home .vh-card__body{padding:20px 19px 19px}
  .vat-home .vh-cards .vh-card h3{font-size:25px}
}
@media (max-width:900px){
  .vat-home{padding-top:44px}
  .vat-home .vh-section{margin-top:84px}
  .vat-home .vh-hero{grid-template-columns:minmax(0,1fr);gap:28px}
  .vat-home .vh-hero__copy{max-width:680px}
  .vat-home .vh-hero__main,.vat-home .vh-hero--media-1 .vh-hero__main{height:auto;aspect-ratio:16/9}
  .vat-home .vh-intro__grid{grid-template-columns:minmax(0,1fr);gap:0}
  .vat-home .vh-intro__body{padding-top:24px;max-width:720px}
  .vat-home .vh-principle{grid-template-columns:minmax(0,1fr)}
  .vat-home .vh-paths,.vat-home .vh-paths--2{grid-template-columns:minmax(0,1fr)}
  .vat-home .vh-paths--1{max-width:none}
  .vat-home .vh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vat-home .vh-cards--1{grid-template-columns:minmax(0,1fr)}
  .vat-home .vh-route{grid-template-columns:minmax(0,1fr);gap:28px}
  .vat-home .vh-route__copy{max-width:none}
  .vat-home .vh-route__media{height:auto;aspect-ratio:16/9;order:0}
  .vat-home .vh-guides,.vat-home .vh-guides:not(.vh-guides--index){grid-template-columns:minmax(0,1fr)}
  .vat-home .vh-guides__index{order:3;width:auto;margin:20px 0 0;flex-direction:row;align-items:center;justify-content:space-between}
  .vat-home .vh-guides__index .vh-kicker{display:none}
  .vat-home .vh-final{grid-template-columns:minmax(0,1fr)}
}
/* Tablet: three cards in two columns would leave an empty slot — the third card spans the row as a horizontal card. */
@media (min-width:701px) and (max-width:900px){
  .vat-home .vh-cards--3>.vh-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .vat-home .vh-cards--3>.vh-card:last-child .vh-card__media{height:100%;min-height:210px}
  .vat-home .vh-cards--3>.vh-card--guide:last-child .vh-card__media{margin:15px 0 15px 15px;height:calc(100% - 30px);min-height:180px}
  .vat-home .vh-cards--3>.vh-card--no-image:last-child{display:flex}
  .vat-home .vh-cards--3>.vh-card:last-child .vh-card__media--empty{display:none}
}
/* Phones (Figma 390): one photo in the Hero, two-column buttons, stacked cards, 2 × 2 planning. */
@media (max-width:700px){
  .vat-home{padding:32px 18px 64px;font-size:15px}
  .vat-home h1{font-size:clamp(40px,12.6vw,52px);line-height:1.2}
  .vat-home h2{font-size:clamp(30px,9vw,35px);line-height:1.2}
  .vat-home .vh-section{margin-top:64px}
  .vat-home .vh-section>h2,.vat-home .vh-guides__head>h2,.vat-home .vh-intro__head h2,.vat-home .vh-route h2{margin-top:18px}
  .vat-home .vh-muted{margin-top:14px;font-size:14px}
  .vat-home .vh-hero h1{margin-top:22px}
  .vat-home .vh-hero__tagline{font-size:20px;margin-top:20px}
  .vat-home .vh-lead{font-size:14px;margin-top:16px}
  .vat-home .vh-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
  .vat-home .vh-hero__actions .vh-btn{min-width:0;padding:11px 12px;font-size:13px}
  .vat-home .vh-hero__actions .vh-btn:only-child{grid-column:1/-1}
  /* Figma mobile order: copy and buttons → photo → type links. */
  .vat-home .vh-hero{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .vat-home .vh-hero__copy{display:contents}
  .vat-home .vh-hero__media{gap:0;order:1;margin-top:24px}
  .vat-home .vh-hero__nav{order:2;margin-top:18px}
  .vat-home .vh-hero__main,.vat-home .vh-hero--media-1 .vh-hero__main{aspect-ratio:3/2;border-radius:20px}
  .vat-home .vh-hero__minor{display:none}
  .vat-home .vh-intro__highlight{font-size:21px;margin-top:16px}
  .vat-home .vh-intro__body{font-size:15px;padding-top:18px}
  .vat-home .vh-principle{padding:16px;margin-top:20px}
  .vat-home .vh-principle__text{font-size:13px}
  .vat-home .vh-paths,.vat-home .vh-cards,.vat-home .vh-cards--2{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px}
  .vat-home .vh-path{padding:20px}
  .vat-home .vh-path h3,.vat-home .vh-cards .vh-card h3{font-size:27px}
  .vat-home .vh-path h3{margin-top:16px}
  .vat-home .vh-path p{font-size:14px;margin-top:12px}
  .vat-home .vh-card__media{height:auto;aspect-ratio:12/5}
  .vat-home .vh-card__media--empty{display:none}
  .vat-home .vh-cards--1 .vh-card{display:flex}
  .vat-home .vh-cards--1 .vh-card__media{min-height:0;height:auto;position:static}
  .vat-home .vh-cards--1 .vh-card__media img{position:static}
  .vat-home .vh-card__body,.vat-home .vh-cards--1 .vh-card__body{padding:18px 18px 18px}
  .vat-home .vh-card__summary{font-size:14px}
  .vat-home .vh-card--guide .vh-card__media,.vat-home .vh-cards--1 .vh-card--guide .vh-card__media{margin:14px 14px 0;height:auto;aspect-ratio:5/2}
  .vat-home .vh-card--guide .vh-card__body{padding:16px 14px 18px}
  .vat-home .vh-route{display:flex;flex-direction:column;align-items:stretch;padding:18px;border-radius:24px;gap:0}
  .vat-home .vh-route__copy{display:contents}
  .vat-home .vh-route__media{order:1;margin-top:20px}
  .vat-home .vh-route__stops{order:2}
  .vat-home .vh-route .vh-btn{order:3;align-self:flex-start}
  .vat-home .vh-route__intro{font-size:14px}
  .vat-home .vh-route__stops{font-size:13px}
  .vat-home .vh-route .vh-btn{min-width:165px}
  .vat-home .vh-route__media{aspect-ratio:3/2;border-radius:20px}
  .vat-home .vh-guides__index{padding:16px 18px;border-radius:16px}
  .vat-home .vh-guides__index strong{font-size:16px}
  .vat-home .vh-planning{gap:10px;margin-top:20px}
  .vat-home .vh-plan{padding:16px 14px;border-radius:16px}
  .vat-home .vh-plan h3{font-size:21px;margin-top:12px}
  .vat-home .vh-plan p{font-size:12px;margin-top:8px}
  .vat-home .vh-final{padding:24px 22px;border-radius:24px;gap:22px}
  .vat-home .vh-final__intro{font-size:14px}
  .vat-home .vh-final .vh-btn{min-width:0;width:100%;max-width:240px}
}
@media (max-width:370px){
  .vat-home .vh-hero__actions{grid-template-columns:minmax(0,1fr)}
  .vat-home .vh-plan h3{font-size:19px}
}