/*
 * YVA Living Watercolor Front · Stage 2 foundation
 * Release candidate: MasterTransform 1.6.22 / Blueprint 1.8.22
 * Exact source baseline: MasterTransform 1.6.19 / Blueprint 1.8.19
 * Scope: design tokens, paper surfaces, Russian brand header and hero shell.
 */
:root{
  --yva-paper:#fbf7f0;
  --yva-paper-deep:#f2e9de;
  --yva-ink:#30242f;
  --yva-ink-soft:#665663;
  --yva-plum:#6f4777;
  --yva-plum-deep:#4c2f55;
  --yva-lavender:#bca7cc;
  --yva-rose:#d7a1a8;
  --yva-peach:#edc8ad;
  --yva-sage:#a8bcae;
  --yva-mist:#b8cad7;
  --yva-gold:#b58a43;
  --yva-gold-soft:#d8b978;
  --yva-line:rgba(93,66,78,.15);
  --yva-line-strong:rgba(93,66,78,.24);
  --yva-shadow:0 26px 70px -46px rgba(76,47,85,.56);
  --yva-shadow-soft:0 16px 42px -34px rgba(76,47,85,.44);
  --yva-ui:'Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --yva-serif:Georgia,'Times New Roman',serif;
  --yva-script:Georgia,'Times New Roman',serif;
  --maxw:1420px;
  --serif:var(--yva-serif);
  --ivory:var(--yva-paper);
  --paper:var(--yva-paper);
  --paper-soft:#fdf9f4;
  --tdark:var(--yva-ink);
  --tmuted:var(--yva-ink-soft);
  --plum:var(--yva-plum-deep);
  --plum-2:var(--yva-plum);
  --gold:var(--yva-gold);
  --gold-soft:var(--yva-gold-soft);
}

html{background:var(--yva-paper)}
body.page-home{
  color:var(--yva-ink);
  background-color:var(--yva-paper);
  background-image:url('/assets/img/yva/paper-cotton.webp');
  background-repeat:repeat;
  background-size:512px 512px;
}
.page-home .paper-field{
  background-color:var(--yva-paper)!important;
  background-image:
    url('/assets/img/yva/wash-peach.webp'),
    url('/assets/img/yva/wash-lavender.webp'),
    url('/assets/img/yva/wash-sage.webp'),
    url('/assets/img/yva/paper-cotton.webp')!important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat!important;
  background-position:-240px -240px,calc(100% + 260px) -220px,50% calc(100% + 300px),0 0!important;
  background-size:680px,720px,720px,512px!important;
  opacity:.72;
}
.page-home .grain,.page-home .cursor-glow{display:none!important}

