/* Studio direction: generous space, editorial type and restrained motion. */
:root{--paper:#eeeeee;--paper-ink:#242424;--paper-muted:#646464;--accent:#c6c6c6}
body{background:#101110;color:#f1f1f1;font-family:'Helvetica Neue',Arial,sans-serif}
.nav{height:88px;padding:0 4vw;background:#101110ee!important;color:#f1f1f1;backdrop-filter:blur(16px);border:0;transition:height .3s}
.nav.scrolled{height:70px}.nav .brand{font-size:17px}.studio-mark{gap:9px}.studio-mark i{width:22px;height:9px}.nav nav{flex:initial;margin:0;gap:29px}.nav nav a{font:10px Arial,sans-serif;letter-spacing:.06em;font-weight:500}.nav .menu-toggle{font:10px Arial,sans-serif;letter-spacing:.08em}
.mobile-menu{background:#101110;top:88px}.mobile-menu a{font-weight:400}
h1,h2{font-weight:400;letter-spacing:-.055em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}
.eyebrow{font:10px Arial,sans-serif;letter-spacing:.12em;display:block;line-height:1.5}.text-link{font:10px Arial,sans-serif;letter-spacing:.08em}
.section{padding:110px 6vw}.portfolio-home .hero{min-height:0;padding:175px 4vw 45px;overflow:hidden}
.hero-intro{display:grid;grid-template-columns:1fr 270px;gap:60px;align-items:end;margin:0 2vw 65px}
.portfolio-home .hero-title{position:relative;top:auto;left:auto;width:auto;padding:0;pointer-events:auto}
.portfolio-home .hero-title .eyebrow{margin:0 0 30px;font-size:9px;letter-spacing:.12em;color:#a6a6a6}
.portfolio-home .hero h1{display:block;font:400 clamp(42px,5.8vw,100px)/1.08 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.055em;white-space:normal;max-width:1000px}
.hero-aside{padding-bottom:5px}.availability{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.07em}.availability i{height:6px;width:6px;border-radius:50%;background:var(--accent)}.hero-aside p{font-size:13px;color:#aaaaaa;line-height:1.7;margin-top:25px}.hero-aside .text-link{margin-top:22px}
.portfolio-home .hero-frame{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2.35;min-height:0;border-radius:3px;transform-origin:center}
.portfolio-home .frame-art{background:radial-gradient(ellipse at 78% 35%,#bfb6a44a,transparent 50%),linear-gradient(115deg,#141b1b,#48504a 48%,#262b29 67%,#151917)}
.portfolio-home .hero-frame .aperture{left:64%;top:-35%;height:170%;width:15%;transform:rotate(24deg);border:0;border-radius:0;background:linear-gradient(90deg,#eeead400,#ddd7c594,#f9edd47a,#ddd7c500);filter:blur(2px);box-shadow:none}
.portfolio-home .hero-frame .aperture:after{display:none}.portfolio-home .hero-frame .orbit{left:42%;top:-40%;height:180%;width:20%;transform:rotate(24deg);border:0;background:linear-gradient(90deg,transparent,#0009,transparent)}
.portfolio-home .hero-frame .orbit-two{left:82%;width:8%;background:linear-gradient(90deg,transparent,#d8d6c33a,transparent)}.hero-frame:after{display:none}
.portfolio-home .hero-roles{position:absolute;inset:auto auto 50% 6%;transform:translateY(50%);font:400 clamp(50px,9vw,150px)/1 Arial,sans-serif;letter-spacing:-.07em;max-width:90%;text-align:left}
.hero-frame-copy{display:block;font:9px Arial,sans-serif;letter-spacing:.18em;margin-top:22px;color:#deddd1}
.hero-modes{left:6%;bottom:30px;gap:25px}.hero-modes button{font:9px Arial,sans-serif;letter-spacing:.1em;color:#b4b5aa;padding-bottom:8px}.hero-frame .frame-corner{top:27px;right:30px;font:8px Arial,sans-serif;letter-spacing:.1em}
.hero-frame[data-mood=photo] .frame-art{background:radial-gradient(ellipse at 40% 25%,#aaa48d,#6a665a 35%,#2c312a 70%,#151917)}.portfolio-home .hero-frame[data-mood=photo] .aperture{transform:rotate(-15deg);border-radius:0}.portfolio-home .hero-frame[data-mood=editing] .aperture{transform:rotate(50deg);border-radius:0}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin:23px 2vw 0;font-size:8px;color:#a6a6a6;letter-spacing:.1em}.portfolio-home .hero-link{position:static;border:0;padding:0;font:9px Arial,sans-serif;letter-spacing:.08em;gap:20px}.hero-link span{font-size:19px}
.portfolio-home .about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:120px 6vw 80px}.about-head .eyebrow{margin-bottom:55px;color:var(--paper-muted)}.portfolio-home .about-head h2{font-size:clamp(45px,5.6vw,88px);line-height:1.05;font-weight:400}.portfolio-home .about-layout{display:flex;flex-direction:column;gap:35px;margin:0;align-items:stretch}.portfolio-home .portrait{width:100%;max-width:100%;aspect-ratio:1.8;margin:0;background:#393c35}.portrait-art{background:linear-gradient(145deg,#858a79,#343a35 55%,#1e2725)}.portrait-art span{left:40%;top:-30%;width:40%;height:160%;transform:rotate(30deg);background:linear-gradient(90deg,transparent,#c3b99740,transparent);border:0}.portrait-art:after{border-color:#e1ded12a}.about-copy h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:0 0 20px}.portfolio-home .about-copy p{font-size:15px;line-height:1.8;max-width:520px;color:#646464}.about-copy .text-link{margin-top:10px}
.creative-process{padding:0 6vw 65px;gap:6vw}.creative-process span{font:9px Arial,sans-serif;letter-spacing:.08em}.creative-process p{font-size:14px;margin-top:14px}
.client-strip{padding-bottom:75px}.client-heading{margin:0 6vw;border-top:0;padding-top:20px}.client-heading h2,.client-pause{font:9px Arial,sans-serif;letter-spacing:.08em}.client-window{margin-top:20px}.client-wordmark{color:#5e5e5e}.client-logo{height:75px}
.portfolio-home .services{padding:80px 6vw 110px;background:#d6d6d6}.services-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.services-heading .eyebrow{color:var(--paper-muted);margin-bottom:30px}.services-heading h2{font-size:clamp(45px,6.2vw,100px);line-height:1;font-weight:400}.services-heading>p{font-size:13px;line-height:1.7;color:var(--paper-muted);max-width:320px;padding-bottom:5px}
.portfolio-home .services #services{border-top:1px solid #25241f30}.portfolio-home .services .service{display:grid;grid-template-columns:40px 1fr 32% 24px;gap:20px;align-items:center;font-size:clamp(27px,3.2vw,48px);padding:28px 0!important;border-color:#25241f30;transition:color .3s,background .3s}.service-index{font:9px Arial,sans-serif!important;color:var(--paper-muted)!important;letter-spacing:.05em}.service-summary{font:13px/1.5 Arial,sans-serif!important;color:var(--paper-muted)!important;letter-spacing:0!important}.service .service-arrow{font:24px Arial,sans-serif!important}.services .service:hover{color:#565656;background:#ffffff20}
.portfolio-home .reel{min-height:0;margin:0;padding:0;background:#171c18}.portfolio-home .reel-overlay{padding:90px 6vw;min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:start}.reel-overlay .small-label{font:9px Arial,sans-serif;letter-spacing:.12em}.portfolio-home .reel-overlay h2{font-size:clamp(80px,11vw,170px);font-weight:400;line-height:.85;margin-top:35px}.reel-art{background:radial-gradient(ellipse at 75% 50%,#737d6860,transparent 50%),linear-gradient(135deg,#171d19,#434b3b 60%,#222c26)}.reel-art:after{right:14%;top:-20%;width:20%;height:140%;border-radius:0;transform:rotate(25deg);border-color:#dcdac535;background:linear-gradient(90deg,transparent,#e1d8c025,transparent)}.reel-play{border:1px solid #eeead180;background:transparent;color:#eee;padding:15px 23px;border-radius:30px;font:9px Arial,sans-serif;letter-spacing:.06em}.reel-status{font-size:10px;color:#b2b6a8;max-width:350px}
.portfolio-home .work{background:#101110;padding:105px 6vw}.work>.eyebrow{color:#949494;margin-bottom:30px}.portfolio-home .section-heading h2{font-size:clamp(45px,6vw,95px);font-weight:400}.section-heading>span{display:block!important;font-size:12px}.demo-note{font:9px Arial,sans-serif;letter-spacing:.03em;color:#8b8b8b;margin-top:22px}
.portfolio-home .project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 35px;margin-top:55px}.portfolio-home .project:nth-child(n){grid-column:auto;margin:0;transform:none!important}.portfolio-home .project:first-child{grid-column:1/-1}.portfolio-home .project:nth-child(n) .project-visual{aspect-ratio:1.65;border-radius:2px}.portfolio-home .project:first-child .project-visual{aspect-ratio:2.4}.project-open:hover .project-visual{transform:none}.project-number{font:9px Arial,sans-serif;letter-spacing:.05em}.project-meta{font:9px Arial,sans-serif;letter-spacing:.05em;color:#949494;margin-top:19px}.portfolio-home .project h3{font-size:26px;letter-spacing:-.03em;margin-top:12px}.project-art{filter:sepia(.18);opacity:.9}.project-art.speed{background:linear-gradient(155deg,#41473f,#1c2520)}.project-art.music{background:radial-gradient(ellipse at 60% 0,#686854,#252d25 60%)}.project-art.fashion{background:#4d5043}.project-art.track{background:repeating-linear-gradient(125deg,#293129 0 50px,#747b63 51px 52px,#1e2824 53px 100px)}.project-art.product{background:radial-gradient(ellipse at 50% 10%,#7a7d67,#27302a 65%)}.project-art.light{background:linear-gradient(125deg,#b7b09a,#434b3c 55%)}.project-art.documentary{background:linear-gradient(45deg,#343c33,#7d7e69)}
.portfolio-home .gallery-section{height:auto;padding:65px 0;background:#1c1d1c}.portfolio-home .gallery-sticky{position:relative;height:auto;overflow:hidden}.gallery-heading{padding:0 6vw;margin-bottom:30px}.gallery-heading h2{font-size:23px;font-weight:400}.gallery-heading span{font:8px Arial,sans-serif;letter-spacing:.1em}.portfolio-home .gallery-track{width:100%;overflow-x:auto;gap:25px;padding:0 6vw 20px;transform:none!important;scroll-snap-type:x mandatory;will-change:auto}.gallery-item{width:32vw;scroll-snap-align:center}.gallery-item .media-frame{height:auto;aspect-ratio:1.3}.gallery-item p{font-size:11px}
.studio-feature{padding:95px 6vw;background:#101110;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.studio-feature .eyebrow{color:#969696;margin-bottom:30px}.studio-feature h2{font-size:clamp(40px,5.6vw,90px);line-height:1.05}.studio-feature p{font-size:15px;line-height:1.8;color:#aeaeae;max-width:430px}.pill-link{display:inline-flex;gap:40px;border:1px solid #b3b6a56b;border-radius:30px;padding:17px 25px;font-size:9px;letter-spacing:.08em;margin-top:25px;align-items:center}.pill-link span{font-size:17px}.pill-link:hover{background:#ffffff0d}
.idea-section{padding:90px 6vw;background:#d6d6d6}.idea-heading h2{font-size:clamp(35px,4.1vw,66px);font-weight:400}.idea-tabs button{font:10px Arial,sans-serif;letter-spacing:.08em}.idea-heading .small-label{font:9px Arial,sans-serif;letter-spacing:.1em}
.contact{background:var(--paper);color:var(--paper-ink);padding:100px 6vw 30px}.contact .small-label{font:9px Arial,sans-serif;letter-spacing:.1em;margin-bottom:35px}.contact h2{font-size:clamp(55px,9.5vw,155px);line-height:.93;letter-spacing:-.07em;font-weight:400}.contact-invitation{max-width:850px;margin-left:auto;padding-top:45px}.contact-invitation>div{display:flex;align-items:center;gap:50px}.contact-invitation p{font-size:14px;line-height:1.8;max-width:420px}.contact-primary{font:10px Arial,sans-serif;letter-spacing:.05em;border-radius:30px;padding:18px 25px;gap:30px;white-space:nowrap}.contact-primary span{font-size:21px}.contact-links{margin:70px 0 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px}.contact-item{font-size:14px}.contact-item small{font:9px Arial,sans-serif;letter-spacing:.08em}.footer-bottom{font:9px Arial,sans-serif;letter-spacing:.04em;padding-top:25px}
.service-page .service-hero{padding-top:160px}.service-page .service-hero h1{font-weight:400}.service-page .back-link{font:10px Arial,sans-serif;letter-spacing:.06em}.service-page .service-body-copy h2{font-weight:400}.service-page .service-plate{aspect-ratio:1.1}.inquiry-page .nav{color:var(--paper-ink)}.inquiry-intro h1{font-weight:400}.inquiry-form legend{font-size:22px}.choice-grid span{border-radius:3px}.field input,.field textarea,.field select{border-radius:3px}.inquiry-main{padding-top:160px}
.inquiry-page .nav .back-link{color:var(--paper-muted);font:9px Arial,sans-serif;letter-spacing:.04em}
.hero-intro{animation:studio-arrive .9s ease-out both}.portfolio-home .hero-frame .frame-art{animation:studio-light 14s ease-in-out infinite alternate;transform-origin:65% 50%}
@keyframes studio-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes studio-light{from{transform:scale(1)}to{transform:scale(1.06) translateX(-1%)}}
@media(max-width:1000px){.hero-intro{grid-template-columns:1fr 220px;gap:30px}.nav nav{gap:18px}.portfolio-home .services .service{grid-template-columns:25px 1fr 29% 20px;gap:15px}.service-summary{font-size:11px!important}.contact-invitation{margin-left:0}.contact-invitation>div{gap:30px}}
@media(max-width:760px){.nav,.nav.scrolled{height:70px;padding:0 6vw}.nav .brand{font-size:15px}.nav nav{display:none}.mobile-menu{top:70px;padding-top:60px}.portfolio-home .hero{padding:125px 6vw 35px}.hero-intro{display:block;margin:0 0 35px}.portfolio-home .hero-title{top:auto;left:auto}.portfolio-home .hero-title .eyebrow{font-size:7px;margin-bottom:25px}.portfolio-home .hero h1{font-size:10.5vw;line-height:1.13}.hero-aside{margin-top:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.hero-aside p{display:none}.availability{font-size:7px;letter-spacing:.03em}.hero-aside .text-link{font-size:8px;margin:0}.portfolio-home .hero-frame{aspect-ratio:1.12;height:auto;width:100%;inset:auto}.portfolio-home .hero-roles{font-size:18vw;left:8%}.hero-frame-copy{font-size:7px;letter-spacing:.1em;margin-top:14px}.hero-modes{left:8%;bottom:22px;gap:22px}.hero-modes button{font-size:8px}.hero-frame .frame-corner{display:block;right:18px;top:19px;font-size:7px}.hero-bottom{margin:18px 0 0;font-size:6px;letter-spacing:.06em}.portfolio-home .hero-link{font-size:7px;gap:13px}.hero-link span{font-size:17px}
.portfolio-home .about{display:block;padding:75px 6vw 45px}.about-head .eyebrow{margin-bottom:30px;font-size:8px}.portfolio-home .about-head h2{font-size:12vw}.portfolio-home .about-layout{margin-top:35px;gap:28px}.portfolio-home .portrait{aspect-ratio:1.5;width:100%}.about-copy h3{font-size:23px}.portfolio-home .about-copy p{font-size:14px}.creative-process{padding:0 6vw 45px;grid-template-columns:repeat(3,1fr);gap:13px}.creative-process span{font-size:7px}.creative-process p{font-size:11px;line-height:1.5}.client-strip{padding-bottom:40px}.client-heading h2,.client-pause{font-size:8px}
.portfolio-home .services{padding:65px 6vw}.services-heading{display:block;margin-bottom:35px}.services-heading .eyebrow{font-size:8px;margin-bottom:25px}.services-heading h2{font-size:13vw}.services-heading>p{font-size:12px;margin-top:22px}.portfolio-home .services .service{grid-template-columns:20px 1fr 20px;gap:12px;font-size:8vw;padding:21px 0!important}.service-index{font-size:7px!important}.service-summary{display:none}.service .service-arrow{font-size:20px!important}
.portfolio-home .reel-overlay{min-height:510px;padding:65px 6vw}.portfolio-home .reel-overlay h2{font-size:25vw}.reel-overlay .small-label{font-size:7px}.reel-play{font-size:8px;padding:14px 20px}.reel-status{font-size:9px;max-width:260px}.portfolio-home .work{padding:65px 6vw}.work>.eyebrow{font-size:8px;margin-bottom:25px}.portfolio-home .section-heading h2{font-size:12vw}.section-heading>span{font-size:11px;margin-top:20px}.demo-note{font-size:8px;line-height:1.6}.portfolio-home .project-list{display:block;margin-top:35px}.portfolio-home .project:nth-child(n){margin-bottom:35px}.portfolio-home .project:nth-child(n) .project-visual{aspect-ratio:1.35}.portfolio-home .project h3{font-size:23px}.project-meta{font-size:8px}.portfolio-home .gallery-section{padding:40px 0}.gallery-heading h2{font-size:20px}.gallery-heading span{display:none}.gallery-item{width:76vw}.gallery-item .media-frame{height:auto}.studio-feature{display:block;padding:65px 6vw}.studio-feature .eyebrow{font-size:8px;margin-bottom:25px}.studio-feature h2{font-size:12vw}.studio-feature p{font-size:13px;margin-top:30px}.pill-link{font-size:8px}.idea-section{padding:60px 6vw}.idea-heading h2{font-size:10vw}.idea-detail{margin-top:30px}.contact{padding:70px 6vw 25px}.contact h2{font-size:14vw}.contact .small-label{font-size:8px}.contact-invitation{padding-top:30px}.contact-invitation>div{display:block}.contact-invitation p{font-size:13px}.contact-primary{width:auto;min-width:0;padding:17px 23px;font-size:9px;margin-top:24px}.contact-links{display:flex;flex-direction:column;gap:30px;margin:40px 0}.contact-item{font-size:14px}.footer-bottom{font-size:8px;gap:25px}.service-page .service-hero{padding-top:125px}.service-page .service-hero h1{font-size:17vw}.service-body-copy h2{font-size:35px}.inquiry-main{padding-top:120px}.inquiry-intro h1{font-size:12vw}.inquiry-form .contact-primary{width:100%}
}
.hero-signature{font-size:clamp(27px,3.2vw,48px);margin-bottom:18px}.hero-signature i{width:54px;height:20px;background:repeating-linear-gradient(to bottom,currentColor 0 3px,transparent 3px 7px)}
.portfolio-home .hero h1{font-size:clamp(37px,5vw,82px)}
.portfolio-home .services-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:6vw;align-items:start}
.portfolio-home .service-preview{display:block;position:sticky;top:110px;aspect-ratio:4/5;border-radius:3px;margin-top:0;align-self:start}
.portfolio-home .services .service{grid-template-columns:25px 1fr 24px;gap:15px;font-size:clamp(25px,3vw,46px)}
.portfolio-home .service-summary{display:none}.service-preview>span{font:10px Arial,sans-serif;letter-spacing:.1em;bottom:25px;left:25px;color:#eee}.service-preview .service-art{transition:opacity .3s}
.portfolio-home .frame-art{background:radial-gradient(ellipse at 78% 35%,#bbbbbb4a,transparent 50%),linear-gradient(115deg,#181b1b,#4b4e4c 48%,#292b29 67%,#181a18)}
.portfolio-home .hero-frame .aperture{background:linear-gradient(90deg,transparent,#dedede94,#f3f3f37a,transparent)}.portfolio-home .hero-frame .orbit-two{background:linear-gradient(90deg,transparent,#d5d5d53a,transparent)}
.portrait-art{background:linear-gradient(145deg,#888888,#383b38 55%,#222725)}.project-art{filter:grayscale(1)}.service-art{filter:grayscale(1)}.reel-art{filter:grayscale(1)}
.contact-primary{background:#242424;color:#f1f1f1}.contact-primary:hover{background:#444}.contact-invitation p,.contact-item small,.contact .small-label,.contact .footer-bottom,.idea-section .small-label,#idea-panel p{color:#646464}
@media(max-width:760px){.hero-signature{font-size:29px;margin-bottom:15px}.hero-signature i{width:37px;height:14px;background:repeating-linear-gradient(to bottom,currentColor 0 2px,transparent 2px 5px)}.portfolio-home .hero h1{font-size:9.4vw}.portfolio-home .services-layout{grid-template-columns:minmax(0,1fr) 105px;gap:20px}.portfolio-home .services .service{grid-template-columns:14px 1fr 14px;font-size:5.3vw;gap:7px;padding:20px 0!important}.portfolio-home .service-preview{top:95px;aspect-ratio:3/5}.service-preview>span{font-size:7px;bottom:12px;left:10px;right:8px;line-height:1.5}.portfolio-home .service .service-arrow{font-size:15px!important}.service-name{overflow-wrap:anywhere}}
.hero-showreel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;background:#00000012}.hero-showreel .eyebrow{font-size:9px;color:#eee}.hero-showreel p{font-size:11px;color:#ccc}.hero-reel-play{width:84px;height:84px;border:1px solid #ffffff80;border-radius:50%;background:#ffffff0b;backdrop-filter:blur(8px);display:grid;place-items:center;transition:background .3s,transform .4s}.hero-reel-play>span{font-size:33px;line-height:1;margin-left:4px}.hero-reel-play:hover{background:#ffffff25;transform:scale(1.06)}.hero-frame.playing .hero-showreel,.hero-frame.playing .frame-corner{display:none}.hero-frame.playing video{position:absolute;inset:0;object-fit:contain;background:#000}
.discipline-feature{display:grid;grid-template-columns:repeat(3,1fr);padding:65px 6vw 80px;background:#101110;gap:5vw}.discipline-feature>a{position:relative;border-top:1px solid #ffffff30;padding-top:24px;transition:color .3s}.discipline-feature .eyebrow{font-size:8px;color:#999}.discipline-feature h2{font-size:clamp(32px,4.2vw,65px);margin-top:28px;line-height:1.1}.discipline-feature p{font-size:12px;color:#aaa;margin-top:18px;line-height:1.6}.discipline-arrow{position:absolute;right:0;bottom:4px;font-size:21px;transition:transform .3s}.discipline-feature>a:hover .discipline-arrow{transform:translate(4px,-4px)}
.portfolio-home .hero-frame,.portrait,.project-visual,.gallery-item .media-frame,.service-preview,.service-plate{transition:filter .4s,box-shadow .4s}.hero-frame:hover,.portrait:hover,.project-open:hover .project-visual,.gallery-item .media-frame:hover,.service-preview:hover,.service-plate:hover{filter:brightness(1.1);box-shadow:0 12px 30px #00000018}.project-open:hover .project-art,.project-open:hover img,.gallery-item .media-frame:hover .project-art{transform:scale(1.035)}
.portfolio-home .services .service .service-name{display:inline-block;transition:transform .35s,color .35s}.portfolio-home .services .service:hover .service-name,.portfolio-home .services .service:focus-visible .service-name{transform:translateX(8px);color:#111}.portfolio-home .services .service:hover,.portfolio-home .services .service:focus-visible{background:#ffffff35}
.heading-enter{animation:heading-rise .9s cubic-bezier(.16,1,.3,1) both}.reel-overlay h2.heading-enter{animation:motion-slide 1.15s cubic-bezier(.16,1,.3,1) both}
@keyframes heading-rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes motion-slide{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.hero-showreel{gap:22px}.hero-reel-play{width:65px;height:65px}.hero-showreel p{font-size:10px;text-align:center;padding:0 20px}.discipline-feature{grid-template-columns:1fr;padding:30px 6vw 55px;gap:30px}.discipline-feature>a{padding-top:18px}.discipline-feature h2{font-size:11vw;margin-top:20px}.discipline-feature p{margin-top:12px;padding-right:30px}.discipline-feature .eyebrow{font-size:7px}.hero-frame.playing video{object-fit:contain}}
.nav nav{display:none}.nav .menu-toggle{display:block;border:1px solid #ffffff45;border-radius:25px;padding:12px 20px;background:#ffffff08;min-width:86px}.nav .menu-toggle:hover{background:#ffffff18}.mobile-menu{inset:88px 20px auto auto;width:min(420px,calc(100vw - 40px));max-height:calc(100svh - 110px);padding:25px 30px 30px;background:#1c1d1c;color:#f1f1f1;border:1px solid #ffffff25;border-radius:5px;box-shadow:0 20px 80px #0008;overflow-y:auto}.mobile-menu:not([hidden]){display:block;animation:heading-rise .3s ease both}.mobile-menu>a,.menu-services>summary{font:400 24px/1.3 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff18;cursor:pointer}.mobile-menu>a:hover,.menu-services>summary:hover{color:#bbb}.mobile-menu>a>span{font-size:9px;color:#888;letter-spacing:.04em}.menu-label{font-size:8px;letter-spacing:.12em;color:#999;margin:0 0 15px}.menu-services>summary{list-style:none}.menu-services>summary::-webkit-details-marker{display:none}.menu-services>summary>span{font-size:20px;transition:transform .3s}.menu-services[open]>summary>span{transform:rotate(45deg)}.menu-services>div{padding:12px 0 15px 20px;border-bottom:1px solid #ffffff18}.menu-services>div>a{display:block;font-size:12px;letter-spacing:.04em;padding:10px 0;color:#aaa}.menu-services>div>a:hover{color:#fff}.mobile-menu .menu-cta{font-size:10px;letter-spacing:.05em;background:#eee;color:#242424;border:0;border-radius:30px;justify-content:center;padding:17px 20px;margin-top:25px}.inquiry-page .nav .menu-toggle{border-color:#24242450;background:#24242408}.inquiry-page .nav .back-link{margin-left:auto;margin-right:22px}
@media(max-width:760px){.mobile-menu{top:70px;right:12px;width:calc(100vw - 24px);max-height:calc(100svh - 86px);padding:22px 25px}.mobile-menu>a,.menu-services>summary{font-size:23px}.nav .menu-toggle{padding:10px 15px;min-width:75px}.inquiry-page .nav .back-link{display:none}}
.portfolio-home .services{padding-top:65px;padding-bottom:65px}.services-heading{margin-bottom:35px}.services-heading h2{font-size:clamp(38px,5vw,72px)}.services-heading .eyebrow{margin-bottom:22px}.portfolio-home .services-layout{grid-template-columns:1.5fr 1fr;gap:7vw}.portfolio-home .service-preview{aspect-ratio:1.25}.portfolio-home .services .service{position:relative;isolation:isolate;padding:16px 14px!important;font-size:clamp(22px,2.5vw,36px);transition:color .4s}.portfolio-home .services .service:before{content:'';position:absolute;inset:0;z-index:-1;background:#242424;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}.portfolio-home .services .service:hover:before,.portfolio-home .services .service:focus-visible:before{transform:scaleX(1)}.portfolio-home .services .service:hover,.portfolio-home .services .service:focus-visible{background:transparent;color:#f5f5f5}.portfolio-home .services .service:hover .service-name,.portfolio-home .services .service:focus-visible .service-name{color:#f5f5f5;transform:translateX(5px)}.portfolio-home .services .service:hover .service-index,.portfolio-home .services .service:focus-visible .service-index,.portfolio-home .services .service:hover .service-arrow,.portfolio-home .services .service:focus-visible .service-arrow{color:#d0d0d0!important}
@media(max-width:760px){.portfolio-home .services{padding-top:45px;padding-bottom:45px}.services-heading h2{font-size:11vw}.portfolio-home .services-layout{grid-template-columns:minmax(0,1fr) 100px;gap:15px}.portfolio-home .service-preview{aspect-ratio:3/4}.portfolio-home .services .service{font-size:5.1vw;padding:15px 6px!important;gap:6px}.services-heading>p{margin-top:15px}}
.discipline-feature{display:block;padding:0 6vw;background:#101110}.discipline-row{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;padding:65px 0;border-top:1px solid #ffffff20}.discipline-row:first-child{border:0}.discipline-row h2{font-size:clamp(40px,5.6vw,90px);margin-top:30px;line-height:1.05}.discipline-row>div>p{font-size:15px;line-height:1.8;color:#aeaeae;max-width:430px;margin:0}.discipline-row .eyebrow{font-size:9px}.discipline-row .pill-link{margin-top:25px}
.portfolio-home .services{padding:45px 6vw}.services-heading{margin-bottom:25px}.services-heading h2{font-size:clamp(32px,3.5vw,50px)}.services-heading .eyebrow{font-size:8px;margin-bottom:15px}.services-heading>p{font-size:12px}.portfolio-home .services-layout{grid-template-columns:1.8fr .8fr;gap:5vw}.portfolio-home .services #services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;border:0}.portfolio-home .services .service{font-size:clamp(19px,1.65vw,25px);padding:19px 10px!important;grid-template-columns:18px 1fr 18px;gap:9px;border-top:1px solid #25252525;border-bottom:0}.portfolio-home .services .service:last-child{border-bottom:1px solid #25252525}.portfolio-home .service-preview{aspect-ratio:1.35;top:100px}.portfolio-home .service .service-arrow{font-size:18px!important}
.portfolio-home .gallery-section{padding:85px 6vw;background:#1c1d1c}.between-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;align-items:center;margin-bottom:55px}.between-intro .eyebrow{font-size:8px;letter-spacing:.1em;color:#999;margin-bottom:30px}.between-intro h2{font-size:clamp(45px,5.5vw,85px);line-height:1.02}.between-intro .between-lead{font-size:clamp(23px,2.4vw,34px);letter-spacing:-.03em;line-height:1.2;color:#eee;margin-bottom:25px}.between-intro p{font-size:14px;line-height:1.8;color:#aaa;max-width:460px}.between-intro .text-link{margin-top:23px}.portfolio-home .gallery-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:0;gap:28px;overflow:visible}.human-moment{width:auto}.human-moment .media-frame{aspect-ratio:1.1;position:relative}.human-moment h3{font-size:15px;font-weight:400;letter-spacing:.01em;line-height:1.4;margin:22px 0 10px}.human-moment p{font-size:12px;line-height:1.7;color:#aaa;margin:0;max-width:320px}.human-placeholder{position:absolute;bottom:20px;left:20px;right:20px;font-size:8px;letter-spacing:.06em;color:#ddd}.between-note{display:flex;gap:8vw;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;margin-top:45px;padding-top:25px}.between-note span{font-size:9px;letter-spacing:.08em}.between-note p{font-size:12px;line-height:1.7;color:#aaa;max-width:440px}
@media(max-width:760px){.discipline-row{display:block;padding:45px 0}.discipline-row h2{font-size:12vw;margin-top:22px}.discipline-row>div>p{font-size:13px;margin-top:25px}.discipline-row .eyebrow{font-size:8px}.discipline-row .pill-link{font-size:8px}.portfolio-home .services{padding:35px 6vw}.services-heading h2{font-size:10vw}.services-heading .eyebrow{font-size:7px}.services-heading>p{font-size:11px;margin-top:13px}.portfolio-home .services-layout{grid-template-columns:minmax(0,1fr) 85px;gap:15px}.portfolio-home .services #services{display:block}.portfolio-home .services .service{font-size:4.4vw;padding:11px 5px!important;grid-template-columns:13px 1fr 14px;gap:5px}.portfolio-home .service .service-arrow{font-size:14px!important}.portfolio-home .service-preview{aspect-ratio:3/4;top:95px}.portfolio-home .gallery-section{padding:55px 6vw}.between-intro{display:block;margin-bottom:35px}.between-intro h2{font-size:13vw}.between-intro>div+div{margin-top:35px}.between-intro .between-lead{font-size:25px}.between-intro p{font-size:13px}.portfolio-home .gallery-track{grid-template-columns:1fr;gap:35px}.human-moment .media-frame{aspect-ratio:1.4}.human-moment h3{margin-top:18px;font-size:14px}.between-note{display:block;margin-top:35px}.between-note p{font-size:12px;margin-top:15px}}
.discipline-row{position:relative;isolation:isolate;transition:color .5s;padding-left:0;padding-right:0}.discipline-row:before{content:'';position:absolute;inset:0 -6vw;z-index:-1;background:#ededed;transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.16,1,.3,1)}.discipline-row:hover:before,.discipline-row:focus-within:before{transform:scaleX(1)}.discipline-row:hover,.discipline-row:focus-within{color:#242424}.discipline-row h2{transition:transform .5s,color .5s}.discipline-row:hover h2,.discipline-row:focus-within h2{transform:translateX(10px)}.discipline-row>div>p,.discipline-row .eyebrow{transition:color .5s}.discipline-row:hover>div>p,.discipline-row:focus-within>div>p,.discipline-row:hover .eyebrow,.discipline-row:focus-within .eyebrow{color:#646464}.discipline-row:hover .pill-link,.discipline-row:focus-within .pill-link{border-color:#24242455;color:#242424}.discipline-row .pill-link:hover{background:#242424;color:#eee}.services-heading h2{font-size:clamp(40px,5.6vw,90px)}
.inquiry-page{background:#eeeeee}.inquiry-main{padding:150px 6vw 80px;grid-template-columns:1fr 1.1fr;gap:8vw}.inquiry-intro{position:relative;top:auto}.inquiry-intro h1{font-size:clamp(40px,4.6vw,72px);line-height:1.08;letter-spacing:-.055em}.inquiry-intro>.small-label{font:9px Arial,sans-serif;letter-spacing:.12em}.inquiry-intro>p:not(.small-label){font-size:14px;line-height:1.8}.inquiry-intro>a{font-size:12px;margin-top:25px}.inquiry-images{margin-top:50px;display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:18px}.inquiry-image{border-radius:3px}.inquiry-image:first-child{aspect-ratio:4/5}.inquiry-image:last-child{aspect-ratio:3/4;transform:translateY(25px)}.inquiry-image .frame-label{left:13px;bottom:15px;font:7px/1.6 Arial,sans-serif;letter-spacing:.05em;right:10px}.inquiry-image:hover{filter:brightness(1.12)}.inquiry-trust{margin-top:65px;border-top:1px solid #24242425;padding-top:30px}.inquiry-trust>.eyebrow{font-size:8px;color:#646464}.inquiry-trust>p{font-size:12px;line-height:1.8;color:#646464;margin-top:25px}#inquiry-clients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 20px;margin-top:30px}.inquiry-client{font-size:clamp(15px,1.6vw,22px);font-weight:600;letter-spacing:-.04em;color:#555}.inquiry-client img{object-fit:contain;max-height:40px;max-width:150px;width:auto;filter:grayscale(1)}.inquiry-form{padding-top:8px}.inquiry-form fieldset{background:#e1e1e1;border:1px solid #24242412;border-radius:5px;padding:28px 30px 8px;margin-bottom:25px}.inquiry-form legend{float:left;width:100%;font-size:24px;margin:0 0 22px;line-height:1.2}.inquiry-form legend+.field-hint,.inquiry-form legend+.field-grid{clear:both}.inquiry-form .field-hint,.inquiry-form .privacy-note,.inquiry-form .field,.inquiry-form input,.inquiry-form select,.inquiry-form textarea{color:#555}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#f0f0f0;border-color:#24242425}.choice-grid span{background:#f0f0f0;border-color:#24242425;transition:background .3s,color .3s,transform .3s}.choice-grid label:hover span{background:#d0d0d0;transform:translateY(-2px)}.choice-grid input:checked+span{background:#242424;color:#eee}.inquiry-form .contact-primary{width:100%;justify-content:space-between;font-size:11px;margin-top:22px}.inquiry-page .inquiry-success{padding:50px 0}
@media(max-width:760px){.services-heading h2{font-size:12vw}.discipline-row:hover h2,.discipline-row:focus-within h2{transform:translateX(5px)}.inquiry-main{padding:115px 6vw 60px;display:block}.inquiry-intro{margin-bottom:45px}.inquiry-intro h1{font-size:12vw}.inquiry-images{margin-top:35px;gap:14px}.inquiry-image:first-child{aspect-ratio:1}.inquiry-image:last-child{aspect-ratio:3/4;transform:translateY(15px)}.inquiry-trust{margin-top:45px;padding-top:25px}#inquiry-clients{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px}.inquiry-client{font-size:14px;line-height:1.2}.inquiry-form fieldset{padding:23px 20px 3px;margin-bottom:20px}.inquiry-form legend{font-size:21px}.choice-grid span{font-size:11px;padding:13px 10px}}
.portfolio-home .hero-frame:has(video){aspect-ratio:16/9}.studio-photo{grid-column:1/-1;aspect-ratio:2.15;margin-top:10px;border-radius:3px;display:block}.studio-photo img{transition:transform .6s,filter .5s}.studio-photo:hover img{transform:scale(1.025);filter:brightness(1.06)}.studio-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0008)}.service-page[data-service=rec-studio] .service-plate{aspect-ratio:16/10}.studio-feature{row-gap:45px}
@media(max-width:760px){.studio-photo{margin-top:30px;aspect-ratio:16/10}.studio-photo .frame-label{font-size:8px}.service-page[data-service=rec-studio] .service-plate{aspect-ratio:16/10}}
.project-view-label,.moment-view-label{position:absolute;right:20px;bottom:20px;font:8px Arial,sans-serif;letter-spacing:.08em;background:#101110aa;color:#eee;border:1px solid #ffffff50;border-radius:25px;padding:12px 17px;z-index:2;transition:background .3s,transform .3s}.project-open:hover .project-view-label,.moment-open:hover .moment-view-label{background:#eeeeee;color:#242424;transform:translateY(-3px)}.human-placeholder{bottom:65px}.moment-open{border-radius:3px}.moment-open:hover img,.moment-open:hover .project-art{transform:scale(1.035)}.dialog-visual{aspect-ratio:auto;min-height:220px}.dialog-visual>.project-art{position:relative;min-height:350px}.dialog-visual>img,.dialog-visual>video{height:auto;max-height:65svh;object-fit:contain;background:#111}.dialog-gallery{margin-top:45px;border-top:1px solid #ffffff25;padding-top:30px}.dialog-gallery-title{font:10px Arial,sans-serif;letter-spacing:.12em;margin:0 0 25px}.dialog-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.dialog-gallery-grid figure{margin:0}.dialog-gallery-grid img,.dialog-gallery-grid video{width:100%;height:auto;border-radius:3px;background:#111}.dialog-gallery-grid figcaption{font-size:11px;line-height:1.6;color:#aaa;margin-top:10px}#dialog-content>.pill-link{margin-top:30px;font-size:9px}.dialog-note{line-height:1.6}.dialog-close{position:sticky;top:0;background:#181818;padding:12px 18px;border:1px solid #ffffff25;border-radius:25px;z-index:5}
@media(max-width:760px){.dialog-gallery-grid{grid-template-columns:1fr}.project-view-label,.moment-view-label{font-size:7px;padding:10px 13px;bottom:15px;right:15px}.dialog-visual>.project-art{min-height:220px}.dialog-gallery{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.heading-enter{animation:none!important}.hero-frame,.hero-title,.reel-media{transform:none!important}.portfolio-home .gallery-section{height:auto}.portfolio-home .gallery-track{transform:none!important}}

/* Portrait with the real camera setup visible. */
.portfolio-home .portrait:has(img){aspect-ratio:4/5;max-height:620px}.portfolio-home .portrait img{object-position:center 65%}
.dialog-visual:has(img[src*="assets/bts/"]){aspect-ratio:4/5;max-height:75vh;background:#161616}.dialog-visual img[src*="assets/bts/"]{object-fit:contain}

/* Three personal perspectives, with the creator panel passing over them. */
.portfolio-home .hero{position:relative;padding-bottom:170px;overflow:clip}
.hero-portraits{position:relative;isolation:isolate;width:min(1020px,90%);height:580px;margin:75px auto 0;perspective:1200px}
.portrait-card{position:absolute;top:0;width:36%;height:500px;overflow:hidden;background:#d7d7d7;border:6px solid #e6e6e6;box-shadow:0 24px 60px #0005;will-change:transform}
.portrait-card-left{left:1%;top:43px;transform:rotate(-11deg);z-index:1}.portrait-card-center{left:32%;transform:rotate(-2deg);z-index:3}.portrait-card-right{right:0;top:72px;transform:rotate(8deg);z-index:2;height:465px}
.portrait-card img{object-fit:cover;object-position:center 65%;transition:filter .4s,scale .6s}.portrait-card:hover img{scale:1.025;filter:brightness(1.07)}
.portrait-slot{height:100%;padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:#555;background:linear-gradient(155deg,#dadada,#aaa)}.portrait-slot span{font-size:clamp(18px,2.5vw,36px);line-height:.98;letter-spacing:-.05em}.portrait-slot small{font:9px monospace;letter-spacing:.08em}.portrait-card-right .portrait-slot{background:#454545;color:#d5d5d5}
.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:18px;font:8px monospace;background:linear-gradient(transparent,#0009);color:#fff}
.portfolio-home .hero-bottom{position:relative;margin-top:30px}.portfolio-home .about{position:relative;z-index:5;margin-top:-260px;background:#eee;border-radius:26px 26px 0 0;box-shadow:0 -20px 60px #0002}
@media(max-width:760px){.hero-portraits{height:355px;margin-top:50px;width:96%}.portrait-card{width:43%;height:290px;border-width:3px}.portrait-card-center{left:29%;width:44%}.portrait-card-left{left:0;top:27px}.portrait-card-right{right:0;top:48px;height:275px}.portrait-slot{padding:14px}.portrait-slot small{font-size:6px}.portrait-caption{padding:10px;font-size:6px}.portfolio-home .hero{padding-bottom:135px}.portfolio-home .about{margin-top:-200px;border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){.hero-portraits,.portrait-card{will-change:auto}.portrait-card img{transition:none}}

/* Navigation as a quiet part of the wordmark system. */
.nav .menu-toggle,.inquiry-page .nav .menu-toggle{position:relative;display:inline-flex;align-items:center;min-width:94px;padding:15px 39px 15px 5px;border:0;border-radius:0;background:transparent;color:inherit;font-size:10px;letter-spacing:.14em;transition:opacity .25s}
.nav .menu-toggle:hover{background:transparent;opacity:.7}
.nav .menu-toggle:before,.nav .menu-toggle:after{content:'';position:absolute;right:0;width:24px;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s;transform-origin:center}
.nav .menu-toggle:before{top:18px}.nav .menu-toggle:after{top:25px;width:18px}
.nav .menu-toggle:hover:after{width:24px}.nav .menu-toggle[aria-expanded="true"]:before{transform:translateY(3.5px) rotate(45deg)}.nav .menu-toggle[aria-expanded="true"]:after{width:24px;transform:translateY(-3.5px) rotate(-45deg)}
.mobile-menu{border-radius:0;border-top:1px solid #ffffff50;box-shadow:0 24px 70px #0005}

#hero-title em{display:inline-block}.portrait-card-right img{object-position:center center}
@media(prefers-reduced-motion:reduce){#hero-title em{transform:none!important;will-change:auto}}

.portfolio-home .hero-bold-line{font-weight:700}.portfolio-home .about-head h2{font-size:clamp(38px,4.2vw,64px);line-height:1.1}
@media(max-width:760px){.portfolio-home .about-head h2{font-size:clamp(32px,9vw,48px)}}

/* Compact creator section with a clear section title. */
.portfolio-home .about{padding:65px 6vw 60px;gap:6vw;align-items:start}
.portfolio-home .about-head .eyebrow{margin-bottom:25px}
.portfolio-home .about-head h2{font-size:clamp(54px,7.5vw,112px);line-height:.93;letter-spacing:-.06em}
.creator-statement{font-size:15px;line-height:1.6;max-width:330px;margin-top:28px;color:#646464}
.portfolio-home .about-layout{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(200px,1.2fr);gap:24px;align-items:start}
.portfolio-home .portrait:has(img){aspect-ratio:3/4;max-height:310px;margin:0}
.portfolio-home .about-copy h3{font-size:21px;margin-bottom:14px}
.portfolio-home .about-copy p{font-size:13px;line-height:1.65}
.portfolio-home .about-copy .text-link{font-size:9px;line-height:1.5;margin-top:18px}
@media(max-width:1100px) and (min-width:761px){.portfolio-home .about{grid-template-columns:.8fr 1.2fr}.portfolio-home .about-layout{gap:18px}}
@media(max-width:760px){.portfolio-home .about{padding:42px 6vw 38px}.portfolio-home .about-head h2{font-size:clamp(52px,14vw,82px)}.portfolio-home .about-head .eyebrow{margin-bottom:20px}.creator-statement{margin-top:18px;font-size:13px}.portfolio-home .about-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;margin-top:26px}.portfolio-home .portrait:has(img){max-height:170px;aspect-ratio:3/4}.portfolio-home .portrait .frame-label,.portfolio-home .portrait .frame-corner{display:none}.portfolio-home .about-copy p{font-size:12px;line-height:1.6}.portfolio-home .about-copy h3{font-size:17px}.portfolio-home .about-copy .text-link{font-size:8px}}
@media(max-width:380px){.portfolio-home .about-layout{grid-template-columns:85px minmax(0,1fr);gap:14px}}

/* Small introduction card: copy left, portrait right. */
.portfolio-home .about{display:block;padding:38px 6vw 36px}
.portfolio-home .about-head{display:flex;align-items:center;gap:24px;margin-bottom:22px}
.portfolio-home .about-head .eyebrow{margin:0;flex-shrink:0}
.portfolio-home .about-head h2{font-size:clamp(32px,3.7vw,54px);line-height:1;letter-spacing:-.055em}
.portfolio-home .about-head h2 br{display:none}.portfolio-home .about-head h2 em{margin-left:.18em}
.portfolio-home .creator-statement{margin:0 0 0 auto;font-size:12px;max-width:240px}
.portfolio-home .about-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;max-width:950px;margin:0;align-items:center}
.portfolio-home .about-copy{position:relative;padding:24px 28px;background:#dedede;border:1px solid #ccc;border-radius:3px;overflow:hidden}
.portfolio-home .about-copy:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#333;transform-origin:top}
.portfolio-home .about-copy.heading-enter{animation:creator-box-enter .7s cubic-bezier(.2,.8,.2,1) both}
.portfolio-home .about-copy.heading-enter:before{animation:creator-line-enter .85s ease both}
.portfolio-home .about-copy h3{font-size:19px;margin-bottom:10px}.portfolio-home .about-copy p{font-size:13px;line-height:1.55;max-width:none}
.portfolio-home .about-copy p.muted{margin-top:8px}.portfolio-home .about-copy .text-link{margin-top:14px;display:inline-block}
.portfolio-home .portrait:has(img){width:150px;height:190px;max-height:190px;aspect-ratio:auto}
.portfolio-home .portrait .frame-label,.portfolio-home .portrait .frame-corner{display:none}
@keyframes creator-box-enter{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@keyframes creator-line-enter{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:760px){.portfolio-home .about{padding:30px 6vw}.portfolio-home .about-head{gap:12px;flex-wrap:wrap;margin-bottom:18px}.portfolio-home .about-head h2{font-size:clamp(30px,7.5vw,46px)}.portfolio-home .creator-statement{display:none}.portfolio-home .about-layout{grid-template-columns:minmax(0,1fr) 90px;gap:12px;margin:0;align-items:start}.portfolio-home .about-copy{padding:17px 15px}.portfolio-home .about-copy h3{font-size:16px}.portfolio-home .about-copy p{font-size:12px;line-height:1.5}.portfolio-home .portrait:has(img){width:90px;height:120px;max-height:120px}}
@media(prefers-reduced-motion:reduce){.portfolio-home .about-copy.heading-enter,.portfolio-home .about-copy.heading-enter:before{animation:none!important}}

.rec-values{padding-top:20px}.rec-motivation{max-width:760px;font-size:16px;line-height:1.65;color:#bbb;margin-bottom:40px}.rec-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rec-values-grid article{border:1px solid #ffffff45}.rec-values-grid h2{font-size:22px;letter-spacing:-.035em;padding:22px;border-bottom:1px solid #ffffff45}.rec-values-grid p{padding:22px;font-size:14px;line-height:1.6;color:#bbb}@media(max-width:760px){.rec-values-grid{grid-template-columns:1fr}.rec-values{padding-top:10px}.rec-motivation{font-size:14px}}

/* Only homepage Selected Work previews: monochrome to color on hover/focus. */
.portfolio-home #work .project-visual img,.portfolio-home #work .project-visual video,.portfolio-home #work .project-visual .project-art{filter:grayscale(1);transition:filter .55s ease,transform .65s cubic-bezier(.2,.8,.2,1);transform:scale(1)}
.portfolio-home #work .project-open:hover .project-visual img,.portfolio-home #work .project-open:hover .project-visual video,.portfolio-home #work .project-open:hover .project-visual .project-art,.portfolio-home #work .project-open:focus-visible .project-visual img,.portfolio-home #work .project-open:focus-visible .project-visual video,.portfolio-home #work .project-open:focus-visible .project-visual .project-art{filter:grayscale(0);transform:scale(1.035)}
.portfolio-home #work .project-open:focus-visible .project-visual{filter:brightness(1.1);box-shadow:0 12px 30px #00000018}
@media(prefers-reduced-motion:reduce){.portfolio-home #work .project-open:hover .project-visual img,.portfolio-home #work .project-open:hover .project-visual video,.portfolio-home #work .project-open:hover .project-visual .project-art,.portfolio-home #work .project-open:focus-visible .project-visual img,.portfolio-home #work .project-open:focus-visible .project-visual video,.portfolio-home #work .project-open:focus-visible .project-visual .project-art{transform:none}}

/* Creator rhythm aligned with the editorial sections. */
.portfolio-home .about{padding:65px 6vw 60px}
.portfolio-home .about-head{gap:28px;margin-bottom:34px}.portfolio-home .about-head h2{font-size:clamp(42px,5.6vw,82px)}
.portfolio-home .creator-statement{font-size:14px;max-width:270px;line-height:1.6}
.portfolio-home .about-layout{grid-template-columns:minmax(0,1fr) 220px;max-width:1100px;gap:50px;align-items:center}
.portfolio-home .about-copy{padding:28px 30px;background:#e5e5e5;border:0;border-radius:0;max-width:760px}
.portfolio-home .about-copy:before{width:1px;background:#aaa}.portfolio-home .about-copy h3{font-size:23px;margin-bottom:16px}
.portfolio-home .about-copy p{font-size:15px;line-height:1.75}.portfolio-home .about-copy p.muted{margin-top:14px}.portfolio-home .about-copy .text-link{font-size:10px;margin-top:22px}
.portfolio-home .portrait:has(img){width:220px;height:280px;max-height:280px}
@media(max-width:760px){.portfolio-home .about{padding:45px 6vw}.portfolio-home .about-head{gap:18px;margin-bottom:26px}.portfolio-home .about-head h2{font-size:clamp(38px,10vw,60px)}.portfolio-home .about-layout{grid-template-columns:minmax(0,1fr);gap:24px}.portfolio-home .about-copy{padding:24px}.portfolio-home .about-copy h3{font-size:21px}.portfolio-home .about-copy p{font-size:14px;line-height:1.7}.portfolio-home .portrait:has(img){width:150px;height:190px;max-height:190px;justify-self:end}}

.portfolio-home .reel-overlay h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.065em}

/* Open creator layout matching the surrounding editorial sections. */
.portfolio-home .about-layout{max-width:none;width:100%;grid-template-columns:minmax(0,1fr) 220px;gap:clamp(30px,5vw,75px)}
.portfolio-home .about-copy{background:transparent;border:0;padding:0;max-width:850px;overflow:visible}
.portfolio-home .about-copy:before{display:none}
.portfolio-home .portrait:has(img){justify-self:end}
@media(max-width:760px){.portfolio-home .about-layout{grid-template-columns:minmax(0,1fr) 120px;gap:24px;align-items:start}.portfolio-home .portrait:has(img){width:120px;height:160px;max-height:160px}.portfolio-home .about-copy{padding:0}.portfolio-home .about-copy p{font-size:13px;line-height:1.65}}
@media(max-width:480px){.portfolio-home .about-layout{grid-template-columns:minmax(0,1fr);gap:22px}.portfolio-home .portrait:has(img){width:150px;height:190px;max-height:190px;justify-self:start}}

.portfolio-home .project:first-child{grid-column:auto}.portfolio-home .project:first-child .project-visual{aspect-ratio:1.65}

.client-logo img[src$=".svg"]{filter:brightness(0);opacity:.7}.client-logo img[src$=".png"]{mix-blend-mode:multiply}.client-wordmark{font-size:20px;text-align:center}.client-track{animation-duration:65s}

.client-logo img[src*="fk-performance"]{filter:grayscale(1) invert(1)}

/* Equal slots and a fixed gap, including the repeating-group seam. */
.client-group{min-width:0;justify-content:flex-start;gap:64px;padding:0 32px}
.client-logo{width:180px;height:84px;flex:0 0 180px}
.client-logo img{display:block;width:160px;height:44px;max-width:160px;max-height:44px;object-fit:contain}
.client-logo .client-wordmark,.client-logo .client-fallback{font-family:Arial,sans-serif;font-size:22px;font-weight:600;line-height:1.1;letter-spacing:-.035em;font-style:normal;text-transform:none}
@media(max-width:760px){.client-group{gap:40px;padding:0 20px}.client-logo{width:150px;height:70px;flex-basis:150px}.client-logo img{width:135px;height:38px;max-width:135px;max-height:38px}.client-logo .client-wordmark,.client-logo .client-fallback{font-size:20px}}
@media(prefers-reduced-motion:reduce){.client-group{width:100%;min-width:0;justify-content:center;gap:30px;padding:0 6vw;flex-wrap:wrap}}

/* Legal information, accessible status and stable media. */
.legal-footer{padding:28px 6vw;background:#111;color:#eee;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff25;font-size:14px;line-height:1.6}.legal-footer nav{display:flex;flex-wrap:wrap;gap:24px}.legal-footer a:hover{text-decoration:underline}.legal-page{background:#eee;color:#222}.legal-header{padding:28px 6vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.legal-header>a:last-child{font-size:13px}.legal-content{max-width:900px;padding:65px 6vw 90px;margin:auto;min-height:70vh}.legal-content h1{font-size:clamp(40px,7vw,80px);overflow-wrap:anywhere}.legal-content h2{font-size:24px;line-height:1.25;margin:0 0 16px}.legal-content section{margin-top:38px}.legal-content p{font-size:16px;line-height:1.75;overflow-wrap:anywhere}.legal-content a{text-decoration:underline;text-underline-offset:3px}.legal-draft{padding:20px;border:1px solid #555;margin-top:30px}.legal-placeholder{background:#dedede;padding:4px 6px;box-decoration-break:clone}.thanks-content{min-height:85svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px}.thanks-message{max-width:600px;line-height:1.7}.inquiry-form .email-fallback{display:inline-block;margin:22px 0;font-size:14px;text-decoration:underline}.inquiry-form .field-hint,.inquiry-form .privacy-note{font-size:14px;line-height:1.65}.inquiry-form #form-status{font-size:15px;line-height:1.6;color:#222}.inquiry-client img{filter:brightness(0);mix-blend-mode:multiply}.inquiry-client img[src$="fk-performance.png"]{filter:grayscale(1) invert(1)}.project-media-placeholder{position:absolute;left:18px;top:18px;z-index:2;background:#111;color:#eee;padding:10px 12px;font-size:12px}.media-frame>img{aspect-ratio:inherit}.legal-page :focus-visible,.inquiry-page :focus-visible,.services :focus-visible{outline:3px solid #222;outline-offset:5px}.legal-footer :focus-visible{outline:3px solid #eee;outline-offset:5px}
@media(max-width:760px){.legal-footer,.legal-header{flex-direction:column;align-items:flex-start}.legal-content{padding-top:35px}.legal-footer nav{gap:18px}.legal-content h1{font-size:clamp(35px,9vw,60px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}