/* Galleries are the portfolio: native image ratios, no cropping, no overview grid. */
.portfolio-opening{background:#f5f5f7;padding-top:42px}
.gallery-intro{text-align:center;padding:15px 0 25px}
.gallery-intro h2{font-size:clamp(38px,4vw,58px);letter-spacing:-2px;margin:14px 0;font-weight:650}
.gallery-intro>p:last-child{font-size:15px;color:#666;line-height:1.6}
.work-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding:0 24px 28px;font-size:12px}
.work-navigation a{padding-bottom:5px;border-bottom:2px solid transparent}
.work-navigation a:hover{border-color:var(--green)}
.work-gallery{padding:65px 0 60px;overflow:hidden;scroll-margin-top:80px}
.light-stage{background:#f5f5f7;color:#101010}
.black-stage{background:#101010;color:#fff}
.gallery-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:32px}
.gallery-heading .eyebrow{color:#777;margin:0 0 12px;font-size:9px}
.black-stage .eyebrow{color:var(--green)}
.gallery-heading h2{font-size:clamp(32px,3.5vw,50px);letter-spacing:-1.8px;line-height:1.1;font-weight:600;margin:0 0 12px}
.gallery-heading p:last-child{font-size:14px;color:#747474;line-height:1.6;margin:0}
.black-stage .gallery-heading p:last-child{color:#aaa}
.gallery-actions{display:flex;gap:9px;flex-shrink:0}
.gallery-actions button{border:1px solid #cfcfcf;background:transparent;border-radius:25px;padding:10px 16px;font-size:11px;color:inherit}
.black-stage .gallery-actions button{border-color:#555}
.gallery-actions button:hover{border-color:var(--green)}
.gallery-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:8px 0 12px}
.gallery-window::-webkit-scrollbar{display:none}
.category-track{display:flex;width:max-content;animation:work-drift var(--gallery-duration) linear infinite}
.category-track.reverse{animation-direction:reverse}
.diagonal-stage{padding-bottom:75px;background:#101010;color:#fff}
.diagonal-stage .gallery-heading .eyebrow{color:var(--green)}
.diagonal-stage .gallery-heading p:last-child{color:#aaa}
.diagonal-stage .gallery-actions button{border-color:#555}
.diagonal-bands{width:112%;margin:70px 0 65px -6%;transform:rotate(-5deg)}
.diagonal-bands .gallery-window{padding-block:9px}
.diagonal-bands .gallery-window:nth-child(2){--row-height:270px}
.diagonal-bands .work-label{display:none}
.category-set{display:flex;align-items:flex-start;gap:22px;padding-right:22px}
.work-card{display:block;flex-shrink:0;width:calc(var(--row-height)*var(--aspect));border:0;padding:0;background:none;border-radius:6px;text-align:left;color:inherit}
.work-image{display:block;height:var(--row-height);width:100%;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #00000009}
.work-image img{display:block;width:100%;height:100%;object-fit:contain;padding:0;transition:none}
.work-label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;padding:15px 2px 0;color:inherit}
.work-label b{font-size:17px;font-weight:400}
.work-card:hover .work-image,.work-card:focus-visible .work-image{box-shadow:0 0 0 2px var(--green)}
.is-paused .category-track{animation-play-state:paused}
@keyframes work-drift{to{transform:translateX(-50%)}}
@media(max-width:760px){.diagonal-bands{margin-block:45px}.diagonal-bands .gallery-window:nth-child(2){--row-height:190px}}
@media(prefers-reduced-motion:reduce){.diagonal-bands{transform:none;width:100%;margin:25px 0}.diagonal-bands .gallery-window:nth-child(2){display:none}}
.collaborations{background:#fff;color:#666;padding:40px 0 50px;border-bottom:1px solid #eee;overflow:hidden}
.collaborations>p{text-align:center;font-size:11px;letter-spacing:1px;margin-bottom:30px}
.logo-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;width:max-content;animation:work-drift 60s linear infinite}
.logo-set{display:flex;align-items:center;gap:70px;padding:0 70px 0 0}
.collaboration-logo{display:block;flex-shrink:0;background-image:url('assets/companies%20ive%20worked%20with%20logos.svg');background-repeat:no-repeat;background-size:1280px 204px;filter:invert(1);opacity:.85}
.friday-section{padding:85px 0;background:#fff;margin:0}
.friday-visual{max-width:1100px;margin:0 auto}
.friday-tabs{display:flex;justify-content:center;gap:12px;margin:30px 0 20px}
.friday-tabs button{font-size:12px;padding:13px 19px;border:1px solid #ddd;border-radius:30px;background:transparent;color:#555}
.friday-tabs button.active{background:#101010;color:var(--green);border-color:#101010}
.friday-capture{overflow:hidden;border-radius:10px;border:1px solid #ddd;box-shadow:0 25px 65px #00000018;background:#fff}
.friday-capture img{width:100%;height:auto;aspect-ratio:1707/876;object-fit:contain}
.friday-context{font-size:11px;color:#777;line-height:1.6;margin:13px auto;max-width:600px}
.project-controls{display:flex;align-items:center;gap:18px;margin-top:18px;font-size:12px}
.project-controls button{border:1px solid #ddd;border-radius:50%;width:40px;height:40px;background:#fff;font-size:18px}
.hero.wrap{padding-bottom:45px}
.dialog-image{max-height:65vh}
.dialog-image img{height:60vh;padding:0;object-fit:contain}
@media(max-width:760px){.work-navigation{gap:15px 22px;font-size:10px}.portfolio-opening{padding-top:20px}.gallery-intro>p:last-child{font-size:12px}.gallery-intro h2{font-size:36px}.work-gallery{--row-height:230px!important;padding:40px 0 35px}.gallery-heading{display:block;margin-bottom:22px}.gallery-heading h2{font-size:34px;letter-spacing:-1px}.gallery-heading p:last-child{font-size:12px}.gallery-actions{margin-top:20px}.category-set{gap:14px;padding-right:14px}.work-label{font-size:10px}.friday-tabs{gap:7px;flex-wrap:wrap}.friday-tabs button{font-size:10px;padding:10px 12px}.friday-section{padding:50px 0}.logo-set{gap:45px;padding-right:45px}.friday-context{font-size:10px}.hero.wrap{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.category-track,.logo-track{animation:none}.category-set[aria-hidden],.logo-set[aria-hidden]{display:none}.category-track{width:max-content}.work-card[tabindex="-1"]{display:none}.logo-track{width:100%;overflow-x:auto}.gallery-pause{display:none}}