:root{--bg:#101110;--fg:#f2f3ed;--muted:#a0a39a;--line:#33352f;--accent:#d7ff65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-80px;z-index:10;background:var(--accent);color:#111;padding:12px}.skip:focus{top:0}.nav{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.identity{font-size:21px;font-weight:800;letter-spacing:-.5px}.identity span{display:block;font-size:10px;letter-spacing:2px;margin-top:2px;font-weight:400}.nav nav{display:flex;gap:38px;align-items:center;font-size:14px}.nav nav a:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid var(--accent);padding:8px 0}.nav-contact span{margin-left:15px;color:var(--accent)}.hero{padding:34px 5% 0}.hero-top,.hero-bottom,.hero-caption{display:flex;justify-content:space-between;align-items:center}.hero-top{font-size:12px;letter-spacing:1.3px;color:var(--muted)}h1{font-size:clamp(3.3rem,7.5vw,8.5rem);line-height:1.12;letter-spacing:-.055em;font-weight:800;margin:36px 0 40px}h1 em{color:var(--accent);font-style:normal}.hero-image{height:clamp(320px,40vw,620px);position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.8)}.image-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#0009)}.hero-caption{position:absolute;bottom:30px;left:32px;right:32px}.hero-caption>span{font-size:13px;letter-spacing:2px}.circle-link{width:66px;height:66px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.2s}.circle-link:hover{background:var(--accent);color:#111;border-color:var(--accent)}.image-note{position:absolute;left:32px;top:24px;font-size:11px;letter-spacing:1.5px}.hero-bottom{padding:20px 0 50px;border-bottom:1px solid var(--line)}.hero-bottom p{font-size:16px;color:#c5c7be}.hero-bottom>span{font-size:12px;letter-spacing:1.2px;color:var(--muted)}.section{margin:0 5%;padding:100px 0;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent)}h2{font-size:clamp(2.4rem,4.1vw,4.6rem);line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:22px 0 0}h2 i{font-family:Georgia,'Times New Roman',serif;font-weight:400}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading>p{color:var(--muted);font-size:14px;max-width:340px;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project{background:none;border:0;padding:0;text-align:left;cursor:pointer;width:100%}.project.wide{grid-column:1/-1}.project-img{height:360px;overflow:hidden;position:relative;background:#252621}.wide .project-img{height:500px}.project img{height:100%;width:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.65)}.project:hover img{transform:scale(1.035);filter:saturate(1)}.project-badge{position:absolute;left:22px;top:22px;border:1px solid #ffffff70;background:#1115;padding:5px 10px;font-size:11px;letter-spacing:1px}.open-icon{position:absolute;right:20px;bottom:20px;background:var(--fg);color:#111;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px}.project-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px}.project h3{font-size:21px;margin:0;font-weight:500}.project-line>span{font-size:11px;color:var(--muted);white-space:nowrap;letter-spacing:1px}.reel-bar{display:flex;align-items:center;gap:24px;border:1px solid var(--line);padding:28px;margin-top:56px}.reel-label{font-size:23px;font-weight:800;letter-spacing:-1px}.reel-bar p{flex:1;color:var(--muted);font-size:14px}.pending{font-size:11px;letter-spacing:1px;color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-body{padding-top:7px}.draft-label{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.about-body .about-intro{font-size:27px;line-height:1.5;color:var(--fg);margin:22px 0}.about-body>p{color:var(--muted);font-size:17px;line-height:1.9}.personal-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;border-top:1px solid var(--line);padding-top:24px}.personal-facts span{display:block;font-size:11px;color:var(--muted);letter-spacing:1px}.personal-facts strong{display:block;margin-top:6px;font-size:15px;font-weight:400}.skill-row{display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;border-top:1px solid var(--line);padding:26px 0;gap:20px}.skill-row>span{font-size:13px;color:var(--muted)}.skill-row h3{font-weight:400;font-size:29px;margin:0}.skill-row p{color:var(--muted);font-size:15px}.contact{padding-top:100px;padding-bottom:75px}.contact h2{font-size:clamp(2.7rem,6vw,6.5rem);line-height:1.25}.contact h2 i{color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:50px}.contact-bottom>p{color:var(--muted)}.contact-placeholder{border-left:1px solid var(--line);padding-left:30px}.contact-placeholder>span{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.contact-placeholder p{font-size:16px}footer{margin:0 5%;padding:32px 0;display:flex;justify-content:space-between;align-items:center;gap:22px}footer .footer-name{font-size:17px;font-weight:700}footer>span,footer>a:last-child{font-size:11px;color:var(--muted);letter-spacing:1px}.demo-note{text-align:center;background:#1b1d18;padding:10px 20px;font-size:12px;color:var(--muted)}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:0;width:min(860px,92vw);max-height:90vh}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}dialog>img{width:100%;height:300px;object-fit:cover}.close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:#101110;border:1px solid #777;border-radius:50%;cursor:pointer;font-size:20px}.dialog-content{padding:32px}.dialog-content h2{font-size:36px;margin-top:12px}.dialog-content p{color:var(--muted)}.dialog-info{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;border-block:1px solid var(--line);padding:18px 0;margin-top:25px}.dialog-content .small{font-size:13px}
@media(min-width:1700px){body{max-width:1800px;margin:auto}}@media(max-width:800px){.nav{padding:22px 5%}.nav nav{gap:20px}.identity{font-size:17px}.identity span{font-size:9px;letter-spacing:1px}h1{font-size:clamp(2.7rem,8.7vw,5rem);margin:28px 0}.hero-top{font-size:10px}.hero-top>span:last-child{display:none}.hero-image{height:390px}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{margin-top:26px}.project-img{height:240px}.wide .project-img{height:360px}.project-line{display:block}.project-line>span{display:block;margin-top:6px}.project h3{font-size:19px}.about{grid-template-columns:1fr;gap:40px}.reel-bar{flex-wrap:wrap;gap:12px}.reel-bar p{margin:0;flex-basis:50%}.pending{flex-basis:100%}.skill-row{grid-template-columns:35px 1fr}.skill-row h3{font-size:25px}.skill-row p{grid-column:2;margin:0}.contact-bottom{display:block}.contact-placeholder{margin-top:30px}footer{flex-wrap:wrap}footer>span{order:3;flex-basis:100%}}
@media(max-width:480px){.nav nav{gap:17px;font-size:12px}.nav nav a:nth-child(2){display:none}.hero-top{letter-spacing:.5px;font-size:9px}h1{font-size:11vw;line-height:1.15;letter-spacing:-.05em}.hero-image{height:340px}.hero-caption{left:20px;right:20px;bottom:22px}.hero-caption>span{font-size:10px;letter-spacing:1px;max-width:180px}.image-note{left:20px;font-size:10px}.circle-link{height:48px;width:48px}.hero-bottom{align-items:flex-start;padding-bottom:28px}.hero-bottom p{font-size:14px}.hero-bottom>span{font-size:9px;max-width:80px;margin-top:17px}.project-grid{grid-template-columns:1fr;gap:32px}.wide .project-img,.project-img{height:260px}.section-heading{margin-bottom:30px}.project-line{display:flex;align-items:baseline}.project-line>span{font-size:9px;letter-spacing:0}.project h3{font-size:18px}.contact h2{font-size:2.7rem}.dialog-content{padding:24px}.dialog-content h2{font-size:28px}dialog>img{height:230px}.dialog-info{flex-wrap:wrap}.reel-bar{padding:22px}.personal-facts{gap:10px}.personal-facts span{font-size:10px}.contact-placeholder{padding-left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* YouTube portfolio */
[hidden]{display:none!important}.hero-play{display:block;width:100%;padding:0;border:0;text-align:left;cursor:pointer;color:var(--fg)}.hero-play .hero-caption{display:flex}.hero-play:hover .circle-link{background:var(--accent);color:var(--bg)}.hero-play .circle-link{font-size:22px}.project-line{align-items:flex-start}.project-line h3{line-height:1.45;font-size:19px;overflow-wrap:anywhere}.project-line>span{padding-top:5px}.project-grid .project-img{aspect-ratio:16/9;height:auto}.project-img img{filter:none}.wide .project-img{max-height:540px}.more-videos{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:40px}.more-videos button{background:transparent;border:1px solid var(--line);padding:14px 24px;cursor:pointer;font-size:16px}.more-videos button:hover{border-color:var(--accent);color:var(--accent)}.more-videos button span{margin-left:25px}.more-videos>span{font-size:13px;color:var(--muted)}.reel-bar:hover{border-color:var(--accent)}.youtube-link{color:var(--accent)}.player-header{height:66px;display:flex;align-items:center;padding:0 24px;font-size:12px;letter-spacing:1.5px;color:var(--muted)}.player-header .close{top:11px;right:14px}.video-player{width:100%;aspect-ratio:16/9;min-height:200px;background:#000}.video-player iframe{width:100%;height:100%;display:block;border:0;min-height:200px}.dialog-content h2{font-size:27px;line-height:1.4;margin:0}.dialog-info a{color:var(--accent);font-size:14px}.dialog-info{align-items:center}.open-icon{font-size:17px}.hero-caption .circle-link{flex-shrink:0}#project-dialog{width:min(1040px,94vw)}
@media(max-width:480px){.project-line h3{font-size:17px}.project-line>span{font-size:10px}.hero-image{height:260px}.hero-caption>span:first-child{font-size:12px;max-width:230px}.dialog-content{padding:20px}.dialog-content h2{font-size:21px}.hero-play .image-note{font-size:12px}.project-badge{font-size:12px}.wide .project-img,.project-img{height:auto}}
/* Personal photography: consistently monochrome, including hover states. */
.personal-photo,.personal-photo:hover{filter:grayscale(1);display:block}.personal-intro{display:flex;align-items:center;gap:18px;padding:10px 0;color:var(--muted);font-size:14px}.personal-intro img{width:76px;height:76px;object-fit:cover;object-position:50% 28%;border-radius:50%}.personal-intro strong{font-size:19px;color:var(--fg);font-weight:500}.portrait-figure{margin:36px 0 0}.portrait-figure img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.portrait-figure figcaption,.personal-gallery figcaption{font-size:12px;color:var(--muted);letter-spacing:1px;margin-top:14px}.about-body{padding-top:100px}.personal-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:12px}.personal-gallery figure{margin:0;min-width:0}.personal-gallery img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#191a18}.personal-gallery .team-photo img{background:#fff}.personal-gallery figcaption{line-height:1.6}
@media(max-width:800px){.about-body{padding-top:0}.portrait-figure{max-width:500px}.personal-gallery{gap:18px}.personal-intro{font-size:13px}.personal-intro img{width:64px;height:64px}}
@media(max-width:580px){.personal-gallery{grid-template-columns:1fr;gap:32px;margin-top:0}.personal-gallery img{aspect-ratio:auto;max-height:none}.personal-intro{gap:12px;max-width:80%;font-size:12px}.personal-intro strong{font-size:17px}.personal-intro img{width:56px;height:56px;flex-shrink:0}.hero-bottom>span{max-width:62px;font-size:10px}.portrait-figure figcaption,.personal-gallery figcaption{font-size:12px}}
.featured-top{display:flex;justify-content:space-between;gap:20px}.featured-top>span:last-child{font-size:12px;color:var(--muted);letter-spacing:1px}.featured-title{display:flex;align-items:flex-end;justify-content:space-between;margin:32px 0}.featured-title h2{font-size:clamp(5rem,12vw,11rem);font-weight:700;letter-spacing:-.065em;line-height:1;margin:0}.featured-title h2 span{display:block;font-size:12px;letter-spacing:3px;font-weight:400;margin-top:20px;line-height:1.5}.featured-title>p{color:var(--muted);font-size:16px}.featured-poster{width:100%;border:0;padding:0;position:relative;display:block;aspect-ratio:16/9;background:#20221b;cursor:pointer;overflow:hidden}.featured-poster img{display:block;width:100%;height:100%;object-fit:cover}.featured-play{position:absolute;inset:auto 26px 26px auto;display:flex;align-items:center;gap:16px;padding:18px 24px;background:var(--accent);color:#101110}.featured-play span{font-size:13px;letter-spacing:1px}.featured-poster:hover .featured-play{background:#fff}.featured-story{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:55px}.featured-story h3{font-size:clamp(1.9rem,3vw,3.1rem);font-weight:400;letter-spacing:-.035em;line-height:1.3;margin:20px 0 26px}.featured-story h3 i{font-family:Georgia,serif}.featured-story p{font-size:16px;color:var(--muted);line-height:1.9}.film-credits{margin:0}.film-credits>div{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.film-credits dt{font-size:12px;color:var(--muted);letter-spacing:.7px}.film-credits dd{margin:0;font-size:15px}.film-recognition{border-left:2px solid var(--accent);padding-left:22px;margin-top:24px}.film-recognition>span{font-size:12px;color:var(--accent);letter-spacing:1px}.film-recognition strong{display:block;font-size:20px;font-weight:400;margin-top:10px}.film-recognition p{font-size:14px;margin:8px 0 0}.film-sources{display:flex;gap:18px 26px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:42px;padding-top:22px;font-size:12px;color:var(--muted)}.film-sources a{text-decoration:underline;text-underline-offset:4px}.film-sources a:hover{color:var(--accent)}
@media(max-width:700px){.featured-story{grid-template-columns:1fr;gap:32px}.featured-title>p{font-size:13px}.featured-title h2 span{font-size:11px;letter-spacing:1px}.featured-play{right:15px;bottom:15px;padding:12px 16px}.featured-play span{font-size:12px}.featured-top{gap:12px}.featured-top .eyebrow{font-size:11px}.featured-top>span:last-child{font-size:11px}.film-credits dd{font-size:14px}.nav nav{gap:18px}.nav nav a:nth-child(2){display:none}.nav nav a:nth-child(3){display:inline}}
.featured-index{display:flex;flex-wrap:wrap;gap:15px 32px;padding-bottom:24px;margin-bottom:36px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:1px}.featured-index a:hover{color:var(--accent)}.music-project+.music-project{padding-top:72px;margin-top:72px;border-top:1px solid var(--line)}.music-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.music-title h3{font-size:clamp(2rem,3.8vw,4rem);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:14px 0 0}.music-role{color:var(--muted);font-size:12px;letter-spacing:1px;max-width:240px;text-align:right}.music-details{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:38px}.music-details h4{font-size:27px;line-height:1.4;font-weight:400;margin:0 0 18px;letter-spacing:-.025em}.music-details p{font-size:16px;line-height:1.85;color:var(--muted)}.credit-proof{border-left:2px solid var(--accent);padding-left:20px;margin-top:28px}.credit-proof strong{font-weight:400;color:var(--fg)}.music-stat{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.music-stat strong{display:block;font-size:clamp(2.3rem,4vw,3.8rem);color:var(--accent);font-weight:500;letter-spacing:-.035em;line-height:1.2}.music-stat span{display:block;font-size:12px;color:var(--muted);margin-top:10px}.music-stat.ranking strong{font-size:28px;color:var(--fg)}.music-links{display:flex;flex-direction:column;gap:12px;margin-top:24px}.music-links a{font-size:13px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}.music-links a:hover{color:var(--accent)}
@media(max-width:700px){.music-title{display:block}.music-role{display:block;text-align:left;margin-top:16px;max-width:100%}.music-details{grid-template-columns:1fr;gap:22px}.music-title .eyebrow{font-size:11px;letter-spacing:.8px}.music-project+.music-project{padding-top:46px;margin-top:46px}.featured-index{gap:16px;font-size:12px}.music-details h4{font-size:24px}}

.behind-video{grid-column:1/-1;margin:20px 0 0;max-width:620px;width:100%;justify-self:center}.behind-video video{width:100%;max-height:80vh;aspect-ratio:9/16;background:#191a18;object-fit:contain}.behind-video figcaption{font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:14px}
/* Swipeable portfolio rails */
.about{column-gap:9%;row-gap:36px;min-width:0}.about-title,.about-body{min-width:0}.about-body{padding-top:0}.slide-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--line);padding:6px 4px 22px;min-width:0;max-width:100%;scroll-padding-left:4px}.slide-track>*{scroll-snap-align:start;flex-shrink:0;min-width:0}.slide-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.project-grid.slide-track>.project{flex:0 0 72%;width:72%;align-self:flex-start}.project-grid.slide-track .project-img{height:auto;aspect-ratio:16/9}.project-grid.slide-track .project-line{align-items:flex-start}.project-grid.slide-track h3{overflow-wrap:anywhere}.personal-gallery.slide-track{margin-top:0;grid-column:1/-1}.personal-gallery.slide-track>figure{flex:0 0 32%;width:32%;max-width:none;margin:0}.personal-gallery.slide-track img,.personal-gallery.slide-track video{width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;background:#191a18}.slide-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;min-width:0}.about .slide-controls{margin-top:-20px}.slide-hint{font-size:14px;color:var(--muted)}.slide-navigation{display:flex;align-items:center;gap:16px}.slide-navigation button{background:transparent;border:1px solid var(--line);padding:10px 16px;min-height:44px;cursor:pointer;font-size:14px}.slide-navigation button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.slide-navigation button:disabled{opacity:.35;cursor:default}.slide-count{min-width:54px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.social-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.social-links a{font-size:16px;text-decoration:underline;text-underline-offset:5px}.social-links a:hover{color:var(--accent)}
@media(max-width:800px){.personal-gallery.slide-track>figure{flex-basis:48%;width:48%}.project-grid.slide-track>.project{flex-basis:88%;width:88%}.slide-track{gap:18px}}
@media(max-width:580px){.personal-gallery.slide-track>figure{flex-basis:86%;width:86%}.slide-controls{flex-wrap:wrap;gap:12px}.slide-navigation{margin-left:auto;gap:12px}.slide-hint{font-size:14px}.project-grid.slide-track .project-line{display:block}.project-grid.slide-track .project-line>span{display:block;margin-top:8px}.personal-gallery.slide-track figcaption{font-size:14px}.about{row-gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}