html body.coast-site #main-content .works-page,html body.coast-site #main-content .work-case{max-width:var(--work-content-width);margin-inline:auto}html body.coast-site #main-content .works-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}html body.coast-site #main-content .works-grid .work-card{padding:0;display:block}html body.coast-site #main-content .work-card-detail{color:var(--color-text);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;text-decoration:none;display:grid;position:relative}html body.coast-site #main-content .works-grid .work-card:before{content:none}html body.coast-site #main-content .work-card .work-cover{padding:var(--space-8);background:0 0;border:0}html body.coast-site #main-content .work-card .work-cover img{width:100%;height:var(--work-card-image-height);object-fit:contain}html body.coast-site #main-content .work-card .work-info{padding:var(--space-8);padding-bottom:var(--space-16);min-width:0}html body.coast-site #main-content .work-card :is(h2,h3){font-size:var(--work-card-title);margin:var(--space-4) 0}html body.coast-site #main-content .work-facts{gap:var(--space-3) 0;margin:var(--space-6) 0 0;flex-wrap:wrap;display:flex}html body.coast-site #main-content .work-facts>div{min-width:0;padding-inline:var(--space-4);border-inline-start:var(--border-width) solid var(--color-border);flex:1}html body.coast-site #main-content .work-facts>div:first-child{border-inline-start:0;padding-inline-start:0}html body.coast-site #main-content .work-facts :is(dt,dd){margin:0;font-size:var(--text-meta)!important;line-height:var(--leading-body)!important}.work-facts dt{color:var(--color-muted)}.work-facts dd{color:var(--color-text);overflow-wrap:anywhere}html body.coast-site #main-content .work-case .work-header{max-width:none;margin:var(--space-4) 0 var(--space-12)}html body.coast-site #main-content .work-case .work-header h1{margin-block:var(--space-4)}.work-header .action-primary{margin-top:var(--space-6)}html body.coast-site #main-content .work-case>.work-case-section{margin:var(--space-12) 0 0;padding-top:var(--space-8);border-top:var(--border-width) solid var(--color-border)}html body.coast-site #main-content .work-case-section>h2{align-items:baseline;gap:var(--space-4);font-size:var(--work-section-title);margin:0 0 var(--space-6);display:flex}.work-section-number{color:var(--color-accent);font-size:var(--text-meta);font-variant-numeric:tabular-nums}html body.coast-site #main-content .work-case-section h3{margin:var(--space-8) 0 var(--space-4)}html body.coast-site #main-content .work-case .work-placeholder{padding:var(--space-4);border:var(--border-width) dashed var(--color-accent);color:var(--color-accent);background:var(--color-surface);font-size:var(--text-body)}html body.coast-site #main-content .work-caption{color:var(--color-muted);font-size:var(--text-meta)!important}html body.coast-site #main-content .work-demo{margin:var(--space-6) 0;padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);text-align:center}html body.coast-site #main-content .work-demo .work-demo-visual{width:100%;height:var(--work-cover-height);object-fit:contain;margin-inline:auto;display:block}.work-demo figcaption{margin-top:var(--space-4);font-size:var(--text-meta);color:var(--color-muted)}.work-demo-toggle{min-height:var(--control-height);padding:var(--space-2) var(--space-4);margin-top:var(--space-4);color:var(--color-text);background:var(--color-bg);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:inline-flex}.work-demo-toggle[hidden]{display:none}.work-demo-status{font-size:var(--text-meta);color:var(--color-muted);display:block}html body.coast-site #main-content .work-shots{grid-auto-flow:column;grid-auto-columns:var(--work-shot-width);gap:var(--space-6);overscroll-behavior-inline:contain;scroll-snap-type:x proximity;max-width:100%;padding:var(--space-2) var(--space-1) var(--space-4);display:grid;overflow-x:auto}html body.coast-site #main-content .work-shots figure{min-width:0;padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);scroll-snap-align:start;margin:0}html body.coast-site #main-content .work-shots img{width:100%;height:var(--work-shot-height);object-fit:contain;display:block}.work-shots figcaption{margin-top:var(--space-4);font-size:var(--text-meta);color:var(--color-muted)}.work-shots .screenshot-link{display:block}html body.coast-site #main-content .work-related-notes{padding:0;list-style:none}.work-related-notes li{gap:var(--space-2);margin-block:var(--space-4);flex-direction:column;display:flex}.work-return{gap:var(--space-6);padding-top:var(--space-8);margin-top:var(--space-12);border-top:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.work-return a,.work-case .back-link{min-height:var(--control-height);align-items:center;display:inline-flex}html body.coast-site #main-content .work-case a:not(.action-primary){color:var(--color-accent);text-underline-offset:var(--space-1)}html body.coast-site .work-image-dialog{width:min(var(--work-modal-width),calc(100% - var(--work-modal-edge)));max-height:calc(100dvh - var(--work-modal-edge));padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);color:var(--color-text);margin:auto;position:fixed;inset:0;overflow:auto}.work-image-dialog::backdrop{background:color-mix(in srgb,var(--night-bg) 88%,transparent)}.work-image-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}html body.coast-site .work-image-toolbar h2{font-size:var(--text-h3);margin:0}.work-image-toolbar button{min-width:var(--control-height);min-height:var(--control-height);padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-control)}.work-image-dialog img{max-width:100%;max-height:var(--work-modal-image-height);object-fit:contain;width:auto;height:auto;margin:auto;display:block}html:has(.work-image-dialog[open]){overflow:hidden}@media (width<=767px){html body.coast-site #main-content .works-grid .work-card-detail{grid-template-columns:minmax(0,1fr)}html body.coast-site #main-content .work-card :is(.work-cover,.work-info){padding:var(--space-6)}html body.coast-site #main-content .work-card .work-info{padding-bottom:var(--space-12)}html body.coast-site #main-content .work-card .work-cover img{height:var(--work-cover-mobile-height)}html body.coast-site #main-content .work-facts{gap:var(--space-3);display:grid}html body.coast-site #main-content .work-facts>div{padding:0 0 var(--space-3);border-inline-start:0;border-bottom:var(--border-width) solid var(--color-border)}html body.coast-site #main-content .work-facts>div:last-child{border:0;padding:0}html body.coast-site #main-content .work-demo{padding:var(--space-4)}html body.coast-site #main-content .work-demo .work-demo-visual{height:var(--work-cover-mobile-height)}}.work-challenges>div{margin-block:var(--space-6)}.work-challenges dt{color:var(--color-title);font-weight:500}.work-challenges dd{margin:var(--space-2) 0 0}