.portfolio-page .portfolio{padding-top:180px;border:0}
.work-intro{max-width:1100px;margin:0 auto 100px}
.work-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,8vw,112px);font-weight:400;letter-spacing:-.06em;line-height:1.02;margin:28px 0}
.work-intro h1 em{font-weight:400}.work-intro>p:last-of-type{max-width:510px;color:var(--text)}
.client-index{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.client-index a{padding:12px 18px;border:1px solid var(--line);border-radius:30px;font-size:13px}.client-index a:hover{background:var(--pink);color:var(--background)}
.client-section{max-width:1100px;margin:auto;padding:65px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:55px;scroll-margin-top:30px}
.client-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4vw,58px);margin-top:22px;line-height:1.12}.client-heading p{color:var(--muted)}
.client-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.client-videos .portfolio-card:nth-child(2){padding-top:0}.video-placeholder{aspect-ratio:9/16;border:1px dashed var(--line);border-radius:18px;background:linear-gradient(145deg,#ec619b0b,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px}.video-placeholder>span{font-family:Georgia,serif;font-style:italic;font-size:60px;opacity:.35}.video-placeholder p{font-size:14px;color:var(--muted)}
.client-videos .portfolio-caption h3{font-size:20px}.client-videos .portfolio-caption>span{font-size:10px}
.portfolio-page .portfolio-player{box-shadow:none}
@media(max-width:800px){.client-section{grid-template-columns:1fr;gap:28px}.portfolio-page .site-header nav{font-size:12px;gap:16px}.portfolio-page .site-header .quote{font-size:12px}.portfolio-page .portfolio{padding-top:140px}.work-intro{margin-bottom:55px}.client-videos{max-width:600px}.client-heading h2{font-size:40px}}
@media(max-width:700px){.client-videos .portfolio-card:last-child{grid-column:auto;width:auto;justify-self:stretch}.client-videos .portfolio-player,.video-placeholder{aspect-ratio:9/16}.client-videos .portfolio-caption>span{display:block}.client-videos .portfolio-caption h3{font-size:16px}.client-section{padding:40px 0}.work-intro h1{font-size:clamp(52px,11vw,76px)}.client-index{gap:8px}.client-index a{font-size:12px;padding:10px 13px}.portfolio-page .site-header nav>a:first-child{font-size:11px}}