/* Floating paper header */
.page-home .header{
  top:16px;
  padding:0!important;
  pointer-events:none;
  transition:top .22s ease,transform .22s ease;
}
.page-home .header-inner{
  min-height:88px;
  max-width:1420px;
  padding:10px 18px 10px 16px;
  border:1px solid rgba(126,92,75,.13);
  border-radius:26px;
  background:
    linear-gradient(rgba(255,253,248,.935),rgba(255,251,245,.935)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 20px 55px -38px rgba(74,48,68,.55),inset 0 1px 0 rgba(255,255,255,.82);
  pointer-events:auto;
}
.page-home .header.scrolled{
  top:7px;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.page-home .header.scrolled .header-inner{
  min-height:74px;
  background:
    linear-gradient(rgba(255,253,248,.975),rgba(255,251,245,.975)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 18px 48px -34px rgba(74,48,68,.66),0 1px 0 rgba(119,86,70,.12);
}
.page-home .brand.yva-brand,
.page-home .header .brand{
  display:grid;
  grid-template-columns:68px minmax(170px,1fr);
  align-items:center;
  gap:10px;
  min-width:280px;
}
.page-home .brand .logo,
.page-home .brand .yva-brand-mark{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
}
.yva-brand-emblem{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 7px 12px rgba(79,52,73,.13));
  transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s ease;
}
.page-home .brand:hover .yva-brand-emblem,
.page-home .brand:focus-visible .yva-brand-emblem{
  transform:rotate(3deg) scale(1.025);
  filter:drop-shadow(0 10px 18px rgba(79,52,73,.2));
}
.page-home .brand-copy.yva-brand-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
  line-height:1;
  white-space:nowrap;
}
.page-home .yva-brand-name{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:.86;
  margin-bottom:5px;
}
.page-home .yva-brand-name b,
.page-home .yva-brand-name strong{
  font-family:var(--yva-ui);
  color:var(--yva-ink);
  font-weight:650;
  letter-spacing:-.025em;
  text-transform:none;
}
.page-home .yva-brand-name b{
  color:var(--yva-plum-deep);
  font-size:21px;
  font-style:normal;
  margin-left:0;
}
.page-home .yva-brand-name strong{
  font-size:19px;
  margin-left:10px;
}
.page-home .brand-copy .yva-brand-origin,
.page-home .brand-copy .yva-brand-host{
  display:block;
  font-family:var(--sans);
  text-transform:none;
  letter-spacing:.01em;
}
.page-home .brand-copy .yva-brand-origin{
  color:var(--yva-ink-soft);
  font-size:9.5px;
  font-weight:500;
}
.page-home .brand-copy .yva-brand-host{
  color:#a05b4c;
  font-family:var(--yva-ui);
  font-size:11px;
  font-style:normal;
  font-weight:650;
  margin-top:2px;
}
.page-home .nav.yva-nav,
.page-home .header .nav{
  gap:clamp(14px,1.45vw,25px);
  margin-left:auto;
}
.page-home .nav a:not(.btn){
  font-family:var(--yva-ui);
  color:#443640;
  font-size:13.5px;
  font-weight:650;
  letter-spacing:0;
  padding:9px 0 8px;
}
.page-home .nav a:not(.btn)::after{
  height:6px;
  bottom:0;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(142,89,136,.34),rgba(211,151,158,.16) 45%,transparent 72%);
}
.page-home .header .btn.yva-nav-cta,
.page-home .header .btn{
  min-height:48px;
  padding:12px 23px;
  border-radius:15px 20px 16px 19px;
  border:1px solid rgba(141,89,107,.25);
  color:#3b2c36;
  background:
    linear-gradient(135deg,rgba(239,190,158,.88),rgba(224,164,132,.91)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 11px 25px -18px rgba(118,69,66,.68),inset 0 1px 0 rgba(255,255,255,.58);
  font-family:var(--yva-ui);
  font-weight:700;
  letter-spacing:.018em;
}
.page-home .header .btn:hover,
.page-home .header .btn:focus-visible{
  transform:translateY(-1px) rotate(-.25deg);
  box-shadow:0 15px 30px -18px rgba(118,69,66,.72),inset 0 1px 0 rgba(255,255,255,.65);
}

/* Mobile menu becomes an airy paper sheet. */
.page-home .nav-mobile{
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  padding:clamp(80px,14vh,120px) 30px 36px;
  background:
    linear-gradient(rgba(252,248,241,.97),rgba(252,248,241,.97)),
    url('/assets/img/yva/paper-cotton.webp');
}
.page-home .nav-mobile::before,
.page-home .nav-mobile::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  background-size:contain;
  background-repeat:no-repeat;
  pointer-events:none;
  opacity:.6;
}
.page-home .nav-mobile::before{left:-170px;top:-140px;background-image:url('/assets/img/yva/wash-lavender.webp')}
.page-home .nav-mobile::after{right:-170px;bottom:-140px;background-image:url('/assets/img/yva/wash-peach.webp')}
.page-home .nav-mobile>a{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  min-height:58px;
  padding:10px 6px;
  border-bottom:1px solid var(--yva-line);
  font-family:var(--yva-ui);
  font-size:20px;
  font-weight:650;
}
.page-home .nav-mobile .btn{justify-content:center;margin-top:24px;border:0}
.page-home .nav-mobile .close{top:22px;right:22px;width:48px;height:48px;border:1px solid var(--yva-line);border-radius:50%;background:rgba(255,253,249,.82)}
.page-home .yva-mobile-brand{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
}
.page-home .yva-mobile-brand>.yva-brand-emblem{width:74px;height:74px}
.page-home .yva-mobile-brand>span{display:flex;flex-direction:column;line-height:1.2}
.page-home .yva-mobile-brand b{font-family:var(--yva-ui);font-size:20px;font-weight:700;letter-spacing:-.02em}
.page-home .yva-mobile-brand em{font-family:var(--yva-ui);font-size:12px;font-style:normal;font-weight:600;color:#a05b4c}

/* Hero foundation */
.page-home .hero{
  min-height:850px;
  padding:150px 0 76px;
  align-items:center;
  background:transparent!important;
  overflow:visible;
}
.page-home .hero::after{
  content:"";
  position:absolute;
  inset:86px 0 0;
  z-index:0;
  pointer-events:none;
  background:
    url('/assets/img/yva/wash-peach.webp') no-repeat -220px 20%,
    url('/assets/img/yva/wash-lavender.webp') no-repeat calc(100% + 250px) 5%,
    radial-gradient(ellipse at 50% 44%,rgba(255,253,248,.72),rgba(255,253,248,.1) 66%,transparent 82%);
  background-size:620px,720px,auto;
  opacity:.82;
}
.page-home .hero .wrap{width:100%;max-width:1420px}
.page-home .hero-grid{
  grid-template-columns:minmax(390px,.78fr) minmax(600px,1.35fr);
  gap:clamp(24px,3vw,52px);
  align-items:center;
}
.page-home .yva-hero-copy{padding:20px 0 28px;position:relative;z-index:3}
.page-home .hero .eyebrow{
  margin-bottom:22px;
  color:#7e5c54;
  letter-spacing:.14em;
  font-size:11px;
}
.page-home .hero h1{
  max-width:630px;
  margin-bottom:23px;
  font-family:var(--yva-serif);
  font-size:clamp(48px,5.15vw,76px);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.035em;
  color:#3b3136;
}
.page-home .hero h1 .line{overflow:visible}
.page-home .hero h1 .line span{transform:none;animation:none}
.page-home .hero h1 .line:nth-child(2) span{color:#4b3b42}
.page-home .hero h1 .yva-script-line span{
  display:inline-block;
  margin-top:6px;
  color:#8b558d;
  font-family:var(--yva-script);
  font-size:1.12em;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.055em;
  transform:rotate(-1deg);
}
.page-home .hero-tag{
  max-width:590px;
  color:#76536f;
  font-family:var(--yva-serif);
  font-size:clamp(18px,1.6vw,23px);
  font-style:italic;
  line-height:1.45;
  margin-bottom:14px;
}
.page-home .hero-sub{max-width:590px;color:#574953;font-size:16px;line-height:1.7;margin-bottom:27px}
.page-home .hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.page-home .hero-actions .btn{
  min-height:54px;
  padding:14px 24px;
  border-radius:16px 20px 15px 19px;
  font-family:var(--yva-ui);
  font-size:15px;
  font-weight:700;
  letter-spacing:.01em;
}
.page-home .hero-actions .btn-primary{
  color:#fffaf5;
  border:1px solid rgba(79,47,85,.25);
  background:
    linear-gradient(135deg,rgba(116,69,121,.97),rgba(85,49,91,.98)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 18px 35px -22px rgba(78,44,83,.85),inset 0 1px 0 rgba(255,255,255,.18);
}
.page-home .hero-actions .btn-secondary{
  border:1px solid rgba(137,99,83,.22);
  color:#46373f;
  background:rgba(255,252,247,.7);
  box-shadow:0 11px 30px -25px rgba(78,44,83,.55);
}
.page-home .hero-author{
  display:flex;
  flex-direction:column;
  gap:3px;
  width:max-content;
  max-width:100%;
  margin-top:25px;
  padding-left:22px;
  border-left:2px solid rgba(181,138,67,.46);
  color:#6c5b64;
  font-family:var(--yva-serif);
  font-size:13px;
}
.page-home .hero-author b{color:#a05b4c;font-size:17px;font-style:italic;font-weight:500}
.page-home .yva-hero-media{min-height:620px;display:grid;place-items:center;position:relative}
.page-home .yva-hero-art{
  width:min(100%,860px);
  aspect-ratio:16/10;
  min-height:0;
  border:0;
  border-radius:42% 24% 38% 25% / 24% 34% 28% 38%;
  background:transparent;
  overflow:visible;
  box-shadow:none;
  transform:none!important;
}
.page-home .yva-hero-art picture,.page-home .yva-hero-art img{display:block;width:100%;height:100%;object-fit:contain}
.page-home .yva-hero-art img{filter:drop-shadow(0 30px 34px rgba(83,55,72,.12))}
.page-home .yva-hero-art::before{
  content:"";
  position:absolute;
  inset:3% 1% 2%;
  z-index:-1;
  border-radius:50%;
  background:url('/assets/img/yva/wash-lavender.webp') center/contain no-repeat;
  opacity:.48;
  transform:scale(1.04) rotate(-5deg);
}
.page-home .yva-paper-note{
  min-width:210px;
  max-width:260px;
  border:1px solid rgba(133,95,79,.16)!important;
  border-radius:11px 18px 12px 16px!important;
  color:#4d3e45!important;
  background:
    linear-gradient(rgba(255,250,243,.94),rgba(252,245,236,.94)),
    url('/assets/img/yva/paper-cotton.webp')!important;
  box-shadow:var(--yva-shadow-soft)!important;
  backdrop-filter:none!important;
}
.page-home .yva-paper-note .fc-eyebrow{color:#9b6a52}
.page-home .yva-hero-media .fc1{left:5%;bottom:16%;right:auto;top:auto}
.page-home .yva-hero-media .fc2{right:2%;bottom:7%;top:auto}
.page-home .scroll-cue{display:none}

/* Give the first content block a clean editorial transition. */
.page-home .hero + .section{padding-top:94px}
.page-home .hero + .section::before{
  content:"";
  position:absolute;
  top:18px;
  left:50%;
  width:min(720px,70vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(181,138,67,.42),transparent);
}

@media(max-width:1240px){
  .page-home .header-inner{margin:0 14px}
  .page-home .brand.yva-brand,.page-home .header .brand{min-width:245px;grid-template-columns:58px minmax(160px,1fr)}
  .page-home .brand .logo,.page-home .brand .yva-brand-mark{width:58px;height:58px}
  .page-home .yva-brand-name b{font-size:23px}.page-home .yva-brand-name strong{font-size:18px}
  .page-home .nav.yva-nav,.page-home .header .nav{gap:13px}
  .page-home .nav a:not(.btn){font-size:13px}
  .page-home .header .btn{padding:11px 17px}
  .page-home .hero-grid{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.2fr)}
}

@media(max-width:1040px){
  .page-home .nav{display:none}
  .page-home .burger{display:flex}
  .page-home .header-inner{min-height:78px}
  .page-home .hero{padding-top:132px}
  .page-home .hero-grid{grid-template-columns:1fr;gap:18px}
  .page-home .yva-hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
  .page-home .hero-author{text-align:left}
  .page-home .yva-hero-media{min-height:500px;margin-top:-18px}
  .page-home .yva-hero-art{width:min(100%,800px)}
}

@media(max-width:680px){
  .page-home .header{top:8px}
  .page-home .header-inner{margin:0 8px;padding:8px 11px;min-height:68px;border-radius:21px}
  .page-home .brand.yva-brand,.page-home .header .brand{grid-template-columns:48px minmax(0,1fr);gap:7px;min-width:0}
  .page-home .brand .logo,.page-home .brand .yva-brand-mark{width:48px;height:48px}
  .page-home .yva-brand-name{margin-bottom:2px;line-height:.9}
  .page-home .yva-brand-name b{font-size:18px}
  .page-home .yva-brand-name strong{font-size:15px;margin-left:10px}
  .page-home .brand-copy .yva-brand-origin{display:none}
  .page-home .brand-copy .yva-brand-host{font-size:10px;margin-top:2px}
  .page-home .burger{padding:10px;margin-left:auto}
  .page-home .hero{min-height:auto;padding:112px 0 66px}
  .page-home .hero .wrap{padding:0 19px}
  .page-home .hero-grid{gap:2px}
  .page-home .yva-hero-copy{padding:12px 0 0}
  .page-home .hero .eyebrow{font-size:9.5px;margin-bottom:16px;letter-spacing:.11em}
  .page-home .hero h1{font-size:clamp(43px,13vw,58px);line-height:.94;margin-bottom:18px}
  .page-home .hero-tag{font-size:18px;line-height:1.4}
  .page-home .hero-sub{font-size:14.5px;line-height:1.62;margin-bottom:22px}
  .page-home .hero-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .page-home .hero-actions .btn{width:100%;min-height:52px}
  .page-home .hero-author{align-self:flex-start;margin-top:20px;font-size:12px}
  .page-home .hero-author b{font-size:15px}
  .page-home .yva-hero-media{min-height:355px;width:calc(100% + 20px);margin:0 -10px -10px}
  .page-home .yva-hero-art{width:100%;aspect-ratio:1.1/1}
  .page-home .yva-hero-art img{object-fit:contain}
  .page-home .yva-paper-note{display:none!important}
  .page-home .hero + .section{padding-top:76px}
}

@media(max-width:380px){
  .page-home .header-inner{margin:0 6px}
  .page-home .yva-brand-name b{font-size:16.5px}
  .page-home .yva-brand-name strong{font-size:13.5px}
  .page-home .brand-copy .yva-brand-host{font-size:9px}
  .page-home .hero h1{font-size:40px}
}

@media(prefers-reduced-motion:reduce){
  .yva-brand-emblem,.page-home .header,.page-home .header-inner,.page-home .header .btn{transition:none!important}
  .page-home .brand:hover .yva-brand-emblem,.page-home .brand:focus-visible .yva-brand-emblem{transform:none!important}
}

/* Stage 2 corrective pass: mobile order and brand visibility override legacy 1.6.19 rules. */
@media(max-width:1040px){
  .page-home .yva-hero-copy{order:-1}
  .page-home .yva-hero-media{order:0!important}
}
@media(max-width:680px){
  .page-home .brand-copy.yva-brand-copy .yva-brand-name{display:flex!important}
  .page-home .brand-copy.yva-brand-copy .yva-brand-origin{display:none!important}
  .page-home .brand-copy.yva-brand-copy .yva-brand-host{display:block!important}
}

/* Host fallback illustration is a real approved raster asset, not a generated SVG placeholder. */
.page-home .host-slot picture,.page-home .host-slot picture img{display:block;width:100%;height:100%}
.page-home .host-slot picture img{object-fit:cover;object-position:center 18%}


/* ========================================================================
   Stage 3 — raster Asset Library, editorial dividers and audience cards
   ======================================================================== */
.yva-raster-art{display:block;position:relative;flex:0 0 auto}
.yva-raster-art img{display:block;width:100%;height:100%;object-fit:contain}

.page-home .yva-audience{
  position:relative;
  padding-top:68px;
  padding-bottom:96px;
  overflow:hidden;
}
.page-home .yva-audience::before{
  content:"";
  position:absolute;
  inset:6% -12% auto;
  height:76%;
  pointer-events:none;
  background:
    url('/assets/img/yva/wash-sage.webp') left 18% top 20%/520px no-repeat,
    url('/assets/img/yva/wash-peach.webp') right 10% bottom 0/560px no-repeat;
  opacity:.22;
}
.page-home .yva-section-heading{position:relative;z-index:1;max-width:850px;margin-inline:auto}
.page-home .yva-section-heading .lede{max-width:760px}
.page-home .yva-audience-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}
.page-home .yva-audience-card{
  position:relative;
  min-height:400px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:17px 20px 27px;
  border:1px solid rgba(128,92,82,.15);
  border-radius:18px 24px 17px 22px;
  text-align:center;
  background:
    linear-gradient(160deg,rgba(255,254,251,.94),rgba(249,242,233,.91)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 24px 54px -38px rgba(64,42,55,.45),inset 0 1px 0 rgba(255,255,255,.74);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.page-home .yva-audience-card::after{
  content:"";
  position:absolute;
  inset:auto 22% 13px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(177,126,68,.45),transparent);
}
@media(hover:hover){
  .page-home .yva-audience-card:hover{
    transform:translateY(-5px) rotate(.15deg);
    border-color:rgba(137,91,126,.26);
    box-shadow:0 30px 66px -38px rgba(65,41,58,.55),inset 0 1px 0 rgba(255,255,255,.82);
  }
}
.page-home .yva-audience-art{width:min(100%,218px);aspect-ratio:1;margin:-2px auto 1px}
.page-home .yva-audience-card h3{
  max-width:250px;
  margin:0 auto 11px;
  color:#44363e;
  font-family:var(--yva-serif);
  font-size:24px;
  font-weight:500;
  line-height:1.15;
}
.page-home .yva-audience-card p{margin:0;color:#6b5a62;font-size:14px;line-height:1.6}

.yva-section-divider{width:min(1200px,88vw);height:58px;margin:0 auto;overflow:hidden;opacity:.9}
.yva-section-divider img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

.page-home .about-game{padding-top:84px}
.page-home .about-game>.wrap{position:relative}
.page-home .about-game>.wrap::before{
  content:"";
  position:absolute;
  inset:145px -3vw auto;
  height:360px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(231,218,232,.32),rgba(255,253,249,0) 72%);
}
.page-home .yva-specs{gap:18px;margin-top:42px}
.page-home .yva-specs .spec{
  min-height:330px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:14px 22px 27px;
  border:1px solid rgba(128,92,82,.14);
  border-radius:18px 23px 17px 21px;
  background:
    linear-gradient(rgba(255,253,249,.92),rgba(249,242,234,.9)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 22px 50px -38px rgba(58,39,50,.42);
}
.page-home .yva-specs .spec-wc-icon{width:148px;height:148px;margin:0 auto -7px}
.page-home .yva-specs .spec-num{margin-top:0;color:#7c4d7e;font-family:var(--yva-serif);font-size:37px;line-height:1}
.page-home .yva-specs .spec h4{margin-top:7px;font-family:var(--yva-serif);font-size:20px;font-weight:500}
.page-home .yva-specs .spec p{max-width:240px;margin-top:8px;color:#6c5b63;line-height:1.52}

.page-home .yva-kit-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:0;
  margin:42px 0 36px;
  padding:20px 12px 17px;
  border-block:1px solid rgba(151,112,83,.15);
  background:rgba(255,252,247,.38);
}
.page-home .yva-kit-item{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  padding:0 10px;
  text-align:center;
  border-right:1px solid rgba(132,99,83,.13);
}
.page-home .yva-kit-item:last-child{border-right:0}
.page-home .yva-kit-art{width:88px;height:88px;margin-bottom:-2px}
.page-home .yva-kit-item span{color:#68545e;font-family:var(--yva-serif);font-size:13px;line-height:1.3}
.page-home .yva-kit-item b{display:block;color:#3f343a;font-weight:500}

@media(max-width:1100px){
  .page-home .yva-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .page-home .yva-audience-card{min-height:350px}
  .page-home .yva-kit-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}
  .page-home .yva-kit-item:nth-child(4){border-right:0}
}
@media(max-width:680px){
  .page-home .yva-audience{padding-top:46px;padding-bottom:66px}
  .page-home .yva-audience-grid{grid-template-columns:1fr;gap:13px;margin-top:28px}
  .page-home .yva-audience-card{
    min-height:0;
    display:grid;
    grid-template-columns:118px minmax(0,1fr);
    gap:8px;
    align-items:center;
    padding:10px 16px 15px 8px;
    text-align:left;
  }
  .page-home .yva-audience-card::after{inset:auto 18px 8px 128px}
  .page-home .yva-audience-art{width:118px;margin:0}
  .page-home .yva-audience-card h3{max-width:none;margin:0 0 7px;font-size:20px}
  .page-home .yva-audience-card p{font-size:13px;line-height:1.5}
  .yva-section-divider{width:94vw;height:43px}
  .page-home .about-game{padding-top:62px}
  .page-home .yva-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
  .page-home .yva-specs .spec{min-height:280px;padding:10px 11px 20px}
  .page-home .yva-specs .spec-wc-icon{width:116px;height:116px}
  .page-home .yva-specs .spec-num{font-size:31px}
  .page-home .yva-specs .spec h4{font-size:17px}
  .page-home .yva-specs .spec p{font-size:12.5px}
  .page-home .yva-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 0;padding:14px 0}
  .page-home .yva-kit-item{min-height:132px;padding:5px 10px;border-bottom:1px solid rgba(132,99,83,.12)}
  .page-home .yva-kit-item:nth-child(even){border-right:0}
  .page-home .yva-kit-item:nth-last-child(-n+2){border-bottom:0}
  .page-home .yva-kit-art{width:82px;height:82px}
  .page-home .yva-kit-item span{font-size:13px}
}
@media(max-width:360px){
  .page-home .yva-audience-card{grid-template-columns:102px minmax(0,1fr)}
  .page-home .yva-audience-art{width:102px}
  .page-home .yva-audience-card h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .page-home .yva-audience-card{transition:none!important}
  .page-home .yva-audience-card:hover{transform:none!important}
}

/* ========================================================================== 
   YVA Living Watercolor · Stage 4
   History, reflective mechanics and eight life spheres.
   ========================================================================== */

.page-home .yva-section-heading{max-width:890px;margin-inline:auto}
.page-home .yva-section-heading .lede{max-width:760px}

/* History: raster botanical snake instead of inline SVG. */
.page-home .yva-history{
  position:relative;
  overflow:hidden;
  background:
    url('/assets/img/yva/wash-lavender.webp') no-repeat -280px 12%,
    url('/assets/img/yva/wash-peach.webp') no-repeat calc(100% + 310px) 78%,
    linear-gradient(rgba(253,249,244,.84),rgba(249,242,237,.9)),
    url('/assets/img/yva/paper-cotton.webp');
  background-size:720px,720px,auto,512px;
}
.page-home .yva-history::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 18%,transparent 82%,rgba(255,255,255,.16));
}
.page-home .yva-history-timeline{
  max-width:1180px;
  margin-top:60px;
  gap:28px;
  padding-block:30px;
}
.page-home .yva-history-timeline .yva-timeline-vine{
  position:absolute;
  inset:0 auto 0 50%;
  width:270px;
  height:100%;
  transform:translateX(-50%);
  opacity:.92;
  z-index:0;
  pointer-events:none;
}
.page-home .yva-history-timeline .yva-timeline-vine img{
  width:100%;
  height:100%;
  object-fit:fill;
}
.page-home .yva-history-card{
  width:calc(50% - 108px);
  min-height:0;
  display:grid;
  grid-template-columns:minmax(132px,.78fr) minmax(0,1.22fr);
  gap:10px;
  align-items:center;
  padding:15px 19px 18px 13px;
  text-align:left;
  border:1px solid rgba(132,94,83,.16);
  border-radius:24px 29px 23px 28px;
  background:
    linear-gradient(rgba(255,253,249,.92),rgba(250,244,237,.91)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 23px 52px -40px rgba(63,43,58,.52),inset 0 1px rgba(255,255,255,.62);
}
.page-home .yva-history-card:hover{
  transform:translateY(-4px) rotate(-.15deg);
  border-color:rgba(181,138,67,.34);
  box-shadow:0 32px 68px -43px rgba(63,43,58,.62),inset 0 1px rgba(255,255,255,.72);
}
.page-home .yva-history-card:nth-of-type(even):hover{transform:translateY(-4px) rotate(.15deg)}
.page-home .yva-history-card::after{
  width:76px;
  background:linear-gradient(90deg,rgba(181,138,67,.08),rgba(181,138,67,.48),rgba(140,86,128,.24));
}
.page-home .yva-history-art{width:100%;aspect-ratio:14/9;align-self:stretch}
.page-home .yva-history-art img{object-fit:contain;filter:drop-shadow(0 12px 16px rgba(70,47,58,.08))}
.page-home .yva-history-copy{padding:8px 7px 8px 1px}
.page-home .yva-history-card .tl-year{color:#9a7351;font-size:11px;letter-spacing:.17em}
.page-home .yva-history-card h3{font-family:var(--yva-serif);font-size:clamp(21px,1.8vw,27px);font-weight:500;line-height:1.08;margin-bottom:9px}
.page-home .yva-history-card p{font-size:14px;line-height:1.58;color:#66545d}
.page-home .yva-history-card .tl-node{
  width:22px;
  height:22px;
  border:1px solid rgba(181,138,67,.78);
  background:rgba(255,250,243,.94);
  box-shadow:0 0 0 7px rgba(255,250,243,.7),0 8px 20px -10px rgba(83,52,76,.65);
}
.page-home .yva-history-card .tl-node span{width:8px;height:8px;border-radius:50%;background:#8e5c8c}
.page-home .yva-history-card .tl-node::after{display:none}

/* Reflective mechanics: light editorial cards, not a dark technology panel. */
.page-home .yva-science{
  color:var(--yva-ink);
  position:relative;
  overflow:hidden;
  background:
    url('/assets/img/yva/wash-sage.webp') no-repeat calc(100% + 290px) 15%,
    url('/assets/img/yva/wash-lavender.webp') no-repeat -300px 92%,
    linear-gradient(rgba(252,248,242,.86),rgba(248,242,238,.9)),
    url('/assets/img/yva/paper-cotton.webp');
  background-size:680px,700px,auto,512px;
}
.page-home .yva-science::after{display:none}
.page-home .yva-science .eyebrow{color:#8b5b79}
.page-home .yva-science .eyebrow::before,.page-home .yva-science .eyebrow.center::before{background:linear-gradient(90deg,#b58a43,transparent)}
.page-home .yva-science h2{color:var(--yva-ink)}
.page-home .yva-science .lede{color:#66545d}
.page-home .yva-science-grid{gap:18px;margin-top:44px}
.page-home .yva-science-card{
  min-height:300px;
  display:grid;
  grid-template-columns:minmax(160px,.72fr) minmax(0,1.28fr);
  gap:12px;
  align-items:center;
  padding:14px 24px 16px 12px;
  overflow:hidden;
  border:1px solid rgba(132,94,83,.16);
  border-radius:26px 31px 25px 29px;
  background:
    radial-gradient(260px 150px at 10% 10%,rgba(202,157,183,.10),transparent 70%),
    linear-gradient(rgba(255,253,249,.92),rgba(250,244,237,.9)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 24px 52px -40px rgba(63,43,58,.52),inset 0 1px rgba(255,255,255,.65);
}
.page-home .yva-science-card::before{display:none}
.page-home .yva-science-card:hover{
  transform:translateY(-4px);
  border-color:rgba(181,138,67,.34);
  box-shadow:0 32px 66px -42px rgba(63,43,58,.62),inset 0 1px rgba(255,255,255,.75);
}
.page-home .yva-science-art{width:100%;aspect-ratio:43/36}
.page-home .yva-science-art img{object-fit:contain;filter:drop-shadow(0 12px 16px rgba(70,47,58,.08))}
.page-home .yva-science-copy{padding:13px 2px}
.page-home .yva-science-card h3{font-family:var(--yva-serif);color:#45353e;font-size:24px;font-weight:500;line-height:1.12;margin-bottom:9px}
.page-home .yva-science-card p{color:#675660;font-size:14px;line-height:1.58}
.page-home .yva-science-card .src{margin-top:12px;color:#8c6681;font-size:11px;letter-spacing:.04em}

/* Eight spheres: visual editorial miniatures. */
.page-home .yva-asks{
  position:relative;
  background:
    url('/assets/img/yva/wash-peach.webp') no-repeat -280px 15%,
    url('/assets/img/yva/wash-sage.webp') no-repeat calc(100% + 300px) 88%,
    linear-gradient(rgba(253,249,244,.86),rgba(249,244,238,.92)),
    url('/assets/img/yva/paper-cotton.webp');
  background-size:680px,700px,auto,512px;
}
.page-home .yva-asks-grid{gap:16px;margin-top:44px}
.page-home .yva-sphere-card{
  min-height:365px;
  display:flex;
  flex-direction:column;
  padding:8px 17px 21px;
  overflow:hidden;
  border:1px solid rgba(132,94,83,.15);
  border-radius:25px 29px 23px 28px;
  background:
    linear-gradient(rgba(255,253,249,.91),rgba(250,244,237,.9)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 22px 50px -39px rgba(63,43,58,.48),inset 0 1px rgba(255,255,255,.66);
}
.page-home .yva-sphere-card:hover{
  transform:translateY(-4px) rotate(-.12deg);
  border-color:rgba(181,138,67,.33);
  box-shadow:0 31px 64px -42px rgba(63,43,58,.6),inset 0 1px rgba(255,255,255,.74);
}
.page-home .yva-sphere-card:nth-child(even):hover{transform:translateY(-4px) rotate(.12deg)}
.page-home .yva-sphere-art{width:100%;aspect-ratio:7/5;margin:0 auto -2px}
.page-home .yva-sphere-art img{object-fit:contain;filter:drop-shadow(0 11px 16px rgba(70,47,58,.07))}
.page-home .yva-sphere-card>div{position:relative;padding:0 5px 2px}
.page-home .yva-sphere-index{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
  color:#9a7351;
  font-family:var(--yva-serif);
  font-size:12px;
  letter-spacing:.16em;
}
.page-home .yva-sphere-index::after{content:"";width:34px;height:1px;background:rgba(181,138,67,.42)}
.page-home .yva-sphere-card h4{font-family:var(--yva-serif);font-size:21px;font-weight:500;line-height:1.12;margin-bottom:8px;color:#44353d}
.page-home .yva-sphere-card p{font-size:13.5px;line-height:1.56;color:#685760}

@media(max-width:1120px){
  .page-home .yva-history-card{width:calc(50% - 90px);grid-template-columns:125px minmax(0,1fr)}
  .page-home .yva-history-timeline .yva-timeline-vine{width:230px}
  .page-home .yva-science-card{grid-template-columns:145px minmax(0,1fr)}
  .page-home .yva-asks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-home .yva-sphere-card{min-height:330px;display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;padding:10px 20px 12px 8px}
  .page-home .yva-sphere-art{aspect-ratio:7/5;margin:0}
}
@media(max-width:780px){
  .page-home .yva-history-timeline{padding-left:86px;gap:17px;margin-top:42px}
  .page-home .yva-history-timeline .yva-timeline-vine{left:0;transform:none;width:78px;height:100%;opacity:.9}
  .page-home .yva-history-card,.page-home .yva-history-card.tl-left,.page-home .yva-history-card.tl-right{
    width:100%;
    grid-template-columns:145px minmax(0,1fr);
    align-self:stretch;
    text-align:left;
    padding:10px 16px 12px 8px;
  }
  .page-home .yva-history-card::after{left:-36px!important;right:auto!important;width:36px!important;transform:translateY(-50%)!important}
  .page-home .yva-history-card .tl-node{left:-49px!important;right:auto!important}
  .page-home .yva-science-grid{grid-template-columns:1fr}
  .page-home .yva-science-card{min-height:0;grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:560px){
  .page-home .yva-history,.page-home .yva-science,.page-home .yva-asks{padding-top:62px;padding-bottom:68px}
  .page-home .yva-history-timeline{padding-left:53px;margin-top:32px}
  .page-home .yva-history-timeline .yva-timeline-vine{width:50px}
  .page-home .yva-history-card,.page-home .yva-history-card.tl-left,.page-home .yva-history-card.tl-right{
    grid-template-columns:104px minmax(0,1fr);
    gap:4px;
    padding:7px 12px 10px 5px;
    border-radius:20px 23px 20px 22px;
  }
  .page-home .yva-history-card::after{left:-24px!important;width:24px!important}
  .page-home .yva-history-card .tl-node{left:-32px!important;width:18px;height:18px}
  .page-home .yva-history-copy{padding:8px 1px}
  .page-home .yva-history-card h3{font-size:18px}
  .page-home .yva-history-card p{font-size:12px;line-height:1.5}
  .page-home .yva-history-card .tl-year{font-size:9.5px;margin-bottom:5px}
  .page-home .yva-science-grid{gap:12px;margin-top:30px}
  .page-home .yva-science-card{grid-template-columns:112px minmax(0,1fr);gap:3px;padding:7px 13px 10px 5px;border-radius:21px 24px 20px 23px}
  .page-home .yva-science-copy{padding:8px 1px}
  .page-home .yva-science-card h3{font-size:19px}
  .page-home .yva-science-card p{font-size:12.5px;line-height:1.5}
  .page-home .yva-science-card .src{font-size:10px;margin-top:8px}
  .page-home .yva-asks-grid{grid-template-columns:1fr;gap:11px;margin-top:30px}
  .page-home .yva-sphere-card{min-height:0;grid-template-columns:112px minmax(0,1fr);padding:6px 13px 9px 5px;border-radius:21px 24px 20px 23px}
  .page-home .yva-sphere-card>div{padding:5px 0}
  .page-home .yva-sphere-index{font-size:9.5px;margin-bottom:5px}
  .page-home .yva-sphere-index::after{width:24px}
  .page-home .yva-sphere-card h4{font-size:18px;margin-bottom:5px}
  .page-home .yva-sphere-card p{font-size:12px;line-height:1.48}
}
@media(max-width:360px){
  .page-home .yva-history-timeline{padding-left:46px}
  .page-home .yva-history-card,.page-home .yva-history-card.tl-left,.page-home .yva-history-card.tl-right{grid-template-columns:88px minmax(0,1fr)}
  .page-home .yva-science-card,.page-home .yva-sphere-card{grid-template-columns:94px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .page-home .yva-history-card,.page-home .yva-science-card,.page-home .yva-sphere-card{transition:none!important}
  .page-home .yva-history-card:hover,.page-home .yva-science-card:hover,.page-home .yva-sphere-card:hover{transform:none!important}
}


/* ========================================================================== */
/* YVA Stage 5 — host, reviews, letter form, footer and living contact sheet. */
/* ========================================================================== */

.page-home .yva-host{
  position:relative;
  overflow:hidden;
  background:
    url('/assets/img/yva/wash-peach.webp') no-repeat calc(100% + 280px) 16%,
    url('/assets/img/yva/wash-lavender.webp') no-repeat -320px 92%,
    linear-gradient(rgba(252,247,242,.91),rgba(247,237,239,.94)),
    url('/assets/img/yva/paper-cotton.webp');
  background-size:720px,700px,auto,512px;
}
.page-home .yva-host::after{content:"";position:absolute;right:-48px;bottom:-18px;width:330px;height:88px;background:url('/assets/img/yva/library/divider-botanical.webp') center/contain no-repeat;opacity:.42;pointer-events:none;transform:rotate(-4deg)}
.page-home .yva-host .host-grid{grid-template-columns:minmax(330px,.83fr) minmax(0,1.17fr);gap:78px}
.page-home .yva-host .host-media{padding:22px 18px 28px 22px}
.page-home .yva-host .host-media::before{content:"";position:absolute;inset:5px 9px 9px 5px;border:1px solid rgba(176,130,74,.26);border-radius:48% 52% 46% 54%/44% 48% 52% 56%;transform:rotate(-1.5deg);background:linear-gradient(rgba(255,252,247,.42),rgba(244,226,231,.38)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 30px 70px -48px rgba(67,45,58,.62)}
.page-home .yva-host .host-slot{position:relative;z-index:1;aspect-ratio:4/4.55;border-radius:47% 53% 45% 55%/43% 48% 52% 57%;overflow:hidden;border:0;box-shadow:none;background:transparent}
.page-home .yva-host .host-slot::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 54%,rgba(249,239,234,.74) 78%,rgba(249,239,234,.96) 100%);pointer-events:none}
.page-home .yva-host .host-slot picture img{object-fit:cover;object-position:center 18%;filter:saturate(.95) contrast(1.02)}
.page-home .yva-host .host-badge{right:-8px;bottom:18px;z-index:3;max-width:245px;border-radius:8px 18px 10px 20px;background:linear-gradient(150deg,rgba(94,55,92,.97),rgba(71,43,75,.98));border:1px solid rgba(224,199,141,.32);box-shadow:0 22px 48px -28px rgba(54,34,55,.82);transform:rotate(-1.2deg)}
.page-home .yva-host .host-text{position:relative;padding:38px 42px 40px;border:1px solid rgba(134,96,83,.14);border-radius:34px 28px 38px 26px;background:linear-gradient(rgba(255,253,249,.86),rgba(251,245,239,.89)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 28px 70px -48px rgba(65,44,57,.56),inset 0 1px rgba(255,255,255,.72)}
.page-home .yva-host .host-text::before{content:"";position:absolute;right:24px;top:18px;width:72px;height:72px;border:1px solid rgba(143,92,111,.25);border-radius:50%;box-shadow:inset 0 0 0 5px rgba(255,252,247,.66);opacity:.62}
.page-home .yva-host .host-quote{border:0;border-radius:20px 24px 18px 22px;padding:24px 28px;background:radial-gradient(circle at 8% 15%,rgba(181,143,195,.14),transparent 45%),linear-gradient(rgba(255,253,249,.78),rgba(249,239,242,.82)),url('/assets/img/yva/paper-cotton.webp');box-shadow:inset 0 0 0 1px rgba(143,92,111,.12);font-size:20px;line-height:1.55}
.page-home .yva-host .signature{font-family:var(--yva-script);font-size:34px;color:#875873}
.page-home .yva-host-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}
.page-home .yva-text-link{color:#76556f;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(118,85,111,.28);padding-bottom:4px}
.page-home .yva-text-link:hover{color:#4d334d;border-color:currentColor}

.page-home .yva-reviews{color:#4b3a45;position:relative;overflow:hidden;background:url('/assets/img/yva/wash-sage.webp') no-repeat calc(100% + 250px) 100%,url('/assets/img/yva/wash-lavender.webp') no-repeat -260px 0,linear-gradient(rgba(253,249,244,.93),rgba(247,239,241,.96)),url('/assets/img/yva/paper-cotton.webp');background-size:680px,680px,auto,512px}
.page-home .yva-reviews .eyebrow{color:#8a5c79}.page-home .yva-reviews .eyebrow.center::before{background:#b58a43}.page-home .yva-reviews h2{color:#46343f}.page-home .yva-reviews .reviews-summary{color:#71606a}
.page-home .yva-reviews .reviews-grid{gap:26px}
.page-home .yva-reviews .review-card-open{border:1px solid rgba(131,95,82,.16);border-radius:27px 31px 25px 29px;background:linear-gradient(rgba(255,253,249,.91),rgba(248,240,234,.93)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 26px 60px -44px rgba(65,44,57,.55);color:#4a3943;transform:rotate(-.2deg)}
.page-home .yva-reviews .review-card-shell:nth-child(even) .review-card-open{transform:rotate(.25deg)}
.page-home .yva-reviews .review-card-open:hover,.page-home .yva-reviews .review-card-open:focus-visible{transform:translateY(-5px) rotate(0);border-color:rgba(181,138,67,.35);box-shadow:0 34px 70px -44px rgba(65,44,57,.64);background:linear-gradient(rgba(255,253,249,.96),rgba(248,240,234,.96)),url('/assets/img/yva/paper-cotton.webp')}
.page-home .yva-reviews .review-card-media{background:linear-gradient(145deg,#efe2e5,#e6ebe4)}
.page-home .yva-reviews .review-card-media::after{background:linear-gradient(180deg,transparent,rgba(70,47,61,.24))}
.page-home .yva-reviews .review-media-fallback{background:radial-gradient(circle at 25% 18%,rgba(224,199,141,.26),transparent 43%),linear-gradient(145deg,#eee1e7,#e6ede5);color:#67535f}
.page-home .yva-reviews .review-card-body{color:#4a3943}
.page-home .yva-reviews .review-quote{color:#a46d8c}.page-home .yva-reviews .review-stars svg{fill:#dfd3c9}.page-home .yva-reviews .review-stars svg.on{fill:#b58a43}.page-home .yva-reviews .review-text,.page-home .yva-reviews .review-author b{color:#4a3943}.page-home .yva-reviews .review-author span{color:#796975}.page-home .yva-reviews .review-open-label{color:#8a5c79}
.page-home .yva-review-letter{max-width:860px;display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:28px;margin:38px auto 0;padding:18px 34px 22px 18px;text-align:left;color:#4b3a45;border:1px solid rgba(131,95,82,.15);border-radius:26px 31px 25px 29px;background:linear-gradient(rgba(255,253,249,.9),rgba(248,240,234,.92)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 28px 68px -48px rgba(65,44,57,.58)}
.page-home .yva-review-letter .yva-review-letter-art{width:100%;aspect-ratio:1/1}.page-home .yva-review-letter .yva-review-letter-art img{object-fit:contain}.page-home .yva-review-letter b{display:block;font-family:var(--yva-serif);font-size:27px;font-weight:500;margin:5px 0 9px;color:#493641}.page-home .yva-review-letter p{margin:0;color:#74616c;line-height:1.65}.page-home .yva-review-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#9b744e;font-weight:800}
.page-home .yva-reviews .reviews-more{border:1px solid rgba(118,85,111,.26);color:#674860;background:rgba(255,253,249,.82)}

.page-home .yva-letter-cta{text-align:left;background:url('/assets/img/yva/wash-peach.webp') no-repeat -300px 80%,url('/assets/img/yva/wash-lavender.webp') no-repeat calc(100% + 280px) 5%,linear-gradient(rgba(252,247,241,.94),rgba(245,234,239,.94)),url('/assets/img/yva/paper-cotton.webp');background-size:720px,720px,auto,512px}
.page-home .yva-letter-cta .wrap{max-width:1180px}
.page-home .yva-letter-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:42px;align-items:center}
.page-home .yva-letter-copy{position:relative;padding:24px 8px 28px 0}.page-home .yva-letter-copy h2{font-size:clamp(38px,5vw,62px);text-align:left;margin:12px 0 18px}.page-home .yva-letter-copy .lede{text-align:left;margin:0;color:#685660}.page-home .yva-letter-copy blockquote{margin:28px 0 0;padding:18px 22px;border-left:2px solid rgba(164,109,140,.48);font-family:var(--yva-serif);font-size:20px;font-style:italic;line-height:1.5;color:#76556f;background:rgba(255,253,249,.48)}
.page-home .yva-letter-artifacts{position:relative;height:120px;margin-top:16px}.page-home .yva-letter-quill{position:absolute;left:4px;top:0;width:160px;aspect-ratio:1/1;transform:rotate(-8deg)}.page-home .yva-letter-key{position:absolute;left:132px;top:35px;width:100px;aspect-ratio:1/1;transform:rotate(14deg)}
.page-home .yva-letter-paper{position:relative;padding:44px 42px 38px;border:1px solid rgba(134,96,83,.2);border-radius:28px 34px 25px 31px;background:linear-gradient(rgba(255,253,249,.9),rgba(249,241,234,.94)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 38px 80px -52px rgba(61,42,54,.68),inset 0 1px rgba(255,255,255,.78);transform:rotate(.2deg)}
.page-home .yva-letter-paper::before{content:"";position:absolute;left:20px;right:20px;top:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(181,138,67,.38),transparent)}
.page-home .yva-letter-paper::after{content:"";position:absolute;right:-18px;bottom:-15px;width:155px;height:112px;background:url('/assets/img/yva/library/kit-quill.webp') center/contain no-repeat;opacity:.26;pointer-events:none;transform:rotate(8deg)}
.page-home .yva-letter-paper>h3{font-family:var(--yva-script);font-size:34px;font-weight:500;color:#76556f;margin:0 0 4px}.page-home .yva-letter-paper>p{color:#776670;margin:0 0 18px}.page-home .yva-letter-stamp{position:absolute;right:28px;top:26px;width:58px;height:58px;border:2px solid rgba(128,74,96,.42);border-radius:50%;display:grid;place-items:center;font-family:var(--yva-serif);font-weight:700;color:#865a74;transform:rotate(8deg);box-shadow:inset 0 0 0 5px rgba(255,253,249,.72)}
.page-home .yva-letter-paper .lead-form{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.page-home .yva-letter-paper .lead-field input,.page-home .yva-letter-paper .lead-field textarea{background:rgba(255,252,247,.58);border-width:0 0 1px;border-radius:0;padding-left:2px;padding-right:2px;box-shadow:none}
.page-home .yva-letter-paper .lead-field input:focus,.page-home .yva-letter-paper .lead-field textarea:focus{background:rgba(255,253,250,.82);border-color:#9a6986}
.page-home .yva-letter-paper .lead-actions{position:relative;z-index:1}.page-home .yva-letter-paper .lead-success{background:linear-gradient(rgba(255,253,249,.9),rgba(248,240,234,.94)),url('/assets/img/yva/paper-cotton.webp')}
.page-home .yva-letter-cta .cta-fine,.page-home .yva-letter-cta .method-disclaimer{text-align:center;color:#75636d}.page-home .yva-letter-cta .method-disclaimer{margin-top:12px}

.page-home .yva-footer{color:#5f4d57;padding:58px 0 32px;background:url('/assets/img/yva/wash-sage.webp') no-repeat calc(100% + 260px) 50%,url('/assets/img/yva/wash-lavender.webp') no-repeat -300px 100%,linear-gradient(rgba(248,241,235,.94),rgba(238,225,231,.96)),url('/assets/img/yva/paper-cotton.webp');background-size:680px,660px,auto,512px;border-top:1px solid rgba(134,96,83,.13)}
.page-home .yva-footer .footer-top{border-bottom:1px solid rgba(102,74,88,.14)}.page-home .yva-footer .brand-copy b{color:#493641}.page-home .yva-footer .brand-copy span,.page-home .yva-footer .footer-note,.page-home .yva-footer .footer-motto,.page-home .yva-footer .footer-bottom{color:#786671}.page-home .yva-footer h5{color:#5d4355}.page-home .yva-footer a,.page-home .yva-footer .footer-link-btn{color:#76556f}.page-home .yva-footer a:hover,.page-home .yva-footer .footer-link-btn:hover{color:#4b3448}.page-home .yva-footer-emblem{width:68px;height:68px;background:transparent;border:0}.page-home .yva-footer-emblem picture,.page-home .yva-footer-emblem img{width:100%;height:100%;display:block;object-fit:contain}

.page-home .yva-contact-sheet{position:fixed;right:0;top:50%;z-index:150;transform:translateY(-50%);width:318px;pointer-events:none}
.page-home .yva-contact-sheet summary{pointer-events:auto;position:absolute;right:0;top:50%;transform:translateY(-50%);width:72px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 6px;border:1px solid rgba(133,94,79,.23);border-right:0;border-radius:22px 0 0 22px;background:linear-gradient(rgba(255,253,249,.9),rgba(245,234,228,.94)),url('/assets/img/yva/paper-cotton.webp');box-shadow:-16px 20px 44px -30px rgba(57,39,51,.74);cursor:pointer;list-style:none;color:#5f4056}
.page-home .yva-contact-sheet summary::-webkit-details-marker{display:none}.page-home .yva-contact-sheet summary::before{content:"";position:absolute;inset:7px 6px;border:1px solid rgba(181,138,67,.19);border-radius:17px 0 0 17px;pointer-events:none}.page-home .yva-contact-sheet summary::after{content:"+";font-family:var(--yva-serif);font-size:24px;line-height:1;color:#855b75;transition:transform .25s}
.page-home .yva-contact-sheet[open] summary::after{transform:rotate(45deg)}
.page-home .yva-contact-tab-copy{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:5px}.page-home .yva-contact-tab-copy b{font-family:var(--yva-serif);font-weight:500;font-size:17px}.page-home .yva-contact-tab-copy small{font-size:9px;letter-spacing:.08em;color:#8a7380}.page-home .yva-contact-tab-art{position:absolute;left:-26px;bottom:-22px;width:82px;aspect-ratio:1/1;opacity:.86;transform:rotate(-13deg)}
.page-home .yva-contact-paper{pointer-events:auto;margin-left:auto;width:270px;min-height:372px;padding:30px 24px 28px;border:1px solid rgba(133,94,79,.22);border-right:0;border-radius:28px 0 0 32px;background:linear-gradient(rgba(255,253,249,.93),rgba(246,235,229,.96)),url('/assets/img/yva/paper-cotton.webp');box-shadow:-30px 32px 74px -42px rgba(57,39,51,.78);transform:translateX(100%);transition:transform .34s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.page-home .yva-contact-sheet[open] .yva-contact-paper{transform:translateX(0)}
.page-home .yva-contact-head{padding:0 0 17px;margin-bottom:10px;border-bottom:1px solid rgba(126,88,77,.14)}.page-home .yva-contact-head span{display:block;font-family:var(--yva-serif);font-size:24px;color:#4c3844}.page-home .yva-contact-head small{color:#8a737f}
.page-home .yva-contact-link{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid rgba(126,88,77,.11);text-decoration:none;color:#5a4652;transition:transform .2s,color .2s}.page-home .yva-contact-link:hover,.page-home .yva-contact-link:focus-visible{transform:translateX(-3px);color:#76556f}.page-home .yva-contact-link b{display:block;font-family:var(--yva-serif);font-size:17px;font-weight:500}.page-home .yva-contact-link small{display:block;font-size:11px;color:#8a737f;white-space:normal;overflow-wrap:anywhere}.page-home .yva-contact-icon{width:52px;height:52px}.page-home .yva-contact-icon img{object-fit:contain}.page-home .yva-contact-seal{position:absolute;right:18px;bottom:14px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#79506c,#56354f);border:2px solid #a97b94;color:#f3dfc1;font-family:var(--yva-serif);font-weight:700;box-shadow:0 8px 18px -10px rgba(51,29,44,.8);transform:rotate(-8deg)}

@media(max-width:900px){
  .page-home .yva-host .host-grid{grid-template-columns:1fr;gap:38px}.page-home .yva-host .host-media{width:min(520px,100%);margin:0 auto}.page-home .yva-letter-layout{grid-template-columns:1fr}.page-home .yva-letter-copy{max-width:720px;margin:0 auto}.page-home .yva-letter-paper{max-width:720px;margin:0 auto;width:100%}
}
@media(max-width:680px){
  body.page-home{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  .page-home .yva-host .host-text{padding:27px 22px 29px}.page-home .yva-host .host-badge{right:4px;bottom:6px;max-width:210px}.page-home .yva-host .host-quote{padding:20px;font-size:18px}.page-home .yva-host-actions{align-items:stretch;flex-direction:column;gap:13px}.page-home .yva-text-link{text-align:center}
  .page-home .yva-review-letter{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:10px 16px 13px 7px}.page-home .yva-review-letter b{font-size:20px}.page-home .yva-review-letter p{font-size:12.5px;line-height:1.5}
  .page-home .yva-letter-paper{padding:36px 20px 26px;border-radius:24px 27px 22px 26px}.page-home .yva-letter-copy h2{font-size:38px}.page-home .yva-letter-artifacts{height:86px}.page-home .yva-letter-quill{width:120px}.page-home .yva-letter-key{left:100px;top:22px;width:76px}.page-home .yva-letter-paper .lead-row{grid-template-columns:1fr}.page-home .yva-letter-paper .lead-actions{flex-direction:column}.page-home .yva-letter-paper .lead-actions .btn{width:100%}.page-home .yva-letter-stamp{width:48px;height:48px;right:18px;top:20px}.page-home .yva-letter-paper>h3{font-size:29px;padding-right:54px}
  .page-home .yva-footer{padding-bottom:112px}
  .page-home .yva-contact-sheet{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));right:12px;left:12px;width:auto;transform:none;display:flex;justify-content:flex-end}
  .page-home .yva-contact-sheet summary{right:0;top:auto;bottom:0;transform:none;width:auto;min-height:56px;max-width:190px;flex-direction:row;padding:8px 13px 8px 15px;border:1px solid rgba(133,94,79,.24);border-radius:999px}.page-home .yva-contact-sheet summary::before{inset:5px;border-radius:999px}.page-home .yva-contact-tab-copy{writing-mode:horizontal-tb;transform:none;display:block}.page-home .yva-contact-tab-copy b{font-size:16px}.page-home .yva-contact-tab-copy small{display:block}.page-home .yva-contact-tab-art{position:static;width:44px;opacity:.82;transform:rotate(-9deg)}.page-home .yva-contact-sheet summary::after{font-size:20px}
  .page-home .yva-contact-paper{position:absolute;right:0;bottom:68px;width:min(330px,calc(100vw - 24px));min-height:0;border:1px solid rgba(133,94,79,.23);border-radius:25px 27px 22px 26px;transform:translateY(20px) scale(.96);opacity:0;visibility:hidden;transition:transform .25s,opacity .2s,visibility .2s}.page-home .yva-contact-sheet[open] .yva-contact-paper{transform:none;opacity:1;visibility:visible}.page-home .yva-contact-link{grid-template-columns:48px minmax(0,1fr)}.page-home .yva-contact-icon{width:48px;height:48px}.page-home .scroll-top-float{bottom:calc(82px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:390px){.page-home .yva-contact-sheet summary{max-width:174px}.page-home .yva-contact-tab-copy small{display:none}.page-home .yva-letter-copy h2{font-size:34px}.page-home .yva-letter-copy blockquote{font-size:18px}.page-home .yva-review-letter{grid-template-columns:94px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.page-home .yva-contact-paper,.page-home .yva-contact-sheet summary::after,.page-home .yva-contact-link{transition:none!important}.page-home .yva-contact-link:hover{transform:none}}

/* ========================================================================
   Stage 6 — secondary pages: blog, article, landings and legal documents
   ======================================================================== */
.page-secondary{
  --yva-secondary-paper:rgba(255,253,249,.94);
  --yva-secondary-line:rgba(125,91,78,.16);
  --yva-secondary-muted:#705f68;
  background:
    linear-gradient(rgba(255,253,249,.94),rgba(249,243,237,.95)),
    url('/assets/img/yva/paper-cotton.webp');
  color:var(--yva-ink);
}
.page-secondary .secondary-main{overflow:visible}
.page-secondary .secondary-hero{
  padding:176px 0 112px;
  background:
    url('/assets/img/yva/wash-lavender.webp') no-repeat calc(100% + 180px) -150px/660px,
    url('/assets/img/yva/wash-peach.webp') no-repeat -250px calc(100% + 180px)/700px,
    linear-gradient(rgba(255,253,249,.78),rgba(249,242,236,.84)),
    url('/assets/img/yva/paper-cotton.webp');
  border-bottom:1px solid rgba(126,91,79,.1);
}
.page-secondary .secondary-hero::after{
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(178,135,70,.06) 48% 48.15%,transparent 48.15%),
    radial-gradient(circle at 84% 14%,rgba(255,255,255,.58),transparent 36%);
  mix-blend-mode:normal;
  opacity:1;
}
.page-secondary .yva-secondary-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:clamp(42px,6vw,88px);
  align-items:center;
}
.page-secondary .secondary-hero-copy{max-width:760px}
.page-secondary .secondary-display{
  max-width:16ch;
  margin:0 0 24px;
  color:#42343b;
  font-family:var(--yva-serif);
  font-size:clamp(48px,5vw,76px);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:.98;
  text-wrap:balance;
}
.page-secondary .secondary-lede{
  max-width:60ch;
  margin-bottom:30px;
  color:#685861;
  font-size:clamp(17px,1.45vw,20px);
  line-height:1.72;
}
.page-secondary .secondary-actions .btn{min-height:50px;border-radius:13px;padding-inline:24px}
.page-secondary .secondary-actions .btn-primary{
  border-color:rgba(109,65,96,.4);
  background:linear-gradient(145deg,#845b7e,#5f3e5b);
  box-shadow:0 17px 30px -21px rgba(73,42,65,.8);
}
.page-secondary .secondary-actions .btn-secondary{
  border-color:rgba(132,95,80,.23);
  background:linear-gradient(rgba(255,253,249,.9),rgba(246,237,231,.9)),url('/assets/img/yva/paper-cotton.webp');
  color:#604954;
}
.page-secondary .eyebrow{color:#8c5d7b}
.page-secondary .eyebrow::before{background:linear-gradient(90deg,#bd914e,transparent)}
.page-secondary .yva-secondary-hero-picture,
.page-secondary .yva-secondary-hero-picture img{display:block;width:100%;height:100%}
.page-secondary .yva-secondary-hero-picture img{object-fit:cover}
.page-secondary .secondary-section{
  padding:112px 0;
  background:
    linear-gradient(rgba(255,253,249,.72),rgba(251,247,242,.78)),
    url('/assets/img/yva/paper-cotton.webp');
}
.page-secondary .secondary-section:nth-of-type(even){
  background:
    url('/assets/img/yva/wash-sage.webp') no-repeat -320px 55%/650px,
    linear-gradient(rgba(248,242,237,.76),rgba(255,253,249,.82)),
    url('/assets/img/yva/paper-cotton.webp');
}
.page-secondary .secondary-section-head{max-width:840px;margin-bottom:54px}
.page-secondary .secondary-section-head .display{
  color:#46373f;
  font-family:var(--yva-serif);
  font-weight:500;
  letter-spacing:-.025em;
}
.page-secondary .secondary-section-head .secondary-lede{margin:12px auto 0;font-size:17px}
.page-secondary .yva-scroll-top-placeholder{
  width:54px;height:54px;border:1px solid rgba(130,92,76,.22);border-radius:19px 8px 19px 12px;
  background:linear-gradient(rgba(255,253,249,.94),rgba(244,233,226,.96)),url('/assets/img/yva/paper-cotton.webp');
  color:#66485c;font-family:var(--yva-serif);font-size:24px;box-shadow:0 18px 34px -22px rgba(63,41,53,.7)
}

/* Blog hub */
.page-secondary .yva-blog-hero-art,
.page-secondary .yva-article-hero-art,
.page-secondary .yva-static-hero-art,
.page-secondary .yva-legal-hero-art{
  position:relative;
  min-width:0;
  padding:17px;
  border:1px solid rgba(128,91,78,.18);
  border-radius:30px 22px 35px 24px;
  background:linear-gradient(rgba(255,254,251,.92),rgba(246,237,230,.92)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 42px 80px -52px rgba(58,38,51,.65);
  transform:rotate(.45deg);
}
.page-secondary .yva-blog-hero-art::before,
.page-secondary .yva-article-hero-art::before,
.page-secondary .yva-static-hero-art::before,
.page-secondary .yva-legal-hero-art::before{
  content:"";position:absolute;inset:9px;border:1px solid rgba(179,135,70,.16);border-radius:25px 18px 30px 20px;pointer-events:none;z-index:2
}
.page-secondary .yva-blog-hero-art .yva-secondary-hero-picture,
.page-secondary .yva-article-hero-art .yva-secondary-hero-picture{
  aspect-ratio:5/3;border-radius:22px 16px 27px 17px;overflow:hidden
}
.page-secondary .yva-blog-hero-art .yva-secondary-hero-picture img,
.page-secondary .yva-article-hero-art .yva-secondary-hero-picture img{filter:saturate(.94) contrast(.98)}
.page-secondary .yva-hero-paper-note,
.page-secondary .yva-article-hero-caption{
  position:absolute;left:34px;bottom:-28px;z-index:4;max-width:270px;padding:16px 20px 17px;
  border:1px solid rgba(128,91,78,.18);border-radius:11px 16px 12px 17px;
  background:linear-gradient(rgba(255,253,249,.96),rgba(247,237,230,.97)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 20px 35px -25px rgba(61,41,52,.72);transform:rotate(-1.2deg)
}
.page-secondary .yva-hero-paper-note span,
.page-secondary .yva-article-hero-caption span{display:block;color:#9b7355;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.page-secondary .yva-hero-paper-note b,
.page-secondary .yva-article-hero-caption b{display:block;margin-top:4px;color:#5b4551;font-family:var(--yva-serif);font-size:18px;font-weight:500;line-height:1.25}
.page-secondary .yva-hero-artifact{position:absolute;right:-24px;bottom:-32px;z-index:3;width:118px;height:118px;transform:rotate(15deg);filter:drop-shadow(0 15px 18px rgba(56,37,49,.16))}
.page-secondary .yva-blog-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;color:#7a6872;font-size:12px}
.page-secondary .yva-blog-meta span{display:inline-flex;align-items:center;gap:5px}
.page-secondary .yva-blog-meta span::before{content:"✦";color:#b48950;font-size:8px}
.page-secondary .yva-blog-meta b{color:#67465d;font-family:var(--yva-serif);font-size:18px;font-weight:500}
.page-secondary .yva-featured-article{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;min-height:440px;margin-bottom:34px;
  border:1px solid var(--yva-secondary-line);border-radius:31px 25px 34px 24px;overflow:hidden;
  background:linear-gradient(rgba(255,253,249,.94),rgba(247,239,233,.94)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 40px 84px -58px rgba(58,38,51,.68);text-decoration:none;color:inherit;transition:transform .28s,box-shadow .28s
}
.page-secondary .yva-featured-article:hover{transform:translateY(-4px);box-shadow:0 48px 94px -58px rgba(58,38,51,.78)}
.page-secondary .yva-featured-visual{min-height:420px;overflow:hidden}
.page-secondary .yva-featured-visual img{object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.page-secondary .yva-featured-article:hover .yva-featured-visual img{transform:scale(1.025)}
.page-secondary .yva-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,62px)}
.page-secondary .yva-featured-copy h2{margin:14px 0 17px;color:#45363e;font-family:var(--yva-serif);font-size:clamp(31px,3.2vw,46px);font-weight:500;line-height:1.08}
.page-secondary .yva-featured-copy p{margin:0 0 22px;color:#6d5b65;line-height:1.65}
.page-secondary .yva-article-kicker{display:flex;justify-content:space-between;gap:16px;color:#93715c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.page-secondary .yva-article-kicker time{color:#86727d;letter-spacing:0;text-transform:none}
.page-secondary .yva-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-secondary .yva-blog-card{
  display:flex;min-width:0;flex-direction:column;border:1px solid var(--yva-secondary-line);border-radius:22px 27px 21px 25px;overflow:hidden;
  background:linear-gradient(rgba(255,254,251,.95),rgba(247,239,233,.94)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 26px 60px -46px rgba(58,38,51,.6);text-decoration:none;color:inherit;transition:transform .26s,box-shadow .26s
}
.page-secondary .yva-blog-card:nth-child(3n+2){transform:translateY(13px)}
.page-secondary .yva-blog-card:hover{transform:translateY(-5px) rotate(.12deg);box-shadow:0 38px 70px -46px rgba(58,38,51,.72)}
.page-secondary .yva-blog-card:nth-child(3n+2):hover{transform:translateY(7px) rotate(-.12deg)}
.page-secondary .yva-blog-card-visual{height:205px;overflow:hidden;border-bottom:1px solid rgba(127,91,78,.11)}
.page-secondary .yva-blog-card-visual img{object-fit:cover;transition:transform .5s}
.page-secondary .yva-blog-card:hover .yva-blog-card-visual img{transform:scale(1.035)}
.page-secondary .yva-blog-card-copy{display:flex;flex:1;flex-direction:column;padding:23px 24px 25px}
.page-secondary .yva-blog-card h2{margin:13px 0 11px;color:#493943;font-family:var(--yva-serif);font-size:25px;font-weight:500;line-height:1.13}
.page-secondary .yva-blog-card p{display:-webkit-box;overflow:hidden;margin:0 0 20px;color:#70606a;font-size:13.5px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.page-secondary .article-arrow{margin-top:auto;color:#77506d;font-family:var(--yva-serif);font-size:14px;font-weight:500}
.page-secondary .yva-blog-letter-section{padding-top:38px}
.page-secondary .yva-blog-letter{
  display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:30px;padding:30px 34px;
  border:1px solid var(--yva-secondary-line);border-radius:25px 31px 23px 29px;
  background:linear-gradient(rgba(255,253,249,.92),rgba(244,233,228,.93)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 32px 68px -52px rgba(58,38,51,.64)
}
.page-secondary .yva-blog-letter-art{width:130px;height:100px}
.page-secondary .yva-blog-letter h2{margin:2px 0 8px;color:#493942;font-family:var(--yva-serif);font-size:32px;font-weight:500}
.page-secondary .yva-blog-letter p{margin:0;color:#6d5c65;line-height:1.6}

/* Article */
.page-secondary .yva-article-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}
.page-secondary .yva-article-hero-copy .secondary-display{max-width:18ch;font-size:clamp(42px,4.2vw,66px)}
.page-secondary .crumbs{margin-bottom:24px;color:#81707a}
.page-secondary .crumbs a{color:#725568;text-decoration:none}
.page-secondary .article-meta-line{gap:10px 20px;color:#806d77}
.page-secondary .article-meta-line span::before{content:"✦";font-size:7px;color:#b48950}
.page-secondary .tags span{border-color:rgba(127,91,78,.17);background:rgba(255,253,249,.68);color:#705565}
.page-secondary .yva-article-layout{
  display:grid;grid-template-columns:220px minmax(0,780px) minmax(250px,300px);gap:28px;align-items:start;justify-content:center
}
.page-secondary .yva-article-toc{
  position:sticky;top:108px;padding:23px 19px;border:1px solid var(--yva-secondary-line);border-radius:22px 26px 20px 25px;
  background:linear-gradient(rgba(255,253,249,.93),rgba(245,235,228,.95)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 26px 52px -43px rgba(58,38,51,.65)
}
.page-secondary .yva-article-toc .eyebrow{font-size:10px}
.page-secondary .yva-article-toc nav{display:grid;gap:0;margin-top:13px}
.page-secondary .yva-article-toc a{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:10px 0;border-top:1px solid rgba(126,91,79,.11);color:#62505a;font-size:12px;line-height:1.38;text-decoration:none}
.page-secondary .yva-article-toc a:first-child{border-top:0}
.page-secondary .yva-article-toc a span{color:#a27a58;font-family:var(--yva-serif)}
.page-secondary .yva-article-toc a:hover{color:#7c4f70}
.page-secondary .yva-article-paper{
  padding:clamp(34px,5vw,64px);border:1px solid var(--yva-secondary-line);border-radius:29px 25px 32px 23px;
  background:
    linear-gradient(90deg,transparent 0 33px,rgba(177,126,68,.08) 33px 34px,transparent 34px),
    linear-gradient(rgba(255,254,251,.97),rgba(248,241,235,.97)),
    url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 42px 88px -62px rgba(58,38,51,.66);font-size:17px;line-height:1.82
}
.page-secondary .yva-article-opening{position:relative;margin:0 0 38px;padding:24px 26px 24px 52px;border:1px solid rgba(139,96,124,.16);border-radius:16px 22px 15px 21px;background:linear-gradient(135deg,rgba(231,218,232,.42),rgba(250,243,237,.68))}
.page-secondary .yva-article-opening>span{position:absolute;left:18px;top:3px;color:#8b5b7b;font-family:var(--yva-serif);font-size:56px;line-height:1}
.page-secondary .yva-article-opening p{margin:0;color:#604c58;font-family:var(--yva-serif);font-size:20px;font-style:italic;line-height:1.55}
.page-secondary .yva-article-paper>.lede{font-family:var(--yva-serif);font-size:22px;color:#5d4a55}
.page-secondary .yva-article-paper h2{
  scroll-margin-top:120px;margin:50px 0 18px;padding-top:19px;border-top:1px solid rgba(177,126,68,.2);
  color:#503c48;font-family:var(--yva-serif);font-size:clamp(28px,3vw,39px);font-weight:500;line-height:1.12
}
.page-secondary .yva-article-paper h2::after{content:"";display:block;width:82px;height:8px;margin-top:11px;background:url('/assets/img/yva/library/divider-botanical.webp') center/contain no-repeat;opacity:.7}
.page-secondary .yva-article-paper h3{color:#59434f;font-family:var(--yva-serif);font-weight:500}
.page-secondary .yva-article-paper p,.page-secondary .yva-article-paper li{color:#5e5258}
.page-secondary .yva-article-paper li::marker{color:#9b6e8e}
.page-secondary .yva-article-paper blockquote{border-left:0;border-radius:17px 23px 16px 21px;background:linear-gradient(135deg,rgba(230,211,222,.62),rgba(249,239,231,.78));font-family:var(--yva-serif);font-size:20px;font-style:italic}
.page-secondary .yva-article-toc-mobile{display:none;margin:0 0 28px;border:1px solid var(--yva-secondary-line);border-radius:16px;padding:0 16px;background:rgba(249,241,235,.74)}
.page-secondary .yva-article-toc-mobile summary{cursor:pointer;padding:14px 0;color:#674b5d;font-family:var(--yva-serif);font-weight:500;list-style:none}
.page-secondary .yva-article-toc-mobile summary::-webkit-details-marker{display:none}
.page-secondary .yva-article-toc-mobile summary::after{content:"+";float:right}
.page-secondary .yva-article-toc-mobile[open] summary::after{content:"−"}
.page-secondary .yva-article-toc-mobile nav{display:grid;padding-bottom:12px}
.page-secondary .yva-article-toc-mobile a{padding:8px 0;border-top:1px solid rgba(126,91,79,.11);color:#675461;font-size:13px;text-decoration:none}
.page-secondary .yva-article-author{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;align-items:center;margin-top:54px;padding:24px;border:1px solid rgba(128,91,78,.14);border-radius:22px 28px 21px 25px;background:linear-gradient(rgba(255,253,249,.82),rgba(240,230,234,.7)),url('/assets/img/yva/paper-cotton.webp')}
.page-secondary .yva-article-author-photo{width:145px;height:145px;border-radius:50%;overflow:hidden}
.page-secondary .yva-article-author-photo img{object-fit:cover;object-position:center 18%}
.page-secondary .yva-article-author h2{margin:3px 0 8px;padding:0;border:0;font-size:30px}
.page-secondary .yva-article-author h2::after{display:none}
.page-secondary .yva-article-author p{margin:0 0 10px;font-size:14px;line-height:1.58}
.page-secondary .yva-article-author a{color:#76516d;font-family:var(--yva-serif);text-decoration:none}
.page-secondary .yva-article-side{position:sticky;top:108px;display:grid;gap:18px}
.page-secondary .yva-article-side .article-side-card{
  border:1px solid var(--yva-secondary-line);border-radius:22px 26px 20px 25px;
  background:linear-gradient(rgba(255,253,249,.93),rgba(245,235,228,.94)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 28px 58px -45px rgba(58,38,51,.65);color:#5b4853
}
.page-secondary .yva-article-side-letter{position:relative;padding-top:130px;overflow:hidden}
.page-secondary .article-side-raster{position:absolute;left:50%;top:6px;width:142px;height:128px;transform:translateX(-50%)}
.page-secondary .yva-article-side h3{color:#4d3945;font-family:var(--yva-serif);font-weight:500}
.page-secondary .yva-article-side p{color:#705e68}
.page-secondary .yva-more-card .more a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:12px 0;color:#59454f;font-weight:400}
.page-secondary .yva-more-thumb{width:64px;height:54px;border-radius:8px;overflow:hidden}
.page-secondary .yva-more-thumb img{object-fit:cover}
.page-secondary .yva-more-card .more b{display:block;font-family:var(--yva-serif);font-size:14px;font-weight:500;line-height:1.25}
.page-secondary .yva-more-card .more small{display:-webkit-box;overflow:hidden;margin-top:3px;color:#85727c;font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Static/SEO landing pages */
.page-secondary .yva-static-hero-art .yva-secondary-hero-picture{height:500px;border-radius:22px 17px 27px 18px;overflow:hidden}
.page-secondary .page-host-profile .yva-static-hero-art .yva-secondary-hero-picture img{object-position:center 14%}
.page-secondary .yva-static-facts{position:absolute;left:-24px;right:30px;bottom:-34px;z-index:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.page-secondary .yva-static-facts div{padding:12px 10px;border:1px solid rgba(128,91,78,.15);border-radius:13px 17px 12px 16px;background:linear-gradient(rgba(255,253,249,.96),rgba(247,237,230,.96)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 16px 28px -22px rgba(58,38,51,.72);text-align:center}
.page-secondary .yva-static-facts b{font-family:var(--yva-serif);font-size:25px;font-weight:500;color:#714e66}
.page-secondary .yva-static-facts span{font-size:10px;color:#786771}
.page-secondary .secondary-pills a{border-color:rgba(126,91,79,.18);background:rgba(255,253,249,.68);color:#715166;font-weight:600}
.page-secondary .yva-static-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-secondary .yva-static-story-card{
  display:flex;min-width:0;flex-direction:column;padding:0;border:1px solid var(--yva-secondary-line);border-radius:23px 28px 21px 25px;overflow:hidden;
  background:linear-gradient(rgba(255,253,249,.95),rgba(247,239,233,.94)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 29px 62px -48px rgba(58,38,51,.62)
}
.page-secondary .yva-static-story-card::after{display:none}
.page-secondary .static-story-raster{height:230px;border-bottom:1px solid rgba(126,91,79,.11);overflow:hidden}
.page-secondary .static-story-raster img{object-fit:cover}
.page-secondary .yva-static-story-copy{padding:25px 27px 28px}
.page-secondary .yva-static-story-card .static-story-index{margin:0 0 14px;color:#a17a57;font-family:var(--yva-serif);font-size:13px}
.page-secondary .yva-static-story-card h3{color:#4b3944;font-family:var(--yva-serif);font-size:28px;font-weight:500;line-height:1.12}
.page-secondary .yva-static-story-card p{color:#6c5b65;line-height:1.64}
.page-secondary .yva-secondary-faq-section{background:url('/assets/img/yva/wash-lavender.webp') no-repeat -250px 50%/620px,linear-gradient(rgba(247,239,236,.86),rgba(255,253,249,.87)),url('/assets/img/yva/paper-cotton.webp')}
.page-secondary .secondary-faq-layout{grid-template-columns:.75fr 1.25fr;gap:70px}
.page-secondary .yva-faq-art{width:230px;height:160px;margin:28px auto 0;border-radius:18px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 24px 42px -34px rgba(58,38,51,.6)}
.page-secondary .yva-faq-art img{object-fit:cover}
.page-secondary .secondary-faq details{border-color:rgba(126,91,79,.16);background:linear-gradient(rgba(255,253,249,.9),rgba(247,238,232,.92)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 14px 28px -26px rgba(58,38,51,.6)}
.page-secondary .secondary-faq summary{color:#59434f;font-family:var(--yva-serif);font-size:18px;font-weight:500}
.page-secondary .yva-secondary-letter-cta{
  display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:30px;align-items:center;padding:34px 38px;
  border:1px solid var(--yva-secondary-line);border-radius:26px 32px 24px 29px;
  background:linear-gradient(rgba(255,253,249,.94),rgba(243,231,229,.95)),url('/assets/img/yva/paper-cotton.webp');
  box-shadow:0 38px 76px -55px rgba(58,38,51,.68);color:#5e4b56;text-align:left
}
.page-secondary .yva-secondary-letter-cta .eyebrow{justify-content:flex-start;color:#8b5b79}
.page-secondary .yva-secondary-letter-cta h2{margin:1px 0 9px;color:#493842;font-family:var(--yva-serif);font-size:37px;font-weight:500}
.page-secondary .yva-secondary-letter-cta p{max-width:70ch;margin:0;color:#6d5b65}
.page-secondary .yva-secondary-cta-art{width:150px;height:115px}

/* Legal */
.page-secondary .yva-legal-hero-art{padding:28px 28px 36px}
.page-secondary .yva-legal-hero-art .yva-secondary-hero-picture{height:360px}
.page-secondary .yva-legal-hero-art .yva-secondary-hero-picture img{object-fit:contain}
.page-secondary .yva-legal-stamp{position:absolute;right:30px;bottom:23px;display:grid;width:88px;height:88px;place-items:center;border:2px solid rgba(116,70,96,.43);border-radius:50%;background:rgba(255,253,249,.82);color:#76506b;transform:rotate(8deg)}
.page-secondary .yva-legal-stamp span{font-family:var(--yva-serif);font-size:28px}.page-secondary .yva-legal-stamp small{font-size:7px;text-transform:uppercase;letter-spacing:.07em;text-align:center}
.page-secondary .yva-legal-layout{grid-template-columns:220px minmax(0,880px);justify-content:center;gap:34px}
.page-secondary .yva-legal-nav{position:sticky;top:108px;overflow:hidden;padding:22px 18px 128px;border:1px solid var(--yva-secondary-line);border-radius:22px 27px 20px 25px;background:linear-gradient(rgba(255,253,249,.94),rgba(245,235,228,.95)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 28px 58px -46px rgba(58,38,51,.62);backdrop-filter:none}
.page-secondary .yva-legal-nav a{border-radius:10px;color:#64505c;font-family:var(--yva-serif);font-weight:500}
.page-secondary .yva-legal-nav a[aria-current="page"]{background:linear-gradient(145deg,#815978,#5d3d59);color:#fff9f3}
.page-secondary .yva-legal-nav-art{position:absolute;left:40px;bottom:9px;width:140px;height:120px;opacity:.72;transform:rotate(-8deg)}
.page-secondary .yva-legal-paper{position:relative;padding:clamp(40px,6vw,74px);border:1px solid var(--yva-secondary-line);border-radius:28px 24px 32px 23px;background:linear-gradient(rgba(255,254,251,.97),rgba(248,241,235,.97)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 42px 86px -62px rgba(58,38,51,.65)}
.page-secondary .yva-legal-paper::before{content:"";position:absolute;left:32px;right:32px;top:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(177,126,68,.34),transparent)}
.page-secondary .yva-legal-paper-head{margin:0 0 42px;padding-bottom:22px;border-bottom:1px solid rgba(126,91,79,.13)}
.page-secondary .yva-legal-paper-head span{display:block;color:#a0785a;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.page-secondary .yva-legal-paper-head b{display:block;margin-top:6px;color:#503c47;font-family:var(--yva-serif);font-size:31px;font-weight:500}
.page-secondary .yva-legal-paper h2{border-top:1px solid rgba(126,91,79,.14);color:#503c47;font-family:var(--yva-serif);font-weight:500}
.page-secondary .yva-legal-paper p{color:#65565e}
.page-secondary .yva-legal-sign{margin-top:48px;padding-top:24px;border-top:1px solid rgba(126,91,79,.15);text-align:right}
.page-secondary .yva-legal-sign span{display:block;color:#775169;font-family:var(--yva-script);font-size:27px}
.page-secondary .yva-legal-sign small{color:#8a767f;font-size:10px}

@media(max-width:1180px){
  .page-secondary .yva-secondary-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:45px}
  .page-secondary .yva-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-secondary .yva-blog-card:nth-child(3n+2){transform:none}
  .page-secondary .yva-blog-card:nth-child(3n+2):hover{transform:translateY(-5px)}
  .page-secondary .yva-article-layout{grid-template-columns:minmax(0,760px) minmax(250px,300px)}
  .page-secondary .yva-article-toc{display:none}
  .page-secondary .yva-article-toc-mobile{display:block}
}
@media(max-width:900px){
  .page-secondary .secondary-hero{padding:148px 0 88px}
  .page-secondary .yva-secondary-hero-grid,.page-secondary .yva-article-hero-grid{grid-template-columns:1fr;gap:54px}
  .page-secondary .secondary-display{max-width:19ch}
  .page-secondary .yva-blog-hero-art,.page-secondary .yva-article-hero-art,.page-secondary .yva-static-hero-art,.page-secondary .yva-legal-hero-art{width:min(720px,100%);margin:0 auto}
  .page-secondary .yva-featured-article{grid-template-columns:1fr}
  .page-secondary .yva-featured-visual{min-height:340px}
  .page-secondary .yva-article-layout{grid-template-columns:1fr;max-width:820px}
  .page-secondary .yva-article-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-secondary .yva-static-story-grid{grid-template-columns:1fr}
  .page-secondary .yva-static-story-card{display:grid;grid-template-columns:250px minmax(0,1fr)}
  .page-secondary .static-story-raster{height:100%;min-height:250px;border-bottom:0;border-right:1px solid rgba(126,91,79,.11)}
  .page-secondary .secondary-faq-layout{grid-template-columns:1fr;gap:30px}
  .page-secondary .secondary-faq-layout .secondary-section-head{text-align:center;margin-inline:auto}
  .page-secondary .secondary-faq-layout .eyebrow{justify-content:center}
  .page-secondary .yva-secondary-letter-cta{grid-template-columns:120px minmax(0,1fr)}
  .page-secondary .yva-secondary-letter-cta .btn{grid-column:2;justify-self:start}
  .page-secondary .yva-secondary-cta-art{width:120px;height:100px}
  .page-secondary .yva-legal-layout{grid-template-columns:1fr;max-width:880px}
  .page-secondary .yva-legal-nav{position:static;display:flex;flex-wrap:wrap;padding:17px}
  .page-secondary .yva-legal-nav .eyebrow,.page-secondary .yva-legal-nav-art{display:none}
}
@media(max-width:680px){
  .page-secondary .secondary-hero{padding:120px 0 72px;background-size:480px,520px,auto,512px}
  .page-secondary .secondary-display{font-size:clamp(38px,12vw,52px);line-height:1.02}
  .page-secondary .secondary-lede{font-size:16px;line-height:1.66}
  .page-secondary .secondary-section{padding:76px 0}
  .page-secondary .secondary-section-head{margin-bottom:32px}
  .page-secondary .yva-blog-hero-art,.page-secondary .yva-article-hero-art,.page-secondary .yva-static-hero-art,.page-secondary .yva-legal-hero-art{padding:9px;border-radius:21px 17px 24px 18px}
  .page-secondary .yva-blog-hero-art .yva-secondary-hero-picture,.page-secondary .yva-article-hero-art .yva-secondary-hero-picture{border-radius:16px 12px 19px 13px}
  .page-secondary .yva-hero-paper-note,.page-secondary .yva-article-hero-caption{left:16px;right:16px;bottom:-36px;max-width:none;padding:13px 16px}
  .page-secondary .yva-hero-artifact{right:-5px;width:85px;height:85px}
  .page-secondary .yva-blog-meta{display:grid;gap:6px;margin-top:22px}
  .page-secondary .yva-featured-article{min-height:0;margin-bottom:18px;border-radius:22px 18px 25px 17px}
  .page-secondary .yva-featured-visual{min-height:230px}
  .page-secondary .yva-featured-copy{padding:26px 22px 29px}
  .page-secondary .yva-featured-copy h2{font-size:31px}
  .page-secondary .yva-blog-grid{grid-template-columns:1fr;gap:13px}
  .page-secondary .yva-blog-card{display:grid;grid-template-columns:112px minmax(0,1fr);border-radius:17px 21px 16px 20px}
  .page-secondary .yva-blog-card-visual{height:100%;min-height:190px;border-bottom:0;border-right:1px solid rgba(126,91,79,.11)}
  .page-secondary .yva-blog-card-copy{padding:17px 16px 18px}
  .page-secondary .yva-blog-card h2{font-size:20px}
  .page-secondary .yva-blog-card p{font-size:12px;-webkit-line-clamp:3}
  .page-secondary .yva-blog-letter{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:22px 18px}
  .page-secondary .yva-blog-letter-art{width:72px;height:72px}
  .page-secondary .yva-blog-letter .btn{grid-column:1/-1;width:100%}
  .page-secondary .yva-blog-letter h2{font-size:27px}
  .page-secondary .yva-article-paper{padding:30px 22px;background:linear-gradient(rgba(255,254,251,.97),rgba(248,241,235,.97)),url('/assets/img/yva/paper-cotton.webp');font-size:16px;line-height:1.75}
  .page-secondary .yva-article-opening{padding:20px 18px 20px 43px}
  .page-secondary .yva-article-opening p{font-size:18px}
  .page-secondary .yva-article-paper h2{font-size:29px}
  .page-secondary .yva-article-author{grid-template-columns:90px minmax(0,1fr);gap:14px;padding:17px}
  .page-secondary .yva-article-author-photo{width:90px;height:90px}
  .page-secondary .yva-article-author h2{font-size:24px}
  .page-secondary .yva-article-author p{font-size:12px}
  .page-secondary .yva-article-side{grid-template-columns:1fr}
  .page-secondary .yva-static-hero-art .yva-secondary-hero-picture{height:360px}
  .page-secondary .yva-static-facts{position:relative;left:auto;right:auto;bottom:auto;margin:-22px 8px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-secondary .yva-static-story-card{grid-template-columns:112px minmax(0,1fr)}
  .page-secondary .static-story-raster{min-height:220px}
  .page-secondary .yva-static-story-copy{padding:19px 16px 21px}
  .page-secondary .yva-static-story-card h3{font-size:22px}
  .page-secondary .yva-static-story-card p{font-size:12.5px;line-height:1.55}
  .page-secondary .yva-secondary-letter-cta{grid-template-columns:72px minmax(0,1fr);gap:15px;padding:23px 18px}
  .page-secondary .yva-secondary-letter-cta h2{font-size:29px}
  .page-secondary .yva-secondary-letter-cta p{font-size:13px}
  .page-secondary .yva-secondary-letter-cta .btn{grid-column:1/-1;width:100%}
  .page-secondary .yva-secondary-cta-art{width:72px;height:72px}
  .page-secondary .yva-legal-hero-art .yva-secondary-hero-picture{height:250px}
  .page-secondary .yva-legal-paper{padding:34px 22px}
  .page-secondary .yva-legal-paper-head b{font-size:26px}
  .page-secondary .yva-legal-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}
  .page-secondary .yva-legal-nav a{padding:10px 7px;text-align:center;font-size:12px}
}
@media(max-width:390px){
  .page-secondary .yva-blog-card{grid-template-columns:94px minmax(0,1fr)}
  .page-secondary .yva-blog-card h2{font-size:18px}
  .page-secondary .yva-static-story-card{grid-template-columns:94px minmax(0,1fr)}
  .page-secondary .yva-static-story-copy{padding-inline:13px}
}
@media(prefers-reduced-motion:reduce){
  .page-secondary .yva-featured-article,.page-secondary .yva-featured-visual img,.page-secondary .yva-blog-card,.page-secondary .yva-blog-card-visual img{transition:none!important}
  .page-secondary .yva-featured-article:hover,.page-secondary .yva-blog-card:hover,.page-secondary .yva-blog-card:nth-child(3n+2):hover{transform:none!important}
}

/* Stage 6 cumulative regression: the legacy three-level row must collapse on narrow screens. */
@media (max-width: 680px) {
  .page-home .mt-levels {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-home .mt-level {
    min-width: 0;
    width: 100%;
  }
}
/* Keep decorative paper/paint pseudo-elements from creating a horizontal mobile scroll rail. */
body.page-home { overflow-x: clip; }
html:has(body.page-home) { overflow-x: clip; }
@media (max-width: 680px) {
  .page-home .about-game > .wrap::before { inset-inline: 0; }
}
@media (max-width: 680px) {
  .page-home .yva-hero-art::before { inset: 4%; transform: none; }
}


/* ==========================================================================\n   YVA Living Watercolor Front — Stage 7: mobile & living controls\n   ========================================================================== */
.cursor-glow{display:none!important}

/* Raster replacements for the remaining legacy icon slots. */
.page-home .level-wc-icon,.page-home .landing-icon,.page-home .format-wc-icon,
.page-home .review-play-icon,.page-home .wc-review-fallback-icon,.page-home .wc-success-icon{display:block;flex:0 0 auto}
.page-home .level-wc-icon{width:74px;height:74px;margin:0 auto 9px}
.page-home .landing-icon{width:64px;height:64px}
.page-home .format-wc-icon{width:86px;height:86px;margin:0 auto 8px}
.page-home .review-play-icon{width:48px;height:48px}
.page-home .wc-review-fallback-icon{width:64px;height:64px}
.page-home .wc-success-icon{width:70px;height:70px;margin:auto}
.page-home .level-wc-icon img,.page-home .landing-icon img,.page-home .format-wc-icon img,
.page-home .review-play-icon img,.page-home .wc-review-fallback-icon img,.page-home .wc-success-icon img{object-fit:contain}
.review-star{display:inline-block;color:#c8b9bc;font-size:17px;line-height:1;text-shadow:0 1px rgba(255,255,255,.6)}
.review-star.on{color:#b18548}
.yva-review-fallback-copy{display:grid;min-height:120px;place-items:center;padding:18px;color:#745b68;font-family:var(--yva-serif);text-align:center;background:linear-gradient(rgba(255,253,249,.9),rgba(245,235,228,.93)),url('/assets/img/yva/paper-cotton.webp')}

/* The old chevron becomes a small raster quill invitation. */
.page-home .yva-scroll-cue{display:flex;align-items:center;gap:7px;color:#76566d;font-family:var(--yva-serif);font-size:12px;letter-spacing:.02em}
.page-home .yva-scroll-cue-art{width:38px;height:38px;transform:rotate(10deg)}
.page-home .yva-scroll-cue-art img{object-fit:contain}

/* Growing reading branch. It is decorative and never blocks page content. */
.yva-reading-progress{--yva-reading-progress:0%;position:fixed;left:8px;top:112px;bottom:88px;z-index:96;width:36px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,visibility .24s}
.yva-reading-progress.is-visible{opacity:.74;visibility:visible}
.yva-reading-progress-track,.yva-reading-progress-fill{position:absolute;inset:0;background:url('/assets/img/yva/library/timeline-vine.webp') center top/100% 100% no-repeat}
.yva-reading-progress-track{opacity:.10;filter:grayscale(.25)}
.yva-reading-progress-fill{height:var(--yva-reading-progress);max-height:100%;overflow:hidden;opacity:.84;filter:drop-shadow(0 3px 5px rgba(75,48,65,.12));background-size:36px calc(100vh - 200px);background-position:center top}
.yva-reading-progress-flower{position:absolute;left:50%;top:clamp(0px,calc(var(--yva-reading-progress) - 13px),calc(100% - 25px));width:25px;height:25px;transform:translateX(-50%) scale(.78);border-radius:50%;background:radial-gradient(circle at 35% 35%,#f8e3d7 0 22%,#bb88aa 24% 48%,#77546f 52% 58%,transparent 60%),radial-gradient(circle,#d7b174 0 12%,transparent 13%);box-shadow:0 5px 12px -7px rgba(62,38,55,.8);transition:transform .25s}
.yva-reading-progress.is-complete .yva-reading-progress-flower{transform:translateX(-50%) scale(1)}

/* Folded paper corner used instead of the ordinary arrow FAB. */
.scroll-top-float.yva-scroll-corner{right:20px;bottom:22px;width:94px;height:94px;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible;transform:translateY(20px) scale(.92);opacity:0;visibility:hidden;transition:opacity .22s,transform .28s,visibility .22s;display:grid;place-items:center;color:#5e4357}
.scroll-top-float.yva-scroll-corner.is-visible{opacity:1;visibility:visible;transform:none}
.yva-scroll-corner-art{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 13px rgba(52,34,47,.18));transition:transform .22s}
.yva-scroll-corner-art img{object-fit:contain}
.scroll-top-float.yva-scroll-corner>span{position:relative;z-index:1;margin-top:51px;font-family:var(--yva-script);font-size:13px;transform:rotate(6deg)}
.scroll-top-float.yva-scroll-corner:hover .yva-scroll-corner-art,.scroll-top-float.yva-scroll-corner:focus-visible .yva-scroll-corner-art{transform:translateY(-4px) rotate(-2deg)}
.scroll-top-float.yva-scroll-corner:active .yva-scroll-corner-art{transform:translateY(1px) scale(.96)}
.page-home .scroll-top-float.yva-scroll-corner{bottom:25px}

/* Paper notification. */
.yva-live-notice{position:fixed;right:24px;top:96px;z-index:310;width:min(390px,calc(100vw - 32px));display:grid;grid-template-columns:66px minmax(0,1fr) 32px;align-items:center;gap:12px;padding:13px 12px 13px 14px;border:1px solid rgba(127,90,80,.22);border-radius:18px 22px 17px 25px;background:linear-gradient(rgba(255,254,251,.96),rgba(247,238,231,.97)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 28px 68px -40px rgba(57,38,50,.72);transform:translateY(-18px) rotate(.5deg);opacity:0;transition:opacity .2s,transform .24s}
.yva-live-notice[hidden]{display:none}
.yva-live-notice.is-visible{opacity:1;transform:none}
.yva-live-notice::before{content:"";position:absolute;inset:6px;border:1px solid rgba(177,133,71,.14);border-radius:14px 18px 13px 21px;pointer-events:none}
.yva-live-notice-art{width:66px;height:66px}.yva-live-notice-art img{object-fit:contain}
.yva-live-notice-copy{position:relative;z-index:1}.yva-live-notice-copy b{display:block;color:#503947;font-family:var(--yva-serif);font-size:21px;font-weight:500}.yva-live-notice-copy small{display:block;margin-top:3px;color:#76636d;font-size:12px;line-height:1.45}
.yva-live-notice>button{position:relative;z-index:2;align-self:start;width:32px;height:32px;border:0;border-radius:50%;background:rgba(123,87,109,.08);color:#735269;font-size:21px;cursor:pointer}
.yva-live-notice.is-success{border-color:rgba(104,142,113,.28)}.yva-live-notice.is-error{border-color:rgba(173,103,94,.35)}
.yva-live-notice.is-error .yva-live-notice-copy b{color:#8d4f4b}

/* Form states: graphite underline rather than aggressive red boxes. */
.page-home .lead-field{position:relative}
.page-home .lead-field::after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:2px;border-radius:99px;background:transparent;transform:scaleX(.35);opacity:0;transition:transform .2s,opacity .2s,background .2s}
.page-home .lead-field.is-error::after{background:linear-gradient(90deg,transparent,#a45e59 14% 86%,transparent);transform:scaleX(1);opacity:.75}
.page-home .lead-field.is-ok::after{background:linear-gradient(90deg,transparent,#719174 14% 86%,transparent);transform:scaleX(1);opacity:.55}
.page-home .lead-field.is-error input,.page-home .lead-field.is-error textarea{border-color:rgba(151,83,79,.38)!important;background:rgba(255,249,246,.94)!important;box-shadow:none!important}
.page-home .lead-success{border:1px solid rgba(113,145,115,.26);border-radius:20px 25px 18px 24px;background:linear-gradient(rgba(255,254,250,.94),rgba(238,246,235,.91)),url('/assets/img/yva/paper-cotton.webp');box-shadow:0 26px 48px -38px rgba(54,70,54,.55)}

/* Strong, coherent input modality states. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid rgba(132,92,123,.48)!important;outline-offset:4px!important;box-shadow:0 0 0 6px rgba(255,250,245,.82)!important}
.btn:active,.yva-contact-link:active,.landing-link:active,.format-card:active{transform:translateY(1px) scale(.985)!important}
button:disabled,.btn[aria-disabled="true"],input:disabled,select:disabled,textarea:disabled{cursor:not-allowed!important;filter:grayscale(.5);opacity:.5!important;transform:none!important}

/* Mobile menu becomes a full paper sheet; dimmed background remains inert. */
body.yva-menu-open::after{content:"";position:fixed;inset:0;z-index:199;background:rgba(52,38,48,.22);backdrop-filter:blur(2px)}
.nav-mobile{z-index:210;background:linear-gradient(rgba(255,254,251,.97),rgba(246,236,230,.98)),url('/assets/img/yva/paper-cotton.webp')}
.nav-mobile::before{content:"";position:absolute;inset:10px;border:1px solid rgba(178,134,72,.17);border-radius:25px;pointer-events:none}

@media(max-width:980px){
  .yva-reading-progress{left:auto;right:3px;top:92px;bottom:88px;width:24px;opacity:.55}
  .yva-reading-progress-fill{background-size:24px calc(100vh - 180px)}
  .scroll-top-float.yva-scroll-corner{right:5px;bottom:calc(74px + env(safe-area-inset-bottom,0px));width:78px;height:78px}
  .scroll-top-float.yva-scroll-corner>span{margin-top:42px;font-size:11px}
  .page-home .scroll-top-float.yva-scroll-corner{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .yva-live-notice{right:12px;top:82px;width:calc(100vw - 24px)}
}
@media(max-width:430px){
  .yva-reading-progress{display:none}
  .yva-live-notice{grid-template-columns:54px minmax(0,1fr) 30px;padding:11px}.yva-live-notice-art{width:54px;height:54px}.yva-live-notice-copy b{font-size:18px}
  .scroll-top-float.yva-scroll-corner{width:70px;height:70px;right:2px}.scroll-top-float.yva-scroll-corner>span{margin-top:37px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .yva-reading-progress,.yva-reading-progress-flower,.scroll-top-float.yva-scroll-corner,.yva-scroll-corner-art,.yva-live-notice,.page-home .lead-field::after{transition:none!important}
  .scroll-top-float.yva-scroll-corner:hover .yva-scroll-corner-art,.scroll-top-float.yva-scroll-corner:focus-visible .yva-scroll-corner-art{transform:none}
  body.yva-menu-open::after{backdrop-filter:none}
}
/* Mobile reading progress becomes a slim botanical strip below the header. */
@media(max-width:430px){
  .yva-reading-progress{display:block;left:12px;right:12px;top:72px;bottom:auto;width:auto;height:20px;z-index:198;opacity:0}
  .yva-reading-progress.is-visible{opacity:.72}
  .yva-reading-progress-track,.yva-reading-progress-fill{background:url('/assets/img/yva/library/progress-vine-horizontal.webp') left center/100% 20px no-repeat}
  .yva-reading-progress-track{opacity:.09}
  .yva-reading-progress-fill{width:var(--yva-reading-progress);height:20px;max-width:100%;background-size:calc(100vw - 24px) 20px;background-position:left center}
  .yva-reading-progress-flower{left:clamp(0px,calc(var(--yva-reading-progress) - 8px),calc(100% - 18px));top:1px;width:18px;height:18px;transform:scale(.72)}
  .yva-reading-progress.is-complete .yva-reading-progress-flower{transform:scale(.9)}
}
/* Stage 7 specificity corrections against the legacy mobile/FAB rules. */
.page-home .nav-mobile,.page-secondary .nav-mobile{z-index:210}
.page-home .nav-mobile a:not(.btn),.page-secondary .nav-mobile a:not(.btn){color:#5d4654}
.page-home .nav-mobile .close,.page-secondary .nav-mobile .close{color:#674b5c}
.page-home .scroll-top-float.yva-scroll-corner{left:auto!important;right:20px!important;bottom:25px!important;width:94px!important;height:94px!important;border-radius:0!important;background:none!important}
@media(max-width:980px){
  .page-home .scroll-top-float.yva-scroll-corner{left:auto!important;right:5px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;width:78px!important;height:78px!important}
}
@media(max-width:430px){
  .page-home .scroll-top-float.yva-scroll-corner{right:2px!important;width:70px!important;height:70px!important}
}

/* Stage 8: approved per-article AI illustrations */
.page-secondary .yva-ai-article-picture,
.page-secondary .yva-ai-card-picture{display:block;width:100%;height:100%}
.page-secondary .yva-ai-article-picture img,
.page-secondary .yva-ai-card-picture img{display:block;width:100%;height:100%;object-fit:cover}


/* Final Typography & Identity · self-hosted Manrope, no CDN. */
.page-home .header,.page-home .nav,.page-home .nav-mobile,
.page-home .btn,.page-home button,.page-home input,.page-home textarea,.page-home select,
.page-home .footer h5,.page-home .footer a,.page-secondary .footer a{
  font-family:var(--yva-ui);
}
.page-home .header .btn,.page-home .hero-actions .btn,.page-home .lead-actions .btn,
.page-home .format-card .btn,.page-home .reviews-more{
  font-weight:700;letter-spacing:.012em;text-rendering:optimizeLegibility;
}
.page-home .nav a:not(.btn),.page-home .nav-mobile>a:not(.btn){
  font-family:var(--yva-ui);font-style:normal;text-rendering:optimizeLegibility;
}
.page-home .brand-copy .yva-brand-origin{font-size:9px;letter-spacing:.025em}
.page-home .brand-copy .yva-brand-host{letter-spacing:.015em}
.yva-brand-logo-picture{display:block;width:100%;height:100%}
.yva-brand-logo-picture .yva-brand-emblem{width:100%;height:100%}
.page-home .host-badge .hb-mark{
  width:46px;height:46px;display:grid;place-items:center;overflow:hidden;
}
.page-home .host-badge .hb-mark picture,.page-home .host-badge .hb-mark img{width:100%;height:100%;object-fit:contain}
@media(max-width:680px){
  .page-home .yva-brand-name b{font-size:19px}
  .page-home .yva-brand-name strong{font-size:17px;margin-left:8px}
}


/* Final2 Header Logo Hotfix — fixed geometry, no visual drift. */
.page-home .header .brand,
.page-home .header .brand.yva-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:246px!important;
  max-width:286px;
  flex:0 0 auto;
  line-height:1;
  overflow:visible;
  contain:layout style;
}
.page-home .header .brand .logo,
.page-home .header .brand .yva-brand-mark{
  display:block!important;
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  aspect-ratio:1/1;
  line-height:0!important;
  overflow:visible!important;
}
.page-home .header .yva-brand-logo-picture,
.page-home .header .yva-brand-mark>picture{
  display:block!important;
  width:54px!important;
  height:54px!important;
  line-height:0!important;
}
.page-home .header .yva-brand-emblem{
  display:block!important;
  width:54px!important;
  height:54px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  opacity:1!important;
}
.page-home .header .brand:hover .yva-brand-emblem,
.page-home .header .brand:focus-visible .yva-brand-emblem{
  transform:none!important;
  filter:none!important;
}
.page-home .header .brand-copy.yva-brand-copy{
  display:flex!important;
  flex:0 0 auto;
  min-width:0;
  max-width:210px;
  align-items:flex-start!important;
  justify-content:center;
  gap:2px!important;
  white-space:nowrap;
  line-height:1!important;
  transform:none!important;
}
.page-home .header .yva-brand-name{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  margin:0 0 2px!important;
  line-height:.94!important;
  transform:none!important;
}
.page-home .header .yva-brand-name b,
.page-home .header .yva-brand-name strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--yva-ui)!important;
  font-style:normal!important;
  font-synthesis:none;
  text-rendering:geometricPrecision;
}
.page-home .header .yva-brand-name b{font-size:19px!important;font-weight:750!important;letter-spacing:-.025em!important}
.page-home .header .yva-brand-name strong{font-size:17px!important;font-weight:700!important;letter-spacing:-.02em!important}
.page-home .header .brand-copy .yva-brand-origin{font-size:8.5px!important;line-height:1.2!important;margin:0!important}
.page-home .header .brand-copy .yva-brand-host{font-size:10px!important;line-height:1.2!important;margin:0!important}

@media(max-width:1240px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{min-width:228px!important;max-width:248px;gap:8px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex-basis:50px!important}
  .page-home .header .yva-brand-name b{font-size:18px!important}
  .page-home .header .yva-brand-name strong{font-size:16px!important}
}
@media(max-width:680px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{min-width:0!important;max-width:245px;gap:8px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important}
  .page-home .header .brand-copy.yva-brand-copy{max-width:180px;gap:1px!important}
  .page-home .header .yva-brand-name{margin-bottom:1px!important;line-height:.96!important}
  .page-home .header .yva-brand-name b{font-size:17px!important}
  .page-home .header .yva-brand-name strong{font-size:15px!important}
  .page-home .header .brand-copy .yva-brand-origin{display:none!important}
  .page-home .header .brand-copy .yva-brand-host{font-size:9px!important}
}
@media(max-width:360px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{max-width:218px;gap:6px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}
  .page-home .header .yva-brand-name b{font-size:15.5px!important}
  .page-home .header .yva-brand-name strong{font-size:13.5px!important}
  .page-home .header .brand-copy .yva-brand-host{font-size:8.5px!important}
}


/* Final3 Elegant Branch Logo Restore — fixed geometry, no visual drift. */
.page-home .header .brand,
.page-home .header .brand.yva-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:246px!important;
  max-width:286px;
  flex:0 0 auto;
  line-height:1;
  overflow:visible;
  contain:layout style;
}
.page-home .header .brand .logo,
.page-home .header .brand .yva-brand-mark{
  display:block!important;
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  aspect-ratio:1/1;
  line-height:0!important;
  overflow:visible!important;
}
.page-home .header .yva-brand-logo-picture,
.page-home .header .yva-brand-mark>picture{
  display:block!important;
  width:54px!important;
  height:54px!important;
  line-height:0!important;
}
.page-home .header .yva-brand-emblem{
  display:block!important;
  width:54px!important;
  height:54px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  opacity:1!important;
}
.page-home .header .brand:hover .yva-brand-emblem,
.page-home .header .brand:focus-visible .yva-brand-emblem{
  transform:none!important;
  filter:none!important;
}
.page-home .header .brand-copy.yva-brand-copy{
  display:flex!important;
  flex:0 0 auto;
  min-width:0;
  max-width:210px;
  align-items:flex-start!important;
  justify-content:center;
  gap:2px!important;
  white-space:nowrap;
  line-height:1!important;
  transform:none!important;
}
.page-home .header .yva-brand-name{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  margin:0 0 2px!important;
  line-height:.94!important;
  transform:none!important;
}
.page-home .header .yva-brand-name b,
.page-home .header .yva-brand-name strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--yva-ui)!important;
  font-style:normal!important;
  font-synthesis:none;
  text-rendering:geometricPrecision;
}
.page-home .header .yva-brand-name b{font-size:19px!important;font-weight:750!important;letter-spacing:-.025em!important}
.page-home .header .yva-brand-name strong{font-size:17px!important;font-weight:700!important;letter-spacing:-.02em!important}
.page-home .header .brand-copy .yva-brand-origin{font-size:8.5px!important;line-height:1.2!important;margin:0!important}
.page-home .header .brand-copy .yva-brand-host{font-size:10px!important;line-height:1.2!important;margin:0!important}

@media(max-width:1240px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{min-width:228px!important;max-width:248px;gap:8px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex-basis:50px!important}
  .page-home .header .yva-brand-name b{font-size:18px!important}
  .page-home .header .yva-brand-name strong{font-size:16px!important}
}
@media(max-width:680px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{min-width:0!important;max-width:245px;gap:8px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important}
  .page-home .header .brand-copy.yva-brand-copy{max-width:180px;gap:1px!important}
  .page-home .header .yva-brand-name{margin-bottom:1px!important;line-height:.96!important}
  .page-home .header .yva-brand-name b{font-size:17px!important}
  .page-home .header .yva-brand-name strong{font-size:15px!important}
  .page-home .header .brand-copy .yva-brand-origin{display:none!important}
  .page-home .header .brand-copy .yva-brand-host{font-size:9px!important}
}
@media(max-width:360px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{max-width:218px;gap:6px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}
  .page-home .header .yva-brand-name b{font-size:15.5px!important}
  .page-home .header .yva-brand-name strong{font-size:13.5px!important}
  .page-home .header .brand-copy .yva-brand-host{font-size:8.5px!important}
}


/* Final3 Elegant Branch Logo — approved left botanical branch, stable box. */
.page-home .header .brand,
.page-home .header .brand.yva-brand{
  gap:9px!important;
  min-width:258px!important;
  max-width:294px!important;
}
.page-home .header .brand .logo,
.page-home .header .brand .yva-brand-mark,
.page-home .header .yva-brand-logo-picture,
.page-home .header .yva-brand-mark>picture,
.page-home .header .yva-brand-emblem{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  flex-basis:64px!important;
  border-radius:50%;
}
.page-home .header .yva-brand-emblem{
  object-position:50% 50%!important;
  image-rendering:auto!important;
}
@media(max-width:1240px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{min-width:238px!important;max-width:258px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;flex-basis:58px!important}
}
@media(max-width:680px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{min-width:0!important;max-width:248px!important;gap:7px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex-basis:50px!important}
}
@media(max-width:360px){
  .page-home .header .brand,.page-home .header .brand.yva-brand{max-width:220px!important;gap:5px!important}
  .page-home .header .brand .logo,.page-home .header .brand .yva-brand-mark,
  .page-home .header .yva-brand-logo-picture,.page-home .header .yva-brand-mark>picture,
  .page-home .header .yva-brand-emblem{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex-basis:46px!important}
}