.zf{--fr:min(680px, calc(100svh - 128px));--zf-shadow:0 40px 80px -56px #0000006b, 0 2px 6px -2px #0000000f;--zf-shadow-hi:0 50px 100px -60px #00000080, 0 2px 8px -2px #00000014;--zf-dot:color-mix(in srgb, var(--ink) 15%, transparent)}html.dark .zf{--zf-shadow:0 0 0 1px var(--border), 0 40px 80px -50px #000000e6;--zf-shadow-hi:0 0 0 1px var(--border-control,var(--border)), 0 50px 100px -50px #000000f2;--zf-dot:color-mix(in srgb, var(--foreground) 22%, transparent)}.zf .zf-sec{isolation:isolate;padding-block:clamp(56px,8.5svh,104px);position:relative}.zf .zf-sec>*{position:relative}.zf .zf-sec:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--zf-dot) 1px, transparent 1.5px) 0 0 / 12px 12px;-webkit-mask-image:radial-gradient(40% 55% at var(--hx,100%) var(--hy,0%), #000, transparent 72%);-webkit-mask-image:radial-gradient(40% 55% at var(--hx,100%) var(--hy,0%), #000, transparent 72%);mask-image:radial-gradient(40% 55% at var(--hx,100%) var(--hy,0%), #000, transparent 72%);opacity:.9;position:absolute;inset:0}.zf .zf-sec:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42% 46% at var(--lx,18%) var(--ly,0%), color-mix(in srgb, var(--ink) 6%, transparent), transparent 70%);position:absolute;inset:0}html.dark .zf .zf-sec:after{background:radial-gradient(42% 46% at var(--lx,18%) var(--ly,0%), color-mix(in srgb, var(--foreground) 9%, transparent), transparent 70%)}.zf .zf-sec.zf-plain:before,.zf .zf-sec.zf-plain:after{display:none}.zf .zf-head{text-align:left;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:14px clamp(32px,5vw,80px);margin-bottom:clamp(22px,3.2svh,34px);display:grid}.zf .zf-head h2,.zf .zf-head .zf-h{letter-spacing:-.042em;max-width:15ch;color:var(--ink);text-wrap:balance;margin:0;padding-top:22px;font-size:clamp(2.1rem,3.55vw,3.45rem);font-weight:600;line-height:1;position:relative}.zf .zf-head h2:before,.zf .zf-head .zf-h:before{content:"";transform-origin:0;background:currentColor;border-radius:3px;width:44px;height:3px;position:absolute;top:0;left:0}.zf .zf-head>p,.zf .zf-head .zf-lede{max-width:46ch;color:var(--soft);justify-self:end;margin:0 0 4px;font-size:clamp(.98rem,1.12vw,1.1rem);line-height:1.5}.zf .zf-head.zf-solo{grid-template-columns:1fr}.zf .zf-head.zf-solo>p{justify-self:start}.zf .zf-lift{background:var(--x-raised);border:1px solid var(--line);box-shadow:var(--zf-shadow);transition:box-shadow .5s var(--ease), transform .5s var(--ease);border-radius:24px}@media (hover:hover){.zf a.zf-lift:hover,.zf .zf-lift.zf-hover:hover{box-shadow:var(--zf-shadow-hi)}}.zf .zf-dots{isolation:isolate;position:relative;overflow:hidden}.zf .zf-dots:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--zf-dot) 1px, transparent 1.5px) 0 0 / 10px 10px;-webkit-mask-image:radial-gradient(70% 80% at var(--dx,100%) var(--dy,0%), #000, transparent 70%);-webkit-mask-image:radial-gradient(70% 80% at var(--dx,100%) var(--dy,0%), #000, transparent 70%);mask-image:radial-gradient(70% 80% at var(--dx,100%) var(--dy,0%), #000, transparent 70%);opacity:.7;position:absolute;inset:0}.zf .zf-room{isolation:isolate;color:#f5f5f7;--ink:#f5f5f7;--soft:#a1a1a6;--faint:#8e8e93;--line:#ffffff1f;--x-raised:#161618;--card:#161618;--zf-dot:#ffffff38;--zf-shadow:0 0 0 1px #ffffff14, 0 40px 80px -50px #000000e6;background:radial-gradient(90% 60% at 50% 0,#202024,#121214 55%,#0c0c0d);position:relative;overflow:hidden}.zf .zf-room:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffffff38 1px,#0000 1.5px) 0 0/12px 12px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000,#0000 75%);mask-image:radial-gradient(60% 50% at 50% 0,#000,#0000 75%)}.zf .zf-room:after{content:"";z-index:-1;pointer-events:none;transform-origin:50% 0;background:conic-gradient(from 180deg at 50% -10%,#0000 160deg,#ffffff17 175deg,#ffffff24 180deg,#ffffff17 185deg,#0000 200deg);position:absolute;inset:0}.zf .zf-room .zf-head h2,.zf .zf-room .zf-head .zf-h{color:#f5f5f7}.zf .zf-room .zf-head>p{color:#a1a1a6}.zf .zf-close{isolation:isolate;text-align:center;padding-block:clamp(72px,12svh,140px);position:relative}.zf .zf-close h2{letter-spacing:-.045em;text-wrap:balance;max-width:18ch;margin:0 auto;font-size:clamp(2.4rem,5vw,4.6rem);font-weight:600;line-height:.98}.zf .zf-close p{max-width:52ch;color:var(--soft);margin:18px auto 0;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.5}.zf .zf-close .zf-acts{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.zf .zf-sec:before{animation:linear both zf-drift;animation-timeline:view()}@keyframes zf-drift{0%{opacity:.2;background-position:0 60px}45%{opacity:.9}to{opacity:.3;background-position:0 -60px}}.zf .zf-head h2:before,.zf .zf-head .zf-h:before{animation:linear both zf-rule;animation-timeline:view();animation-range:entry 20% cover 45%}@keyframes zf-rule{0%{transform:scaleX(0)}}.zf .zf-room{animation:linear both zf-curtain;animation-timeline:view();animation-range:entry cover 40%}@keyframes zf-curtain{0%{clip-path:inset(0 5% round 56px)}to{clip-path:inset(0)}}.zf .zf-room:after{animation:linear both zf-beam;animation-timeline:view()}@keyframes zf-beam{0%{opacity:0;transform:rotate(-24deg)}40%{opacity:1}to{opacity:.4;transform:rotate(24deg)}}.zf .zf-tilt{transform-origin:50% 100%;animation:linear both zf-tilt;animation-timeline:view();animation-range:entry cover 42%}@keyframes zf-tilt{0%{transform:perspective(1600px)rotateX(14deg)scale(.95)}}.zf .zf-rise{animation:linear both zf-rise;animation-timeline:view();animation-range:entry cover 30%}@keyframes zf-rise{0%{opacity:.25;transform:translateY(48px)}}}}@media (max-width:900px){.zf .zf-sec{padding-block:56px}.zf .zf-head{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.zf .zf-head>p,.zf .zf-head .zf-lede{justify-self:start;margin:0}}@media (max-width:640px){.zf .zf-sec{padding-block:44px}.zf .zf-head h2,.zf .zf-head .zf-h{padding-top:16px;font-size:2rem}.zf .zf-head>p{font-size:.95rem}.zf .zf-room{clip-path:none!important;animation:none!important}.zf .zf-close{padding-block:64px}}