.page-work .work-intro{padding:8px 4px 16px}.page-work .work-intro__eyebrow{color:var(--color-text-muted);margin:0 0 8px;font-size:.75rem;line-height:1.45}.page-work .work-intro h2{letter-spacing:-.025em;text-transform:none;margin:0 0 5px;font-size:1.75rem;line-height:1.15}.page-work .work-intro__role{margin-bottom:9px;font-weight:600}.page-work .folder__head{flex-wrap:wrap;gap:4px 8px;min-height:44px}.page-work .folder__head:before,.page-work .folder__icon{flex:none}.page-work .folder__name{overflow-wrap:anywhere;flex:8ch;min-width:0}.page-work .folder__count{white-space:nowrap;flex:none;margin-left:0}.page-work .work-story__role{color:var(--color-text-muted);margin:5px 0 14px;font-size:.8rem;line-height:1.45}.page-work .work-preview{margin:0 0 15px}.page-work .work-item__header--brand{display:block}.page-work .work-wordmark{border:1px solid var(--bevel-dark);background:linear-gradient(#fff,#edf8f5);border-radius:8px;width:min(100%,252px);height:auto;padding:8px 10px;display:block}.page-work .work-ios-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.page-work .work-ios-screens img{border-radius:10px}.page-work .work-preview__link{width:100%;color:inherit;font:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.page-work .work-preview__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.work-gallery .tcg__nav:disabled{display:none}@media (width<=720px){.work-gallery .tcg__bar{min-height:52px}.work-gallery .tcg__x{width:44px;height:44px}.work-gallery .tcg__meta{display:none}}.page-work .work-preview__link>span{margin-top:4px;font-size:.75rem;display:block}.page-work .work-preview img{border:1px solid var(--bevel-dark);background:var(--color-surface-2);border-radius:5px;width:100%;height:auto;display:block}.page-work .work-preview figcaption{color:var(--color-text-muted);margin-top:6px;font-size:.75rem;line-height:1.45}.page-work .work-film{border:1px solid var(--bevel-dark);background:var(--color-surface-2);border-radius:10px;width:100%;max-width:300px;margin-inline:auto;padding:5px;box-shadow:inset 0 1px #ffffff90,0 4px 12px #0002}.page-work .work-film__bar{align-items:center;gap:6px;padding:4px 4px 9px;font-size:.75rem;line-height:1.4;display:flex}.page-work .work-film__bar [data-icon]{flex:0 0 16px;height:16px}.page-work .work-film__duration{white-space:nowrap;margin-left:auto}.page-work .work-film iframe{aspect-ratio:9/16;background:#101820;border:0;border-radius:5px;width:100%;height:auto;display:block}.page-work .work-film figcaption{padding:2px 4px 4px}:root[data-skin=aero] .page-work .work-film{background:linear-gradient(135deg, #bce9ef55, #6db8dd22 45%, #80b8cf44), var(--color-surface-2);border-color:#79b7cfa8}.page-work .work-story__context{border-top:1px solid var(--bevel-dark);border-bottom:1px solid var(--bevel-dark);margin:12px 0;padding:10px 0}.page-work .work-story__context summary{cursor:pointer;font-size:.9375rem;font-weight:600;line-height:1.5}.page-work .work-story__context summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.page-work .work-story__context p{margin:12px 0 2px}.page-work .work-story__result{margin:12px 0 16px}.page-work .project-links{row-gap:8px}.page-work .project-links .pixel-link{min-height:40px;padding:8px 10px}:root[data-skin=aero] .page-work .work-intro h2{font-family:var(--font-body);color:var(--color-text);text-shadow:none}:root[data-skin=aero] .page-work .work-intro>p,:root[data-skin=aero] .page-work .work-item p{font-size:1rem;line-height:1.55}:root[data-skin=aero] .page-work .work-intro>.work-intro__eyebrow{font-size:.75rem}:root[data-skin=aero] .page-work .work-story>.work-story__role{font-size:.8rem}:root[data-skin=aero] .page-work .project-links .pixel-link{font-size:.9375rem}:root[data-skin=aero] .page-work .folder__head{letter-spacing:0;text-transform:none;padding:9px 12px;font-size:.85rem}:root[data-skin=aero] .page-work .folder__count{font-size:.75rem}:root[data-skin=aero] .page-work .folder__body{gap:16px;padding:12px}:root[data-skin=aero] .page-work .work-story{padding:18px}:root[data-skin=aero] .page-work .work-item h3{letter-spacing:-.01em;text-transform:none;font-size:1.2rem;line-height:1.3}.page-work .explorer__tree{container:work-content/inline-size}@container work-content (width>=34rem){.page-work .work-story{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;column-gap:20px;display:grid}.page-work .work-story>.work-item__header{grid-area:1/2}.page-work .work-story>.work-story__role{grid-area:2/2}.page-work .work-story>p:not([class]){grid-area:3/2;margin:0}.page-work .work-story>.work-preview{grid-area:1/1/4;margin:0}.page-work .work-story>.work-story__context,.page-work .work-story>.work-story__result,.page-work .work-story>.project-links{grid-column:1/-1}.page-work .work-story--idk>.work-film{grid-row:1/5}.page-work .work-story--idk>.work-ios-preview{grid-area:4/2;margin:14px 0 0}}@media (width>=62em) and (height>=36em) and (orientation:landscape){.layout__grid.page-work{grid-template-columns:minmax(0,.7fr) minmax(0,740px) minmax(0,320px) minmax(0,.4fr)}.page-work .work__selected .window,.page-work .work__resume .window{min-width:0;max-width:100%}:root[data-skin=aero] .page-work .explorer{padding:14px}.page-work .explorer__tree{padding:0 5px 6px 0}}@media (width>=80em) and (height>=36em) and (orientation:landscape){.layout__grid.page-work{grid-template-columns:minmax(0,.7fr) minmax(0,740px) minmax(0,400px) minmax(0,.4fr)}}@media (width<=61.99em),(height<=35.99em),(orientation:portrait){:root[data-skin=aero] .page-work .work__selected .window__body{padding:12px}:root[data-skin=aero] .page-work .explorer{padding:0}.page-work .work-intro{padding:6px 2px 16px}:root[data-skin=aero] .page-work .folder__body{padding:4px}:root[data-skin=aero] .page-work .work-story{padding:10px}:root[data-skin=aero] .page-work .work-item h3{font-size:1.1rem}.page-work .work-story__role{margin-bottom:10px}.page-work .work-item__header{grid-template-columns:22px minmax(0,1fr)}}