/* Direct project choices and focused reading, within the existing Graphite Studio palette. */
.work-section>.section-heading h2{font-size:clamp(38px,4.3vw,62px)}
.work-section .work-toolbar{margin-top:24px}
.work-section .evidence-note{margin-top:16px;margin-bottom:24px}
.work-section .group-heading{margin-bottom:12px}
.work-section .project-carousel{padding-top:14px}
.work-section .project-group+.project-group{margin-top:40px;padding-top:32px}
.project-picker{position:relative;display:flex;gap:24px;overflow-x:auto;max-width:100%;padding:0 2px 3px;scrollbar-width:thin;scroll-padding-inline:12px}
.project-picker[hidden],.focus-controls[hidden]{display:none}
.project-picker button{flex:0 0 auto;position:relative;min-height:44px;padding:8px 2px 12px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.project-picker button:hover,.project-picker button[aria-pressed=true]{color:var(--fg)}
.project-picker button:focus-visible,.focus-controls button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.picker-indicator{position:absolute;bottom:1px;left:0;width:var(--picker-width,0px);height:2px;background:var(--fg);transform:translateX(var(--picker-x,0px));transition:transform .32s cubic-bezier(.16,1,.3,1),width .32s cubic-bezier(.16,1,.3,1);pointer-events:none}
.focus-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.focus-controls button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.focus-controls button:hover{color:var(--fg);border-color:var(--strong-line)}
.focus-controls button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.focus-explorer .focus-stage{display:block;position:relative;width:100%;overflow:hidden;background:var(--surface)}
.focus-explorer.is-ready .focus-stage{aspect-ratio:16/9}
.focus-explorer.is-ready .focus-stage img{position:absolute;left:0;top:0;max-width:none!important;max-height:none!important;transform-origin:0 0;margin:0;object-fit:initial}
.focus-explorer.can-animate .focus-stage img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.focus-explorer .focus-description{font-size:14px;line-height:1.75;margin:16px 0 8px;min-height:3.5em;max-width:75ch}
.focus-explorer figcaption{color:var(--muted)}
html[data-motion=paused] .picker-indicator,html[data-motion=paused] .focus-explorer .focus-stage img{transition:none!important}
html[data-motion=paused] .project-picker{scroll-behavior:auto}
@media(max-width:760px){.project-picker{gap:20px}.project-picker button{font-size:12px}.focus-controls{gap:6px}.focus-controls button{padding-inline:12px;font-size:12px}.focus-explorer .focus-description{font-size:13px;min-height:7em}.work-section .work-toolbar{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.picker-indicator,.focus-explorer .focus-stage img,.focus-controls button{transition:none!important}.project-picker{scroll-behavior:auto}}
@media print{.project-picker,.focus-controls{display:none}.focus-explorer.is-ready .focus-stage{aspect-ratio:auto}.focus-explorer.is-ready .focus-stage img{position:static;width:100%!important;height:auto!important;transform:none!important}}