.work-index-page{--work-ink:var(--pine-950);--work-muted:var(--ink-soft);--work-line:var(--line);--work-surface:var(--paper-bright);background:var(--work-surface)}.work-index-page main{width:100%;max-width:100%;overflow-x:clip}.work-index-page main :is(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.045em;font-weight:600}.work-hero{padding-top:clamp(4rem,7vw,7rem)}.work-hero-copy{text-align:center}.work-page-name{color:var(--work-muted);margin-bottom:1.5rem;font-size:.83rem}.work-hero-title{max-width:72rem;color:var(--work-ink);margin:0 auto 1.75rem;font-size:clamp(1.9rem,6vw,5.25rem);line-height:1.07}.work-hero-title>em{color:var(--orange-dark);font-weight:inherit}.work-hero-intro{color:var(--work-muted);margin-bottom:1.75rem;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.75}.work-hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.work-index-page main .button{letter-spacing:.01em;border-radius:2px;gap:.8rem;min-height:48px;padding:.9rem 1.25rem;font-size:.85rem;font-weight:650}.work-primary-button{background:var(--orange-dark);border-color:var(--orange-dark);color:var(--white)}.work-primary-button:hover{background:var(--bark-dark);border-color:var(--bark-dark)}.work-secondary-button{border-color:var(--line);color:var(--work-ink);background:0 0}.work-secondary-button:hover{background:var(--paper);border-color:var(--work-ink);color:var(--work-ink)}.work-spotlight{margin-top:clamp(3rem,5vw,5rem)}.work-spotlight-stage{background:radial-gradient(at 50% 15%,#f6e8d9,#e4d7c6 85%);border-radius:4px;min-width:0;position:relative;overflow:hidden}.work-project-slide{aspect-ratio:2.16;justify-content:center;align-items:center;width:100%;min-width:0;padding:1.6rem 2rem 3rem;display:flex}.work-project-slide[hidden]{display:none}.work-spotlight-device{width:min(100%,820px);transition:transform .7s var(--ease);margin-top:-1.5rem}.work-spotlight-device .apple-device-mockup{filter:drop-shadow(0 18px 20px #46332728)}.work-project-slide-mobile{gap:clamp(2rem,6vw,6rem)}.work-spotlight-phone{width:min(22%,180px);transition:transform .7s var(--ease)}.work-mobile-caption{max-width:23rem;color:var(--bark-dark)}.work-mobile-caption strong{letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(1.4rem,3vw,2.5rem);font-weight:500;line-height:1.15;display:block}.work-mobile-caption p{max-width:28ch;margin:0;font-size:.9rem}.work-view-controls{z-index:3;background:var(--paper-bright);border:1px solid #ffffff80;border-radius:4px;gap:3px;padding:3px;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.work-view-controls button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:.45rem 1rem;font-size:.75rem}.work-view-controls button[aria-pressed=true]{background:var(--work-ink);color:var(--white)}.work-view-controls button:hover:not([aria-pressed=true]){background:var(--paper)}.work-spotlight-details{grid-template-columns:1fr 1fr;gap:2rem;padding-top:1.75rem;display:grid}.work-project-type{color:var(--work-muted);margin:0 0 .5rem;font-size:.74rem;line-height:1.5}.work-spotlight-details h2{color:var(--work-ink);margin:0;font-size:clamp(1.5rem,2.6vw,2.15rem)}.work-spotlight-summary>p{max-width:51ch;color:var(--work-muted);margin-bottom:.8rem;font-size:.91rem;line-height:1.7}.work-text-link{min-height:44px;color:var(--work-ink);text-decoration-color:var(--line);text-underline-offset:.35em;align-items:center;gap:.7rem;font-size:.82rem;font-weight:550;display:inline-flex}.work-text-link svg{color:var(--orange-dark);transition:transform .2s var(--ease)}.work-text-link:hover svg{transform:translate(2px,-2px)}.work-projects{z-index:2;background:var(--work-surface);padding-block:clamp(5rem,10vw,9rem);position:relative}.work-section-heading{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.75rem;display:flex}.work-section-heading h2{max-width:24ch;color:var(--work-ink);margin:0;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.18}.work-section-heading>p{max-width:37ch;color:var(--work-muted);margin:0;font-size:.88rem;line-height:1.75}.work-filter-bar{border-block:1px solid var(--work-line);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-block:.65rem;display:flex}.work-filter-bar>div{flex-wrap:wrap;gap:.2rem 1.1rem;display:flex}.work-filter-bar button{min-height:44px;color:var(--work-muted);cursor:pointer;text-underline-offset:.55em;background:0 0;border:0;padding:.5rem .1rem;font-size:.78rem;text-decoration:underline #0000;transition:color .18s,text-decoration-color .18s}.work-filter-bar button.is-active{color:var(--work-ink);text-decoration-color:var(--work-ink);font-weight:650}.work-filter-bar button:hover{color:var(--work-ink);text-decoration-color:var(--orange-dark)}.work-filter-bar>span{color:var(--work-muted);flex-shrink:0;font-size:.72rem}.work-project-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:3rem 1.75rem;display:grid}.work-project{grid-column:span 2;min-width:0}.work-project:nth-child(-n+2),.work-project-grid.is-filtered .work-project{grid-column:span 3}.work-project-grid.is-filtered .work-project.is-wide{grid-column:1/-1}.work-project[hidden]{display:none}.work-project-anchor{height:100%;color:var(--work-ink);text-decoration:none;display:block}.work-project-image{background:var(--paper-deep);border-radius:3px;padding:clamp(1rem,2.3vw,2rem);overflow:hidden}.work-project:nth-child(2) .work-project-image{background:var(--paper)}.work-project:nth-child(3) .work-project-image{background:var(--paper-deep)}.work-project:nth-child(4) .work-project-image{background:var(--paper)}.work-project:nth-child(5) .work-project-image{background:var(--paper-deep)}.work-project-crop{aspect-ratio:8/5;background:#fff;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 8px 18px #2c352a12}.work-project-image img{object-fit:cover;object-position:top;width:127%;max-width:none;height:auto;transition:transform .7s var(--ease);background:#fff;border:1px solid #1c2f2412;border-radius:2px;position:absolute;top:-21%;left:-13.5%;box-shadow:0 8px 18px #2c352a12}.work-project-heading{justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.15rem;display:flex}.work-project-heading h3{letter-spacing:-.035em;text-wrap:pretty;margin:0;font-size:clamp(1.15rem,1.8vw,1.6rem);line-height:1.25}.work-project-arrow{border:1px solid var(--line);height:36px;color:var(--orange-dark);border-radius:50%;flex:0 0 36px;place-items:center;transition:background .2s,color .2s;display:grid}.work-project-description{max-width:53ch;color:var(--work-muted);margin:.85rem 0 .6rem;font-size:.83rem;line-height:1.7}.work-visit-label{min-height:36px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.3em;align-items:center;gap:.45rem;font-size:.75rem;display:inline-flex}.work-project-anchor:focus-visible .work-project-arrow{background:var(--work-ink);color:var(--white)}.work-approach{border-top:1px solid var(--work-line);background:var(--paper);padding-block:clamp(5rem,9vw,8rem)}.work-approach .work-section-heading{margin-bottom:3rem}.work-approach .work-section-heading h2{max-width:28ch}.work-approach .work-section-heading h2 span{color:var(--moss)}.work-approach-panels{border:1px solid var(--line);background:var(--paper-bright);border-radius:3px;gap:0;display:flex}.work-approach-panel{min-width:0;transition:flex .5s var(--ease);flex:1;padding:clamp(1.25rem,2.5vw,2rem);position:relative}.work-approach-panel+.work-approach-panel{border-left:1px solid var(--line)}.work-approach-panel[open]{flex:1.6}.work-approach-panel summary{font-family:var(--font-display);min-height:104px;color:var(--work-ink);letter-spacing:-.035em;cursor:pointer;justify-content:space-between;align-items:start;gap:.75rem;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:600;line-height:1.3;list-style:none;display:flex}.work-approach-panel summary::-webkit-details-marker{display:none}.work-panel-toggle{font-family:var(--font-body);color:var(--orange-dark);font-size:1.3rem;line-height:1;transition:transform .2s}.work-approach-panel[open] .work-panel-toggle{transform:rotate(45deg)}.work-panel-content{max-width:38ch}.work-panel-content p{color:var(--work-muted);margin:0 0 1rem;font-size:.87rem;line-height:1.75}.work-next{isolation:isolate;background:var(--pine-950);color:var(--white);padding-block:clamp(5rem,10vw,9rem);position:relative}.work-next:before{z-index:-1;content:"";background:radial-gradient(at 10% 100%,#47604755,#0000 70%);position:absolute;inset:0}.work-next-inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.work-next h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.15}.work-next-copy p{color:#d3ddd5;max-width:34ch;margin-bottom:1.5rem;font-size:.93rem;line-height:1.75}.work-next-button{background:var(--paper-bright);border-color:var(--paper-bright);color:var(--pine-950)}.work-next-button:hover{background:var(--white);border-color:var(--white);color:var(--pine-950)}.work-email-link{color:#d3ddd5;text-underline-offset:.35em;align-items:center;gap:.6rem;width:fit-content;min-height:44px;margin-top:.5rem;font-size:.77rem;display:flex}.work-next :is(a,button):focus-visible{outline-color:#edaa86}@media (hover:hover) and (pointer:fine){.work-project-anchor:hover .work-project-image img{transform:scale(1.05)}.work-project-anchor:hover .work-project-arrow{background:var(--work-ink);color:var(--white)}.work-spotlight-stage:hover :is(.work-spotlight-device,.work-spotlight-phone){transform:scale(1.025)}}@media (width<=900px){.work-section-heading{align-items:start;gap:1.5rem}.work-section-heading>p{max-width:30ch}.work-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.25rem}.work-project,.work-project:nth-child(-n+2),.work-project-grid.is-filtered .work-project{grid-column:span 1}.work-project-grid:not(.is-filtered) .work-project:last-child,.work-project-grid.is-filtered .work-project.is-wide{grid-column:1/-1}.work-approach-panel{padding:1.25rem}.work-approach-panel summary{font-size:1.08rem}}@media (width<=600px){.work-hero{padding-top:3rem}.work-page-name{margin-bottom:1.1rem;font-size:.75rem}.work-hero-title{margin-bottom:1.25rem;font-size:clamp(1.9rem,7.4vw,2.75rem)}.work-desktop-break{display:none}.work-hero-intro{max-width:34ch;margin-inline:auto;font-size:.88rem}.work-hero-actions{gap:.5rem}.work-index-page main .button{gap:.5rem;padding-inline:.9rem;font-size:.76rem}.work-spotlight{margin-top:2.5rem}.work-project-slide{aspect-ratio:auto;height:280px;min-height:0;padding:.8rem .75rem 4.25rem}.work-spotlight-device{flex-shrink:1;width:100%;margin-top:0}.work-project-slide-mobile{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:1rem;padding-inline:1.25rem;display:grid}.work-spotlight-phone{justify-self:center;width:100%;max-width:88px}.work-mobile-caption{overflow-wrap:break-word;width:100%;min-width:0;max-width:none}.work-mobile-caption strong{font-size:1rem}.work-mobile-caption p{font-size:.72rem;line-height:1.6}.work-view-controls{bottom:.8rem}.work-spotlight-details{grid-template-columns:1fr;gap:.85rem;padding-top:1.25rem}.work-spotlight-summary>p{margin-bottom:.4rem;font-size:.85rem}.work-section-heading{margin-bottom:1.75rem;display:block}.work-section-heading>p{max-width:39ch;margin-top:1rem;font-size:.85rem}.work-filter-bar{flex-direction:column;align-items:start;gap:.25rem;margin-bottom:1.5rem;padding-bottom:1rem}.work-filter-bar>div{gap:0 1rem}.work-filter-bar button{font-size:.73rem}.work-project-grid{grid-template-columns:1fr;gap:2.5rem}.work-project-heading h3{font-size:1.35rem}.work-approach-panels{display:block}.work-approach-panel+.work-approach-panel{border-left:0;border-top:1px solid var(--line)}.work-approach-panel summary{align-items:center;min-height:44px;font-size:1.15rem}.work-panel-content{margin-top:.8rem}.work-next-inner{grid-template-columns:1fr;gap:1.75rem}.work-next h2{font-size:clamp(1.8rem,7vw,2.5rem)}}@media (prefers-reduced-motion:reduce){.work-index-page main *,.work-index-page main :before{transition:none!important}.work-project-anchor:hover .work-project-image img,.work-spotlight-stage:hover :is(.work-spotlight-device,.work-spotlight-phone){transform:none}}html:not(.has-js) .work-view-controls,html:not(.has-js) .work-filter-bar{display:none}