:root{--paper:#e8edce;--ink:#191b18;--muted:#72775f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #adbd62;outline-offset:7px}.skip{position:fixed;top:-80px;z-index:5;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:10px}header{height:100px;padding:22px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff23}.logo{font-size:22px;line-height:.85;font-weight:900;letter-spacing:-1px;display:inline-flex;flex-direction:column}.logo span{letter-spacing:4px;font-size:16px;margin-top:5px}nav{display:flex;align-items:center;gap:42px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.navcta{border:1px solid #e8edce77;padding:14px 18px}.navcta span{margin-left:26px}.intro{background:var(--paper);color:var(--ink);padding:35px 4% 40px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;line-height:1.6}.intro .eyebrow{display:flex;justify-content:space-between}h1{font-size:clamp(56px,7.8vw,130px);font-weight:500;letter-spacing:-.065em;line-height:.97;margin:55px 0 34px}h1>span{color:var(--muted)}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.intro-bottom p{font-size:15px;line-height:1.5;margin:0}.circle-link{display:flex;align-items:center;gap:25px;font-size:12px}.circle-link span{border:1px solid #191b1844;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:20px}.hero{height:650px;position:relative;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.6)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#111a20aa,transparent 65%)}.hero-top,.hero-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px}.hero-top{top:28px}.hero-title{position:absolute;left:4%;bottom:100px;font-size:clamp(70px,9vw,145px);line-height:.86;letter-spacing:-.065em}.hero-bottom{bottom:25px}.hero-bottom a{font-size:42px}.credentials{display:flex;justify-content:space-between;align-items:center;padding:28px 4%;border-bottom:1px solid #e8edce33;gap:20px}.credentials span{font-size:9px;letter-spacing:1px;color:#a3a88f}.credentials p{font-size:19px;margin:0;letter-spacing:-.5px}.section{padding:90px 4%}.section-head{display:flex;justify-content:space-between;align-items:end}h2{font-size:clamp(40px,5vw,80px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:25px 0 0}.section-head p{font-size:14px;line-height:1.5;color:#a8ad98}.filters{display:flex;gap:26px;margin:40px 0 24px;border-bottom:1px solid #e8edce33}.filters button{padding:12px 0;background:none;border:0;color:#969c87;font-size:12px;cursor:pointer;border-bottom:2px solid transparent}.filters button[aria-pressed=true]{color:var(--paper);border-color:var(--paper)}sup{font-size:9px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px}.project.wide{grid-column:1/-1}.poster{height:390px;position:relative;overflow:hidden;padding:6%;display:flex;align-items:center;transition:filter .4s,transform .4s}.project.wide .poster{height:500px}.poster-word{font-size:clamp(55px,8vw,125px);font-weight:900;letter-spacing:-.07em;line-height:.82;z-index:1}.narrative{background:radial-gradient(ellipse at 70% 110%,#bd754d 0,transparent 55%),linear-gradient(130deg,#0d2529,#476968);color:#e1dec8}.narrative:after{content:'';height:150%;width:20%;background:#0e191a88;position:absolute;right:18%;transform:rotate(22deg)}.commercial{background:radial-gradient(ellipse at 20% 100%,#ee9061,transparent 70%),#c64828;color:#f4d3a3}.music{background:radial-gradient(ellipse at 90% 60%,#dc637b,transparent 60%),linear-gradient(45deg,#292049,#795568);color:#e9c4cf}.frame,.preview-tag{position:absolute;bottom:22px;font-size:9px;letter-spacing:1.5px;z-index:2}.frame{left:22px}.preview-tag{right:22px;opacity:.75}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px}.project-caption h3{font-size:20px;font-weight:400;margin:0}.project-caption span{font-size:11px;color:#a8ad98}.template-note{font-size:11px;color:#9ea48d;line-height:1.6;margin-top:30px}.about{background:var(--paper);color:var(--ink)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:25px}.about h2{margin:0}.about p{font-size:14px;line-height:1.7;color:#535847}.about .lead{font-size:25px;line-height:1.4;letter-spacing:-.6px;margin-top:0;color:var(--ink)}.text-link{display:block;border-bottom:1px solid #191b1866;padding:20px 0 14px;font-size:13px}.text-link span{float:right}.services>a{display:grid;grid-template-columns:50px 1fr 1fr 35px;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid #e8edce33}.services>a>span{font-size:10px;color:#a8ad98}.services h3{font-size:clamp(25px,3vw,45px);font-weight:400;letter-spacing:-1px;margin:0}.services p{font-size:13px;color:#a8ad98;line-height:1.6}.services b{font-size:30px;font-weight:400}.contact{background:var(--paper);color:var(--ink)}.contact h2{position:relative;font-size:clamp(48px,7.5vw,115px);margin:40px 0}.contact h2>span{position:absolute;right:0;top:0}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:14px;line-height:1.6}.solid-link{background:var(--ink);color:var(--paper);padding:22px 30px;font-size:13px;white-space:nowrap}details{border-top:1px solid #191b1833;margin-top:50px;padding-top:22px}summary{cursor:pointer;font-size:12px;list-style:none}summary span{float:right}.reps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:30px}.reps span{display:block;font-size:9px;letter-spacing:1px;color:#60664f;margin-bottom:12px}.reps a{font-size:14px}footer{padding:40px 4%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span,footer>a:not(.logo){font-size:10px;letter-spacing:.5px}[hidden]{display:none!important}a,button{transition:opacity .2s}a:hover{opacity:.75}@media(max-width:700px){header{height:80px}.logo{font-size:17px}.logo span{font-size:12px}nav{gap:18px;font-size:10px;letter-spacing:.5px}.navcta{padding:11px}.navcta span{margin-left:10px}.intro{padding:25px 5% 30px}.intro .eyebrow{font-size:8px;gap:15px}.intro .eyebrow span:last-child{max-width:100px;text-align:right}h1{margin-top:45px;font-size:clamp(46px,10.5vw,74px)}.intro-bottom p{font-size:12px}.circle-link{font-size:10px;gap:10px}.circle-link span{height:34px;width:34px}.hero{height:480px}.hero-top{font-size:8px}.hero-top span:last-child{display:none}.hero-title{font-size:80px}.hero-bottom{font-size:8px}.credentials{flex-wrap:wrap;justify-content:center;padding:25px 5%;gap:15px 25px}.credentials span{display:none}.credentials p{font-size:15px}.section{padding:60px 5%}.section-head{align-items:start;gap:20px}.section-head p{display:none}h2{font-size:43px}.filters{gap:22px;overflow:auto;white-space:nowrap}.filters button{font-size:11px}.projects{grid-template-columns:1fr;gap:32px}.project.wide{grid-column:auto}.poster,.project.wide .poster{height:340px}.poster-word{font-size:80px}.project-caption span{font-size:10px}.about-grid{grid-template-columns:1fr;gap:30px}.about .lead{font-size:22px}.services>a{grid-template-columns:22px 1fr 25px;gap:10px;padding:25px 0}.services p{grid-column:2;grid-row:2;margin:0}.services b{grid-column:3;grid-row:1}.contact h2{font-size:clamp(42px,9vw,65px)}.contact h2>span{position:static;margin-left:15px}.contact-bottom{align-items:start;flex-direction:column}.reps{grid-template-columns:1fr;gap:25px}footer{flex-wrap:wrap;padding:35px 5%}footer .logo{width:45%}footer>span{width:45%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* A louder director's cut: warm paper, acid accents, Miami after dark. */
:root{--paper:#eeefdc;--muted:#777967;--acid:#d5fc59;--coral:#ff6d48}
header{background:#171a18}.logo{position:relative}.logo:after{content:'';width:7px;height:7px;background:var(--coral);border-radius:50%;position:absolute;right:-14px;top:0}.navcta{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.intro{position:relative;background:radial-gradient(ellipse at 100% 0%,#d5fc5938,transparent 60%),var(--paper)}h1>span{color:#747665}h1{animation:opening .8s ease-out both}.intro .eyebrow>span:last-child:before{content:'●';color:#788a3b;margin-right:8px}.circle-link span{background:var(--acid);border-color:transparent;transform:rotate(-25deg)}.circle-link:hover span{transform:rotate(0)}.circle-link span{transition:transform .3s}.hero img{filter:brightness(.65) saturate(1.25)}.hero-shade{background:linear-gradient(90deg,#220a2833,transparent),linear-gradient(0deg,#101714aa,transparent 65%)}.hero-title{font-style:italic;font-weight:600;max-width:90%;font-size:clamp(65px,8.6vw,135px)}.hero-top{color:#e4f4c0}.hero-bottom a{color:var(--acid)}
.ticker{overflow:hidden;background:var(--acid);color:var(--ink);padding:19px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.ticker>div{display:flex;align-items:center;gap:32px;width:max-content;font-size:30px;font-weight:700;letter-spacing:-1px;animation:roll 32s linear infinite}.ticker i{font-style:normal;font-size:33px}.credentials p:first-of-type:before{content:'✳';color:var(--acid);margin-right:12px}.section-head .eyebrow,.services>.eyebrow{color:var(--acid)}.filters button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.poster{isolation:isolate}.poster:before{content:'';position:absolute;inset:12px;border:1px solid #ffffff30;z-index:3;pointer-events:none}.poster-word{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.poster:hover .poster-word{transform:translate(8px,-6px) rotate(-3deg)}.narrative{background:radial-gradient(ellipse at 75% 100%,#db7637,transparent 55%),linear-gradient(130deg,#102d30,#386869)}.commercial{background:radial-gradient(ellipse at 10% 100%,#ffad58,transparent 65%),#f15c37;color:#2c261b}.music{background:radial-gradient(ellipse at 100% 40%,#ff548c,transparent 65%),linear-gradient(45deg,#20114a,#603ba3);color:#ead8ef}.music .poster-word{transform:rotate(-6deg)}.music:hover .poster-word{transform:rotate(0deg) translateX(8px)}.frame,.preview-tag{bottom:25px}.about{background:var(--paper);position:relative}.about .eyebrow:after{content:'';color:#747965}.about h2{max-width:600px}.text-link:hover{color:#6c762f}.services>a:hover{color:var(--acid);opacity:1}.services>a>b{transition:transform .25s}.services>a:hover>b{transform:translate(5px,-5px)}.contact{background:var(--acid)}.contact h2>span{color:#4b5a1e}.solid-link{transition:transform .25s,box-shadow .25s}.solid-link:hover{opacity:1;transform:translate(-4px,-4px);box-shadow:5px 5px 0 #7c9635}footer .logo{color:var(--acid)}
@keyframes roll{to{transform:translateX(-50%)}}@keyframes opening{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.ticker{padding:14px 0}.ticker>div{font-size:22px;gap:24px}.hero-title{font-size:clamp(54px,12vw,82px)}.hero-top{max-width:90%;line-height:1.6}.about .eyebrow:after{content:''}.contact h2>span{display:inline-block}.intro h1{font-size:clamp(44px,10.3vw,72px)}}
@media(prefers-reduced-motion:reduce){.ticker>div,h1{animation:none}.poster:hover .poster-word,.music .poster-word,.music:hover .poster-word{transform:none}}
.ticker{position:relative}.motion-toggle{position:absolute;right:8px;top:7px;z-index:4;background:var(--ink);color:var(--acid);border:0;width:30px;height:30px;cursor:pointer}.ticker.paused>div{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
/* Independent direction: an immersive film opening and editorial index. */
:root{--paper:#e8e3da;--ink:#181715;--muted:#a69f92;--acid:#ff7043;--coral:#ff7043}body{background:var(--ink);color:var(--paper)}header{position:absolute;top:0;left:0;right:0;z-index:5;background:transparent;border-bottom:1px solid #fff3;height:100px}.logo{font-size:19px}.logo span{letter-spacing:5px;font-size:13px}.logo:after{display:none}.navcta{border:0;background:var(--acid);color:#181715}.opening{position:relative;min-height:830px;height:100svh;max-height:1200px;overflow:hidden;isolation:isolate}.opening-image,.opening-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.opening-image{filter:brightness(.6) saturate(.55);object-position:50% 60%}.opening-overlay{z-index:-1;background:linear-gradient(90deg,#171513c9,transparent 95%),linear-gradient(0deg,#181715,transparent 65%)}.opening-meta{position:absolute;top:135px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;line-height:1.6;letter-spacing:1.5px}.opening-meta>span:last-child{text-align:right}.opening-copy{position:absolute;left:4%;right:4%;bottom:100px}.opening-kicker{font-size:10px;letter-spacing:2px;color:var(--acid);margin-bottom:24px}.opening h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(90px,12.5vw,200px);line-height:.82;letter-spacing:-.04em;margin:0;animation:none}.opening h1 em{font-family:Georgia,serif;font-weight:400;color:var(--acid);font-size:.88em;letter-spacing:-.07em}.opening-foot{display:flex;align-items:end;justify-content:space-between;margin-top:36px;gap:30px}.opening-foot p{font-size:13px;line-height:1.6;margin:0;color:#c5bfb5}.opening-link{font-size:10px;letter-spacing:1px;border-bottom:1px solid #8a8072;padding-bottom:12px;min-width:210px;display:flex;justify-content:space-between;align-items:center}.opening-link span{font-size:32px;color:var(--acid)}.opening-bottom{position:absolute;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#a79e90}.ticker{display:none}.credentials{border-top:1px solid #ffffff25;padding:28px 4%;background:#211f1b}.credentials p{font-family:Georgia,serif;font-style:italic;font-size:22px}.credentials p:first-of-type:before{display:none}.section{padding:100px 6%}.section-head{align-items:center}.section-head h2{font-size:clamp(70px,8vw,130px);font-weight:900;line-height:.83;letter-spacing:-.065em}.section-head h2 em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.section-head p{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#b8afa0}.filters{justify-content:flex-end;margin-top:-20px;border-bottom:0;gap:25px;margin-bottom:50px}.filters button{color:#aca292}.filters button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.projects{display:flex;flex-direction:column;gap:0}.project{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center;padding:40px 0;border-top:1px solid #ffffff30}.project:nth-child(2){grid-template-columns:1fr 1.3fr}.project:nth-child(2) .poster{order:2}.project:nth-child(2) .project-caption{order:1;padding-left:10%}.poster,.project.wide .poster{height:350px}.poster:before{inset:10px}.poster-word{font-size:clamp(50px,5.5vw,88px);letter-spacing:-.055em}.project-caption{display:block;position:relative}.project-caption:before{display:block;content:'A CINEMATIC POINT OF VIEW';font-size:9px;letter-spacing:1.3px;color:#a49a89;margin-bottom:28px}.project:nth-child(2) .project-caption:before{content:'IDEAS WITH SOMETHING TO SAY'}.project:nth-child(3) .project-caption:before{content:'SOUND INTO SIGHT'}.project-caption h3{font-family:Georgia,serif;font-style:italic;font-size:clamp(32px,4vw,60px);margin-bottom:20px}.project-caption span{font-size:13px;color:#a99e8d;line-height:1.6}.narrative{background:radial-gradient(ellipse at 80% 110%,#d4a372,transparent 55%),#334139;color:#e7dfcd}.commercial{background:#cf492b;color:#efc6a2}.music{background:radial-gradient(ellipse at 10% 100%,#b04532,transparent 65%),#392c47;color:#d4bfc4}.music .poster-word{transform:none}.about{background:var(--acid);color:#201b16;position:relative;overflow:hidden}.about-grid{grid-template-columns:1.15fr 1fr;gap:8%;align-items:end}.about h2{font-size:clamp(40px,4.8vw,80px);font-weight:800;letter-spacing:-.06em;line-height:.98}.about h2 em{font-family:Georgia,serif;font-weight:400}.about .lead{font-size:22px;color:#201b16}.about p{color:#4c2d20}.about .eyebrow:after{content:''}.director-stamp{position:absolute;right:6%;top:42px;transform:rotate(9deg);font-size:10px;letter-spacing:1px;line-height:1.3;border:1px solid #38271c80;padding:15px;text-align:center}.about .text-link{border-color:#38271c80}.about .text-link:hover{color:#201b16}.services{padding-top:70px;padding-bottom:70px}.services>a{grid-template-columns:45px 1fr 1fr 35px}.services h3{font-family:Georgia,serif;font-style:italic;font-size:36px}.contact{background:#e8e3da;color:#201b16}.contact h2{font-size:clamp(70px,10vw,155px);font-weight:900;line-height:.85;letter-spacing:-.065em}.contact h2 em{font-family:Georgia,serif;font-weight:400;color:#b44025}.contact h2>span{display:none}.contact-bottom{margin-top:45px}.solid-link{background:#b44025;color:#fff0e7}.solid-link:hover{box-shadow:5px 5px 0 #c9bca8}.contact summary{color:#5c5143}footer .logo{color:var(--paper)}.reps span{color:#726552}.template-note{color:#9e9383}.frame,.preview-tag{font-size:8px}.poster:hover .poster-word{transform:translateX(5px)}
@media(min-width:1600px){.opening-copy{bottom:13%}}
@media(max-width:700px){header{height:80px;padding:20px 5%}nav{gap:15px}.navcta{padding:10px}.opening{height:93svh;min-height:680px;max-height:900px}.opening-meta{top:110px;left:5%;right:5%;font-size:8px}.opening-copy{left:5%;right:5%;bottom:90px}.opening-kicker{font-size:8px;letter-spacing:1.4px}.opening h1{font-size:clamp(64px,12.8vw,100px);line-height:.95}.opening h1 em{font-size:.85em}.opening-foot{flex-direction:column;align-items:start;gap:25px;margin-top:25px}.opening-foot p{font-size:12px}.opening-link{min-width:180px}.opening-bottom{left:5%;right:5%;gap:25px;font-size:7px;line-height:1.5}.opening-bottom span:last-child{max-width:145px;text-align:right}.credentials{gap:20px;padding:25px 5%}.credentials p{font-size:16px}.section{padding:65px 5%}.section-head h2{font-size:70px}.filters{margin-top:30px;justify-content:start;margin-bottom:20px;gap:20px}.project,.project:nth-child(2){grid-template-columns:1fr;gap:22px;padding:30px 0}.project:nth-child(2) .poster,.project:nth-child(2) .project-caption{order:initial}.project:nth-child(2) .project-caption{padding-left:0}.poster,.project.wide .poster{height:330px}.poster-word{font-size:75px}.project-caption:before{margin-bottom:13px;font-size:8px}.project-caption h3{font-size:36px;margin-bottom:10px}.project-caption{padding:0}.about-grid{grid-template-columns:1fr;gap:30px;margin-top:55px}.about h2{font-size:48px}.director-stamp{top:25px;right:5%;font-size:8px;padding:8px}.services>a{grid-template-columns:22px 1fr 25px}.services h3{font-size:30px}.contact h2{font-size:clamp(58px,12vw,85px)}.contact-bottom{margin-top:30px}.reps{grid-template-columns:1fr}}
/* Light edition: warm paper, open compositions, and a brighter film frame. */
:root{--paper:#f7f3eb;--ink:#282621;--muted:#827b70;--acid:#bd4b2c;--coral:#bd4b2c}body{background:var(--paper);color:var(--ink)}header{color:var(--ink);border-color:#28262126;background:linear-gradient(#f7f3ebee,#f7f3ebc9)}.navcta{background:#bd4b2c;color:#fff8ef}.opening{background:#ddd1bb;min-height:790px}.opening-image{filter:brightness(1.12) saturate(.65);opacity:.73;object-position:50% 55%}.opening-overlay{background:linear-gradient(90deg,#f7f3ebc7,#f7f3eb22 95%),linear-gradient(0deg,#f7f3eb 1%,#f7f3eb6e 52%,#f7f3eb22 85%)}.opening-meta{color:#494237}.opening-kicker{color:#8e3b24;font-weight:600}.opening h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(85px,11.5vw,180px);line-height:.88;letter-spacing:-.075em}.opening h1 em{color:#a13d25;font-size:.9em}.opening-foot p{color:#4f493e}.opening-link{border-color:#6b604f;color:#282621}.opening-link span{color:#a13d25}.opening-bottom{color:#625b4e}.credentials{background:#eee8dd;border-top:1px solid #28262126;border-bottom:1px solid #28262126}.credentials span{color:#71685b}.credentials p{color:#3e382f;font-size:21px}.section{padding-top:115px;padding-bottom:115px}.section-head h2{font-weight:500;font-size:clamp(65px,7.5vw,120px);line-height:.9}.section-head h2 em{color:#ad442a}.section-head .eyebrow,.services>.eyebrow{color:#8b432d}.section-head p{color:#766a5a}.filters button{color:#756d60}.filters button[aria-pressed=true]{color:#9a3c25;border-color:#9a3c25}.project{border-color:#28262130;padding-top:45px;padding-bottom:45px}.project-caption:before{color:#85745f}.project-caption h3{color:#342e26}.project-caption span{color:#736858}.template-note{color:#7a6d5c}.narrative{background:radial-gradient(ellipse at 80% 110%,#e6bd89,transparent 60%),#638077;color:#fff0d8}.commercial{background:#d76d47;color:#fff1d8}.music{background:radial-gradient(ellipse at 10% 100%,#df8c76,transparent 65%),#8a7696;color:#fff0e5}.poster-word{font-weight:600}.poster:before{border-color:#fff6}.about{background:#eaddca;color:#342d25}.about .lead{color:#342d25;font-size:24px}.about p{color:#625646}.about h2{font-weight:500;line-height:1.04}.about h2 em{color:#a24328}.director-stamp{color:#8b492f;border-color:#a5795c}.about .eyebrow{color:#7b5c42}.about .text-link{color:#7c3b24;border-color:#9d7d61}.services{background:#f7f3eb}.services>a{border-color:#28262130;padding-top:35px;padding-bottom:35px}.services>a>span,.services p{color:#7d705e}.services>a:hover{color:#a13d25}.contact{background:#f0cdb6;color:#382a22}.contact h2{font-weight:500;font-size:clamp(65px,9.5vw,145px);line-height:.94}.contact h2 em{color:#973e27}.contact-bottom p{color:#5d4536}.solid-link{background:#a94329;color:#fff8ef}.solid-link:hover{box-shadow:5px 5px 0 #d5a488}.contact summary{color:#644838}.contact details{border-color:#ac806555}.reps span{color:#7a5540}footer{background:#f7f3eb;border-top:1px solid #28262126;color:#685c4d}footer .logo{color:#382f26}
@media(max-width:700px){.opening{min-height:690px}.opening-image{object-position:58% 50%;opacity:.68}.opening-overlay{background:linear-gradient(90deg,#f7f3ebbf,#f7f3eb44),linear-gradient(0deg,#f7f3eb,#f7f3eb33 85%)}.opening h1{font-size:clamp(60px,12.5vw,98px)}.opening-meta{font-size:8px}.opening-bottom{font-size:7px}.section{padding-top:75px;padding-bottom:75px}.section-head h2{font-size:65px}.project{padding-top:30px;padding-bottom:30px}.credentials p{font-size:16px}.about h2{font-size:46px}.about .lead{font-size:22px}.contact h2{font-size:clamp(55px,11.8vw,83px)}}
.clients{padding:28px 0 38px;background:#eee8dd;border-top:1px solid #28262126;border-bottom:1px solid #28262126;overflow:hidden}.clients-heading{padding:0 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;color:#71685b;font-size:9px;letter-spacing:1.4px}.client-pause{background:none;border:1px solid #8b7c6655;color:#625643;padding:8px 12px;font-size:10px;cursor:pointer}.client-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-track{display:flex;width:max-content;animation:clientScroll 38s linear infinite}.client-set{display:flex;align-items:center;flex-shrink:0}.client-logo{width:225px;height:100px;display:flex;align-items:center;justify-content:center;padding:12px 32px}.client-logo img{width:100%;height:76px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.68}.clients.is-paused .client-track,.clients:hover .client-track,.clients:focus-within .client-track{animation-play-state:paused}@keyframes clientScroll{to{transform:translateX(-50%)}}@media(max-width:700px){.clients{padding:22px 0 25px}.clients-heading{padding:0 5%;font-size:8px;letter-spacing:1px}.client-logo{width:180px;height:85px;padding:10px 28px}.client-logo img{height:65px}}@media(prefers-reduced-motion:reduce){.client-track{animation:none;width:100%;display:block}.client-set{flex-wrap:wrap;justify-content:center}.client-set[aria-hidden=true]{display:none}.client-logo{width:170px}.client-pause{display:none}.client-window{mask-image:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Reel opening and accessible full-film player. */
.opening .reel-loop{opacity:1;filter:brightness(1.03) saturate(.9)}
.opening-overlay{background:linear-gradient(0deg,#f7f3eb 0%,#f7f3ebbd 12%,#f7f3eb14 48%,#f7f3eb70 100%)}
.opening-meta{background:#f7f3ebd9;padding:12px 16px;width:calc(100% - 8%);left:4%;right:auto}
.reel-actions{display:flex;align-items:center;gap:24px}.watch-reel{display:flex;align-items:center;gap:38px;background:#a94329;color:#fff8ef;padding:18px 24px;font-size:14px}.watch-reel span{font-size:12px}.loop-toggle{background:#f7f3ebdd;color:#443d32;border:1px solid #87776477;padding:9px 12px;font-size:10px;cursor:pointer}.loop-toggle:focus-visible{outline:3px solid #a94329;outline-offset:4px}.opening-bottom{align-items:center}.reel-dialog{background:#f7f3eb;color:#282621;width:min(1100px,94vw);max-width:94vw;padding:20px;border:0;max-height:94svh;overflow:auto}.reel-dialog::backdrop{background:#171513e8}.reel-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.reel-dialog-head h2{font:16px Arial,sans-serif;letter-spacing:0;margin:0}.close-reel{background:none;border:1px solid #8b7c6688;padding:10px 16px;color:inherit;cursor:pointer}.reel-player{aspect-ratio:16/9;background:#171513}.reel-player iframe{width:100%;height:100%;border:0}.reel-dialog>p{font-size:12px;margin:15px 0 0}
@media(max-width:700px){.reel-actions{align-items:start;flex-direction:column;gap:18px}.opening-copy{bottom:100px}.opening-foot{gap:20px}.watch-reel{padding:15px 20px}.reel-actions .opening-link{font-size:9px;padding-bottom:7px}.reel-actions .opening-link span{font-size:23px}.opening-meta{width:90%;left:5%}.opening-bottom{gap:10px}.reel-dialog{padding:12px}.reel-dialog-head h2{font-size:13px}}

header .personal-brand{font-size:21px;font-weight:600;letter-spacing:-.6px;line-height:1.1}header .personal-brand span{font-size:10px;font-weight:400;letter-spacing:2.2px;margin-top:7px}@media(max-width:700px){header .personal-brand{font-size:16px}header .personal-brand span{font-size:8px;letter-spacing:1.8px}header nav{gap:12px}header .navcta{padding:10px}}

.opening-foot{justify-content:flex-end}@media(max-width:700px){.opening-foot{align-items:flex-end}}

/* Black opening with red actions. */
header{background:#000;color:#f7f3eb;border-bottom:1px solid #ffffff24}header .personal-brand{color:#f7f3eb}.opening{background:#000;color:#f7f3eb}.opening .reel-loop{filter:none;opacity:1}.opening-overlay{background:linear-gradient(0deg,#000 0%,#000000b3 10%,transparent 40%)}.opening-bottom{color:#c2c2c2}.navcta,.watch-reel,.loop-toggle{background:#be3827;color:#fff;border-color:#be3827}.loop-toggle:focus-visible{outline-color:#fff}@media(max-width:700px){.opening-overlay{background:linear-gradient(0deg,#000 0%,#000000b3 13%,transparent 45%)}}

.opening-bottom{justify-content:flex-end}.services>a{grid-template-columns:1fr 1fr 35px}@media(max-width:700px){.services>a{grid-template-columns:1fr 25px}.services p{grid-column:1;grid-row:2}.services b{grid-column:2;grid-row:1}}

/* Black throughout, allowing the films to carry the color. */
:root{--paper:#eeeeea;--ink:#000;--acid:#c33d2b;--coral:#c33d2b;--muted:#aaa7a1}
body{background:#000;color:#eeeeea}.work,.services,.about,.contact,footer{background:#000;color:#eeeeea}.clients{background:#101010;border-color:#ffffff24}.clients-heading{color:#aaa7a1}.client-pause{color:#ddd;border-color:#ffffff44}.client-logo img{filter:grayscale(1) brightness(0) invert(1);opacity:.78}.section-head h2,.project-caption h3,.about h2,.about .lead,.services h3,.contact h2,footer .logo{color:#eeeeea}.section-head h2 em,.about h2 em,.contact h2 em{color:#e2533c}.section-head p,.project-caption span,.template-note,.about p,.services p,.services>a>span,.contact-bottom p,footer{color:#aaa7a1}.project-caption:before{color:#96938d}.section-head .eyebrow,.about .eyebrow,.services>.eyebrow,.contact .eyebrow{color:#e77965}.filters button{color:#aaa7a1}.filters button[aria-pressed=true]{color:#f07862;border-color:#e2533c}.project,.services>a,footer,.contact details{border-color:#ffffff29}.about .text-link{color:#eee;border-color:#ffffff44}.about .text-link:hover,.services>a:hover{color:#f07862}.director-stamp{color:#c3b6af;border-color:#ffffff44}.solid-link{background:#be3827;color:#fff}.solid-link:hover{box-shadow:5px 5px 0 #67251c}.contact summary,.reps a{color:#ddd}.reps span{color:#aaa7a1}.contact{border-top:1px solid #ffffff29}.about{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29}

.project-caption:before,.project:nth-child(2) .project-caption:before,.project:nth-child(3) .project-caption:before{content:none;display:none}.project-caption h3{margin-bottom:0}
.project-caption h3{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.045em;font-size:clamp(32px,4vw,60px)}@media(max-width:700px){.project-caption h3{font-size:36px}}

@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/bebas-neue.woff2')}
.project-caption h3{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.025em;line-height:.95;font-size:clamp(52px,6vw,92px)}@media(max-width:700px){.project-caption h3{font-size:54px}}

.film-preview{padding:0;background:#000}.film-preview:before,.film-preview:after{display:none}.film-preview .category-preview{width:100%;height:100%;object-fit:contain;display:block}.category-pause{position:absolute;right:12px;bottom:12px;z-index:4;background:#000c;color:#fff;border:1px solid #fff6;padding:8px 11px;font-size:10px;cursor:pointer}.category-pause:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Category entrances replace the redundant filter bar. */
.work{padding-top:75px}.work .section-head h2{margin-top:0;font-size:clamp(56px,6vw,92px)}.work .section-head{margin-bottom:35px}.project{grid-template-columns:1.7fr 1fr;gap:5%;padding:32px 0}.project:nth-child(2){grid-template-columns:1fr 1.7fr}.project:nth-child(2) .project-caption{padding-left:0}.poster,.project.wide .poster{height:auto;aspect-ratio:16/9;min-height:0}.category-entry{display:flex;width:100%;height:100%;align-items:center;color:inherit}.film-preview .category-entry{position:absolute;inset:0}.category-entry:hover{opacity:1}.project-caption h3 a{display:block}.project-caption .category-arrow{font-family:Arial,sans-serif;font-size:.45em;color:#e2533c;margin-left:12px;vertical-align:middle}.category-entry:focus-visible{outline:3px solid #e2533c;outline-offset:-4px}.collection-main{padding:160px 6% 100px;min-height:85svh}.collection-main h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(70px,12vw,160px);text-transform:uppercase;margin:30px 0;letter-spacing:.01em}.collection-main p{max-width:620px;color:#aaa7a1;line-height:1.7}.collection-back{font-size:12px;color:#e77965}.collection-inquiry{display:inline-block;margin-top:35px;background:#be3827;padding:16px 24px;color:white}@media(max-width:700px){.work{padding-top:50px}.work .section-head{margin-bottom:25px}.project,.project:nth-child(2){grid-template-columns:1fr;gap:18px;padding:25px 0}.poster,.project.wide .poster{height:auto;aspect-ratio:16/9}.project-caption h3{font-size:48px}.collection-main{padding-top:120px}}

.work .section-head{display:block;width:100%;margin-bottom:30px}.work .section-head h2{width:100%;white-space:nowrap;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:clamp(60px,13.7vw,230px);line-height:.98;letter-spacing:.015em;font-weight:400}.work .section-head h2 em{font-family:inherit;font-style:normal;font-weight:400}@media(max-width:700px){.work .section-head h2{font-size:14vw;letter-spacing:.01em}.work .section-head{margin-bottom:20px}}

.work .section-head h2{text-align:center}
/* Consistent category alignment: previews left, titles right. */
.project:nth-child(2){grid-template-columns:1.7fr 1fr}.project:nth-child(2) .poster,.project:nth-child(2) .project-caption{order:initial}.project:nth-child(2) .project-caption{padding-left:0}@media(max-width:700px){.project:nth-child(2){grid-template-columns:1fr}}

/* A single curated collection of films. */
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.project-grid .project,.project-grid .project:nth-child(2){display:block;padding:0;border:0}.project-grid .featured-film{grid-column:1/-1}.project-grid .poster,.project-grid .project.wide .poster{aspect-ratio:16/9;height:auto}.project-grid .featured-film .poster{aspect-ratio:2.39/1}.project-grid .project-caption,.project-grid .project:nth-child(2) .project-caption{padding:20px 0 0}.project-grid .project-caption h3{font-size:clamp(36px,4.5vw,68px);margin:8px 0 0}.film-meta{font-size:9px;letter-spacing:1.6px;color:#b3aaa0}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffffa0;background:#0006;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px;transition:background .2s}.category-entry:hover .film-play{background:#be3827}.pending-note{font-size:12px;color:#999;margin:12px 0 0}.project-grid .poster-word{font-size:clamp(48px,6vw,90px);padding:6%}.project-grid .pending-project .poster{opacity:.65}@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:35px}.project-grid .featured-film{grid-column:auto}.project-grid .project-caption h3{font-size:42px}.film-play{width:48px;height:48px;font-size:14px}}

/* Compact project tiles with titles and credits over the image. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-grid .featured-film{grid-column:auto}.project-grid .project{position:relative;min-width:0;isolation:isolate;overflow:hidden}.project-grid .poster,.project-grid .featured-film .poster{aspect-ratio:4/3;height:auto}.project-grid .project:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000000b3);pointer-events:none;z-index:1}.project-grid .project-caption.tile-caption,.project-grid .project:nth-child(2) .project-caption.tile-caption{position:absolute;left:18px;right:18px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:0;z-index:2;pointer-events:none}.project-grid .tile-caption h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.65vw,25px);line-height:1.15;letter-spacing:-.02em;text-transform:none;font-weight:600;margin:0 0 9px;color:#fff}.project-grid .tile-caption h3 a{pointer-events:auto}.project-grid .film-meta{font-size:9px;line-height:1.5;letter-spacing:1.2px;color:#eee}.tile-credit{font-size:10px!important;color:#eee!important;white-space:nowrap}.project-grid .category-pause{top:10px;bottom:auto;right:10px}.project-grid .poster-word{font-size:clamp(36px,4vw,60px)}.project-grid .preview-tag{display:none}@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .tile-caption h3{font-size:22px}}@media(max-width:600px){.project-grid{grid-template-columns:1fr;gap:14px}.project-grid .tile-caption h3{font-size:23px}.project-grid .poster,.project-grid .featured-film .poster{aspect-ratio:16/10}}

.work{padding-top:44px}.work .section-head{margin-bottom:20px}.work .section-head h2{font-family:Arial,Helvetica,sans-serif;font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.025em;text-transform:none;text-align:left;white-space:normal;margin:0;width:auto;color:#eee}@media(max-width:700px){.work{padding-top:35px}.work .section-head{margin-bottom:17px}.work .section-head h2{font-size:22px}}
.loop-toggle,.client-pause,.category-pause{display:none!important}.opening-bottom:empty{display:none}.clients-heading{min-height:16px}

.film-preview .project-still,.film-preview .category-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.film-preview .project-still{opacity:1}.film-preview .category-preview{opacity:0;transition:opacity .2s}.film-preview.is-previewing .category-preview{opacity:1}@media(prefers-reduced-motion:reduce){.film-preview .category-preview{display:none}}

.award-credit{font-size:8px;font-weight:600;letter-spacing:.7px;line-height:1.5;margin-top:7px;color:#ffd0a5}.project-grid .tile-caption{align-items:end}

.project-grid .tile-caption:has(.long-project-title){display:grid;grid-template-columns:minmax(0,1fr) auto}.project-grid .tile-caption:has(.long-project-title)>div{grid-column:1/-1;min-width:0}.project-grid .tile-caption h3.long-project-title{font-size:clamp(10px,1.2vw,20px);white-space:nowrap;letter-spacing:-.04em}.tile-caption:has(.long-project-title) .tile-credit{grid-column:2;position:absolute;right:0;bottom:0}.tile-caption:has(.long-project-title) .award-credit{padding-right:48px;font-size:7px}@media(min-width:601px) and (max-width:1000px){.project-grid .tile-caption h3.long-project-title{font-size:1.8vw}}@media(max-width:600px){.project-grid .tile-caption h3.long-project-title{font-size:clamp(12px,3.3vw,20px)}}

.video-modal{width:min(1200px,94vw);max-width:94vw;max-height:94svh;overflow:auto;border:1px solid #333;padding:18px;background:#080808;color:#fff}.video-modal::backdrop{background:#000e}.video-modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.video-modal-top h2{font:500 17px Arial,sans-serif;line-height:1.3;letter-spacing:0;margin:0}.video-modal-close{border:0;background:#be3827;color:white;padding:12px 18px;font-size:12px;cursor:pointer}.video-modal-player{aspect-ratio:16/9;background:#000}.video-modal-player iframe{display:block;width:100%;height:100%;border:0}.video-help{font:11px/1.5 Arial,sans-serif;color:#999;margin:12px 0 0}.video-modal-open{overflow:hidden}@media(max-width:600px){.video-modal{padding:10px;width:96vw;max-width:96vw}.video-modal-top h2{font-size:14px}.video-modal-close{padding:10px 12px}}

.project-grid .film-meta .highlight-credit{font-size:inherit;line-height:inherit;color:#f1d578;letter-spacing:inherit;font-weight:600}

.double-team-project .project-still{filter:brightness(1.25)}.double-team-project .tile-caption{gap:8px}.double-team-project .film-meta{font-size:8px}

.double-team-project .project-still{filter:none}

.double-team-project .category-preview{object-fit:contain;object-position:center}

/* Personal About section */
.about-personal-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,96px);align-items:start;margin-top:28px}
.about-portrait img{display:block;width:100%;height:auto;border-radius:2px}
.about-personal .about-bio h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0 0 28px}
.about-personal .about-bio p{font-size:16px;line-height:1.75;color:#bdbdb7;margin:0 0 20px;max-width:65ch}
.about-personal .about-bio .text-link{font-size:16px;line-height:1.6;margin-top:12px;display:flex;gap:20px;justify-content:space-between}
@media(max-width:760px){.about-personal-grid{grid-template-columns:1fr;gap:30px}.about-portrait{width:100%;max-width:520px;margin-inline:auto}.about-personal .about-bio p{font-size:15px;line-height:1.75}.about-personal .about-bio h2{margin-bottom:24px}}

/* Preserve the selected Miami Jai Alai still’s original exposure. */
.jai-alai-project .project-still{filter:none}

/* One consistent frame for every selected-work project. */
.project-grid>.project{width:100%;height:auto;min-height:0;grid-column:auto;grid-row:auto;align-self:start}
.project-grid>.project .poster,.project-grid>.project.wide .poster,.project-grid>.featured-film .poster{position:relative;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;margin:0;overflow:hidden}
.project-grid>.project .category-entry{display:block;position:absolute;inset:0;width:100%;height:100%}

/* Normalize letterboxed grid previews; source files stay intact. */
.project-grid .film-preview .project-still,.project-grid .film-preview .category-preview{object-fit:cover;transform-origin:center;transform:scale(var(--preview-scale,1))}
.project-grid>.preview-frame-1 .project-still{--preview-scale:1.3499}
.project-grid>.preview-frame-1 .category-preview{--preview-scale:1.3499}
.project-grid>.preview-frame-2 .project-still{--preview-scale:1.3499}
.project-grid>.preview-frame-2 .category-preview{--preview-scale:1.5211}
.project-grid>.preview-frame-3 .project-still{--preview-scale:1.0000}
.project-grid>.preview-frame-3 .category-preview{--preview-scale:1.0000}
.project-grid>.preview-frame-4 .project-still{--preview-scale:1.3499}
.project-grid>.preview-frame-4 .category-preview{--preview-scale:1.3499}
.project-grid>.preview-frame-5 .project-still{--preview-scale:1.0000}
.project-grid>.preview-frame-5 .category-preview{--preview-scale:1.0000}
.project-grid>.preview-frame-6 .project-still{--preview-scale:1.0000}
.project-grid>.preview-frame-6 .category-preview{--preview-scale:1.2273}
.project-grid>.preview-frame-7 .project-still{--preview-scale:1.2413}
.project-grid>.preview-frame-7 .category-preview{--preview-scale:1.2413}
.project-grid>.preview-frame-8 .project-still{--preview-scale:1.0000}
.project-grid>.preview-frame-8 .category-preview{--preview-scale:1.0000}
.project-grid>.preview-frame-9 .project-still{--preview-scale:1.3333}
.project-grid>.preview-frame-9 .category-preview{--preview-scale:1.3333}

/* Lift Beach Ball to retain the hands crossing its lower border. */
.project-grid .busta-project .project-still,.project-grid .busta-project .category-preview{transform:translateY(-8%) scale(var(--preview-scale,1));}

/* Short film collection, ready for supplied projects. */
.short-films{border-top:1px solid #ffffff23;padding-top:44px;padding-bottom:60px}
.short-films .section-head h2{font:500 25px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0;color:#eee}
.short-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.short-films-pending{font:14px/1.6 Arial,Helvetica,sans-serif;color:#999;margin:24px 0 0}
@media(max-width:1000px){.short-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.short-film-grid{grid-template-columns:1fr}.short-films .section-head h2{font-size:22px}}

/* On-page project inquiry form. */
.inquiry-toggle,.inquiry-form button{font:inherit;border:0;cursor:pointer}
.inquiry-form{margin-top:36px;max-width:850px;border-top:1px solid #333;padding-top:30px}
.inquiry-form[hidden]{display:none}
.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.inquiry-form label{display:flex;flex-direction:column;gap:10px;font:14px/1.5 Arial,sans-serif;color:#eee;margin-bottom:24px}
.inquiry-form input,.inquiry-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:14px;background:#111;color:#fff;border:1px solid #555;border-radius:0;font:16px/1.5 Arial,sans-serif}
.inquiry-form textarea{resize:vertical}
.inquiry-form input:focus,.inquiry-form textarea:focus{outline:2px solid #e95137;outline-offset:2px}
@media(max-width:600px){.inquiry-fields{grid-template-columns:1fr;gap:0}}

/* Clear call to action at the end of the biography. */
.about-personal .about-bio .text-link{background:#be3827;color:#fff;border:0;padding:17px 20px;min-height:48px;align-items:center;transition:background .2s}
.about-personal .about-bio .text-link:hover{background:#d04430}
.about-personal .about-bio .text-link:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Plain representation details beneath the direct inquiry action. */
.representation-inline{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.contact .representation-inline h3{font:600 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.02em;color:#eee;margin:0 0 10px}
.representation-inline p{font:13px/1.8 Arial,Helvetica,sans-serif;color:#aaa;margin:0 0 8px;overflow-wrap:anywhere}
@media(max-width:760px){.representation-inline{grid-template-columns:1fr;gap:20px;margin-top:28px}}

/* Mobile opening reel uses the same widescreen frame as project tiles. */
@media(max-width:700px){
 .opening{height:auto;min-height:0;max-height:none;padding-top:12px}
 .opening .opening-image{position:relative;inset:auto;display:block;width:90%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;margin:0 auto;z-index:0;opacity:1}
 .opening .opening-overlay{display:none}
 .opening .opening-copy{position:relative;left:auto;right:auto;bottom:auto;padding:16px 4% 22px;z-index:1}
 .opening .opening-foot{margin:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
 .opening .reel-actions{display:flex;flex-direction:row}
 .opening .opening-bottom{display:none}
}

@media(max-width:700px){.opening .watch-reel{font-size:12px;padding:11px 16px;min-width:0;min-height:44px;gap:20px}.opening .watch-reel span{font-size:10px}.opening .opening-copy{padding-left:5%;padding-right:5%}}

@media(max-width:700px){main#main{padding-top:80px}}

/* Compact mobile reel action and inset portrait. */
@media(max-width:700px){
.opening{padding-bottom:12px}
.opening .opening-copy{position:absolute;left:5%;right:5%;bottom:22px;padding:0}
.opening .watch-reel{font-size:11px;padding:8px 12px;min-height:36px;gap:14px;background:#be3827ed}
.about-personal-grid{display:flow-root}
.about-personal-grid .about-portrait{float:left;width:38%;max-width:160px;margin:0 20px 12px 0}
.about-personal .about-bio h2{font-size:34px;margin-bottom:18px}
.about-personal .about-bio .text-link{clear:both}
}

@media(max-width:700px){.about-personal .about-bio p:nth-of-type(2){clear:both;padding-top:4px}}