.segment-overview-grid,.segment-folder{background:var(--paper)}.segment-overview-grid[hidden],.segment-folder[hidden]{display:none}.segment-browser{overflow-anchor:none;scroll-margin-top:var(--header-height);padding-block:clamp(1.5rem,3vw,3rem);position:relative}.segment-overview-grid{align-content:start}.segment-overview-grid,.segment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.segment-tile{transform-origin:0 0;border:1px solid var(--line-light);min-width:0;height:clamp(10rem,13vw,12.5rem);color:var(--ink);background:var(--paper-muted);text-align:left;font:inherit;cursor:pointer;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease;grid-template-columns:38% minmax(0,1fr);padding:0;display:grid}.segment-tile:hover,.segment-tile[aria-expanded=true]{border-color:var(--ink);background:#d0e3df}.segment-tile:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.segment-tile>img{object-fit:cover;width:100%;height:100%;min-height:0}.segment-tile-copy{flex-direction:column;min-width:0;padding:clamp(1rem,2vw,1.75rem);display:flex}.segment-number{font-size:.8rem}.segment-name{letter-spacing:var(--tracking-display);margin-block:auto;padding-block:.5rem;font-size:clamp(1.35rem,2.1vw,2.25rem);line-height:1.05}.segment-prompt{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.segment-icon{transition:transform var(--motion-standard) var(--ease-out);font-size:1.5rem;line-height:1}[aria-expanded=true] .segment-icon{transform:rotate(45deg)}.segment-detail-shell{border:1px solid var(--line-light);border-radius:0 0 var(--radius-panel) var(--radius-panel);background:var(--paper-muted);transform-origin:0 0;box-shadow:var(--shadow-panel);scroll-margin-top:calc(var(--header-height) + 1rem);border-top:0;position:relative;overflow:hidden}.segment-detail{background:var(--paper-muted);border:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,3vw,3rem);margin-top:0;padding:clamp(1.25rem,2.5vw,2.5rem);display:grid}.segment-detail[hidden],.segment-detail-shell[hidden]{display:none}.segment-detail-image{align-self:start;position:relative;overflow:hidden}.segment-detail-image img{aspect-ratio:7/5;object-fit:cover;width:100%;height:auto;display:block}.segment-detail-topline{justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}[data-close]{border:1px solid var(--line-light);color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.75rem;padding:.5rem;display:flex}.segment-content h2{letter-spacing:var(--tracking-display);margin:1.5rem 0;font-size:clamp(1.75rem,2.5vw,2.75rem);font-weight:400;line-height:1.08}.segment-content p{max-width:46rem;margin:0 0 1rem;line-height:1.5}.segment-content .segment-lede{font-size:1.1rem}.segment-content h3{margin:1.75rem 0 .75rem;font-size:1rem;font-weight:600}.segment-content ul{flex-wrap:wrap;gap:.5rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.segment-content li{border:1px solid var(--line-light);padding:.5rem .75rem;font-size:.9rem}.segment-content a{color:inherit;text-underline-offset:.25em}@media (width<=48rem){.segment-overview-grid{gap:.75rem}.segment-tile{grid-template-rows:5rem 1fr;grid-template-columns:1fr;height:14.5rem}.segment-tile-copy{padding:.75rem}.segment-name{font-size:clamp(1.15rem,4vw,1.5rem)}.segment-prompt{font-size:.7rem}.segment-detail{grid-template-columns:1fr}.segment-detail-image img{aspect-ratio:16/9}}.segment-folder .segment-grid{border-bottom:1px solid var(--line-light);z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.4rem;position:relative}.segment-folder .segment-tile{border-color:var(--line-light);height:4.5rem;color:var(--ink);background:#ccdadd;border-bottom:0;border-radius:.7rem .7rem 0 0;display:flex}.segment-folder .segment-tile[aria-selected=true]{background:var(--paper-muted);position:relative;box-shadow:0 -2px 6px #1e2f461a}.segment-folder .segment-tile>img,.segment-folder .segment-number,.segment-folder .segment-prompt{display:none}.segment-folder .segment-tile-copy{justify-content:center;width:100%;padding:.75rem 1.25rem}.segment-folder .segment-name{margin:0;padding:0;font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.15}.segment-folder .segment-detail{border-radius:0 0 var(--radius-panel) var(--radius-panel)}@media (width<=48rem){.segment-folder .segment-grid{top:var(--header-height);background:var(--paper);z-index:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.15rem,.8vw,.3rem);padding-top:.35rem;display:grid;position:sticky}.segment-folder .segment-tile,.segment-folder .segment-tile[aria-selected=true]{border-radius:.4rem .4rem 0 0;width:100%;min-width:0;height:3rem}.segment-folder .segment-tile-copy{padding:.4rem clamp(.2rem,1vw,.45rem)}.segment-folder .segment-name{white-space:normal;font-size:clamp(.65rem,2.7vw,.85rem);line-height:1.2}.segment-detail{gap:1rem;padding:1rem}.segment-content{font-size:clamp(.825rem,3.5vw,.95rem)}.segment-content h2{margin-block:1rem;font-size:clamp(1.2rem,5.3vw,1.6rem);line-height:1.12}.segment-content p{margin-bottom:.85rem;line-height:1.45}.segment-content .segment-lede{font-size:inherit}.segment-detail-topline,.segment-content h3,.segment-content li{font-size:.8rem}.segment-content h3{margin-top:1.25rem}.segment-content li{padding:.4rem .5rem}.segment-content ul{margin-bottom:1.25rem}.segment-detail-topline [data-close]{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.segment-tile,.segment-icon{transition:none}}