.rf{padding-block:clamp(64px,9vw,120px);background:#fff6fb;border-block:4px solid var(--ink)}.mm.pop .rf h2{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:.96}.rf-lede{margin:14px 0 clamp(32px,5vw,56px);max-width:52ch;font-size:1.1rem;font-weight:600}.rf-grid{display:grid;gap:clamp(32px,4vw,44px);grid-template-columns:1fr}@media (min-width:900px){.rf-grid{grid-template-columns:repeat(12,1fr);align-items:stretch}.rf-card:first-child,.rf-card:nth-child(4){grid-column:span 7}.rf-card:nth-child(2),.rf-card:nth-child(3){grid-column:span 5}}.rf-card{display:grid;grid-template-rows:auto 1fr;background:var(--c);color:var(--ink);border:4px solid var(--ink);border-radius:24px;box-shadow:10px 10px 0 var(--ink);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.rf-card:focus-within,.rf-card:hover{transform:translate(-4px,-4px);box-shadow:14px 14px 0 var(--ink)}.rf-shot{position:relative;padding:22px 22px 0;text-decoration:none}.rf-bar,.rf-shot{display:block;color:var(--ink)}.rf-bar{padding:7px 14px;background:#fff;border:3px solid var(--ink);border-bottom:0;border-radius:14px 14px 0 0;font:700 .82rem/1.2 var(--fb)}.rf-desk{display:block;width:100%;aspect-ratio:8/5;object-fit:cover;object-position:top}.rf-desk,.rf-phone{height:auto;border:3px solid var(--ink);background:var(--ink)}.rf-phone{position:absolute;right:36px;bottom:-34px;width:21%;border-radius:16px;box-shadow:5px 5px 0 var(--ink);rotate:3deg;transition:rotate .3s cubic-bezier(.34,1.56,.64,1),translate .3s cubic-bezier(.34,1.56,.64,1)}.rf-card:focus-within .rf-phone,.rf-card:hover .rf-phone{rotate:0deg;translate:0 -8px}.rf-text{padding:54px 24px 26px;display:grid;gap:12px;align-content:start;background:var(--c)}.mm.pop .rf-text h3{font:400 clamp(1.6rem,2.6vw,2.2rem)/1.02 var(--fd)}.rf-text p{font-weight:500;max-width:46ch}.rf-text .rf-fact{font-weight:700;font-size:.95rem}.rf-text .pop-btn{justify-self:start;margin-top:6px}@media (min-width:1100px){.rf-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}.rf-grid[data-count="3"] .rf-card:nth-child(n){grid-column:auto}.rf-grid[data-count="3"] .rf-card:nth-child(2){margin-top:36px}}@media (min-width:900px) and (max-width:1099px){.rf-grid[data-count="3"] .rf-card:nth-child(n){grid-column:span 6}.rf-grid[data-count="3"] .rf-card:nth-child(3){grid-column:4/span 6}}@media (max-width:899px){.rf-card{box-shadow:6px 6px 0 var(--ink)}.rf-phone{right:28px}}@media (prefers-reduced-motion:reduce){.rf-card,.rf-phone{transition:none}}