/* v16 · 1) the first screen on our painted Canadian lake; 2) «Деньги» from v4 as separate looping cards (the v12 way);
   the v4 drawing styles below are reused as they were, scoped to this block. */

/* ---------- 1 · hero ---------- */
.h16-bg { background: #0F1923; overflow: hidden; }
.h16-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; transform-origin: 62% 55%; animation: h16Breathe 26s ease-in-out infinite alternate; }
@keyframes h16Breathe { from { transform: scale(1.02); } to { transform: scale(1.1) translateX(-1.5%); } }
.h16-overlay { background: linear-gradient(90deg, rgba(15, 25, 35, .9) 0%, rgba(15, 25, 35, .72) 38%, rgba(15, 25, 35, .2) 68%, rgba(15, 25, 35, .05) 100%) !important; }
.h16-leaves { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.h16-fall { color: #E31837; opacity: 0; transform-box: fill-box; transform-origin: center; animation: h16Fall var(--t) linear infinite; animation-delay: var(--d); }
@keyframes h16Fall { 0% { translate: var(--x) -60px; rotate: 0deg; opacity: 0; } 8% { opacity: .85; } 92% { opacity: .85; } 100% { translate: calc(var(--x) - 200px) 1060px; rotate: 380deg; opacity: 0; } }
@media (max-width: 900px) {
    .h16-img { object-position: 70% 50%; }
    .h16-overlay { background: linear-gradient(180deg, rgba(15, 25, 35, .78) 0%, rgba(15, 25, 35, .7) 45%, rgba(15, 25, 35, .62) 100%) !important; }
}
@media (prefers-reduced-motion: reduce) { .h16-img, .h16-fall { animation: none; } .h16-fall { opacity: 0; } }

/* ---------- 2 · «Деньги» cards ---------- */
.salary.p16-sec { background: #FBF6EE; color: #0F1923; }
.salary.p16-sec .section-title { color: #0F1923; }
.salary.p16-sec .section-subtitle { color: #4A5560; }
.salary.p16-sec .section-tag { background: rgba(227, 24, 55, .1); }
.p16 { --font-display: 'Unbounded', system-ui, sans-serif; --font-text: 'Onest', system-ui, sans-serif; --cream: #FBF6EE; --paper: #FFFDF8; --sand: #F1E4D3; --ink-soft: #4A5560; --red-dark: #B71430; font-family: var(--font-text); }
.p16 .p16-v { display: block; margin-top: 10px; font-family: var(--font-display); font-weight: 700; font-size: clamp(64px, 7.6vw, 128px); line-height: .9; letter-spacing: -.06em; white-space: nowrap; }
.p16 .p16-l { margin-top: 18px; max-width: 440px; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.45; }
.p16 .w12-num { font-family: var(--font-text); }
.p16-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; padding: 16px 24px; max-width: 100%; border-radius: 999px; background: #E31837; color: #fff; font: 600 15px/1.25 var(--font-text); text-decoration: none; box-shadow: 0 12px 28px -10px rgba(227, 24, 55, .75); transition: background .2s; }
.p16-cta:hover { background: #B71430; }
.p16-cta svg { flex: none; width: 18px; height: 18px; }
.p16 .w12-viz > svg { max-width: 520px; }
.p16 svg text { font-family: var(--font-display); font-weight: 700; text-anchor: middle; }

/* the pictures loop: they play their v4 entrance, hold the finished picture, fade and play again — only while their card is on */
.p16 .cv-cellfill { transform-box: fill-box; transform-origin: 0 50%; }
.is-on .p16-viz--shift .cv-cellfill { animation: p16Fill 5.6s ease-out infinite; animation-delay: calc(var(--i) * .16s); }
.is-on .p16-viz--shift .cv-coin { animation: p16CoinIn 5.6s cubic-bezier(.3, 1.6, .5, 1) infinite; animation-delay: calc(var(--i) * .16s + .1s); transform-box: fill-box; transform-origin: center; }
.p16-sun { offset-path: path("M24 130 Q220 -70 416 130"); offset-rotate: 0deg; offset-distance: 50%; }
.is-on .p16-sun { animation: p16Sun 5.6s ease-in-out infinite; }
.p16 .cv-day { transform-box: fill-box; transform-origin: center; }
.is-on .p16-viz--month .cv-day.is-work { animation: p16Pop 5.6s cubic-bezier(.3, 1.6, .5, 1) infinite; animation-delay: calc(var(--i) * .05s); }
.is-on .p16-viz--month .cv-day:not(.is-work) { animation: p16Fade 5.6s ease-out infinite; }
.p16 .cv-ybar { transform-box: fill-box; transform-origin: 50% 100%; }
.is-on .p16-viz--year .cv-ybar { animation: p16Bar 5.6s cubic-bezier(.2, .8, .2, 1) infinite; animation-delay: calc(var(--i) * .08s); }
.is-on .p16-viz--year .cv-yline { animation: p16Line 5.6s ease-in-out infinite; }
.p16 .cv-yleaf { transform-box: fill-box; transform-origin: center; }
.is-on .p16-viz--year .cv-yleaf { animation: p16Drop 5.6s ease-out infinite; }
.p16 .cv-obar, .p16 .cv-otxt, .p16 .cv-moon { transform-box: fill-box; transform-origin: 50% 100%; }
.is-on .p16-viz--overtime .cv-obar { animation: p16Bar 5.6s cubic-bezier(.2, .8, .2, 1) infinite; }
.is-on .p16-viz--overtime .cv-obar.is-ot { animation-delay: .5s; }
.is-on .p16-viz--overtime .cv-otxt { animation: p16Fade 5.6s ease-out infinite; animation-delay: .3s; }
.is-on .p16-viz--overtime .cv-otxt.is-ot { animation-delay: .9s; }
.is-on .p16-viz--overtime .cv-moon { animation: p16Pop 5.6s cubic-bezier(.3, 1.6, .5, 1) infinite; animation-delay: .8s; transform-origin: center; }
.is-on .p16-viz--overtime .cv-oarrow { animation: p16Line 5.6s ease-in-out infinite; }
.p16 .cv-seg { stroke-dasharray: var(--len) 100; }
.is-on .p16-viz--split .cv-seg { animation: p16Seg 5.6s cubic-bezier(.3, 0, .2, 1) infinite; animation-delay: calc(var(--k) * .3s); }
.is-on .p16-viz--split .cv-slab { animation: p16Fade 5.6s ease-out infinite; }
.is-on .p16-viz--split .cv-slab--2 { animation-delay: .3s; } .is-on .p16-viz--split .cv-slab--3 { animation-delay: .6s; }
.p16-env { offset-path: path("M70 160 Q220 -10 360 150"); offset-rotate: auto; opacity: 0; }
.is-on .p16-env { animation: p16Env 5.6s ease-in-out infinite; }
.is-on .p16-env:nth-of-type(2) { animation-delay: .5s; } .is-on .p16-env:nth-of-type(3) { animation-delay: 1s; }
.p16 .cv-heart, .p16 .cv-hleaf { transform-box: fill-box; transform-origin: center; }
.is-on .p16-viz--home .cv-heart { animation: p16Pop 5.6s cubic-bezier(.3, 1.6, .5, 1) infinite; animation-delay: 1.6s; }
.is-on .p16-viz--home .cv-hleaf { animation: p16Spin 5.6s ease-out infinite; }

@keyframes p16Fill { 0%, 4% { scale: 0 1; } 14%, 88% { scale: 1 1; } 98%, 100% { scale: 0 1; } }
@keyframes p16CoinIn { 0%, 4% { scale: 0; translate: 0 30px; opacity: 0; } 14%, 88% { scale: 1; translate: 0 0; opacity: 1; } 98%, 100% { scale: 1; opacity: 0; } }
@keyframes p16Sun { 0% { offset-distance: 0%; } 70%, 100% { offset-distance: 100%; } }
@keyframes p16Pop { 0%, 4% { scale: 0; } 14%, 88% { scale: 1; } 98%, 100% { scale: 0; } }
@keyframes p16Fade { 0%, 6% { opacity: 0; } 18%, 88% { opacity: 1; } 98%, 100% { opacity: 0; } }
@keyframes p16Bar { 0%, 4% { scale: 1 0; } 18%, 88% { scale: 1 1; } 98%, 100% { scale: 1 0; } }
@keyframes p16Line { 0%, 18% { stroke-dashoffset: 1; } 45%, 88% { stroke-dashoffset: 0; } 98%, 100% { stroke-dashoffset: 1; } }
@keyframes p16Drop { 0%, 40% { translate: 0 -120px; rotate: -200deg; opacity: 0; } 55%, 88% { translate: 0 0; rotate: 0deg; opacity: 1; } 98%, 100% { opacity: 0; } }
@keyframes p16Seg { 0%, 4% { stroke-dasharray: 0 100; } 22%, 88% { stroke-dasharray: var(--len) 100; } 98%, 100% { stroke-dasharray: 0 100; } }
@keyframes p16Env { 0% { offset-distance: 0%; opacity: 0; } 6% { opacity: 1; } 40% { offset-distance: 100%; opacity: 1; } 46%, 100% { offset-distance: 100%; opacity: 0; } }
@keyframes p16Spin { 0%, 4% { rotate: -120deg; scale: .4; opacity: 0; } 18%, 88% { rotate: 0deg; scale: 1; opacity: 1; } 98%, 100% { opacity: 0; } }
@media (max-width: 900px) {
    .p16 .p16-v { font-size: 54px; }
    .p16 .p16-l { font-size: 16px; }
    .p16-cta { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .p16 *, .p16 *::after { animation: none !important; } .p16-env { opacity: 0; } }

/* ---------- the v4 drawings, as they were ---------- */
.p16 .fstage { position: relative; height: calc(100svh - 120px); min-height: 520px; border-radius: 36px; overflow: hidden; background: var(--ink); }
.p16 .fslide { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: center; gap: clamp(16px, 4vw, 64px); padding: clamp(28px, 5vw, 80px); clip-path: circle(0% at 70% 50%); }
.p16 .fslide:first-child { clip-path: circle(150% at 70% 50%); }
.p16 .fslide__viz { order: 2; display: grid; place-items: center; }
.p16 .fslide__viz > svg { width: 100%; max-width: 560px; height: auto; overflow: visible; }
.p16 .fslide__copy { order: 1; }
.p16 .fslide__v { display: block; font-family: var(--font-display); font-weight: 700; font-size: clamp(72px, 9vw, 170px); line-height: .88; letter-spacing: -0.06em; white-space: nowrap; }
.p16 .fslide__l { margin-top: 20px; max-width: 460px; font-size: clamp(17px, 1.6vw, 24px); line-height: 1.4; }
.p16 .fslide--ink { background: var(--ink); color: var(--cream); }
.p16 .fslide--red { background: var(--red); color: #fff; }
.p16 .fslide--sand { background: var(--sand); color: var(--ink); }
.p16 .fslide--pine { background: var(--pine); color: var(--cream); }
.p16 .fslide--amber { background: var(--amber); color: var(--ink); }
.p16 .fslide--paper { background: var(--paper); color: var(--ink); }
.p16 .fstage__dots { position: absolute; z-index: 3; right: 22px; top: 50%; transform: translateY(-50%); display: grid; gap: 10px; }
.p16 .fstage__dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(128, 128, 128, .45); transition: transform .3s, background .3s; }
.p16 .fstage__dots i.is-on { background: var(--red); transform: scale(1.6); box-shadow: 0 0 0 4px rgba(255, 255, 255, .5); }
@media (max-width: 900px) {
    .p16 .fstage { height: calc(100svh - 96px); border-radius: 28px; }
    .p16 .fslide { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; align-items: end; padding: 26px 22px 30px; gap: 10px; clip-path: circle(0% at 50% 30%); }
    .p16 .fslide:first-child { clip-path: circle(150% at 50% 30%); }
    .p16 .fslide__viz { order: 0; align-self: center; }
    .p16 .fslide__viz > svg { max-width: 320px; }
    .p16 .fslide__v { font-size: 17vw; }
    .p16 .fslide__l { font-size: 16px; margin-top: 10px; }
    .p16 .fstage__dots { right: 12px; }
}
.p16 .reduce .fslide { position: relative; clip-path: none; min-height: 70svh; }
.p16 .reduce .fstage { height: auto; }
.p16 .cine { margin: clamp(28px, 5vw, 56px) 0; }
.p16 .cine .fslide__viz > svg { max-width: 600px; }
.p16 .fslide__cta { margin-top: 26px; }
.p16 .cine text { font-family: var(--font-display); font-weight: 700; text-anchor: middle; }
.p16 .cv-arc { stroke: rgba(251, 246, 238, .3); stroke-width: 2; stroke-dasharray: 3 9; }
.p16 .cv-sun { fill: var(--amber); filter: drop-shadow(0 0 18px rgba(245, 196, 81, .8)); }
.p16 .cv-cell { fill: rgba(251, 246, 238, .1); }
.p16 .cv-cellfill { fill: rgba(251, 246, 238, .28); }
.p16 .cv-hr { fill: currentColor; opacity: .55; font-size: 15px; }
.p16 .cv-coin circle { fill: var(--amber); stroke: #fff; stroke-width: 3; }
.p16 .cv-coin text { fill: var(--ink); font-size: 20px; }
.p16 .cv-day rect { fill: rgba(255, 255, 255, .14); }
.p16 .cv-day.is-work rect { fill: #fff; }
.p16 .cv-day circle { fill: var(--amber); }
.p16 .cv-day text { fill: var(--ink); font-size: 14px; }
.p16 .cv-day .cv-rest { fill: rgba(255, 255, 255, .5); }
.p16 .cv-ybar { fill: rgba(15, 25, 35, .16); }
.p16 .cv-ybar.is-ca { fill: var(--red); }
.p16 .cv-yline { fill: none; stroke: var(--ink); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: var(--o, 0); }
.p16 .cv-yleaf { color: var(--red); }
.p16 .cv-base { stroke: rgba(251, 246, 238, .3); stroke-width: 2; }
.p16 .cv-obar { fill: rgba(251, 246, 238, .25); }
.p16 .cv-obar.is-ot { fill: var(--amber); }
.p16 .cv-otxt { fill: var(--cream); font-size: 30px; }
.p16 .cv-otxt.is-ot { fill: var(--amber); }
.p16 .cv-moon { fill: var(--ink); }
.p16 .cv-oarrow { stroke: var(--cream); stroke-width: 3; stroke-dasharray: 1; stroke-dashoffset: var(--o, 0); stroke-linecap: round; }
.p16 .cv-ring { fill: none; stroke: var(--go); stroke-width: 46; stroke-dasharray: 100; stroke-dashoffset: var(--o, 0); }
.p16 .cv-seg { fill: none; stroke-width: 46; }
.p16 .cv-seg--1 { stroke: var(--red); }
.p16 .cv-seg--2 { stroke: var(--amber); }
.p16 .cv-seg--3 { stroke: var(--ink); }
.p16 .cv-mid { fill: var(--ink); font-size: 32px; }
.p16 .cine .cv-slab { text-anchor: start; font-size: 20px; }
.p16 .cv-slab--1 { fill: var(--red); }
.p16 .cv-slab--2 { fill: #B8860B; }
.p16 .cv-slab--3 { fill: var(--ink); }
.p16 .cv-hleaf { color: var(--red); }
.p16 .cv-route { stroke: var(--ink); stroke-width: 3; stroke-dasharray: 2 10; stroke-linecap: round; opacity: .5; }
.p16 .cv-roof { fill: var(--red); }
.p16 .cv-wall { fill: var(--paper); }
.p16 .cv-win { fill: var(--amber); stroke: var(--ink); stroke-width: 3; }
.p16 .cv-door { fill: var(--pine); }
.p16 .cv-heart { fill: var(--red); }
.p16 .cv-env rect { fill: #fff; stroke: var(--ink); stroke-width: 3; }
.p16 .cv-env path { stroke: var(--ink); stroke-width: 3; stroke-linejoin: round; }
@media (max-width: 899px) {
    .p16 .cine .fslide__viz > svg { max-width: 340px; }
    .p16 .fslide__cta { margin-top: 16px; }
}
.p16 .cine .fslide__v { font-size: clamp(54px, 7.2vw, 132px); }
@media (max-width: 899px) {
    .p16 .cine .fslide__v { font-size: 15vw; }
}
@media (max-width: 899px) {
    .p16 .cine .fslide { padding-right: 36px; }
    .p16 .cine .fslide__viz { width: 100%; }
    .p16 .cine .fslide__viz > svg { max-width: 420px; width: 100%; }
}
.p16 .cine .fslide__copy { min-width: 0; }
.p16 .cine .fslide__cta { max-width: 100%; white-space: normal; text-align: left; }
.p16 .cine .fslide__v.fslide__v--word { font-size: clamp(40px, 5vw, 92px); }
.p16 .fslide__l strong { font-weight: 700; }
.p16 .fslide--paper .fslide__k, .p16 .fslide--sand .fslide__k { color: var(--red); opacity: 1; }
.p16 .fslide--red .btn--light, .p16 .fslide--pine .btn--light, .p16 .fslide--ink .btn--light { color: var(--ink); }
.p16 .cine text.cv-plogo { font-size: 15px; font-weight: 700; fill: var(--ink); text-anchor: start; letter-spacing: -0.02em; }
.p16 .cv-route { stroke: rgba(255, 255, 255, .28); stroke-width: 3; stroke-dasharray: 3 10; stroke-linecap: round; }
.p16 .fslide--red .cv-rplane { color: #fff; }
.p16 .cine text.cv-stamptxt { fill: var(--red); font-size: 11px; letter-spacing: .12em; }
.p16 .fslide--sand .cv-floor { stroke: rgba(15, 25, 35, .25); }
.p16 .cine text.cv-tagold { fill: rgba(15, 25, 35, .4); font-size: 26px; }
.p16 .cine text.cv-tag0 { fill: var(--go); font-size: 30px; }
.p16 .cine text.cv-zero { fill: var(--ink); font-size: 26px; }
.p16 .cine .cv-lmia text { fill: var(--red); font-size: 34px; letter-spacing: .1em; }
.p16 .cv-env { fill: #fff; stroke: var(--ink); stroke-width: 3; }
.p16 .cine text.cv-offertxt { fill: var(--red); font-size: 13px; letter-spacing: .14em; }
.p16 .fslide--red .cv-hsun { fill: #FFD27A; }
.p16 .fslide--red .cv-dest { color: #fff; }
.p16 .fslide--red .cv-routefill { stroke: #fff; }
.p16 .cine text.cv-steptxt { fill: rgba(255, 255, 255, .8); font-size: 20px; letter-spacing: .12em; }
.p16 .cine text.cv-rcode { font-size: 16px; fill: var(--ink-soft); text-anchor: end; }
.p16 .cine text.cv-rnum { font-size: 17px; fill: var(--ink); text-anchor: start; }
@media (max-width: 899px) {
    .p16 .cine .fslide__v.fslide__v--word { font-size: 9.4vw; }
}
.p16 .fslide--red .btn--red { background: #fff; color: var(--red); box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .35); }
.p16 .fslide--red .btn--red .btn__tag { background: var(--red); color: #fff; }
.p16 .cine .fslide__v.fslide__v--word { font-size: clamp(34px, 4.3vw, 80px); hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
.p16 .fslide__copy { min-width: 0; }
@media (max-width: 899px) {
    .p16 .cine .fslide__v.fslide__v--word { font-size: 8.6vw; }
}
.p16 .cine .fslide__v.fslide__v--long { font-size: clamp(44px, 5.6vw, 104px); }
@media (max-width: 899px) {
    .p16 .cine .fslide__v.fslide__v--long { font-size: 12vw; }
}
.p16 .cine .fslide__viz > svg { max-height: min(62vh, 560px); }
@media (max-width: 899px) {
    .p16 .cine .fslide__viz > svg { max-height: 40svh; }
}
.p16 .fslide--ink .cv-frame { stroke: rgba(255, 255, 255, .18); }
.p16 .cine .fslide__viz > svg:has(.cv-frame) { filter: drop-shadow(0 30px 40px rgba(40, 20, 10, .22)); }
.p16 .fslide__viz.space svg { max-width: none; max-height: none; }
.p16 .fslide__viz.space svg.space__lines { width: 100%; height: 100%; }
.p16 .fslide__viz.space svg.space__sun { width: clamp(220px, 26vw, 420px); height: auto; }
.p16 .fslide__viz.space svg.space__bird { width: calc(34px * var(--s)); height: auto; }
@media (max-width: 899px) {
    .p16 .fslide__viz.space svg.space__sun { width: 70vw; }
}
.p16 .fslide__viz.space { --hz: 57%; }
.p16 .cine .fslide::after { content: ''; position: absolute; inset: 0; z-index: 6; pointer-events: none; opacity: .32; mix-blend-mode: soft-light;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E"); }
@media (prefers-reduced-motion: reduce) {
    .p16 .cine .fslide__viz > svg { animation: none !important; }
}
.p16 .cine svg.cv-strip { overflow: hidden; }
.p16 .cine text.cv-zz { fill: #fff; font-size: 30px; animation: cvZz 2.4s ease-in-out infinite; }
.p16 .cine text.cv-zz--2 { font-size: 22px; animation-delay: -1.2s; }
@media (min-width: 900px) {
    .p16 .cine .fslide__viz > svg { max-width: 680px; max-height: min(66vh, 620px); }
}
.p16 .cine .fslide__v.fslide__v--word { hyphenate-limit-chars: 10 4 4; }
.p16 .cine .fslide__v.fslide__v--word { hyphenate-limit-chars: 11 5 5; }
.p16 .cine .fslide__v.fslide__v--word { font-size: clamp(32px, 3.9vw, 76px); }
.p16 .cine .fslide__copy { container-type: inline-size; }
.p16 .cine .fslide__v.fslide__v--word { font-size: min(clamp(30px, 3.9vw, 76px), 12.4cqi); overflow-wrap: normal; }
@media (max-width: 899px) {
    .p16 .cine .fslide__v.fslide__v--word { font-size: min(8.6vw, 12.4cqi); }
}
.p16 .cine .fslide::after { content: none; }
.p16 .cine .fslide__viz > svg:has(.cv-frame) { filter: none; }
.p16 .fslide__viz.story { position: absolute; inset: 0; overflow: hidden; align-self: stretch; justify-self: stretch; width: auto; height: auto; transform: none !important; }
.p16 .cvh-shadow { fill: rgba(22, 15, 10, .14); }
.p16 .cvh-grass { fill: var(--pine); stroke: var(--ink); stroke-width: 3; stroke-linejoin: round; }
.p16 .cvh-trunk { fill: #7a4b2f; stroke: var(--ink); stroke-width: 3; }
.p16 .cvh-crown { fill: #E0582A; stroke: var(--ink); stroke-width: 3; }
.p16 .cvh-leafhi { fill: none; stroke: rgba(255, 255, 255, .55); stroke-width: 3; stroke-linecap: round; }
.p16 .cvh-tree { transform-box: fill-box; transform-origin: 50% 100%; animation: cvhSway 5s ease-in-out infinite alternate; }
.p16 .cvh-chimney, .p16 .cvh-chimcap { fill: #9c3a2c; stroke: var(--ink); stroke-width: 3; }
.p16 .cvh-smoke circle { fill: rgba(255, 255, 255, .85); stroke: rgba(22, 15, 10, .25); stroke-width: 2; transform-box: fill-box; transform-origin: 50% 50%; animation: cvhSmoke 3.6s ease-in infinite; }
.p16 .cvh-smoke circle:nth-child(2) { animation-delay: -1.2s; }
.p16 .cvh-smoke circle:nth-child(3) { animation-delay: -2.4s; }
.p16 .cv-house .cv-wall { stroke: var(--ink); stroke-width: 3; }
.p16 .cvh-siding { stroke: rgba(22, 15, 10, .12); stroke-width: 2; }
.p16 .cv-house .cv-roof { stroke: var(--ink); stroke-width: 3; stroke-linejoin: round; }
.p16 .cvh-tiles { stroke: rgba(0, 0, 0, .2); stroke-width: 3; stroke-linecap: round; }
.p16 .cvh-mullion { stroke: var(--ink); stroke-width: 2.4; fill: none; }
.p16 .cvh-curtain { fill: none; stroke: #fff; stroke-width: 4; stroke-linecap: round; opacity: .85; }
.p16 .cvh-box { fill: #9c3a2c; stroke: var(--ink); stroke-width: 2.6; }
.p16 .cvh-flowers circle { fill: #ffd34e; stroke: var(--ink); stroke-width: 2; }
.p16 .cvh-flowers circle:nth-child(2) { fill: #ff8fa3; }
.p16 .cv-house .cv-door { stroke: var(--ink); stroke-width: 3; }
.p16 .cvh-doorpanel { fill: none; stroke: rgba(0, 0, 0, .25); stroke-width: 2; }
.p16 .cvh-knob { fill: #ffd34e; stroke: var(--ink); stroke-width: 1.6; }
.p16 .cvh-lamp { fill: #ffe9a8; stroke: var(--ink); stroke-width: 2; }
.p16 .cvh-glow { fill: rgba(255, 214, 100, .45); animation: cvhGlow 2.4s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 50% 50%; }
.p16 .cvh-step { fill: #d9c6a8; stroke: var(--ink); stroke-width: 2.6; }
.p16 .cvh-path { fill: #f3e6cf; stroke: var(--ink); stroke-width: 2.6; stroke-linejoin: round; }
.p16 .cvh-fence path { stroke: var(--paper); stroke-width: 4; stroke-linecap: round; }
@media (prefers-reduced-motion: reduce) {
    .p16 .cvh-tree, .p16 .cvh-smoke circle, .p16 .cvh-glow { animation: none; }
}
.p16 .cine .cvl-sealtxt { text-anchor: start; font-family: Onest, sans-serif; font-weight: 800; }
.p16 .fslide__viz.leafv { position: absolute; inset: 0; transform: none !important; width: auto; height: auto; align-self: stretch !important; justify-self: stretch !important; }
.p16 .fslide--pine .d-floor { color: #fff; }
.p16 .cine .cv-stampring-t { font-family: Onest, sans-serif; font-weight: 800; font-size: 11px; fill: var(--red); text-anchor: start; }
.p16 .cine .cv-lmia text { font-size: 27px; letter-spacing: .08em; text-anchor: middle; }
.p16 .fslide__viz[data-viz="svtree"] { position: absolute; inset: 0; width: auto; max-width: none; transform: none !important; align-self: stretch; justify-self: stretch; z-index: 0; overflow: hidden; border-radius: inherit; }
@keyframes cvZz { 0% { opacity: 0; translate: 0 10px; } 40% { opacity: 1; } 100% { opacity: 0; translate: 10px -16px; } }
@keyframes cvhGlow { to { opacity: .4; scale: 1.25; } }
@keyframes cvhSway { from { rotate: -1.5deg; } to { rotate: 1.5deg; } }
@keyframes cvhSmoke { 0% { translate: 0 18px; scale: .5; opacity: 0; } 25% { opacity: .9; } 100% { translate: 8px -14px; scale: 1.25; opacity: 0; } }