/* 3D Furler Sail Animation — scoped under .fsl. The stage keeps its own dark marine background in both themes. */
.fsl{max-width:1360px;margin-inline:auto;padding-block:var(--wp--preset--spacing--50,1.5rem);padding-inline:16px;container-type:inline-size}
.fsl *{box-sizing:border-box}
/* Widescreen stage, never taller than about two-thirds of the window */
.fsl-stage{position:relative;border-radius:2px;overflow:hidden;width:100%;aspect-ratio:16/9;max-height:66vh;min-height:320px;
  background:radial-gradient(120% 90% at 50% 30%,#3E5A70 0%,#22394B 60%,#152A3A 100%)}
.fsl-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.fsl-load{position:absolute;left:16px;top:14px;font:400 12px var(--wp--preset--font-family--mono,'IBM Plex Mono',ui-monospace,monospace);color:#9DB0BE}
.fsl [hidden]{display:none!important}
/* Narrow column or phone: taller than wide so the whole furler fits */
@container (max-width:600px){.fsl-stage{aspect-ratio:4/5;max-height:70vh}}