.portfolio-page{flex:1}.portfolio-nav{border-bottom:1px solid var(--rule)}.portfolio-nav-link{min-height:44px;color:var(--ink-soft);text-underline-offset:6px;align-items:center;padding:0 10px;font-size:14px;display:inline-flex}.portfolio-nav-link:hover,.portfolio-nav-link[aria-current]{color:var(--ink);text-decoration:underline}.portfolio-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;padding:64px 0 44px;display:grid}.portfolio-intro h1{letter-spacing:-.04em;text-wrap:balance;max-width:12ch;font-size:clamp(40px,5.2vw,72px);font-weight:600;line-height:1.02}.portfolio-intro h1 span{color:var(--color-clinical-cyan)}.portfolio-intro p{max-width:43ch;color:var(--ink-soft);padding-bottom:4px;font-size:18px;line-height:1.6}.portfolio-tools{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-top:24px;display:flex}.portfolio-filters{flex-wrap:wrap;gap:8px;display:flex}.portfolio-filters button{border:1px solid var(--rule);min-height:44px;color:var(--ink-soft);cursor:pointer;border-radius:9999px;padding:9px 20px;font-size:14px;transition:background-color .16s,color .16s}.portfolio-filters button:hover{background:var(--surface);color:var(--ink)}.portfolio-filters button[aria-pressed=true]{color:var(--action-ink);background:var(--action);border-color:var(--action)}.portfolio-count{color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}.portfolio-grid.with-feature{grid-template-columns:repeat(12,minmax(0,1fr))}.with-feature .portfolio-film{grid-column:span 6}.with-feature .portfolio-film.is-featured{grid-column:span 8}.with-feature .portfolio-film:nth-child(2){grid-column:span 4}.portfolio-film{min-width:0}.portfolio-film.is-featured{grid-column:span 2}.portfolio-cover{aspect-ratio:16/9;background:var(--surface);cursor:pointer;isolation:isolate;border-radius:16px;width:100%;display:block;position:relative;overflow:hidden}.is-featured .portfolio-cover{aspect-ratio:16/9}.with-feature .portfolio-film:nth-child(2) .portfolio-cover{aspect-ratio:9/10.4}.portfolio-cover img{transition:transform .32s cubic-bezier(.2,.7,.2,1)}.portfolio-cover:hover img{transform:scale(1.025)}.portfolio-play{background:var(--color-cloud-white);width:54px;height:54px;color:var(--color-deep-iris);border-radius:50%;place-items:center;transition:transform .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 22px #16165c38}.portfolio-cover:hover .portfolio-play{transform:translate(-50%,-50%)scale(1.08)}.portfolio-play svg{margin-left:3px}.portfolio-duration{background:var(--color-deep-iris);color:var(--color-cloud-white);font-variant-numeric:tabular-nums;border-radius:7px;padding:5px 9px;font-size:12px;position:absolute;top:14px;right:14px}.portfolio-cover-action{background:var(--color-deep-iris);color:var(--color-cloud-white);border-radius:9999px;align-items:center;gap:16px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:14px;left:14px}.portfolio-film-meta{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;margin-top:18px;font-size:12px;line-height:1.5;display:flex}.portfolio-film-meta span:last-child{color:var(--color-clinical-cyan)}.portfolio-film h2{letter-spacing:-.03em;text-wrap:balance;margin-top:8px;font-size:23px;font-weight:600;line-height:1.23}.portfolio-film.is-featured h2{max-width:30ch;font-size:clamp(26px,2.7vw,34px)}.portfolio-film h2 button{text-align:left;cursor:pointer;border-radius:7px;min-height:44px;display:block}.portfolio-film h2 button:hover{text-underline-offset:5px;text-decoration:underline}.portfolio-credit{color:var(--ink-soft);margin-top:8px;font-size:13px;line-height:1.6}.portfolio-selection-note{border-top:1px solid var(--rule);color:var(--ink-soft);max-width:72ch;margin:48px 0 64px;padding-top:24px;font-size:14px;line-height:1.7}.portfolio-contact{background:var(--canvas);color:var(--ink);padding:64px 0}.portfolio-contact-inner{grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;display:grid}.portfolio-contact h2{letter-spacing:-.04em;font-size:clamp(30px,3vw,44px);font-weight:600;line-height:1.12}.portfolio-contact p{color:var(--ink-soft);max-width:48ch;margin-top:18px;font-size:17px;line-height:1.6}.portfolio-mail{min-height:44px;color:var(--link);text-underline-offset:5px;align-items:center;font-size:14px;text-decoration:underline;display:inline-flex}.portfolio-dialog{border:1px solid var(--rule);background:var(--color-deep-iris);width:min(980px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--color-cloud-white);overscroll-behavior:contain;scrollbar-color:var(--color-iris-border) var(--color-deep-iris);border-radius:16px;margin:auto;padding:0;overflow:auto}.portfolio-dialog::backdrop{background:#0b0b2fe0}.portfolio-dialog-inner{border-radius:inherit;overflow:hidden}.portfolio-dialog-top{z-index:2;background:var(--color-deep-iris);color:var(--color-ash);justify-content:space-between;align-items:center;gap:20px;padding:10px 16px 10px 24px;font-size:14px;display:flex;position:sticky;top:0}.portfolio-dialog-top button{cursor:pointer;border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.portfolio-dialog-top button:hover{background:var(--color-iris-shadow);color:var(--color-cloud-white)}.portfolio-player{aspect-ratio:16/9;background:var(--color-iris-shadow);position:relative}.portfolio-player video,.portfolio-player iframe{object-fit:contain;border:0;width:100%;height:100%;display:block}.portfolio-player video:focus-visible{outline-offset:-2px;border-radius:0}.portfolio-player.is-portrait{aspect-ratio:auto;height:min(62dvh,640px)}.portfolio-external{justify-content:center;align-items:end;display:flex}.portfolio-external-choice{background:var(--color-deep-iris);text-align:center;border-radius:16px;max-width:440px;margin:24px;padding:24px;position:relative}.portfolio-external-choice p{margin-bottom:16px;font-size:19px;font-weight:600}.portfolio-external-choice span{color:var(--color-ash);margin-top:14px;font-size:12px;line-height:1.6;display:block}.portfolio-external-choice span a{text-underline-offset:3px;text-decoration:underline}.portfolio-external-choice button{cursor:pointer}.portfolio-dialog-description{padding:28px 32px 32px}.portfolio-dialog-format{color:var(--color-ash);margin-top:12px;font-size:13px;display:block}.portfolio-dialog-description h2{letter-spacing:-.03em;max-width:30ch;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.18}.portfolio-dialog-description>p{max-width:65ch;color:var(--color-ash);margin-top:16px;line-height:1.6}.portfolio-dialog-credit{border-top:1px solid var(--color-iris-border);flex-wrap:wrap;gap:4px 20px;padding-top:18px;font-size:14px;display:flex}.portfolio-dialog-credit span{color:var(--color-cloud-white)}.portfolio-dialog-actions{flex-wrap:wrap;gap:8px 28px;margin-top:18px;display:flex}.portfolio-dialog-actions a,.portfolio-dialog-actions button{min-height:44px;color:var(--color-clinical-cyan);cursor:pointer;text-underline-offset:4px;align-items:center;gap:8px;font-size:13px;display:inline-flex}.portfolio-dialog-actions a:hover,.portfolio-dialog-actions button:hover{text-decoration:underline}.portfolio-player-error{background:var(--color-deep-iris);border-radius:7px;padding:16px;position:absolute;inset:auto 16px 16px}.portfolio-player-error a{text-decoration:underline}@media (max-width:1050px){.portfolio-intro{grid-template-columns:1fr 1fr}.portfolio-grid,.portfolio-grid.with-feature{grid-template-columns:repeat(2,minmax(0,1fr))}.with-feature .portfolio-film,.with-feature .portfolio-film:nth-child(2){grid-column:auto}.with-feature .portfolio-film.is-featured{grid-column:span 2}.with-feature .portfolio-film:nth-child(2) .portfolio-cover{aspect-ratio:16/9}.portfolio-contact-inner{grid-template-columns:1fr;gap:28px}}@media (max-width:700px){.portfolio-nav-link{padding:0 7px;font-size:13px}.portfolio-intro{grid-template-columns:1fr;gap:18px;padding:40px 0 28px}.portfolio-intro h1{font-size:clamp(36px,10vw,50px)}.portfolio-intro p{max-width:40ch;font-size:16px}.portfolio-tools{flex-wrap:wrap;gap:12px}.portfolio-filters{gap:6px}.portfolio-filters button{padding:8px 14px}.portfolio-count{font-size:12px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.portfolio-grid.with-feature{grid-template-columns:1fr}.with-feature .portfolio-film.is-featured,.portfolio-film.is-featured{grid-column:auto}.portfolio-cover,.is-featured .portfolio-cover{aspect-ratio:16/9}.portfolio-film.has-portrait .portfolio-cover,.with-feature .portfolio-film.has-portrait:nth-child(2) .portfolio-cover{aspect-ratio:1}.portfolio-film.is-featured h2{font-size:26px}.portfolio-film h2{font-size:23px}.portfolio-contact{padding:48px 0}.portfolio-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.portfolio-dialog-description{padding:24px 20px}.portfolio-external-choice{margin:12px;padding:18px}.portfolio-external:not(.is-portrait){min-height:300px}.portfolio-dialog-top{padding-left:20px}}@media (prefers-reduced-motion:reduce){.portfolio-cover img,.portfolio-play,.portfolio-filters button{transition:none}.portfolio-cover:hover img{transform:none}}