.portfolio-intro{text-align:center;padding:170px 5% 85px}.portfolio-intro h1{font-size:clamp(65px,9vw,120px)}.portfolio-intro>p:not(.eyebrow){font-size:19px;color:#777;margin:30px 0}.category-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:45px}.category-links a{padding:15px 20px;border:1px solid #ddd;border-radius:40px;font-size:13px}.category-links a:hover{background:#111;color:white}.portfolio-category{max-width:1400px;margin:auto;padding:60px 5% 55px;scroll-margin-top:25px}.category-title{border-top:1px solid #ddd;padding-top:35px;margin-bottom:40px}.category-title h2{font-size:clamp(34px,4.5vw,58px)}.category-title .eyebrow{margin-bottom:15px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px}.portfolio-film{margin:0;min-width:0}.portfolio-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111;border-radius:10px}.portfolio-film.vertical{max-width:390px}.portfolio-film.vertical video{aspect-ratio:9/16}.portfolio-film figcaption{padding-top:17px}.bts-callout{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding:24px;border:1px solid #ddd;border-radius:10px;font-size:14px}.bts-callout:hover{background:#eee}@media(max-width:700px){.portfolio-intro{padding-top:140px}.portfolio-grid{grid-template-columns:1fr}.portfolio-category{padding-top:35px}.bts-callout{flex-direction:column}.portfolio-film.vertical{width:100%;margin:auto}.category-links{margin-left:0}}
.portfolio-film video,.portfolio-film.vertical video{width:100%;height:auto;aspect-ratio:auto;display:block}