.close{padding-bottom:calc(var(--sec)/2);padding-top:clamp(130px,12vw,180px)}.close-field{background:var(--close-field);border-radius:var(--r-xl);color:var(--close-ink);margin-inline:var(--inset);position:relative}.close-field :focus-visible{outline-color:var(--close-ink)}.close-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);padding-block:clamp(48px,6vw,92px)}.close-copy{display:grid;gap:22px;justify-items:start;position:relative;z-index:2}.close-copy p{font-size:clamp(1.06rem,1rem + .3vw,1.2rem);max-width:40ch}.close-flo{bottom:clamp(10px,2vw,28px);height:auto;inset-inline-end:clamp(12px,6vw,120px);max-width:none;pointer-events:none;position:absolute;width:clamp(300px,40vw,600px);z-index:1}.btn-close{--b-bg:var(--close-btn-bg);--b-ink:var(--close-btn-ink)}.btn-close-wa{--b-bg:var(--close-wa-bg);--b-ink:var(--close-wa-ink)}.btn-close-wa .i{color:var(--close-wa-glyph)}.btn-close-paper{--b-bg:var(--sticker-bg);--b-ink:var(--sticker-ink)}.btn-close-paper .i{color:inherit}@media (hover:hover) and (pointer:fine){.btn-close-paper:hover{--b-bg:var(--sel-bg);--b-ink:var(--sel-ink)}}.demo-link{align-items:center;color:var(--close-ink);display:inline-flex;font-weight:700;min-height:44px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}.close-flo.is-tall{bottom:0;height:clamp(420px,44vw,650px);inset-inline-end:clamp(24px,9vw,180px);width:auto}@media (max-width:879px){.close-grid{grid-template-columns:minmax(0,1fr);padding-bottom:40px;padding-top:180px}.close-flo{bottom:auto;inset-inline-end:auto;left:50%;top:-112px;translate:-50% 0;width:280px}.close{padding-top:140px}.close-flo.is-tall{bottom:auto;height:300px;inset-inline-end:auto;left:50%;top:-120px;width:auto}}