.fld{position:relative;overflow:hidden;background:var(--pinly-bg);isolation:isolate;padding:0}.fld-canvas{display:block;width:100%;height:58svh;min-height:380px;touch-action:pan-y}.fld-inner{position:relative;display:flex;flex-direction:column}.fld-copy{order:-1;padding-top:36px}.fld h1{font-size:min(11.2vw,58px);line-height:1;margin-top:14px}.fld h1 :is(span,em){display:block;white-space:nowrap}.fld-sub{font-size:17px;line-height:1.55;color:var(--pinly-fg-muted);margin-top:18px;max-width:44ch}.fld-panel{padding:8px 0 44px;display:grid;gap:16px}.fld-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fld-seg{display:inline-flex;border:1px solid var(--pinly-line);border-radius:9999px;padding:3px;background:var(--pinly-surface)}.fld-seg button,.fld-chip{font:500 14px/1 var(--pinly-font-ui);color:var(--pinly-fg-muted);background:none;border:0;min-height:44px;padding:0 16px;border-radius:9999px;cursor:pointer;white-space:nowrap}.fld-seg button[aria-pressed=true]{background:var(--pinly-fg);color:var(--pinly-bg)}.fld-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.fld-chips::-webkit-scrollbar{display:none}.fld-chip{border:1px solid var(--pinly-line);background:var(--pinly-surface);display:inline-flex;align-items:center;gap:7px;flex:none}.fld-chip:hover{color:var(--pinly-fg);border-color:var(--pinly-fg-subtle)}.fld-chip[aria-pressed=true]{color:var(--pinly-accent);border-color:var(--pinly-accent);background:var(--pinly-accent-bg)}.fld-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.fld-read{border-top:1px solid var(--pinly-line);padding-top:16px;min-height:150px}.fld-read-where{font:500 12px/1.4 var(--pinly-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pinly-fg)}.fld-read-n{color:var(--pinly-fg-subtle);margin-left:8px}.fld-read-big{font:500 clamp(34px,6vw,50px)/1.05 var(--pinly-font-mono);letter-spacing:-.04em;margin-top:8px;font-variant-numeric:tabular-nums;color:var(--pinly-fg)}.fld-read-big i{font:italic 400 .62em var(--c-display);letter-spacing:0;color:var(--pinly-fg-subtle);margin:0 .12em}.fld-read-line{font-size:15px;line-height:1.5;color:var(--pinly-fg-muted);margin-top:8px;max-width:46ch}.fld-read-line b{color:var(--pinly-fg);font-weight:600}.fld-cta p{font-size:13.5px;line-height:1.5;color:var(--pinly-fg-subtle);margin-top:12px;max-width:44ch}.fld-legend{list-style:none;position:absolute;left:20px;top:calc(58svh - 34px);display:flex;gap:12px;flex-wrap:wrap;font:400 11px/1 var(--pinly-font-mono);color:var(--pinly-fg-subtle);pointer-events:none}.fld-legend li{display:flex;align-items:center;gap:5px}.fld-legend i{width:7px;height:7px;border-radius:50%}.fld-legend li:nth-child(n+2):nth-child(-n+4) span{display:none}.fld-tip{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));background:var(--pinly-fg);color:var(--pinly-bg);border-radius:8px;padding:8px 11px;white-space:nowrap;font:500 12.5px/1.35 var(--pinly-font-ui)}.fld-tip b{font:600 15px var(--pinly-font-mono);letter-spacing:-.03em;display:block}.fld-tip span{opacity:.65;font-size:11.5px}@media (max-width:899px){.fld{display:flex;flex-direction:column}.fld-inner{display:contents}.fld-copy{order:1;padding:28px 20px 6px}.fld-canvas{order:2}.fld-panel{order:3;padding:18px 20px 44px}.fld-legend{top:auto;position:relative;order:2;left:0;padding:0 20px;margin-top:-26px;height:26px}.fld-chips{margin:0 -20px}}@media (min-width:900px){.fld{min-height:max(700px,calc(100svh - 61px))}.fld-canvas{position:absolute;inset:0 0 auto;height:min(100%,calc(100svh - 61px));z-index:-2}.fld h1{font-size:clamp(52px,4.9vw,70px)}.fld:before{content:"";position:absolute;inset:0 38% 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--pinly-bg) 72%,transparent)}.fld-inner{min-height:inherit;justify-content:center;padding-top:28px;padding-bottom:40px;pointer-events:none}.fld-copy,.fld-panel{max-width:600px;pointer-events:auto}.fld-copy{padding-top:0}.fld-panel{padding:24px 0 0;max-width:520px}.fld-read{min-height:132px}.fld-chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.fld-legend{inset:auto 24px 18px auto;padding:8px 12px;border-radius:9999px;background:color-mix(in srgb,var(--pinly-bg) 82%,transparent)}.fld-legend li:nth-child(n) span{display:inline}}