.work-page .work-hero{padding-block:clamp(4rem,8vw,7rem) clamp(3rem,6vw,5rem)}.work-hero h1{max-width:none;font-size:min(clamp(2.75rem,6.4vw,5.75rem),18vw)}.work-hero h1 span{color:var(--color-link)}.work-intro{max-width:43rem;color:var(--color-muted);margin-top:1.75rem;font-size:clamp(1.0625rem,1.5vw,1.25rem)}.work-page .work-selected{padding-block:0;container:work-projects/inline-size}.work-section-header{border-top:1px solid var(--color-border);padding-block:1.5rem}.work-section-header h2{letter-spacing:-.015em;font-size:1.125rem}.work-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.work-project{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;transition:border-color var(--transition-fast);flex-direction:column;display:flex}.work-project:hover,.work-project:focus-within{border-color:var(--color-selection-accent,var(--color-link))}.work-screenshots{gap:.5rem;padding:.5rem .5rem 0;display:grid}.work-screenshot{aspect-ratio:16/10;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);margin:0;overflow:hidden}.work-project-image{object-fit:cover;object-position:center top;width:100%;height:100%}.work-project-copy{flex-direction:column;flex:1;min-width:0;padding:clamp(1.25rem,2.25vw,1.75rem);display:flex}.work-classification{color:var(--color-link);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.work-project-copy h3{margin-top:.75rem;font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.15}.work-location{color:var(--color-muted);margin-top:.625rem;font-size:.875rem}.work-disciplines{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.work-disciplines li{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);padding:.25rem .625rem;font-size:.75rem}.work-summary{color:var(--color-muted);margin-top:1.25rem}.work-disclosure,.work-industry{color:var(--color-muted);margin-top:.875rem}.work-highlights{margin-top:1.25rem}.work-page h4{font-family:var(--font-heading);margin:0;font-size:.9375rem;font-weight:600;line-height:1.4}.work-highlights p{color:var(--color-muted);margin-top:.375rem;font-size:.875rem}.work-card-footer{margin-top:auto;padding-top:1.25rem}.work-project-links{flex-wrap:wrap;gap:.75rem;display:flex}.work-external-link{min-height:2.75rem;color:var(--color-link);text-underline-offset:.3em;align-items:center;gap:.6rem;font-weight:650;text-decoration:underline;display:inline-flex}.work-external-link:hover{color:var(--color-text)}.work-project-details{border-top:1px solid var(--color-border);margin-top:1rem}.work-project-details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;padding-block:.75rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.work-project-details>summary::-webkit-details-marker{display:none}.work-project-details>summary:hover{color:var(--color-link)}.work-details-icon{height:.75rem;color:var(--color-link);flex:0 0 .75rem;position:relative}.work-details-icon:before,.work-details-icon:after{content:"";background:currentColor;width:100%;height:1px;position:absolute;top:50%;left:0}.work-details-icon:after{transform:rotate(90deg)}.work-project-details[open] .work-details-icon:after{display:none}.work-details-content{gap:1.25rem;padding-block:.5rem .25rem;font-size:.9375rem;display:grid}.work-details-content p,.work-details-content li,.work-details-content dd,.work-details-content figcaption{color:var(--color-muted)}.work-details-content section>p{margin-top:.5rem}.work-details-content ul{gap:.625rem;margin:.75rem 0 0;padding-left:1.125rem;display:grid}.work-details-content li::marker{color:var(--color-link)}.work-details-content figure,.work-details-content blockquote{margin:0}.work-demonstration-list{gap:1rem;margin:.875rem 0 0;display:grid}.work-demonstration-list dt{font-weight:600}.work-demonstration-list dd{margin:.25rem 0 0}.work-closing-content{justify-content:space-between;align-items:center;gap:2rem;display:flex}.work-closing h2{font-size:clamp(2rem,3.5vw,3rem)}.work-closing p{color:var(--color-muted);margin-top:1rem}@container work-projects (width>=48rem){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){.work-hero h1{max-width:none}}@media (width<=47.99rem){.work-closing-content{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.work-project{transition:none}}