.portfolio-page{--portfolio-ink:#22271c;--portfolio-paper:#f4efe5;--portfolio-lime:#d8ff41;--portfolio-purple:#73519c;background:var(--portfolio-ink);min-height:100vh;color:var(--portfolio-paper);font-family:var(--font-geist-sans), Arial, sans-serif;overflow:hidden}.portfolio-noise{z-index:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:fixed;inset:0}.portfolio-nav,.portfolio-hero,.portfolio-work,.portfolio-contact,.portfolio-footer{z-index:1;position:relative}.portfolio-nav{border-bottom:1px solid #f4efe52e;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(1420px,100% - 80px);min-height:96px;margin:0 auto;display:grid}.portfolio-brand{color:var(--portfolio-paper)}.portfolio-nav p{color:#f4efe5ad;font:500 12px/1.2 var(--font-geist-mono), monospace;letter-spacing:.04em;text-transform:uppercase;margin:0}.portfolio-nav p span{color:var(--portfolio-lime)}.portfolio-home-link{color:var(--portfolio-paper);justify-self:end;align-items:center;gap:7px;font-size:13px;text-decoration:none;transition:color .22s,transform .22s;display:inline-flex}:is(.portfolio-home-link:hover,.portfolio-home-link:focus-visible){color:var(--portfolio-lime);transform:translateY(-2px)}.portfolio-hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:70px;width:min(1420px,100% - 80px);min-height:520px;margin:0 auto;padding:54px 0 56px;display:grid;position:relative}.portfolio-kicker{color:#f4efe5c2;font:500 12px/1.2 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 21px;display:flex}.portfolio-kicker i{background:var(--portfolio-lime);width:29px;height:1px}.portfolio-hero h1,.portfolio-contact h2{letter-spacing:-.075em;max-width:900px;margin:0;font-size:clamp(54px,7.1vw,118px);font-weight:500;line-height:.91}.portfolio-hero h1 em,.portfolio-contact h2 em{color:var(--portfolio-lime);font-family:Georgia,Times New Roman,serif;font-weight:400}.portfolio-intro{padding-bottom:10px}.portfolio-intro p{color:#f4efe5cc;max-width:360px;margin:0 0 30px;font-size:17px;line-height:1.55}.portfolio-intro a{color:var(--portfolio-lime);border-bottom:1px solid #d8ff4180;align-items:center;gap:8px;padding:0 1px 8px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .2s,border-color .2s;display:inline-flex}:is(.portfolio-intro a:hover,.portfolio-intro a:focus-visible){border-color:var(--portfolio-lime);gap:13px}.portfolio-scroll-cue{color:var(--portfolio-lime);justify-items:center;gap:7px;text-decoration:none;transition:color .2s,transform .2s;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.portfolio-scroll-cue span{background:linear-gradient(180deg, transparent, var(--portfolio-lime));width:1px;height:26px;animation:1.8s ease-in-out infinite portfolio-scroll-pulse;display:block}.portfolio-scroll-cue svg{animation:1.8s ease-in-out infinite portfolio-scroll-bob}:is(.portfolio-scroll-cue:hover,.portfolio-scroll-cue:focus-visible){color:var(--portfolio-paper);outline:none;transform:translate(-50%)translateY(3px)}.portfolio-work{background:var(--portfolio-paper);color:var(--portfolio-ink);padding:34px max(40px,50% - 710px) 112px}.portfolio-work-head{border-bottom:1px solid #22271c30;justify-content:space-between;align-items:baseline;gap:20px;padding:0 0 27px;display:flex}.portfolio-work-head p{font:600 12px/1.2 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;margin:0}.portfolio-work-head span,.portfolio-card-meta,.portfolio-card>p{color:#22271c9e;font:500 11px/1.2 var(--font-geist-mono), monospace;letter-spacing:.05em;text-transform:uppercase}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 26px;padding-top:34px;display:grid}.portfolio-card{min-width:0}.portfolio-card:nth-child(3n+2){transform:translateY(76px)}.portfolio-card-meta{justify-content:space-between;gap:12px;margin-bottom:11px;display:flex}.portfolio-media{aspect-ratio:9/13.1;background:#d7d0c3;position:relative;overflow:hidden}.portfolio-poster,.portfolio-film{object-fit:cover;border:0;width:100%;height:100%;display:block}.portfolio-poster{cursor:pointer;background:#20251c;padding:0;position:relative}.portfolio-poster img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .35s;display:block}.portfolio-poster:after{content:"";background:linear-gradient(#0000 55%,#11150e36);transition:background .3s;position:absolute;inset:0}.portfolio-play{z-index:1;width:52px;height:52px;color:var(--portfolio-paper);border:1px solid #f4efe5d9;border-radius:50%;place-items:center;transition:transform .28s,color .28s,background .28s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.93)}:is(.portfolio-poster:hover img,.portfolio-poster:focus-visible img){filter:saturate(1.08);transform:scale(1.045)}:is(.portfolio-poster:hover .portfolio-play,.portfolio-poster:focus-visible .portfolio-play){color:var(--portfolio-ink);background:var(--portfolio-lime);border-color:var(--portfolio-lime);transform:translate(-50%,-50%)scale(1)}.portfolio-poster:focus-visible{outline:3px solid var(--portfolio-purple);outline-offset:3px}.portfolio-card h2{letter-spacing:-.055em;margin:16px 0 6px;font-size:clamp(20px,2vw,29px);font-weight:500;line-height:1.04}.portfolio-card>p{margin:0}.portfolio-pagination{justify-content:center;align-items:center;gap:14px;margin:142px 0 0;display:flex}.portfolio-pagination>button,.portfolio-pagination>div>button{width:42px;height:42px;color:var(--portfolio-ink);cursor:pointer;font:600 11px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;background:0 0;border:1px solid #22271c33;border-radius:50%;place-items:center;transition:color .22s,border-color .22s,background .22s,transform .22s;display:inline-grid}.portfolio-pagination>div{gap:8px;display:flex}.portfolio-pagination button:hover:not(:disabled),.portfolio-pagination button.is-active{border-color:var(--portfolio-ink);background:var(--portfolio-lime);outline:none;transform:translateY(-2px)}.portfolio-pagination button:focus-visible{border-color:var(--portfolio-ink);background:var(--portfolio-lime);outline:none;transform:translateY(-2px)}.portfolio-pagination button:disabled{cursor:default;opacity:.3}.portfolio-contact{background:var(--portfolio-purple);grid-template-columns:minmax(0,1fr) minmax(300px,.56fr);align-items:end;gap:70px;min-height:560px;padding:90px max(40px,50% - 710px) 92px;display:grid}.showcase-contact-intro{flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}.portfolio-contact .portfolio-kicker{color:#f4efe5cc}.portfolio-contact h2{font-size:clamp(50px,6.2vw,100px)}.portfolio-contact h2 em{color:var(--portfolio-paper)}.showcase-email{width:max-content;color:var(--portfolio-lime);letter-spacing:-.04em;border-bottom:1px solid #d8ff418c;align-items:center;gap:10px;padding-bottom:9px;font-size:clamp(18px,1.8vw,26px);font-weight:500;text-decoration:none;transition:gap .25s,border-color .25s;display:inline-flex}:is(.showcase-email:hover,.showcase-email:focus-visible){border-color:var(--portfolio-lime);gap:16px}.showcase-contact-form{background:#25201f;padding:24px;box-shadow:12px 14px #d8ff41b8}.showcase-contact-form label{color:#f4efe5b8;font:600 10px/1.2 var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;margin:0 0 18px;display:block}.showcase-contact-form label span{color:#f4efe56b;font-weight:400}.showcase-contact-form input,.showcase-contact-form textarea{width:100%;color:var(--portfolio-paper);font:15px/1.45 var(--font-geist-sans), Arial, sans-serif;resize:vertical;background:0 0;border:0;border-bottom:1px solid #f4efe542;border-radius:0;outline:0;margin-top:9px;padding:8px 0;display:block}.showcase-contact-form input::placeholder{color:#f4efe559}.showcase-contact-form input:focus,.showcase-contact-form textarea:focus{border-color:var(--portfolio-lime)}.showcase-contact-form button{background:var(--portfolio-lime);width:100%;color:var(--portfolio-ink);cursor:pointer;font:700 12px/1.2 var(--font-geist-sans), Arial, sans-serif;border:0;justify-content:center;align-items:center;gap:9px;padding:14px;transition:transform .2s,background .2s;display:flex}:is(.showcase-contact-form button:hover,.showcase-contact-form button:focus-visible){background:var(--portfolio-paper);transform:translateY(-2px)}.showcase-contact-form p{color:#f4efe58c;margin:12px 0 0;font-size:11px;line-height:1.4}.portfolio-footer{color:#f4efe58f;font:500 11px/1.2 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:24px;padding:26px max(40px,50% - 710px);display:flex}.portfolio-footer a{color:var(--portfolio-paper);align-items:center;gap:5px;text-decoration:none;display:inline-flex}@media (max-width:760px){.portfolio-nav{grid-template-columns:1fr auto;width:min(100% - 40px,520px);min-height:76px}.portfolio-nav p{display:none}.portfolio-home-link{font-size:12px}.portfolio-hero{flex-direction:column;justify-content:center;align-items:flex-start;gap:38px;width:min(100% - 40px,520px);min-height:490px;padding:54px 0 46px;display:flex}.portfolio-scroll-cue{bottom:13px}.portfolio-hero h1{font-size:clamp(51px,14.1vw,75px);line-height:.93}.portfolio-intro{max-width:340px;padding:0}.portfolio-intro p{font-size:16px}.portfolio-work{padding:26px 20px 80px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 14px;padding-top:25px}.portfolio-card:nth-child(3n+2){transform:none}.portfolio-card:nth-child(2n){transform:translateY(36px)}.portfolio-card-meta{margin-bottom:8px;font-size:9px}.portfolio-card h2{margin-top:11px;font-size:clamp(19px,5.35vw,25px)}.portfolio-card>p{font-size:9px}.portfolio-play{width:46px;height:46px}.portfolio-pagination{margin-top:92px}.portfolio-contact{grid-template-columns:1fr;gap:48px;min-height:0;padding:68px 20px 62px}.portfolio-contact .portfolio-kicker{margin-bottom:36px}.portfolio-contact h2{font-size:clamp(48px,13vw,68px)}.showcase-email{margin-top:38px;font-size:22px}.showcase-contact-form{padding:22px;box-shadow:9px 11px #d8ff41b8}.portfolio-footer{flex-wrap:wrap;padding:22px 20px;font-size:10px}}@media (max-width:390px){.portfolio-nav,.portfolio-hero{width:min(100% - 32px,520px)}.portfolio-home-link{gap:0;font-size:0}.portfolio-home-link svg{width:18px;height:18px}.portfolio-work{padding-left:16px;padding-right:16px}.portfolio-work-head span{font-size:9px}.portfolio-grid{gap:38px 11px}.portfolio-card h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.portfolio-page *,.portfolio-page :before,.portfolio-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes portfolio-scroll-pulse{0%,to{opacity:.35;transform-origin:bottom;transform:scaleY(.75)}50%{opacity:1;transform-origin:bottom;transform:scaleY(1)}}@keyframes portfolio-scroll-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}