body[data-page="work"] header{position:fixed;top:0;left:0;height:88px;z-index:30;background:#000f}body[data-page="work"] .logo{width:190px}body[data-page="work"] header nav a{font-size:16px}.work-heading{font-size:clamp(32px,4vw,70px);color:var(--yellow);text-align:center;margin:0;padding:190px 20px 135px;line-height:1.1}.work-tabs{position:sticky;top:88px;z-index:20;display:flex;justify-content:space-between;gap:20px;background:#000;padding:24px 13%;width:100%}.work-tabs button{width:23%;max-width:240px;border:2px solid transparent;border-radius:40px;padding:10px 14px;color:white;background:transparent;font-size:clamp(13px,1.35vw,24px);font-weight:700;line-height:1.08;transition:border-color .2s,color .2s}.work-tabs button:hover,.work-tabs button[aria-selected="true"]{color:var(--yellow);border-color:var(--yellow)}.work-tabs button:focus-visible{outline-offset:4px}.work-window{width:82%;max-width:1571px;margin:90px auto 0;overflow:hidden;transition:height .45s cubic-bezier(.22,.61,.36,1)}.work-track{display:flex;align-items:flex-start;transform:translateX(0);transition:transform .5s cubic-bezier(.22,.61,.36,1)}.work-panel{flex:0 0 100%;min-width:0;scroll-margin-top:200px;padding-bottom:70px}.work-card{display:block;position:relative;width:100%;border:0;padding:0;background:#111;color:white;text-align:left;margin:0 0 100px;overflow:hidden}.work-card-photo{overflow:hidden;aspect-ratio:1571/834}.work-card-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s}.work-card:hover .work-card-photo>img,.work-card:focus-visible .work-card-photo>img{transform:scale(1.045)}.work-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 25px;background:linear-gradient(90deg,#000b,#000a);pointer-events:none}.work-caption h2{margin:0 0 5px;font-size:clamp(16px,1.5vw,29px);line-height:1.15;font-weight:700}.work-caption p{margin:0;color:var(--yellow);font-size:clamp(11px,1.15vw,22px);line-height:1.3;font-weight:400}.work-card .view-project{bottom:25%;right:5%}.work-card:hover .view-project,.work-card:focus-visible .view-project{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.motion-banner{width:100%;display:block;aspect-ratio:1571/834;object-fit:cover}.motion-project{padding-bottom:90px;margin-bottom:80px;border-bottom:2px solid #eefd4090}.motion-project p{font-size:clamp(14px,1.55vw,27px);font-weight:400;line-height:1.4;color:#aaa;margin:0}.production-credit{font-size:clamp(11px,1.1vw,19px)!important;margin-top:20px!important;color:#666!important}.polaroid-story{display:grid;grid-template-columns:1fr 1fr;column-gap:6%;row-gap:60px;margin-top:55px;align-items:start}.polaroid-portrait{grid-column:2;grid-row:1/span 2;width:100%}.polaroid-landscape{grid-column:1;grid-row:2;width:100%}.polaroid-motion-copy{grid-column:1;grid-row:3}.polaroid-story>.work-video{grid-column:2;grid-row:3}.work-video{width:100%;height:auto;display:block;background:#111;pointer-events:auto;object-fit:contain}.skema-story{display:grid;grid-template-columns:1fr 1fr;gap:60px 6%;margin-top:55px;align-items:start}.skema-story>.story-copy{grid-column:1;grid-row:1}.skema-story>.work-video:nth-of-type(1){grid-column:2;grid-row:1/span 2}.skema-story>.work-video:nth-of-type(2){grid-column:1;grid-row:2/span 2}.skema-still{width:100%}.still-one{grid-column:2;grid-row:3/span 2}.still-two{grid-column:1;grid-row:4}.bits{border:0;margin-bottom:0;padding-bottom:30px}.bits h2{font-size:clamp(27px,3.2vw,55px);color:var(--yellow);text-align:center;margin:0 0 65px}.bits>p{max-width:1000px;margin:0 0 45px}.bits-videos{display:grid;gap:55px}.portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.bits .work-video{max-height:1100px}.work-panel[aria-hidden="true"]{pointer-events:none}
@media(max-width:767px){body[data-page="work"] header{height:100px}body[data-page="work"] .logo{width:136px}body[data-page="work"] header nav a{font-size:13px}.work-heading{font-size:30px;padding:155px 20px 55px}.work-tabs{top:100px;padding:18px 5%;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.work-tabs button{width:100%;max-width:none;font-size:12px;padding:9px 10px;min-height:46px}.work-window{width:90%;margin-top:35px}.work-card{margin-bottom:35px}.work-caption{padding:10px 12px}.work-caption h2{font-size:13px}.work-caption p{font-size:10px}.work-card .view-project{opacity:0;font-size:10px;padding:6px 8px;bottom:35%}.work-card:focus-visible .view-project{opacity:1}.work-panel{padding-bottom:20px}.motion-project{padding-bottom:40px;margin-bottom:40px}.polaroid-story,.skema-story{gap:20px 5%;margin-top:25px}.motion-project p{font-size:13px;line-height:1.5}.polaroid-story>.story-copy,.skema-story>.story-copy{grid-column:1/-1;grid-row:1}.polaroid-portrait{grid-column:2;grid-row:2}.polaroid-landscape{grid-column:1;grid-row:2;align-self:end}.polaroid-motion-copy{grid-column:1/-1;grid-row:3}.polaroid-story>.work-video{grid-column:1/-1;grid-row:4}.skema-story>.work-video:nth-of-type(1){grid-column:1;grid-row:2}.skema-story>.work-video:nth-of-type(2){grid-column:2;grid-row:2}.still-one{grid-column:1;grid-row:3}.still-two{grid-column:2;grid-row:3}.bits h2{margin-bottom:30px}.bits>p{margin-bottom:25px}.bits-videos{gap:25px}.portrait-pair{gap:15px}.bits{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.work-track,.work-window,.work-card-photo>img,.work-tabs button{transition:none}}