.service-portfolio{padding-block:80px;color:#181818}.portfolio-heading{margin-bottom:36px}.portfolio-heading h2{font-size:clamp(32px,4.5vw,64px);line-height:1.06;letter-spacing:-.04em;max-width:800px;margin:18px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.portfolio-card{border:1px solid #b8b8b0;border-radius:18px;overflow:hidden;background:#f5f4ee;align-self:start}.portfolio-card figure{margin:0;overflow:hidden;background:#e4e3dd}.portfolio-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .45s ease}.portfolio-copy{padding:28px}.portfolio-client{font-size:15px;font-weight:650;margin:0 0 18px}.portfolio-copy h3{font-size:clamp(25px,3vw,38px);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}.portfolio-description{font-size:18px;line-height:1.6;margin:0 0 24px;white-space:pre-line}.portfolio-link{display:inline-flex;gap:12px;align-items:center;color:inherit;text-decoration:none;border-bottom:1px solid;padding:8px 0;font-weight:600}.portfolio-link svg{transition:transform .25s}.portfolio-link:focus-visible{outline:3px solid #a26800;outline-offset:7px}.portfolio-link .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.service-web-extra{padding:70px 0;border-top:1px solid #bbb}.service-web-extra h2{font-size:clamp(28px,4vw,48px);margin:30px 0 20px}.service-web-extra p,.service-web-extra li{font-size:19px;line-height:1.75;margin-bottom:20px}.service-web-extra ul{padding-left:24px}.service-web-extra a{color:inherit;text-decoration:underline}.service-web-video{margin:40px 0}.service-web-video video,.service-web-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px}.service-web-video .video-consent{display:grid;place-items:center;min-height:340px;background:#161616;color:#fff;padding:30px;text-align:center}.service-web-video button{border:0;border-radius:8px;background:#ffbd00;color:#111;padding:18px 24px;font:inherit;cursor:pointer}.service-web-video p{max-width:600px;font-size:14px;margin:20px auto}.service-web-video a{color:inherit}.service-web-extra,.service-portfolio{scroll-margin-top:100px}.service-web-footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:24px;font-size:14px}.service-web-footer-links a{color:inherit}.service-web-page .service-portfolio,.service-web-page .service-web-extra,.service-web-page .service-web-video{max-width:1440px;margin-inline:auto;width:calc(100% - 96px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-card:hover img{transform:scale(1.035)}.portfolio-link:hover svg{transform:translate(3px,-3px)}}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:24px}.service-portfolio{padding-block:45px}.portfolio-copy{padding:24px}.service-web-page .service-portfolio,.service-web-page .service-web-extra,.service-web-page .service-web-video{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.portfolio-card img,.portfolio-link svg{transition:none}}