@layer components{.v10-oblasti__head{margin-bottom:clamp(1.75rem,3.2vw,2.75rem)}.v10-oblasti__sprig{margin-block:1rem 0}.v10-oblasti{--ob-badge:clamp(3.5rem, 6.2vw, 5.25rem);--ob-overhang:calc(var(--ob-badge) * .43);--ob-gap:clamp(1.25rem, 2.2vw, 1.5625rem);--ob-stack-gap:clamp(1.75rem, 5vw, 3rem);--ob-rule:color-mix(in srgb, var(--color-bark) 62%, transparent);--ob-rule-period:3.75px;gap:0;display:grid}.v10-oblast{color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative}.v10-oblast+.v10-oblast{margin-top:var(--ob-stack-gap)}.v10-oblast+.v10-oblast:before{content:"";top:calc(-.5 * var(--ob-stack-gap));background-image:repeating-linear-gradient(to right, var(--ob-rule) 0 2.5px, transparent 2.5px var(--ob-rule-period));pointer-events:none;height:2px;position:absolute;inset-inline:0}.v10-oblast:focus-visible{outline:3px solid var(--color-bark);outline-offset:4px;border-radius:.25rem}.v10-oblast__media{margin-bottom:calc(var(--ob-overhang) + .875rem);display:block;position:relative}.v10-oblast__img{aspect-ratio:3/2;object-fit:cover;background-color:var(--color-tint-leaf);width:100%;height:auto;box-shadow:var(--shadow-card);border-radius:.5rem;display:block}.v10-oblast__badge{left:50%;bottom:calc(-1 * var(--ob-overhang));width:var(--ob-badge);height:var(--ob-badge);border:calc(var(--ob-badge) * .06) solid var(--color-paper);background-color:var(--color-moss);box-shadow:var(--shadow-card);color:#fff;transition:background-color .26s var(--v10-out);border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50%}.v10-oblast__badge>svg{width:56%;height:56%}.v10-oblast__text{flex-direction:column;flex:1;align-items:flex-start;display:flex;position:relative}.v10-oblast:not(:first-child) .v10-oblast__text:before{content:"";top:-1.0625rem;bottom:0;background-image:repeating-linear-gradient(to bottom, var(--ob-rule) 0 2.5px, transparent 2.5px var(--ob-rule-period));pointer-events:none;width:2px;display:none;position:absolute;inset-inline-start:calc(-.5 * var(--ob-gap) - 1px)}.v10-oblast__where{font-family:var(--font-sans);font-size:var(--text-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--color-forest);flex-wrap:wrap;align-items:center;gap:.5em;margin-bottom:.6rem;font-weight:700;line-height:1.2;display:flex}.v10-oblast__leaf{font-size:1.15em}.v10-oblast__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-bark);text-wrap:balance;text-underline-offset:.16em;transition:text-decoration-color .22s var(--v10-out);margin-bottom:1.125rem;font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:700;line-height:1.22;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:2px}.v10-oblast__body{max-width:36ch;color:var(--color-ink);margin-bottom:1.75rem;font-size:.9375rem;line-height:1.6}.v10-oblast__go{align-self:flex-start;margin-top:auto}@media (width>=40rem) and (width<=63.999rem){.v10-oblast{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);align-items:start;column-gap:clamp(1.5rem,3.5vw,2.75rem);display:grid}.v10-oblast__media{margin-bottom:var(--ob-overhang)}.v10-oblast__text{padding-top:.25rem}}@media (width>=64rem){.v10-oblasti{column-gap:var(--ob-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.v10-oblast+.v10-oblast{margin-top:0}.v10-oblast+.v10-oblast:before{display:none}.v10-oblast:not(:first-child) .v10-oblast__text:before{display:block}}@supports (grid-template-rows:subgrid){@media (width>=64rem){.v10-oblasti{grid-template-rows:auto auto auto 1fr auto;row-gap:0}.v10-oblast{grid-row:1/-1;grid-template-rows:subgrid;display:grid}.v10-oblast__media{grid-row:1}.v10-oblast__text{grid-row:2/-1;grid-template-rows:subgrid;align-items:start;row-gap:0;display:grid}.v10-oblast__go{justify-self:start}}}@media (hover:hover) and (pointer:fine){.v10-oblast:hover .v10-oblast__badge{background-color:var(--color-forest)}.v10-oblast:hover .v10-oblast__title{-webkit-text-decoration-color:color-mix(in srgb, var(--color-bark) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--color-bark) 45%, transparent)}}@media (forced-colors:active){.v10-oblast+.v10-oblast:before{background-image:none;border-block-start:2px dashed canvastext;height:0}.v10-oblast:not(:first-child) .v10-oblast__text:before{background-image:none;border-inline-start:2px dashed canvastext;width:0}}}@media (hover:hover) and (pointer:fine){.v10 .v10-oblast:hover .v10-oblast__go:before{scale:1}}