.wof{padding-block:var(--space-section);background:radial-gradient(90% 60% at 50% 0%, #eef1ee0d, transparent 70%), var(--band)}.wof .section-head{margin-bottom:var(--space-7)}.wof-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:var(--space-4);scrollbar-width:none;grid-auto-columns:min(68vw,300px);grid-auto-flow:column;gap:clamp(1.25rem,2.5vw,2.5rem);margin-inline:calc(-1*clamp(1.25rem,4vw,3rem));padding-inline:clamp(1.25rem,4vw,3rem);display:grid;overflow-x:auto}.wof-grid::-webkit-scrollbar{display:none}.wof-item{scroll-snap-align:center;margin:0}.wof-grid.js-reveal .wof-item{opacity:0;transition:opacity .46s var(--ease-out), transform .46s var(--ease-out);transform:translateY(14px)}.wof-grid.js-reveal.is-in .wof-item{opacity:1;transform:none}.wof-grid.js-reveal .wof-item:nth-child(2){transition-delay:70ms}.wof-grid.js-reveal .wof-item:nth-child(3){transition-delay:.14s}.wof-grid.js-reveal .wof-item:nth-child(4){transition-delay:.21s}.wof-open{cursor:pointer;width:100%;transition:translate .2s var(--ease-out), scale .16s var(--ease-out);background:0 0;border:0;border-radius:2px;padding:0;display:block}.wof-open:active{scale:.97}@media (hover:hover) and (pointer:fine){.wof-open:hover{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.wof-open,.wof-open:hover,.wof-open:active{transition:none;translate:none;scale:none}}.wof-head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);display:flex}.wof-arrows{display:none}@media (hover:hover) and (pointer:fine) and (width>=981px){.wof-arrows{gap:var(--space-2);display:flex}.wof-nav{border-radius:var(--radius-pill);border:1px solid var(--band-hairline);width:44px;height:44px;color:var(--band-ink);cursor:pointer;transition:border-color .2s var(--ease-out), opacity .2s var(--ease-out), transform .16s var(--ease-out);background:0 0;place-items:center;display:grid}.wof-nav:hover{border-color:var(--band-muted)}.wof-nav:active{transform:scale(.94)}.wof-nav[disabled]{opacity:.35;pointer-events:none}}.wof-dialog{background:var(--surface);border-radius:var(--radius-md);border:0;width:min(92vw,720px);height:min(90svh,900px);padding:0;overflow:hidden}.wof-dialog[open]{flex-direction:column;display:flex}.wof-dialog::backdrop{background:#0a0e0bb8}@media (prefers-reduced-motion:no-preference){.wof-dialog{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out)}.wof-dialog::backdrop{transition:opacity .2s var(--ease-out)}.wof-dialog[data-closing]{opacity:0;transition-duration:.14s;transform:scale(.98)}.wof-dialog[data-closing]::backdrop{opacity:0;transition-duration:.14s}@starting-style{.wof-dialog[open]{opacity:0;transform:scale(.96)}.wof-dialog[open]::backdrop{opacity:0}}}.wof-dialog-inner{min-height:0;padding:var(--space-4);flex:auto;justify-content:center;align-items:center;display:flex}.wof-dialog img{border-radius:2px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 18px 48px #00000047}.wof-dlg-cap{padding:0 var(--space-5) var(--space-4);color:var(--muted);flex:none}.wof-dlg-cap .metric-line{margin:0}.wof-dlg-foot{padding:var(--space-4) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));border-top:1px solid var(--hairline);background:var(--surface);flex:none}.wof-close{z-index:1;top:var(--space-4);right:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface);cursor:pointer;width:44px;height:44px;transition:transform .16s var(--ease-out);place-items:center;display:grid;position:absolute}.wof-close:active{transform:scale(.94)}.wof-step{z-index:1;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:border-color .2s var(--ease-out);place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.wof-step[data-wof-step=prev]{left:2px}.wof-step[data-wof-step=next]{right:2px}@media (hover:hover) and (pointer:fine){.wof-step:hover{border-color:var(--hairline-strong)}}.wof-step:active{transform:translateY(-50%)scale(.94)}@media (prefers-reduced-motion:no-preference){.wof-dialog img{transition:opacity .14s var(--ease-out), filter .14s var(--ease-out), translate .14s var(--ease-out)}.wof-dialog[data-swapping] img{opacity:.66;filter:blur(5px)}.wof-dialog[data-swapping=next] img{translate:-10px}.wof-dialog[data-swapping=prev] img{translate:10px}}@media (width<=860px){.wof-dialog{border-radius:0;width:100%;max-width:100%;height:100svh;max-height:100svh;margin:0;inset:0}.wof-dlg-foot .btn{width:100%}.wof-dlg-cap{align-items:center;gap:var(--space-3);padding-inline:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.wof-step{border-color:var(--muted);color:var(--ink);flex:none;position:static;transform:none}.wof-step:active{transform:scale(.94)}.wof-close{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:24px;height:24px;color:var(--ink);background:0 0;border:0}.wof-close svg{width:16px;height:16px}.wof-close:after{content:"";position:absolute;inset:-10px}.wof-dialog-inner{padding-block:36px}.wof .btn-quiet{background-color:var(--green-700);background-image:linear-gradient(180deg, var(--green-700), var(--green-cta-end));border-color:var(--green-700);color:#fff}}.wof-item img{border-radius:2px;width:100%;box-shadow:0 0 0 1px #eef1ee14,0 18px 48px #0000008c}.wof-item figcaption{margin-top:var(--space-4);gap:.4rem;display:grid}.wof-item .title{font-family:var(--serif);color:var(--band-ink);letter-spacing:-.01em;font-size:1.25rem}.wof-item .caption{font-size:var(--fs-small);color:var(--band-muted);line-height:1.5}.wof-cta{margin-top:var(--space-7);justify-content:center;display:flex}
