.work-page{background:var(--av-ink)}.work-page .page-hero{padding-block-end:4rem}.work-page .page-hero .breadcrumbs{margin-block-end:2rem}.work-page .page-hero .breadcrumbs a{text-decoration-color:var(--av-moss)}.work-page .page-hero-ink .hero-note{color:var(--av-mist-on-ink)}.work-page .plate{color:var(--av-white);padding-block:5rem}.work-page .plate-moss{background:var(--av-moss)}.work-page .plate-ink{background:var(--av-ink)}.work-page .plate ::selection{background:var(--av-mint);color:var(--av-ink)}.work-page .plate :focus-visible{outline-color:var(--av-mint)}.work-page .plate-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.work-page .plate-flip .plate-copy{order:2}.work-page .plate-meta{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.work-page .plate h2{color:var(--av-white);margin-block-start:1.5rem;font-size:clamp(2rem,3.4vw,3rem)}.work-page .plate h2 strong{color:var(--av-emerald)}.work-page .plate-summary{max-inline-size:38rem;color:var(--av-mist-on-ink);margin-block-start:1.25rem;font-size:1.0625rem;line-height:1.65}.work-page .plate-services{color:var(--av-mist-on-ink);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-block-start:1.5rem;font-size:.875rem;display:flex}.work-page .plate-services a{min-block-size:2rem;color:var(--av-mint-cream);align-items:center;gap:.375rem;display:inline-flex}.work-page .plate-services a:hover{color:var(--av-mint)}.work-page .plate-services svg{block-size:1rem;inline-size:1rem;color:var(--av-mint)}.work-page .plate-link{border-radius:var(--av-radius-pill);background:var(--av-white);min-block-size:3.5rem;color:var(--av-ink);font-size:1rem;font-weight:var(--av-w-medium);justify-content:space-between;align-items:center;gap:1.5rem;margin-block-start:2rem;padding:.875rem 1.375rem;line-height:1.25;transition:background-color .18s;display:inline-flex}.work-page .plate-link svg{block-size:1.25rem;inline-size:1.25rem;transition:transform .18s}.work-page .plate-link:hover{background:var(--av-emerald)}.work-page .plate-link:hover svg{transform:translate(3px)}.work-page .plate-frame{border-radius:12px;min-inline-size:0;display:block}.work-page .plate-frame .sb{max-inline-size:36rem;margin-inline:auto}.work-page .plate-frame:hover .sb-screen{border-color:var(--av-mint)}.work-page .section-title{max-inline-size:22ch;margin-block-end:2rem}.work-page .white-band{background:var(--av-white);color:var(--av-ink)}.work-page .related-links{padding-block:4rem 0}.work-page .project-badge{border-radius:var(--av-radius-pill);color:var(--av-mint);font-size:.8125rem;font-weight:var(--av-w-medium);border:1px solid #a9bdb459;align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .75rem;line-height:1.4;display:inline-flex}.work-page .live-dot{background:var(--av-emerald);border-radius:50%;block-size:.5rem;inline-size:.5rem}.work-page .plate-project-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.work-page .plate-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-block-start:2rem;display:flex}.work-page .plate-actions .plate-link{margin-block-start:0}.work-page .project-routes{justify-items:start;gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.work-page .plate-visit,.work-page .project-visit{min-block-size:2.75rem;color:var(--av-mint-cream);text-underline-offset:.3em;text-decoration:underline;text-decoration-color:var(--av-moss);align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}.work-page .plate-visit:hover,.work-page .project-visit:hover{color:var(--av-mint);text-decoration-color:currentColor}.work-page .plate-visit svg,.work-page .project-visit svg{block-size:1.125rem;inline-size:1.125rem}.work-page .plate-shot .shot{max-inline-size:none}.work-page .plates-divider{background:var(--av-ink);color:var(--av-white);padding-block:4rem 0}.work-page .plates-divider h2{color:var(--av-white);font-size:clamp(1.75rem,2.8vw,2.25rem)}.work-page .plates-divider p{max-inline-size:52ch;color:var(--av-mist-on-ink);margin-block-start:.75rem;font-size:1rem}.work-page{--dv-body:#1e2d29;--dv-edge:#0f1a17;--dv-button:#475c55}.work-page .shot{margin:0;position:relative}.work-page .shot img{block-size:auto;inline-size:100%;display:block}.work-page .shot-bar{border-block-end:1px solid var(--av-line);background:var(--av-mint-cream);color:var(--av-sea-slate);align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;line-height:1.3;display:flex}.work-page .shot-bar svg{block-size:.875rem;inline-size:.875rem;color:var(--av-forest)}.work-page .shot-browser{border:1px solid var(--av-line);background:var(--av-white);border-radius:14px;overflow:clip;box-shadow:0 24px 60px -32px #15252273}.work-page .shot-phone{--ph-pad:8px;--ph-r:44px}.work-page .ph-body{padding:var(--ph-pad);border-radius:var(--ph-r);background:var(--dv-body);box-shadow:0 0 0 1px var(--dv-edge), inset 0 1px 0 #9df5c429, 0 26px 52px -28px #1525228c;position:relative}.work-page .ph-screen{aspect-ratio:9/19.5;border-radius:calc(var(--ph-r) - var(--ph-pad));background:var(--dv-body);position:relative;overflow:clip}.work-page .ph-screen img{object-fit:cover;object-position:top center;block-size:100%}.work-page .ph-btn{background:var(--dv-button);inline-size:2px;position:absolute}.work-page .ph-mute{border-radius:2px 0 0 2px;block-size:3.2%;inset-block-start:15.5%;inset-inline-start:-2px}.work-page .ph-vol-up{border-radius:2px 0 0 2px;block-size:6.4%;inset-block-start:21.5%;inset-inline-start:-2px}.work-page .ph-vol-down{border-radius:2px 0 0 2px;block-size:6.4%;inset-block-start:29.5%;inset-inline-start:-2px}.work-page .ph-power{border-radius:0 2px 2px 0;block-size:9.6%;inset-block-start:25%;inset-inline-end:-2px}.work-page .project-hero .ph-body,.work-page .plate .ph-body{box-shadow:0 0 0 1px #9df5c43d,inset 0 1px #9df5c429,0 26px 52px -28px #000000b3}.work-page .project-top{padding-block:1.75rem 15rem}.work-page .project-top .breadcrumbs a{text-decoration-color:var(--av-moss)}.work-page .project-top-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:3rem;display:grid}.work-page .project-top h1{color:var(--av-white);margin-block-start:1.25rem}.work-page .project-top .hero-description{max-inline-size:36rem}.work-page .project-side{justify-items:start;gap:.75rem;padding-block-end:.5rem;display:grid}.work-page .project-side .reading-label{color:var(--av-mint);margin:0}.work-page .project-services{flex-wrap:wrap;gap:.5rem;display:flex}.work-page .project-services a{border-radius:var(--av-radius-pill);min-block-size:2.25rem;color:var(--av-mint-cream);border:1px solid #a9bdb44d;align-items:center;gap:.5rem;padding:.25rem .875rem .25rem .625rem;font-size:.875rem;display:inline-flex}.work-page .project-services a:hover{border-color:var(--av-mint);color:var(--av-mint)}.work-page .project-services svg{block-size:1rem;inline-size:1rem;color:var(--av-mint)}.work-page .project-hero{background:0 0;margin-block-start:-12.5rem;padding-block-end:4.5rem}.work-page .project-hero .page-container{z-index:1;position:relative}.work-page .project+.project-hero,.work-page .project-hero~*{position:relative}.work-page .glance-section{background:var(--av-white);padding-block:3rem 1.5rem}.work-page .glance-section .reading-label,.work-page .looks-section .reading-label{margin-block-end:1.25rem}.work-page .glance{border-block:1px solid var(--av-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding-block:1.75rem;display:grid}.work-page .glance dt{color:var(--av-sea-slate);font-size:.8125rem;font-weight:var(--av-w-medium);line-height:1.5}.work-page .glance-note{max-inline-size:60ch;color:var(--av-sea-slate);margin:1rem 0 0;font-size:.9375rem;line-height:1.55}.work-page .glance dd{color:var(--av-ink);font-size:1.0625rem;font-weight:var(--av-w-medium);letter-spacing:-.01em;margin:.375rem 0 0;line-height:1.4}.work-page .looks-section{background:var(--av-white);padding-block:3rem 2rem}.work-page .look{border-block-start:1px solid var(--av-line);padding-block:3rem}.work-page .look-head{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.5rem 1.25rem;max-inline-size:46rem;margin-block-end:2rem;display:grid}.work-page .look-number{color:var(--av-forest);font-size:1.75rem;font-weight:var(--av-w-light);letter-spacing:var(--av-display-tracking);font-variant-numeric:tabular-nums;line-height:1}.work-page .look-head h3{font-size:clamp(1.375rem,2vw,1.75rem)}.work-page .look-head p{grid-column:2;max-inline-size:58ch;font-size:1.0625rem;line-height:1.6}.work-page .look-offset{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:3rem;display:grid}.work-page .look-offset .look-head{max-inline-size:none;margin:0;display:block;position:sticky;inset-block-start:2rem}.work-page .look-offset .look-number{margin-block-end:1rem;display:block}.work-page .look-offset .look-head p{margin-block-start:.75rem}.work-page .look-pair .look-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.work-page .look-phones .look-media{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2rem;max-inline-size:54rem;margin-inline:auto;display:grid}.work-page .look-phones .shot:nth-child(2){margin-block-start:2.5rem}.work-page .scope-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:4rem;display:grid}.work-page .scope-section h2{color:var(--av-white)}.work-page .dot-list{gap:.75rem;display:grid}.work-page .dot-list li{color:var(--av-mint-cream);padding-inline-start:1.125rem;font-size:1rem;line-height:1.55;position:relative}.work-page .dot-list li:before{content:"";background:var(--av-mint);border-radius:50%;block-size:.375rem;inline-size:.375rem;position:absolute;inset-block-start:.65rem;inset-inline-start:0}.work-page .scope-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 2rem;margin-block-start:2rem}.work-page .scope-side{justify-self:end}@media (width<=64rem){.work-page .plate-project-inner,.work-page .project-top-grid{grid-template-columns:1fr;gap:2rem}.work-page .project-top{padding-block-end:12rem}.work-page .project-hero{margin-block-start:-9.5rem;padding-block-end:3.5rem}.work-page .glance{grid-template-columns:repeat(2,minmax(0,1fr))}.work-page .look-offset{grid-template-columns:1fr;gap:1.5rem}.work-page .look-offset .look-head{display:grid;position:static}.work-page .look-offset .look-number{margin:0;display:inline}.work-page .page-hero h1{font-size:clamp(2.25rem,4vw,3rem)}.work-page .page-hero .hero-description{margin-block-start:1.25rem;font-size:1rem}.work-page .page-hero .page-actions{margin-block-start:1.5rem}.work-page .plate-inner{gap:2.5rem}}@media (width<=48rem){.work-page .page-hero{padding-block-end:3rem}.work-page .project-top{padding-block-end:8rem}.work-page .project-hero{margin-block-start:-6rem;padding-block-end:2.5rem}.work-page .shot-browser{border-radius:10px}.work-page .shot-bar{padding:.5rem .75rem;font-size:.75rem}.work-page .shot-phone{--ph-pad:6px;--ph-r:38px}.work-page .glance{grid-template-columns:1fr;gap:1.25rem}.work-page .look{padding-block:2.5rem}.work-page .look-pair .look-media{grid-template-columns:1fr;gap:1rem}.work-page .look-phones .look-media{max-inline-size:none;margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--av-sea-slate) var(--av-mint-cream);gap:1rem;display:flex;overflow-x:auto}.work-page .look-phones .shot{scroll-snap-align:start;flex:0 0 68%}.work-page .look-phones .shot:nth-child(2){margin-block-start:0}.work-page .scope-grid,.work-page .concepts-next-head{grid-template-columns:1fr;gap:2rem}.work-page .scope-list{grid-template-columns:1fr}.work-page .scope-side{justify-self:start}.work-page .plates-divider{padding-block-start:3rem}.work-page .plate{padding-block:3.5rem}.work-page .plate-inner{grid-template-columns:1fr;gap:2.5rem}.work-page .plate-flip .plate-copy{order:0}.work-page .plate-link{inline-size:100%}}@media (prefers-reduced-motion:reduce){.work-page .plate-link,.work-page .plate-link svg,.work-page .concept-nav-card,.work-page .concept-links a{transition:none}.work-page .plate-link:hover svg{transform:none}}@media (height<=50rem){.work-page .page-hero,.work-page .project-top{padding-block:1.25rem 3rem}.work-page .page-hero .breadcrumbs,.work-page .project-top .breadcrumbs{margin-block-end:1.25rem}.work-page .page-hero h1,.work-page .project-top h1{margin-block-start:.75rem;font-size:clamp(1.875rem,3.4vw,2.5rem)}.work-page .page-hero .hero-description,.work-page .project-top .hero-description{margin-block-start:.875rem;font-size:1rem;line-height:1.5}.work-page .page-hero .page-actions,.work-page .project-top .page-actions{margin-block-start:1.125rem}}@media (height<=46rem){.work-page .page-hero h1,.work-page .project-top h1{font-size:clamp(1.75rem,3.2vw,2.25rem)}.work-page .page-hero .hero-description,.work-page .project-top .hero-description{font-size:1rem;line-height:1.5}.work-page .project-top{padding-block-end:9rem}.work-page .project-hero{margin-block-start:-7rem;padding-block-end:3rem}}@media (height<=36rem){.work-page .page-hero h1,.work-page .project-top h1{font-size:1.5rem}.work-page .page-hero .hero-description,.work-page .project-top .hero-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.work-page .project-badge,.work-page .concept-banner{display:none}.work-page .project-top{padding-block-end:6rem}.work-page .project-hero{margin-block-start:-4.5rem;padding-block-end:2.5rem}}@media (width<=23rem){.work-page .page-hero-grid{gap:1.5rem}.work-page .page-hero h1,.work-page .project-top h1{font-size:1.875rem}.work-page .page-hero .hero-description,.work-page .project-top .hero-description{font-size:.9375rem;line-height:1.5}}@media (width<=30rem) and (height<=40rem){.work-page .page-hero h1,.work-page .project-top h1{font-size:1.625rem}.work-page .page-hero .hero-description,.work-page .project-top .hero-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.work-page .other-work{background:var(--av-white)}.work-page .other-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.work-page .other-links a{border:1px solid var(--av-line);border-radius:var(--av-radius-card);gap:.625rem;block-size:100%;padding:1.5rem;transition:border-color .18s;display:grid}.work-page .other-links a:hover{border-color:var(--av-forest)}.work-page .other-badge{color:var(--av-forest);font-size:.8125rem;font-weight:var(--av-w-medium);align-items:center;gap:.5rem;display:inline-flex}.work-page .other-badge .live-dot{background:var(--av-emerald)}.work-page .other-name{color:var(--av-ink);font-size:1.25rem;font-weight:var(--av-w-medium);letter-spacing:-.015em;line-height:1.3}.work-page .other-text{color:var(--av-sea-slate);font-size:.9375rem;line-height:1.55}.work-page .other-arrow{background:var(--av-mint-cream);block-size:2rem;inline-size:2rem;color:var(--av-forest);border-radius:50%;place-items:center;display:grid}.work-page .other-arrow svg{block-size:1rem;inline-size:1rem}@media (width<=48rem){.work-page .other-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.work-page .other-links a{transition:none}}.work-page .project-stack{margin-block-end:2rem}.work-page .project-stack .reading-label{color:var(--av-mint);margin-block-end:.875rem}.work-page .project-stack ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.work-page .project-stack li{border-radius:var(--av-radius-pill);background:var(--av-moss);color:var(--av-mint-cream);padding:.375rem .75rem;font-size:.8125rem;line-height:1.4}