.portfolio{background:#fff8ed}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.portfolio-card{padding:0;border:0;background:none;text-align:left;min-width:0;color:var(--ink)}.portfolio-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#e9e4de}.portfolio-cover img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.portfolio-card:hover img{transform:scale(1.045)}.portfolio-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#252c3020)}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid #fff9;display:grid;place-items:center;border-radius:50%;background:#3037368c;color:white;z-index:1;font-size:17px;padding-left:3px}.portfolio-meta{display:block;padding-top:17px}.portfolio-meta>span:first-child{display:block;color:#a95024;font-size:12px;letter-spacing:.075em}.portfolio-meta strong{display:block;font-size:24px;line-height:1.25;letter-spacing:-.03em;margin:7px 0 10px}.watch,.portfolio-all{font-size:14px}.portfolio-all{border-bottom:1px solid #b69876;padding:8px 0}.contact-person{margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-person>strong{font-size:18px}.contact-phone{font-size:27px;font-weight:600;letter-spacing:-.025em}.contact-person+.location{margin-top:25px}.portfolio-hint{margin-top:18px;font-size:14px;color:#676e6c}@media(max-width:1000px){nav{gap:19px}nav a{font-size:13px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){nav a{font-size:18px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-all{display:inline-block;margin-top:22px}.portfolio-dialog{padding:15px}.video-heading h2{font-size:21px}.video-player{aspect-ratio:3/4;max-height:66svh}.portfolio-meta strong{font-size:25px}}

/* Each cover is an independent, branded SVG composed only from its own film frames. */
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.portfolio-card{display:block;border:1px solid #e8dfd5;border-radius:10px;overflow:hidden;background:#fffaf3;transition:transform .35s,box-shadow .35s}
.portfolio-cover{aspect-ratio:8/5;background:#fffaf3;border-radius:0}
.portfolio-cover:after{display:none}
.portfolio-cover img{object-fit:contain;transform:none;transition:none}
.portfolio-card:hover img{transform:none}
.portfolio-card:hover,.portfolio-card:focus-visible{transform:translateY(-5px);box-shadow:0 15px 35px #42474712}
.focus-grid article:nth-child(3) img{object-position:50% 70%}
@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:22px}}
@media(prefers-reduced-motion:reduce){.portfolio-card{transition:none}.portfolio-card:hover,.portfolio-card:focus-visible{transform:none}}