.work-page .work-index{width:calc(100% - 2*clamp(20px,3.2vw,64px));max-width:1500px;padding-block:clamp(48px,7vw,96px) clamp(64px,8vw,112px);padding-inline:0}.work-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.work-intro h1{margin:0;line-height:1.05}.work-intro p{color:var(--muted);padding-bottom:8px;font-size:clamp(15px,1.5vw,20px)}.work-page .site-header{z-index:100;background:#101010;position:sticky;top:0}html:has(.work-page){scroll-padding-top:var(--work-nav-offset,154px)}.work-tabs{top:var(--work-header-height,65px);z-index:20;background:var(--ground);border-bottom:1px solid var(--line);gap:8px;margin-bottom:40px;padding-block:8px 16px;display:flex;position:sticky}.work-tabs a{min-height:52px;font:500 14px/1.4 var(--font-label);color:var(--muted);text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;padding:14px 20px;transition:background-color .16s,color .16s;display:flex}.work-tabs a[data-selected=true]{background:var(--brand-yellow);color:var(--accent-ink);border-color:var(--brand-yellow)}.work-tabs a:focus-visible{outline-offset:3px}.work-panel{scroll-margin-top:0}.work-panel :is(a,button,[tabindex]){scroll-margin-top:var(--work-nav-offset,154px)}.work-panel+.work-panel{margin-top:64px}.work-panel__fallback-title{margin-bottom:32px}[data-work-enhanced] .work-panel+.work-panel{margin-top:0}[data-work-enhanced] .work-panel__fallback-title{display:none}.work-panel[hidden]{display:none!important}.work-masonry{columns:3;column-gap:28px;margin:0;padding:0;list-style:none}.work-media-card{break-inside:avoid;min-width:0;margin:0 0 36px}.work-media-card figure{margin:0}.work-media-card__visual{background:#222;position:relative;overflow:hidden}.work-media-card__visual img,.work-media-card__visual video{width:100%;height:auto;display:block}.work-media-card figcaption{padding-top:16px}.work-page main#main .work-media-card h3{font:500 20px/1.3 var(--font-body);letter-spacing:-.01em;text-wrap:pretty}.work-media-card__client{color:var(--muted);margin-top:4px;font-size:14px}.work-media-card__chips{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.work-media-card__chips li{border:1px solid var(--line);color:#f5f5f5;background:var(--metal-surface);border-color:var(--metal-edge);padding:5px 9px;font-size:11px;line-height:1.4}.work-media-placeholder{aspect-ratio:var(--placeholder-ratio,4/3);color:#ababab;background:#252525;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}.work-media-card:nth-child(3n+2) .work-media-placeholder{color:#b5b5b5;background:#2a2a2a}.work-media-card:nth-child(3n) .work-media-placeholder{color:#b0b0b0;background:#262626}.work-media-placeholder__label{font:500 10px/1.5 var(--font-label);text-transform:uppercase;letter-spacing:.08em}.work-media-placeholder__number{font:500 clamp(60px,7vw,100px)/.85 var(--font-display);letter-spacing:-.05em;opacity:.45}.work-media-placeholder__mark{opacity:.5;width:40px;height:40px;position:absolute;bottom:24px;right:24px}.work-media-player{position:relative}.work-masonry--preview .work-media-player{aspect-ratio:var(--placeholder-ratio,16/9)}.work-masonry--preview .work-media-player video{object-fit:contain;height:100%}.work-media-toggle{background:var(--metal-surface);color:#fff;border:1px solid var(--metal-edge);place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:12px;right:12px}.work-media-toggle[hidden],.work-media-toggle__pause,.work-media-toggle[data-playing=true] .work-media-toggle__play{display:none}.work-media-toggle[data-playing=true] .work-media-toggle__pause{display:block}.work-masonry--preview{column-gap:24px}.work-masonry--archive{overflow-anchor:none}.work-masonry--preview .work-media-card{margin-bottom:24px}.work-masonry--preview figure{isolation:isolate;background:#080808;position:relative;overflow:hidden;box-shadow:0 2px 3px #0002,0 10px 24px -16px #0008}.work-masonry--preview .work-media-card__visual{background:radial-gradient(at 18% 0,#ffffff12,#fff0 64%),repeating-linear-gradient(112deg,#ffffff03 0 1px,#0000 1px 4px),linear-gradient(145deg,#080808 0% 28%,#212121 47%,#080808 65%,#121212 100%)}.work-masonry--preview figure:after{content:"";z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff30,inset 1px 0 1px #ffffff14,inset 0 -1px 2px #0008}.work-masonry--preview figure:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.work-masonry--preview figcaption{z-index:2;color:#fff;pointer-events:none;background:linear-gradient(#0000 0%,#0009 38%,#000e 100%);padding:48px 20px 20px;position:absolute;inset:auto 0 0}.work-page main#main .work-masonry--preview h3{color:#fff;margin:0;font-size:20px}.work-masonry--preview .work-media-card__client{color:#eee}.work-masonry--preview .work-media-card__chips{margin-top:10px}.work-masonry--preview .work-media-card__chips li{color:#fff;background:#0003;border-color:#ffffff59}.work-masonry--preview .work-media-tap{z-index:1;width:100%;height:100%;color:inherit;box-shadow:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute;inset:0;transform:scale(1)}.work-media-tap[hidden]{display:none}.work-media-fallback{color:#fff;pointer-events:auto;margin-top:10px;text-decoration:underline;display:inline-block}[data-work-enhanced] .work-media-fallback{display:none}.work-masonry--preview .work-media-tap:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}[data-work-enhanced] .work-masonry--preview figcaption{opacity:0;transition:opacity .15s ease-out}[data-work-enhanced] .work-masonry--preview figure:focus-within figcaption{opacity:1}@media (hover:hover){[data-work-enhanced] .work-masonry--preview figure:hover figcaption{opacity:1}[data-work-enhanced] .work-masonry--preview figure:not(:hover):not(:focus-visible):not(:has(:focus-visible)) figcaption{opacity:0}}@media (hover:none){[data-work-enhanced] .work-masonry--preview figure:active figcaption{opacity:1}}@media (hover:hover){.work-tabs a:not([data-selected=true]):hover{border-color:var(--line);color:var(--text)}.work-media-toggle:hover{background:var(--brand-yellow);color:var(--accent-ink)}}@media (width<=1100px){.work-masonry{columns:2}}@media (width<=620px){.work-index{padding-top:40px}.work-intro{margin-bottom:32px;display:block}.work-intro h1{font-size:min(clamp(56px,15vw,80px),var(--type-h1-limit))}.work-intro p{margin-top:16px;padding:0;font-size:14px}.work-tabs{scrollbar-width:thin;overscroll-behavior-inline:contain;gap:4px;margin-bottom:28px;padding-bottom:12px;scroll-padding-inline:4px;overflow-x:auto}.work-tabs a{white-space:nowrap;flex:none;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:12px 14px;font-size:12px}.work-masonry{columns:1}.work-media-card{margin-bottom:32px}.work-media-placeholder__number{font-size:88px}}@media (prefers-reduced-motion:reduce){.work-tabs a,[data-work-enhanced] .work-masonry--preview figcaption{transition:none}}@media print{.work-tabs{display:none}.work-panel[hidden],.work-panel__fallback-title{display:block!important}.work-panel+.work-panel{margin-top:48px!important}.work-masonry{columns:2}.work-media-toggle{display:none}.work-masonry--preview figure,.work-masonry--preview .work-media-card__visual{box-shadow:none;background:#fff}.work-masonry--preview figure:after{display:none}.work-masonry--preview figcaption{color:#111;background:0 0;padding:12px 0;position:static;opacity:1!important}.work-page main#main .work-masonry--preview h3,.work-masonry--preview .work-media-card__client,.work-masonry--preview .work-media-card__chips li{color:#111}.work-masonry--preview .work-media-card__chips li{background:0 0;border-color:#777}.work-media-tap{display:none}}[data-work-video-status]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.volunteering-gallery{gap:40px;display:grid}.volunteering-project{--volunteer-surface:var(--metal-surface);--volunteer-ink:#f5f5f5;--volunteer-muted:#ccc;--volunteer-rule:#ffffff30;background:var(--volunteer-surface);color:var(--volunteer-ink);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px clamp(24px,3.2vw,48px);min-width:0;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0008}.volunteering-project[data-volunteer-project=sdd-berlin],.volunteering-project[data-volunteer-project=climate-guardian],.volunteering-project[data-volunteer-project=growth-school]{--volunteer-surface:var(--metal-surface);--volunteer-ink:#f5f5f5;--volunteer-muted:#ccc;--volunteer-rule:#ffffff30}.volunteering-project__media{align-self:start;min-width:0;margin:0}.volunteering-project__media :is(.work-media-player,.volunteering-project__photo,.volunteering-video-slot){aspect-ratio:16/9;background:#161616;position:relative;overflow:hidden}.volunteering-project__media :is(video,img){width:100%;height:100%;display:block}.volunteering-project__media video{object-fit:contain;background:#090909}.volunteering-project__photo img{object-fit:cover;object-position:50% 45%}[data-volunteer-project=growth-school] .volunteering-project__photo img{object-position:50% 100%}[data-volunteer-project=climate-guardian] .volunteering-project__photo{background:#efefef}[data-volunteer-project=climate-guardian] .volunteering-project__photo img{object-position:center}.volunteering-project__media figcaption{font:500 .75rem/1.5 var(--font-label);text-transform:uppercase;color:var(--volunteer-muted);margin-top:10px;padding-inline:2px}.volunteering-video-slot{color:#fff;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.volunteering-video-slot>span{font:500 .75rem/1.5 var(--font-label);text-transform:uppercase;letter-spacing:.04em}.volunteering-video-slot strong{font:500 clamp(28px,3vw,42px)/1.12 var(--font-display)}.volunteering-project__intro{align-self:center;min-width:0;padding:clamp(4px,1.2vw,16px) clamp(0px,1vw,16px) clamp(4px,1.2vw,16px) 0}.volunteering-project__eyebrow{font:500 .75rem/1.5 var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--volunteer-muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.work-page main#main .volunteering-project h3{font:500 clamp(32px,3.4vw,48px)/1.12 var(--font-display);font-size:min(clamp(32px,3.4vw,48px),var(--type-h3-limit));letter-spacing:0;word-spacing:normal;text-wrap:balance;margin:0 0 16px}.volunteering-project__description{color:var(--volunteer-muted);max-width:46ch;font-size:clamp(16px,1.55vw,18px);line-height:1.6}.volunteering-project__role{border-top:1px solid var(--volunteer-rule);margin:22px 0 0;padding-top:18px}.volunteering-project dt{font:500 .75rem/1.5 var(--font-label);letter-spacing:.04em;text-transform:uppercase;color:var(--volunteer-muted);margin-bottom:10px}.volunteering-project__role dd{color:var(--volunteer-ink);margin:0;font-size:1rem;line-height:1.5}.volunteering-project__details{border-top:1px solid var(--volunteer-rule);grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,3.2vw,48px);margin:0;padding:24px 8px 12px;display:grid}.volunteering-project__details>div{min-width:0}.volunteering-project__details dd{overflow-wrap:anywhere;margin:0}.volunteering-project__details ul{margin:0;padding:0;list-style:none}.volunteering-project__deliverables ul{flex-wrap:wrap;gap:8px;display:flex}.volunteering-project__deliverables li{border:1px solid var(--volunteer-rule);max-width:100%;font:500 .75rem/1.5 var(--font-label);text-transform:uppercase;letter-spacing:.015em;background:var(--metal-surface);color:var(--volunteer-ink);border-color:var(--metal-edge);padding:7px 12px;box-shadow:inset 0 1px #ffffff35}.volunteering-project__highlights li{color:var(--volunteer-ink);gap:10px;font-size:1rem;line-height:1.6;display:flex}.volunteering-project__highlights li+li{margin-top:12px}.volunteering-project__highlights svg{flex:none;margin-top:4px}.volunteering-project :focus-visible{outline-color:var(--volunteer-ink)}@media (width<=900px){.volunteering-project__deliverables ul{gap:5px}.volunteering-project__deliverables li{letter-spacing:0;padding:5px 8px;font-size:10px}}@media (width<=760px){.volunteering-gallery{gap:24px}.volunteering-project{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px}.volunteering-project__intro{padding:0}.work-page main#main .volunteering-project h3{font-size:min(clamp(28px,6.8vw,36px),var(--type-h3-limit));margin-bottom:12px}.volunteering-project__eyebrow{margin-bottom:12px}.volunteering-project__description{max-width:none;font-size:1rem}.volunteering-project__role{margin-top:18px;padding-top:16px}.volunteering-project__details{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px 0 8px}}@media print{.volunteering-project{break-inside:avoid;border:1px solid #aaa;--volunteer-surface:#fff!important;--volunteer-ink:#111!important;--volunteer-muted:#333!important;--volunteer-rule:#aaa!important}.volunteering-project__deliverables li{box-shadow:none;background:0 0}}