.fn-hero:has(.fn-doha-scene){padding-block-end:0}.fn-doha-scene{isolation:isolate;margin-block:var(--space-8) 0;text-align:start;margin-inline:-32px;padding-block:58px 76px;padding-inline:clamp(60px,8vw,150px);position:relative}.fn-doha-landscape{z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--ink) 16%);mask-image:linear-gradient(to bottom, transparent, var(--ink) 16%);position:absolute;inset:0;overflow:hidden}.fn-doha-landscape img{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;display:block}.fn-workspace-preview{border:1px solid var(--surface);border-radius:var(--radius-card);background:var(--surface);inline-size:100%;max-inline-size:1120px;box-shadow:0 0 0 6px color-mix(in srgb, var(--surface) 42%, transparent), 0 32px 70px -24px color-mix(in srgb, var(--ledger-ink) 42%, transparent);color:var(--ink-muted);cursor:zoom-in;margin-inline:auto;padding:0;display:block;overflow:hidden}.fn-workspace-preview img,.fn-workspace-dialog-image img{block-size:auto;inline-size:100%;display:block}.fn-workspace-view{padding-block:var(--space-3);padding-inline:var(--space-4);border-block-start:1px solid var(--line);text-align:center;font-size:11px;line-height:1.5;display:block}.fn-workspace-preview:hover .fn-workspace-view{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.fn-workspace-caption{inline-size:fit-content;max-inline-size:100%;background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--ink-muted);text-align:center;border-radius:5px;margin-block-start:var(--space-6);margin-inline:auto;padding-block:7px;padding-inline:12px;font-size:10px;line-height:1.5}html:has(.fn-workspace-dialog[open]){overflow:hidden}.fn-workspace-dialog{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);max-block-size:calc(100dvh - 40px);inline-size:min(1440px,100vw - 40px);max-inline-size:none;color:var(--ink);box-shadow:var(--shadow-panel);margin:auto;padding:0;overflow:hidden}.fn-workspace-dialog::backdrop{background:color-mix(in srgb, var(--ink) 65%, transparent)}.fn-workspace-dialog-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:68px;padding-inline:var(--space-5);border-block-end:1px solid var(--line);display:flex}.fn-workspace-dialog-header h2{letter-spacing:normal;margin:0;font-size:16px;font-weight:500;line-height:1.5}.fn-workspace-dialog-header button{min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);flex:none;font-size:12px}.fn-workspace-dialog-header button:hover{background:var(--canvas)}.fn-workspace-dialog-image{overscroll-behavior:contain;max-block-size:calc(100dvh - 109px);overflow:auto}.fn-workspace-dialog-image img{min-inline-size:960px}.fn-workspace-preview:focus-visible,.fn-workspace-dialog :focus-visible{outline:2px solid var(--ink);outline-offset:4px}.fn-workspace-dialog-image:focus-visible{outline-offset:-3px}@media (width>=1500px){.fn-doha-scene{padding-block:90px 100px}}@media (width<=760px){.fn-doha-scene{margin-inline:-20px;padding-block:64px 72px;padding-inline:26px}.fn-workspace-dialog{border-radius:var(--radius-small);max-block-size:calc(100dvh - 20px);inline-size:calc(100vw - 20px)}.fn-workspace-dialog-header{padding-inline:var(--space-3)}.fn-workspace-dialog-header h2{font-size:13px}.fn-workspace-dialog-image{max-block-size:calc(100dvh - 89px)}}@media (width<=480px){.fn-doha-scene{padding-inline:16px}.fn-workspace-preview{border-radius:var(--radius-control)}.fn-workspace-caption{font-size:9px}}@media (width<=380px){.fn-doha-scene{margin-inline:-16px}}
