:root{--bg:#101112;--panel:#191a1b;--ink:#eeede8;--muted:#989a98;--gold:#c8aa79;--rule:#343534}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{border:0}header{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid #ffffff1d}.wordmark{font-weight:800;font-size:27px;letter-spacing:-1.8px;display:flex;gap:17px;align-items:center}.wordmark span{border-left:1px solid #ffffff40;padding-left:17px;font-size:8px;letter-spacing:2.6px;font-weight:400}nav{display:flex;gap:33px;font-size:11px;color:#c7c8c4}nav a:hover{color:var(--gold)}nav a:last-child{margin-left:15px;color:var(--ink)}nav a span{margin-left:15px}.menu{display:none}.hero{min-height:840px;height:100svh;max-height:1180px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:#171e24 url('assets/hero.webp') center/cover no-repeat}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0deb 0%,#0b1013a6 42%,#0a101128 80%),linear-gradient(0deg,#101112 0%,transparent 30%)}.hero-content{position:relative;width:90%;margin:80px auto 50px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--gold);line-height:1.8}.hero .eyebrow{display:flex;align-items:center;gap:15px}.line{width:35px;height:1px;background:var(--gold)}h1{font-size:clamp(70px,8.7vw,140px);font-weight:800;letter-spacing:-.065em;line-height:.93;margin:30px 0 32px}h1 span{color:var(--gold)}.hero-bottom{display:flex;align-items:center;gap:80px}.hero-bottom p{font-size:13px;line-height:1.8;color:#bfc0bc}.circle-link{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:16px}.circle{display:grid;place-items:center;width:47px;height:47px;border:1px solid #ffffff60;border-radius:50%;font-size:11px;transition:background .2s}.circle-link:hover .circle{background:var(--gold);color:#111}.hero-foot{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;color:#a7aaa6;font-size:8px;letter-spacing:1.6px}.placeholder{font-size:7px;color:#8c8f8b}.section{padding:110px 5%;max-width:1720px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}h2{font-size:clamp(36px,4.4vw,66px);line-height:1.08;letter-spacing:-2.5px;font-weight:400;margin:18px 0 0}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#aaa99f;letter-spacing:-1.8px}.section-note{font-size:11px;color:var(--muted);line-height:1.9;margin:0 0 5px}.filters{display:flex;gap:28px;border-bottom:1px solid var(--rule);margin-bottom:32px}.filters button{background:none;padding:13px 0 17px;color:var(--muted);font-size:11px;border-bottom:1px solid transparent;position:relative;bottom:-1px}.filters button.active{color:var(--ink);border-color:var(--gold)}sup{font-size:8px;margin-left:7px;color:var(--gold)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}.project[hidden]{display:none}.art{aspect-ratio:1.65;overflow:hidden;position:relative;background-color:#252c2f;background-image:linear-gradient(0deg,#071015c9,transparent 80%),url('assets/hero.webp');background-size:cover;background-position:center;transition:filter .35s,transform .5s}.art:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000010 3px 4px)}.art img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.art-note{position:absolute;bottom:14px;left:16px;z-index:2;color:#ffffff90;font-size:7px;letter-spacing:1.8px}.forest{filter:hue-rotate(45deg);background-image:linear-gradient(110deg,#0b191ce6,#384b4c44),repeating-linear-gradient(87deg,#0c1c1a 0 8px,#31403e 12px 14px,#162625 20px 48px);background-size:cover}.urban{background-position:70% 75%;filter:grayscale(.7)}.desert{background-image:linear-gradient(165deg,#504635,#272725 44%,#3e342a 45%,#121416 75%)}.green{filter:hue-rotate(65deg) brightness(.8)}.blue{filter:hue-rotate(350deg) brightness(1.4)}.red{filter:sepia(.7) hue-rotate(325deg)}.studio{background-image:radial-gradient(ellipse at 25% 20%,#b0a285aa,transparent 40%),linear-gradient(65deg,#171a1b 35%,#4d4c44 36%,#1d2428 37%,#0e1214 80%)}.portrait{background:var(--panel)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px}h3{font-weight:400;margin:0;font-size:17px;letter-spacing:-.3px}.project-caption>span{font-size:7px;letter-spacing:1.3px;color:var(--muted);white-space:nowrap}.small-note{font-size:10px;color:#838580;line-height:1.8;margin-top:30px}.about{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:.85fr 1fr;gap:10%;align-items:center}.portrait-art{height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 65% 30%,#6a695c45,transparent 55%),linear-gradient(130deg,#25282a,#151718 70%);overflow:hidden}.portrait-art>span{font-size:135px;font-family:Georgia,serif;letter-spacing:-15px;color:#75796e33;transform:rotate(-90deg);margin-bottom:70px}.portrait-art p{position:absolute;bottom:25px;text-align:center;font-size:8px;line-height:1.8;letter-spacing:2px;color:#7f827a}.image-index{display:block;background:var(--bg);font-size:8px;letter-spacing:1.5px;color:var(--muted);padding:19px 0 0}.about h2{font-size:clamp(35px,3.5vw,54px);margin-bottom:30px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#9fa19b}.about-copy>p.lead{font-size:17px;color:#d2d3cc;line-height:1.6}.career{display:flex;gap:18px;align-items:center;border-top:1px solid var(--rule);padding-top:25px;margin-top:30px;font-size:8px;letter-spacing:1px}.career b{color:var(--gold);font-weight:400}.reel-frame{position:relative;background:#1b2327 url('assets/hero.webp') center 65%/cover;width:100%;aspect-ratio:2.35;display:grid;place-items:center;overflow:hidden}.reel-frame:before{content:'';position:absolute;inset:0;background:#080e12a1}.reel-watermark{font-size:clamp(100px,21vw,330px);font-weight:800;letter-spacing:-.08em;color:#ffffff0d;position:absolute}.reel-play{z-index:1;width:76px;height:76px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;font-size:18px;padding-left:4px;transition:background .3s}.reel-frame:hover .reel-play{background:var(--gold);color:#151515;border-color:var(--gold)}.reel-label{position:absolute;bottom:26px;left:30px;text-align:left;font-size:10px;letter-spacing:2px;line-height:2}.reel-label span{display:block;font-size:7px;color:#a4aaa8;letter-spacing:1.5px}.reel-corner{position:absolute;right:30px;bottom:30px;font-size:22px;color:var(--gold)}.gallery{padding-top:20px}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.gallery-item{background:none;padding:0;text-align:left;overflow:hidden}.gallery-item .art{aspect-ratio:1.1}.gallery-item:first-child .art{aspect-ratio:1.54}.gallery-caption{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;color:#b5b7b0}.gallery-caption span{color:var(--gold)}.gallery-item:hover .art{filter:brightness(1.2)}.contact{border-top:1px solid var(--rule);padding-bottom:100px}.contact-main{display:flex;justify-content:space-between;gap:50px}.contact h2{font-size:clamp(52px,7vw,102px);letter-spacing:-4px}.contact h2 em{color:var(--gold)}.contact-details{width:33%;max-width:370px;font-size:13px;line-height:1.8;color:#a4a69e}.contact-details>p{margin-top:25px;margin-bottom:35px}.contact-details>div{padding:20px 0;border-top:1px solid var(--rule)}.contact-details .eyebrow{font-size:8px;letter-spacing:1.5px}.contact-details div p{font-size:12px;margin:8px 0 0}.contact-details a{color:var(--ink);text-decoration:underline}footer{padding:35px 5%;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#898d85}footer>a:first-child{color:var(--ink);font-size:11px;letter-spacing:1.3px}footer>a:first-child span{display:block;color:var(--muted);font-size:7px;letter-spacing:2px;margin-top:8px}.top-link{font-size:8px;letter-spacing:1.3px}.skip{position:fixed;top:0;left:20px;z-index:100;background:var(--gold);color:#111;padding:15px;transform:translateY(-120%)}.skip:focus{transform:translateY(0)}dialog{background:var(--bg);border:1px solid var(--rule);color:var(--ink);width:min(900px,90vw);padding:60px 40px 40px;max-height:90svh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.close{position:absolute;right:18px;top:15px;background:none;font-size:20px}dialog h2{font-size:38px;margin-bottom:24px}dialog p{color:var(--muted);font-size:14px;line-height:1.8}dialog video{width:100%;max-height:65svh}dialog .enlarged{max-height:60svh;aspect-ratio:1.8;margin-bottom:22px}.modal-open{overflow:hidden}
@media(min-width:1500px){header{padding-left:max(5%,calc((100% - 1548px)/2));padding-right:max(5%,calc((100% - 1548px)/2))}.hero-content{max-width:1548px}}
@media(max-width:900px){nav{gap:20px}.hero{min-height:760px}.projects{grid-template-columns:repeat(2,1fr)}.about{gap:6%;grid-template-columns:1fr 1fr}.portrait-art{height:500px}.career{gap:10px;font-size:7px}.section{padding-top:80px;padding-bottom:80px}.gallery{padding-top:10px}.gallery-grid{gap:15px}.contact-details{width:40%}.hero-bottom{gap:45px}}
@media(max-width:600px){html{scroll-padding-top:20px}header{padding:22px 6%}.wordmark{font-size:25px}.wordmark span{font-size:7px}.menu{display:block;background:none;font-size:11px;letter-spacing:1px}.menu span{margin-left:8px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px 6%;background:#141718fa;flex-direction:column;gap:0;border-bottom:1px solid var(--rule)}nav.open{display:flex}nav a{padding:14px 0;font-size:14px}nav a:last-child{margin-left:0}.hero{min-height:740px;max-height:950px}.hero-content{width:88%;margin-top:75px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.line{width:20px}h1{font-size:clamp(55px,13.5vw,81px);margin:34px 0 30px;line-height:1}.hero-bottom{display:block}.hero-bottom p{font-size:12px;margin-bottom:25px}.circle-link{font-size:8px}.circle{width:40px;height:40px}.hero-foot{left:6%;right:6%;font-size:7px;line-height:1.8}.hero-foot>a{max-width:90px;text-align:right}.hero-foot .placeholder{display:none}.hero-image{background-position:60% center}.section{padding:65px 6%}.section-top{display:block;margin-bottom:32px}h2{letter-spacing:-1.6px;font-size:38px}.section-note{margin-top:23px;font-size:11px}.filters{gap:25px;margin-bottom:25px}.filters button{font-size:10px}.projects{gap:25px 15px}.project-caption{display:block;padding-top:12px}h3{font-size:15px;line-height:1.25;margin-bottom:7px}.project-caption>span{font-size:7px}.art{aspect-ratio:1.3}.art-note{font-size:5px;letter-spacing:1px;left:10px;bottom:10px}.about{display:flex;flex-direction:column;align-items:stretch;gap:40px}.portrait-art{height:360px}.about h2{font-size:37px}.career{font-size:8px;gap:15px}.reel-frame{aspect-ratio:1.6}.reel-play{width:56px;height:56px;font-size:14px}.reel-label{left:16px;bottom:15px;font-size:8px;letter-spacing:1px}.reel-label span{font-size:6px;letter-spacing:.6px}.reel-corner{right:15px;bottom:20px}.gallery{padding-top:0}.gallery-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.gallery-item:first-child{grid-column:1/-1}.gallery-item:first-child .art{aspect-ratio:1.65}.gallery-caption{font-size:9px;line-height:1.5}.contact-main{display:block}.contact h2{font-size:58px;letter-spacing:-2.5px}.contact-details{width:100%;max-width:none;margin-top:40px}.contact-details>p{font-size:14px}footer{padding:30px 6%;flex-wrap:wrap;gap:27px}footer>a:first-child{width:100%}footer>span{font-size:8px}dialog{padding:60px 22px 25px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Show the complete Lincoln Lawyer artwork within the existing image frame. */
.project:first-child .art:has(img[src="assets/lincoln-lawyer-poster.png"]){background:var(--bg)}
.project:first-child .art:has(img[src="assets/lincoln-lawyer-poster.png"])::after{display:none}
.project img[src="assets/lincoln-lawyer-poster.png"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Show the complete Tracker artwork in the unchanged image frame. */
.project .art:has(img[src="assets/tracker.jpg"]){background:var(--bg);filter:none}
.project .art:has(img[src="assets/tracker.jpg"])::after{display:none}
.project img[src="assets/tracker.jpg"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Show the complete S.W.A.T. artwork in the unchanged image frame. */
.project .art:has(img[src="assets/swat.jpg"]){background:var(--bg);filter:none}
.project .art:has(img[src="assets/swat.jpg"])::after{display:none}
.project img[src="assets/swat.jpg"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Show the complete Queen of the South artwork in the unchanged image frame. */
.project .art:has(img[src="assets/queen-of-the-south.jpg"]){background:var(--bg);filter:none}
.project .art:has(img[src="assets/queen-of-the-south.jpg"])::after{display:none}
.project img[src="assets/queen-of-the-south.jpg"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Show the complete Arrow artwork in the unchanged image frame. */
.project .art:has(img[src="assets/arrow.jpg"]){background:var(--bg);filter:none}
.project .art:has(img[src="assets/arrow.jpg"])::after{display:none}
.project img[src="assets/arrow.jpg"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Show the complete Supergirl artwork in the unchanged image frame. */
.project .art:has(img[src="assets/supergirl.jpg"]){background:var(--bg);filter:none}
.project .art:has(img[src="assets/supergirl.jpg"])::after{display:none}
.project img[src="assets/supergirl.jpg"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Show the complete El Chicano artwork in the unchanged image frame. */
.project .art:has(img[src="assets/el-chicano.jpg"]){background:var(--bg);filter:none}
.project .art:has(img[src="assets/el-chicano.jpg"])::after{display:none}
.project img[src="assets/el-chicano.jpg"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Introduction and complete television directing credits. */
.hero-introduction{max-width:550px}.hero-introduction p{margin:9px 0}.hero-introduction .intro-stat{color:var(--ink);font-size:17px;line-height:1.5}.hero-bottom .circle-link{flex-shrink:0}
.television-credits{border-top:1px solid var(--rule);margin-top:60px;padding-top:45px;scroll-margin-top:40px}.television-credits h3{font-size:30px;letter-spacing:-1px;margin-top:15px}.television-credits .section-top{margin-bottom:24px}.credits-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;counter-reset:series}.credits-list li{counter-increment:series;display:grid;grid-template-columns:24px 1fr auto;gap:14px;align-items:baseline;border-bottom:1px solid var(--rule);padding:18px 0;font-size:13px;line-height:1.5}.credits-list li:before{content:counter(series,decimal-leading-zero);font-size:9px;color:var(--gold);letter-spacing:1px}.episode-count{font-size:10px;color:var(--muted);white-space:nowrap}
@media(max-width:600px){.hero-introduction{max-width:100%;margin-bottom:24px}.hero-introduction .intro-stat{font-size:14px}.hero-introduction p{font-size:11px;line-height:1.65}.credits-list{grid-template-columns:1fr}.credits-list li{font-size:13px}.television-credits h3{font-size:27px}.television-credits .section-note{margin-top:15px}.hero-bottom .circle-link{display:inline-flex}}

/* Approved on-set portrait, retaining the existing portrait frame. */
.portrait-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:grayscale(1) brightness(.96)}

/* Complete Walker artwork in the standard card frame. */
.project .art:has(img[src="assets/walker.jpg"]){background:var(--bg);filter:none}
.project .art:has(img[src="assets/walker.jpg"])::after{display:none}
.project img[src="assets/walker.jpg"]{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Preserve the complete artwork for additional television posters. */
.project .art.poster{background:var(--bg);filter:none}
.project .art.poster::after{display:none}
.project .art.poster img{object-fit:contain;object-position:center;position:absolute;inset:0}

/* Improve first-page small text while retaining the wordmark and headline. */
.wordmark span{font-size:11px;font-weight:600;letter-spacing:2px}
nav{font-size:14px;font-weight:600}
.menu{font-size:13px;font-weight:600}
.hero .eyebrow{font-size:12px;font-weight:600}
.hero-introduction p{font-size:15px;font-weight:600;line-height:1.75}
.hero-introduction .intro-stat{font-size:18px;font-weight:600}
.hero .circle-link{font-size:11px;font-weight:600}
.hero-foot{font-size:10px;font-weight:600}
.hero-foot .placeholder{font-size:9px}
@media(max-width:600px){
  .wordmark span{font-size:10px;letter-spacing:1.5px}
  .hero .eyebrow{font-size:10px;letter-spacing:1.3px}
  .hero-introduction p{font-size:13px}
  .hero-introduction .intro-stat{font-size:16px}
  .hero .circle-link{font-size:10px}
  .hero-foot{font-size:9px;letter-spacing:1px}
}

/* Readable first-page footer labels. */
.hero-foot{font-size:12px;font-weight:600;line-height:1.8}
@media(max-width:600px){.hero-foot{font-size:11px;letter-spacing:.5px;gap:20px}.hero-foot>a{max-width:110px}}

/* Readable labels, filters, captions, and credits in Selected Work. */
#work .eyebrow{font-size:12px;font-weight:600}
#work .section-note{font-size:14px;font-weight:600}
#work .filters button{font-size:14px;font-weight:600}
#work .filters sup{font-size:11px}
#work .project-caption>span{font-size:11px;font-weight:600;letter-spacing:1px;white-space:normal;text-align:right;line-height:1.5}
#work .small-note{font-size:13px;font-weight:600}
#work .credits-list li{font-size:15px}
#work .credits-list li:before{font-size:12px;font-weight:600}
#work .episode-count{font-size:13px;font-weight:600}
@media(max-width:600px){
  #work .eyebrow{font-size:11px}
  #work .section-note{font-size:13px}
  #work .filters{gap:20px}
  #work .filters button{font-size:13px}
  #work .project-caption>span{font-size:10px;text-align:left;display:block}
  #work .credits-list li{font-size:14px}
  #work .episode-count{font-size:12px}
}

/* Readable biography labels and body copy. */
#about .eyebrow{font-size:12px;font-weight:600}
#about .image-index{font-size:11px;font-weight:600;line-height:1.8}
#about .career{font-size:11px;font-weight:600;line-height:1.8;flex-wrap:wrap;column-gap:14px;row-gap:8px}
#about .about-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;font-weight:500}
#about .about-copy>p.lead{font-size:19px;line-height:1.65}
@media(max-width:600px){
  #about .eyebrow{font-size:11px}
  #about .image-index{font-size:10px;letter-spacing:1px}
  #about .career{font-size:10px;column-gap:12px}
  #about .about-copy>p.lead{font-size:18px}
}

/* Readable reel section labels. */
#reel .eyebrow{font-size:12px;font-weight:600}
#reel .section-note{font-size:14px;font-weight:600}
#reel .reel-label{font-size:14px;font-weight:600}
#reel .reel-label span{font-size:11px;font-weight:600}
@media(max-width:600px){#reel .eyebrow{font-size:11px}#reel .section-note{font-size:12px}#reel .reel-label{font-size:12px}#reel .reel-label span{font-size:10px}}

/* Readable gallery labels and captions. */
#gallery .eyebrow{font-size:12px;font-weight:600}
#gallery .section-note{font-size:14px;font-weight:600}
#gallery .gallery-caption{font-size:13px;font-weight:600;line-height:1.6;gap:12px}
#gallery .art-note{font-size:10px;font-weight:600;letter-spacing:1px}
@media(max-width:600px){#gallery .eyebrow{font-size:11px}#gallery .section-note{font-size:13px}#gallery .gallery-caption{font-size:12px}#gallery .art-note{font-size:9px;letter-spacing:.5px}}

/* Readable contact information and footer. */
#contact .eyebrow{font-size:12px;font-weight:600}
#contact .contact-details{font-size:15px;line-height:1.8}
#contact .contact-details>div p{font-size:14px;line-height:1.8}
footer{font-size:12px;line-height:1.7;gap:24px;flex-wrap:wrap}
footer>a:first-child{font-size:14px;font-weight:600}
footer>a:first-child span{font-size:10px;font-weight:600;letter-spacing:1.5px}
footer .top-link{font-size:11px;font-weight:600}
@media(max-width:600px){
  #contact .eyebrow{font-size:11px}
  #contact .contact-details>p{font-size:15px}
  footer>span{font-size:11px}
}

/* Supplied representation marks, displayed beside the existing listing text. */
#representation .representation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#representation .representation-logo{display:block;position:relative;overflow:hidden;flex-shrink:0}
#representation .representation-logo img{position:absolute;max-width:none;height:auto}
#representation .paradigm-mark{width:24px;height:48px;mix-blend-mode:screen}
#representation .paradigm-mark img{width:277.33px;left:-7px;top:-13px;filter:contrast(1.4)}
#representation .redefine-mark{width:126px;height:32px}
#representation .redefine-mark img{width:269.6px;left:-65px;top:-30px;filter:grayscale(1) invert(1) contrast(6);mix-blend-mode:screen}
