.r4{position: relative;overflow: hidden;isolation: isolate;--r4-tint: var(--found);}.r4:has([data-spot-open="understood"]){--r4-tint: var(--understood);}.r4:has([data-spot-open="chosen"]){--r4-tint: var(--chosen);}.r4-grid{position: relative;z-index: 1;display: grid;gap: clamp(16px, 2vw, 24px);grid-template-areas: "copy" "tabs" "act";}.r4-copy{grid-area: copy;}.r4-tabs{grid-area: tabs;position: relative;}.r4-actions{grid-area: act;}.r4-copy .h3e-say{max-width: 15ch;}.r4 .h3f-so{display: block;max-width: 30ch;margin-top: var(--g2);font: 700 clamp(1.3rem, 1.05rem + 1.3vw, 2.2rem)/1.25 var(--face);letter-spacing: -0.015em;}.r4-oc.spot--oc{margin-top: 0;}.r4-oc .spot-panel:not([hidden]){margin-top: 8px;padding-block: 14px 16px;}.r4-card{position: relative;margin: -14px -26px -16px;padding: 14px 26px 16px;}.r4-card a{--hover-cell: transparent;}.r4-oc .spot-tab--oc{grid-template-columns: minmax(0, 1fr);justify-items: start;align-content: start;gap: 8px;}.r4-oc .spot-tab--oc .oc-piece{grid-row: auto;}.r4-line{margin: 0;font: 700 clamp(1.05rem, .95rem + .5vw, 1.3rem)/1.3 var(--face);}.r4-proof{margin: 8px 0 0;color: var(--ink-soft);font-size: .95rem;}.r4-proof a{color: inherit;text-decoration: none;}.r4-proof strong{color: var(--ink);font-size: 1.15em;}@media (hover: hover){.r4-proof a:hover strong{text-decoration: underline;text-underline-offset: 3px;}}.r4-bg{position: absolute;z-index: 0;top: 0;right: 0;bottom: 0;width: min(54vw, 680px);pointer-events: none;-webkit-mask-image: linear-gradient(to right, transparent 0, #000 48%), linear-gradient(to bottom, #000 72%, transparent 100%);-webkit-mask-composite: source-in;mask-image: linear-gradient(to right, transparent 0, #000 48%), linear-gradient(to bottom, #000 72%, transparent 100%);mask-composite: intersect;}.r4-bg img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 22%;}.r4--fade .r4-bg img{filter: saturate(.8) contrast(1.03);}.r4-wash{position: absolute;inset: 0;background: var(--r4-tint);mix-blend-mode: color;opacity: .42;transition: background-color .4s ease;}.r4-mosaic{image-rendering: pixelated;-webkit-mask-image: radial-gradient(ellipse 30% 27% at 53% 34%, transparent 72%, #000 94%);mask-image: radial-gradient(ellipse 30% 27% at 53% 34%, transparent 72%, #000 94%);}.r4-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px;}.r4-bella{display: block;--spx: 2;line-height: 0;}.r4-bella:focus-visible{outline: 2px solid var(--ring);outline-offset: 3px;}.r4-oc--panes .spot-strip{gap: 6px;padding: 0;}.r4-oc--panes .spot-tab--oc{position: relative;overflow: hidden;height: clamp(220px, 34vw, 430px);min-height: 0;align-content: end;padding: 10px;border: 3px solid var(--ink);background: var(--paper) var(--r4-img) no-repeat;background-size: auto 112%;isolation: isolate;}.r4-oc--panes li:nth-child(1) .spot-tab--oc{background-position: 18% 20%;}.r4-oc--panes li:nth-child(2) .spot-tab--oc{background-position: 50% 20%;}.r4-oc--panes li:nth-child(3) .spot-tab--oc{background-position: 82% 20%;}.r4-oc--panes .spot-tab--oc::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--spot-c);mix-blend-mode: multiply;opacity: .88;transition: opacity .35s ease;}.r4-oc--panes .spot-tab--oc[aria-expanded="true"]::before{opacity: 0;}.r4-oc--panes .spot-tab--oc .oc-piece, .r4-oc--panes .spot-tab--oc .spot-tab-t{position: relative;z-index: 1;}.r4-oc--panes .spot-tab--oc{grid-template-columns: minmax(0, 1fr);gap: 0;}.r4-oc--panes .spot-tab--oc .oc-piece{display: none;}.r4-oc--panes .spot-tab--oc .spot-tab-t{justify-self: stretch;padding: 6px 8px;background: var(--paper);border: 2px solid var(--ink);}.r4-oc--panes .spot-tab--oc .spot-tab-t b{display: block;font-size: clamp(.78rem, .6rem + .6vw, 1.02rem);line-height: 1.15;overflow-wrap: anywhere;}@media (min-width: 900px){:is(.r4--fade, .r4--blocks, .r4--resolve) > .wrap{display: grid;grid-template-columns: minmax(0, 640px) minmax(0, 1fr);}.r4--fade .r4-grid, .r4--blocks .r4-grid{max-width: 640px;}.r4--panes .r4-grid{grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);grid-template-areas: "copy tabs" "act tabs";align-items: start;column-gap: clamp(32px, 4vw, 64px);}}@media (max-width: 899px){.r4-bg{position: relative;inset: auto;display: block;width: 100%;height: clamp(180px, 46vw, 300px);-webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);}.r4-mosaic{opacity: .75;}}@media (prefers-reduced-motion: reduce){.r4-wash, .r4-oc--panes .spot-tab--oc::before{transition: none;}}@media (min-width: 900px){.r4--fade .r4-grid, .r4--blocks .r4-grid{grid-template-areas: "copy" "act" "tabs";}}@media (max-width: 520px){.r4-oc--panes .spot-tab--oc{padding: 6px;}.r4-oc--panes .spot-tab--oc .spot-tab-t{padding: 4px 5px;}.r4-oc--panes .spot-tab--oc .spot-tab-t b{font-size: .74rem;overflow-wrap: normal;}}.r4--resolve{background-color: color-mix(in srgb, var(--paper) 90%, var(--r4-tint));transition: background-color .5s steps(5);}.r4-res .rs{position: absolute;inset: 0;background: none;}.r4-res .rs-hud{left: auto;right: 24px;bottom: auto;top: 20px;}@media (max-width: 899px){.r4--resolve .r4-bg{position: absolute;z-index: 2;inset: 22px var(--gutter) auto auto;width: 112px;height: 112px;-webkit-mask-image: none;mask-image: none;}.r4--resolve .rs{box-shadow: 0 0 0 3px var(--rs-c);}.r4--resolve .rs-hud{display: none;}.r4--resolve .h3e-label{min-height: 112px;padding-right: 128px;}}@media (min-width: 900px){.r4--resolve .r4-grid{max-width: 640px;grid-template-areas: "copy" "tabs" "act";gap: 18px;}.r4--resolve .h3e-big{font-size: clamp(2.15rem, 1.2rem + 2.4vw, 3.2rem);}.r4--resolve .h3f-so{font-size: clamp(1.2rem, 1rem + .8vw, 1.7rem);margin-top: 10px;}.r4--resolve .spot-tab--oc{min-height: 56px;padding-block: 8px 10px;}}@media (prefers-reduced-motion: reduce){.r4--resolve{transition: none;}}