[hidden]{display:none!important}
.header-contact{font-size:12px;color:#cac8c4;display:flex;gap:12px;align-items:center;padding:12px 0}
.header-contact:hover{color:var(--accent)}
.hero{padding-top:64px;padding-bottom:64px}
.hero.has-profile{padding-top:32px}
.hero-avatar{display:block;width:88px;height:88px;margin:0 0 24px;border-radius:50%;object-fit:cover;border:1px solid #393733}
.hero-profile-links{display:flex;gap:26px;margin-top:16px;font-size:11px;letter-spacing:.5px;color:var(--fg)}
.hero-profile-links a{padding:9px 0;border-bottom:1px solid #51483c}
.hero-profile-links a:hover{color:var(--accent);border-color:var(--accent)}
#portfolio-start{scroll-margin-top:0}
.portfolio-tabs-shell{position:sticky;top:0;z-index:4;background:#090909f5;backdrop-filter:blur(12px)}
.portfolio-tabs{display:flex;gap:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.portfolio-tabs button{position:relative;display:inline-flex;align-items:center;gap:11px;padding:25px 0;border:0;background:none;color:var(--muted);font-size:13px;cursor:pointer;white-space:nowrap}
.portfolio-tabs button[aria-selected="true"]{color:var(--fg)}
.portfolio-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}
.portfolio-tabs button:hover{color:var(--fg)}
.portfolio-tabs button:focus-visible{outline-offset:-5px;outline:1px solid var(--accent)}
.tab-count{font-size:8px;letter-spacing:.5px;color:var(--accent);border:1px solid #4e453a;border-radius:2px;padding:3px 5px}
.tab-arrow{font-size:15px}
.portfolio-panel{scroll-margin-top:90px;min-height:calc(100svh - 158px);padding-bottom:64px}
.portfolio-panel:focus-visible{outline-offset:10px}
.works .section-heading{border-top:0;padding-top:35px}
.works>.preview-note{margin:-7px 0 24px}
.film-art.has-poster{background:#080808}
.film-art.has-poster::before,.film-art.has-poster .art-line{display:none}
.film-art.has-poster::after{box-shadow:none;background:linear-gradient(0deg,#0008,transparent 45%)}
.film-art.has-poster img{object-fit:contain}
.work-grid{align-items:start}
.work-grid .film.landscape{grid-column:1 / -1}
.work-grid .film:not(.landscape) .film-art{aspect-ratio:1!important}
.film-info h3{overflow-wrap:anywhere;line-height:1.35}
.player-frame.local-video{aspect-ratio:var(--video-aspect,16/9);max-height:65dvh;object-fit:contain}
.external-video{margin-top:16px}
.video-jumps{display:flex;gap:10px;margin-top:14px}
.video-jumps button{min-width:76px;min-height:40px;padding:8px 14px;background:transparent;border:1px solid #655b4d;color:var(--fg);cursor:pointer}
.video-jumps button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.video-jumps button:disabled{opacity:.4;cursor:wait}
.about.portfolio-panel,.contact.portfolio-panel{margin-top:0;border-top:0;padding-top:54px}
@media(max-width:900px){.hero{padding-top:46px;padding-bottom:54px}}
@media(max-width:600px){
  .hero.has-profile{padding-top:20px}
  .hero-avatar{width:72px;height:72px;margin-bottom:20px}
  .hero{padding-top:32px;padding-bottom:40px}
  .header-contact{font-size:10px;gap:9px}
  .portfolio-tabs{gap:0;justify-content:space-between}
  .portfolio-tabs button{font-size:11px;gap:6px;padding:21px 0}
  .tab-count{font-size:7px;padding:2px 4px}
  .tab-arrow{font-size:12px}
  .portfolio-panel{min-height:calc(100svh - 153px);padding-bottom:42px}
  .about.portfolio-panel,.contact.portfolio-panel{padding-top:32px}
  .works .section-heading{padding-top:26px}
}