.portfolio-page{background:#fff}
.portfolio-page .header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.portfolio-intro,.portfolio-gallery,.portfolio-contact{width:min(1440px,90%);margin-inline:auto}
.portfolio-intro{padding:162px 0 56px}
.portfolio-intro h1{font:400 clamp(48px,5.4vw,88px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0}
.portfolio-intro p{color:var(--muted);font:400 21px/1.5 Georgia,'Times New Roman',serif;letter-spacing:.06em;margin:20px 0 0}
.project-visual{display:block;position:relative;width:100%;padding:0;overflow:hidden;border-radius:5px;background:#10151c;color:#fff}
.project-visual img{height:100%;object-fit:cover;transition:transform .4s}
.featured-visual{aspect-ratio:2048/1208}
.project-visual:hover img{transform:scale(1.015)}
.project-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;border:1px solid #ffffffbf;border-radius:50%;background:#0d17258c;font-size:23px;padding-left:4px;backdrop-filter:blur(4px)}
.project-watch{position:absolute;bottom:24px;left:24px;font-size:16px;background:#101b2ada;padding:10px 17px;border:1px solid #ffffff60;border-radius:4px}
.project-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px}
.project-type{font-size:11px;letter-spacing:.14em;color:var(--muted);margin:0 0 10px}
.project-caption h2{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.025em;font-weight:500;line-height:1.25}
.project-credit{font-size:13px;color:var(--muted);margin:12px 0 0}
.project-caption>.text-link{flex-shrink:0;gap:12px}
.studies-heading{margin:85px 0 30px}.studies-heading h2{font:400 clamp(32px,3vw,43px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.studies-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.study-visual{aspect-ratio:16/9}.fire-study img{object-fit:contain}.study-visual .project-play{width:60px;height:60px;font-size:18px}
.study-caption{padding-top:23px}.study-caption h3{font-size:27px;letter-spacing:-.025em;font-weight:500}.study-caption p{font-size:16px;color:var(--muted);margin:10px 0}.study-caption .text-link{margin-top:2px}
.portfolio-contact{margin-block:100px 70px;padding:55px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-contact h2{font:400 clamp(36px,3.7vw,56px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em}.portfolio-contact .button{min-width:220px}
.portfolio-page .footer>.reference-brand{width:auto;font:400 23px/1 Georgia,'Times New Roman',serif;letter-spacing:.3em}
#portfolio-player{width:1320px}#portfolio-player video{max-height:68svh}#portfolio-player .modal-inner{padding:35px}#portfolio-player h2{font-size:28px;padding-right:45px;margin-bottom:23px}#player-status:empty{display:none}
@media(max-width:900px){.project-caption{align-items:flex-start;flex-direction:column;gap:10px}.studies-grid{gap:24px}.project-watch{bottom:16px;left:16px;font-size:14px}.study-visual .project-play{width:50px;height:50px}}
@media(max-width:720px){.portfolio-intro,.portfolio-gallery,.portfolio-contact{width:88%}.portfolio-intro{padding:132px 0 35px}.portfolio-intro h1{font-size:48px}.portfolio-intro p{font-size:17px;letter-spacing:.02em;margin-top:14px}.featured-visual{aspect-ratio:2048/1208}.project-play{width:54px;height:54px;font-size:18px}.project-watch{font-size:12px;left:12px;bottom:12px;padding:6px 10px}.project-caption{margin-top:22px}.project-caption h2{font-size:26px}.project-credit{font-size:12px}.studies-heading{margin:50px 0 23px}.studies-grid{grid-template-columns:1fr;gap:36px}.study-caption{padding-top:18px}.study-caption h3{font-size:25px}.study-caption p{font-size:15px}.portfolio-contact{margin-block:55px 30px;padding-top:35px;flex-direction:column;align-items:flex-start;gap:25px}.portfolio-contact h2{font-size:39px}.portfolio-contact .button{width:100%}#portfolio-player .modal-inner{padding:60px 15px 23px}#portfolio-player h2{font-size:24px;padding:0}}
@media(prefers-reduced-motion:reduce){.project-visual img{transition:none}.project-visual:hover img{transform:none}}