.work-ticker{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding-block:25px;user-select:none}
.work-ticker-belt{display:flex;width:max-content;will-change:transform}
.work-ticker-group{display:flex;align-items:center;flex-shrink:0;gap:32px;padding-right:32px}
.work-ticker-word{font:400 clamp(18px,2vw,25px)/1.2 var(--display);letter-spacing:-.025em;white-space:nowrap;color:var(--muted)}
.work-ticker-word:nth-of-type(3n+1){color:var(--lime)}
.work-ticker-group svg{width:16px;height:16px;flex:none;color:var(--lime)}
.work-ticker-group[aria-hidden]{display:none}
.work-ticker:not([data-ready]) .work-ticker-belt{width:auto}
.work-ticker:not([data-ready]) .work-ticker-group{width:100%;min-width:0;flex-shrink:1;flex-wrap:wrap;gap:16px;justify-content:center;padding:0}
.work-ticker[data-ready] .work-ticker-group[aria-hidden]{display:flex}
#works .section-head{align-items:flex-end}
#works .section-note{max-width:320px}
.portfolio{--peek:84px;--gap:24px;min-width:0}
.portfolio-track{display:flex;gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--lime) var(--surface);padding:6px 0 14px;scroll-padding:0}
.portfolio-track::after{content:"";flex:0 0 calc(var(--peek) - var(--gap))}
.portfolio[data-ready] .portfolio-track{scrollbar-width:none}
.portfolio[data-ready] .portfolio-track::-webkit-scrollbar{display:none}
.project-slide{flex:0 0 calc(100% - var(--peek));min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column}
.project-summary{display:grid;grid-template-columns:1fr auto;gap:16px 28px;align-items:center;padding:0 2px 24px;min-height:126px}
.project-name{font-size:clamp(21px,2.1vw,30px);line-height:1.25;letter-spacing:-.03em}
.project-type{font-size:12px;color:var(--muted);margin-top:7px}
.project-description{font-size:15px;color:var(--muted);line-height:1.55;margin-top:12px;max-width:56ch}
.project-open{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid var(--line);border-radius:50%;transition:background .2s,color .2s,border-color .2s;flex:none}
.project-open:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}
.project-open svg{width:22px;height:22px}
.project-preview{display:block;overflow:hidden;isolation:isolate;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin-top:auto}
.project-preview .browser-bar{min-height:32px;font-size:11px}
.project-preview img{width:100%;aspect-ratio:1.94;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.project-preview:hover img{transform:scale(1.015)}
.portfolio-controls{display:none;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}
.portfolio[data-ready] .portfolio-controls{display:flex}
.portfolio-pagination,.portfolio-actions{display:flex;align-items:center;gap:8px}
.portfolio-jump{position:relative;isolation:isolate;display:grid;place-items:center;width:56px;height:44px;background:none;border:0;color:var(--muted);padding:0;cursor:pointer;font-size:12px;font-variant-numeric:tabular-nums}
.portfolio-jump::before,.portfolio-progress{position:absolute;bottom:3px;left:8px;right:8px;height:2px;background:var(--line);z-index:-1}
.portfolio-jump::before{content:""}
.portfolio-progress{background:var(--lime);transform:scaleX(0);transform-origin:left}
.portfolio-jump[aria-current="true"]{color:var(--lime)}
.portfolio-jump[aria-current="true"]::before{background:#505d36}
.portfolio-control{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--text);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.portfolio-control:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}
.portfolio-control:disabled{color:var(--muted);opacity:.5;cursor:default;background:none;border-color:var(--line)}
.portfolio-control svg{width:19px;height:19px}
.portfolio-play .icon-play,.portfolio-play[aria-pressed="true"] .icon-pause{display:none}
.portfolio-play[aria-pressed="true"] .icon-play{display:block}
.portfolio-play[aria-pressed="true"]{color:var(--lime)}
.portfolio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.project-slide:focus-within .project-preview{border-color:var(--lime)}
@media(max-width:767px){.work-ticker{padding-block:21px}.work-ticker-group{gap:24px;padding-right:24px}.work-ticker-group svg{width:12px;height:12px}.portfolio{--peek:28px;--gap:12px}.project-summary{gap:12px;padding-bottom:20px;min-height:159px;align-items:start}.project-name{font-size:21px}.project-type{font-size:11px;line-height:1.5}.project-description{font-size:14px;line-height:1.5;margin-top:10px}.project-open{width:44px;height:44px}.project-open svg{width:19px;height:19px}.project-preview{border-radius:12px}.project-preview img{aspect-ratio:1.4}.project-preview .browser-bar{font-size:10px;min-height:28px;padding-inline:10px}.portfolio-pagination,.portfolio-actions{gap:4px}.portfolio-jump{width:44px}.portfolio-controls{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.project-open,.project-preview img,.portfolio-control{transition:none}.project-preview:hover img{transform:none}.work-ticker-belt{transform:none!important;will-change:auto}.work-ticker-group{width:100%;min-width:0;flex-shrink:1;flex-wrap:wrap;gap:14px;justify-content:center;padding:0}.work-ticker-belt{width:auto}.work-ticker[data-ready] .work-ticker-group[aria-hidden]{display:none}}
@media print{.work-ticker{display:none}.portfolio-track{display:block;overflow:visible}.portfolio-track::after{display:none}.project-slide{display:block;break-inside:avoid;margin-bottom:32px}.project-slide[inert]{visibility:visible}.portfolio[data-ready] .portfolio-controls{display:none}.project-open{border:0}.project-preview img{aspect-ratio:auto}}