.portfolio-page{background:#2b211a}.portfolio-page .header{position:relative;background:rgba(48,37,29,.65)}.portfolio-page .header>a:first-child{display:block}.portfolio-page .header .logo{width:110px;height:66px}.portfolio-page .header nav{margin-left:auto;margin-right:5%}.portfolio-page [aria-current=page]{color:var(--accent)}
.portfolio-main{max-width:1520px;margin:auto;padding:0 clamp(20px,5vw,84px)}.portfolio-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:8%;padding:78px 0 52px}.portfolio-intro .eyebrow{margin-bottom:20px}.portfolio-intro h1{font-family:var(--display-font);font-size:clamp(62px,7.5vw,112px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:0}.portfolio-intro h1 em{color:var(--accent);font-style:italic}.portfolio-intro-copy{padding-bottom:7px}.portfolio-intro-copy p{color:var(--muted);line-height:1.85;font-size:16px;margin-bottom:24px}.portfolio-intro-copy .text-link{color:var(--text);display:inline-flex;align-items:center}
.film-project.reveal-panel{padding:0;overflow:hidden;margin-bottom:44px;background:#493726;border-color:#f4d9a040}.project-screen{position:relative;aspect-ratio:16/9;background:#090909}.project-screen video{display:block;width:100%;height:100%;object-fit:contain}.film-launch{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;width:100%;border:0;border-radius:0;background:linear-gradient(transparent 45%,#0004);color:#fff;cursor:pointer;font-family:'Quicksand',sans-serif;font-size:17px;letter-spacing:.12em;text-shadow:0 1px 12px #000}.player-ready .film-launch{display:flex}.player-started .film-launch{display:none}.play-disc{width:72px;height:72px;border:1px solid #fff5e4bd;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#30251d45;backdrop-filter:blur(8px);transition:background .2s,transform .2s}.film-launch:hover .play-disc{transform:scale(1.08);background:#30251d99}.film-launch:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.project-caption{padding:32px 36px 30px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px 60px;align-items:start}.project-caption .eyebrow{margin-bottom:10px;text-transform:uppercase;font-size:13px}.project-caption h2{font-family:var(--display-font);font-size:clamp(34px,3.7vw,52px);font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:0}.film-description{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.film-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-family:var(--label-font);letter-spacing:.06em;font-size:15px;color:var(--muted)}.film-meta>span span{padding:0 12px;color:#aa835a}.film-meta a{display:inline-flex;align-items:center;gap:12px;color:var(--accent)}.film-meta .line-icon{width:18px;height:18px}.film-meta a:hover{color:var(--text)}
.portfolio-outro.reveal-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:52px 40px;margin-bottom:28px;background:#5b4632}.portfolio-outro h2{font-family:var(--display-font);font-weight:400;font-size:clamp(35px,4vw,58px);line-height:1.2;letter-spacing:-.03em;margin:0}.portfolio-outro .eyebrow{margin-bottom:14px}.portfolio-outro em{color:var(--accent)}.portfolio-outro .button{flex-shrink:0}.portfolio-page footer{border-top:1px solid var(--line);margin-top:40px}
@media(max-width:700px){.portfolio-page .header{justify-content:space-between;padding:14px 6%;gap:14px}.portfolio-page .header>a:first-child{display:block}.portfolio-page .header .logo{width:90px;height:54px}.portfolio-page .header nav{order:3;width:100%;margin:0;gap:32px;border-top:1px solid #f4d9a025;padding-top:13px}.portfolio-page .header-actions{width:auto}.portfolio-page .header-actions .instagram-link{display:none}.portfolio-intro{grid-template-columns:1fr;padding:45px 0 30px;gap:24px}.portfolio-intro h1{font-size:66px}.portfolio-intro-copy{padding:0}.portfolio-intro-copy p{font-size:16px}.project-caption{grid-template-columns:1fr;padding:24px;gap:18px}.project-caption h2{font-size:35px}.film-description{font-size:15px}.film-meta{font-size:14px;align-items:flex-start;flex-direction:column;gap:14px;padding-top:18px}.film-project.reveal-panel{margin-bottom:26px}.play-disc{width:52px;height:52px}.film-launch{gap:9px;font-size:14px}.portfolio-outro.reveal-panel{padding:32px 24px;flex-direction:column;align-items:flex-start;gap:26px}.portfolio-outro h2{font-size:38px}.portfolio-outro .button{width:100%}}
@media(prefers-reduced-motion:reduce){.play-disc{transition:none}}