*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#101010;color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:#eee;color:#111}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#site{visibility:hidden}header{display:flex;align-items:center;margin:0 5%;height:116px;border-bottom:1px solid #363636;gap:30px}.wordmark{font-size:36px;letter-spacing:-2px;font-weight:700}.wordmark span{font-family:Georgia,serif}nav{display:flex;gap:8px;margin:auto}nav a{background:linear-gradient(#282828,#1b1b1b);box-shadow:0 3px 0 #050505,inset 0 1px 0 #444;border:1px solid #383838;border-radius:9px;padding:13px 19px;font-size:14px;min-width:100px;display:flex;justify-content:space-between;gap:22px;transition:transform .15s}nav a:hover{background:#343434}nav a:active{transform:translateY(2px);box-shadow:none}nav span{font:12px 'Courier New',monospace;color:#999}.location,.section-note,.section-heading>span,.chapter,.dialog-top,.range-labels,.down-link,.view-project,.project-index,.player-label{font-family:'Courier New',monospace}.location{font-size:13px;color:#aaa}.introduction{position:relative;display:grid;grid-template-columns:1fr 3fr;gap:35px;padding:85px 5% 90px;min-height:690px}.section-note{font-size:12px;letter-spacing:.08em;line-height:1.6;color:#a0a0a0;padding-top:14px}.intro-content{max-width:850px}h1{font-size:clamp(48px,6.5vw,94px);letter-spacing:-.065em;font-weight:400;line-height:.99;margin:0 0 34px}.bio-stage{min-height:138px;max-width:680px}#bio{font-size:clamp(18px,1.65vw,23px);line-height:1.5;letter-spacing:-.02em;margin:0;color:#c8c8c8;transition:opacity .14s,transform .14s}.slider-wrap{position:relative;max-width:680px;margin-top:23px;padding-bottom:23px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:30px;background:transparent;cursor:ew-resize;margin:0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#eee var(--fill,0%),#515151 var(--fill,0%))}input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;background:#eee;border:4px solid #eee;border-radius:50%;margin-top:-8.5px;box-shadow:0 0 0 6px #ffffff08}input[type=range]::-moz-range-track{height:2px;background:#555}input[type=range]::-moz-range-progress{height:2px;background:#eee}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#eee}.range-labels{display:flex;justify-content:space-between;font-size:13px;color:#aaa;margin-top:8px}.chapter{position:absolute;left:calc(50% - 25px);bottom:0;font-size:12px;color:#777}.down-link{position:absolute;left:5%;bottom:36px;font-size:13px;color:#bbb}.down-link span{margin-left:20px}.work{background:#f4f4f4;color:#131313;padding:55px 5% 76px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:20px}h2{font-size:clamp(30px,3.5vw,46px);font-weight:400;letter-spacing:-.05em;margin:0}.section-heading>span{font-size:12px;color:#666}.project{padding:0;border:0;text-align:left;background:none;display:block;width:100%;cursor:pointer}.picture{display:block;position:relative;overflow:hidden;aspect-ratio:1.95;background:#ddd}.picture img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.025)}.project-index{position:absolute;top:22px;left:24px;color:white;font-size:14px}.view-project{position:absolute;bottom:24px;right:24px;border:1px solid #ffffff50;background:#131313cc;backdrop-filter:blur(8px);color:#fff;padding:14px 18px;border-radius:7px;font-size:14px}.view-project span{margin-left:26px}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:22px}.project-caption strong{font-size:28px;letter-spacing:-.04em;font-weight:400}.project-caption>span{font-size:14px;color:#555}.divider{margin:0 12px;color:#999}.about{display:grid;grid-template-columns:1fr 3fr;gap:35px;padding:90px 5% 100px}.about>div:last-child{max-width:720px}.about h2{margin-bottom:32px}.about p{font-size:17px;line-height:1.75;color:#bcbcbc;max-width:680px;margin:0 0 22px}.disciplines{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.disciplines span{border:1px solid #404040;border-radius:5px;font-size:12px;padding:9px 11px;color:#aaa}footer{margin:0 5%;border-top:1px solid #363636;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}footer>span:not(.wordmark),footer a{font-size:13px;color:#aaa}#entrance{position:fixed;inset:0;z-index:20;background:#101010;transition:opacity .6s;overflow:hidden}.script-line{position:absolute;left:26%;top:43%;font:clamp(18px,2vw,26px)/1.7 'Courier New',Courier,monospace;white-space:pre;letter-spacing:0;font-weight:400}.caret{animation:blink .75s steps(1) infinite}@keyframes blink{50%{opacity:0}}#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}dialog{background:#151515;color:#eee;border:1px solid #444;border-radius:12px;width:min(1060px,94vw);max-height:92dvh;padding:30px;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa;margin-bottom:30px}.dialog-top button{background:#292929;border:1px solid #555;border-radius:6px;padding:10px 16px;cursor:pointer;font:14px Arial}.film-role{color:#aaa;font-size:15px;margin:12px 0 25px}.player{aspect-ratio:16/9;background:black;position:relative}.player button{width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer;position:relative}.player img{width:100%;height:100%;object-fit:cover}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fffffff0;color:#111;width:76px;height:76px;border-radius:50%;font-size:24px;padding-left:4px}.player-label{position:absolute;bottom:20px;left:20px;color:#fff;background:#000a;padding:9px;font-size:13px}.player iframe{width:100%;height:100%;border:0}.external{font-size:13px;color:#aaa;margin-top:19px}.external a{text-decoration:underline;text-underline-offset:4px}.noscript{padding:20px}
@media(min-width:1500px){header,footer{max-width:1500px;margin:auto}.introduction,.about{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.work{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}}
@media(max-width:700px){header{height:92px;gap:12px}.wordmark{font-size:30px}nav{margin-left:auto;margin-right:0}nav a{min-width:70px;padding:11px 12px;gap:13px}.location{display:none}.introduction{display:block;padding-top:34px;min-height:680px}.section-note{margin-bottom:28px}.intro-content h1{font-size:clamp(48px,10vw,70px);margin-bottom:30px}.bio-stage{min-height:178px}.slider-wrap{margin-top:12px}.section-heading{align-items:flex-start}.section-heading>span{max-width:100px;text-align:right;line-height:1.5}.picture{aspect-ratio:16/11}.project-caption{display:block}.project-caption strong{font-size:25px;display:block;margin-bottom:8px}.project-caption>span{font-size:13px}.view-project{bottom:13px;right:13px;padding:10px 12px;font-size:12px}.view-project span{margin-left:12px}.about{display:block;padding-top:45px;padding-bottom:55px}.about p{font-size:16px}footer>span:not(.wordmark){display:none}.script-line{left:9%;top:40%;font-size:18px}dialog{padding:18px}.play-circle{width:55px;height:55px;font-size:19px}.player-label{left:8px;bottom:8px;font-size:12px}.range-labels{font-size:12px}.work{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:370px){.script-line{font-size:16px;left:7%}}

/* Project credits read as title, format, then contribution. */
.view-project{display:inline-flex;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif}
.view-project span{margin-left:0}
.project-caption{display:block;margin-top:20px}
.project-caption strong{display:block;font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin-bottom:12px}
.project-caption .project-details{display:flex;flex-direction:column;gap:5px;font-size:15px;line-height:1.5;color:#555}
.project-details>span:last-child{color:#252525}
.film-role{display:flex;flex-direction:column;gap:5px;line-height:1.5}

.award-highlight{font-size:14px;line-height:1.6;margin:18px 0 0;padding-top:16px;border-top:1px solid #d5d5d5;color:#444;max-width:620px}
.film-awards{margin-top:30px;border-top:1px solid #404040;padding-top:24px}.film-awards h3{font-size:20px;font-weight:400;margin:0 0 20px}.film-awards ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.film-awards li{font-size:14px;line-height:1.6}.film-awards strong{display:block;font-weight:500}.film-awards li span{display:block;color:#aaa}.award-source{font-size:13px;color:#999;line-height:1.6;margin-top:22px}.award-source a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.film-awards ul{grid-template-columns:1fr}}

/* Reel and contact use the same restrained monochrome layout. */
.showreel{padding:55px 5% 70px;background:#101010}.showreel .section-heading>span{color:#aaa}.reel-player{max-width:1280px;margin:auto}.showreel .external{text-align:right}.contact{display:grid;grid-template-columns:1fr 3fr;gap:35px;padding:55px 5% 90px;border-top:1px solid #363636}.contact h2{margin-bottom:36px}.contact-method{margin-bottom:28px}.contact-method>span{display:block;color:#aaa;font-size:14px;margin-bottom:10px}.contact-method a{display:inline-block;text-underline-offset:6px;overflow-wrap:anywhere}.contact-method a:hover{text-decoration:underline}.contact-phone{font-size:clamp(26px,4vw,54px);letter-spacing:-.035em}.contact-email{font-size:clamp(20px,2.5vw,30px)}.picture{aspect-ratio:16/9}.laurels{position:absolute;top:3%;right:2%;width:30%;display:grid;grid-template-columns:1fr 1fr;gap:8px;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 3px #0009);pointer-events:none}.picture .laurels img{width:100%;height:auto;object-fit:contain;transform:none;transition:none}.project:hover .laurels img{transform:none}
@media(min-width:1500px){.showreel,.contact{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}}
@media(max-width:700px){nav a{min-width:0;padding:11px 12px;gap:0}nav a span{display:none}.showreel{padding-top:35px;padding-bottom:40px}.contact{display:block;padding-top:40px;padding-bottom:45px}.laurels{width:34%;gap:3px}.project-index{top:12px;left:12px}.view-project{bottom:10px;right:10px}.showreel .section-heading>span{max-width:none}.contact-method a{max-width:100%}}

.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.project-grid>*{min-width:0}.project-grid .project-caption strong{font-size:clamp(24px,2.3vw,32px)}.project-grid .picture>img{object-fit:contain;background:#000}.work-more{display:inline-flex;gap:14px;align-items:center;margin-top:42px;border-bottom:1px solid #777;padding:12px 0;font-size:16px}.disciplines a{border:1px solid #404040;border-radius:5px;font-size:12px;padding:9px 11px;color:#aaa}.disciplines a:hover{color:#fff;border-color:#aaa}.back-link{display:inline-block;font-size:15px;margin-bottom:40px}.production-work{min-height:70vh}.production-work h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.04em;line-height:1.1;margin:0}.film-awards[hidden]{display:none}
@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:36px}.project-grid .project-caption strong{font-size:26px}}

/* Shared paths through the portfolio. */
.work-categories{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 44px}.work-categories a{display:inline-flex;gap:14px;align-items:center;border:1px solid #bbb;border-radius:6px;padding:13px 17px;font-size:14px;min-width:0}.work-categories a[aria-current="page"]{background:#191919;border-color:#191919;color:#fff}.work-categories a:hover{border-color:#191919}.work-categories a:focus-visible,.project:focus-visible{outline:3px solid #666;outline-offset:5px}.crew-credits{margin-top:72px;padding-top:38px;border-top:1px solid #ccc}.crew-credits h2{font-size:clamp(26px,3vw,38px);margin:0 0 32px}.player img{object-fit:contain}.work-categories a span{margin-left:0}@media(max-width:700px){.work-categories{margin:26px 0 32px;gap:8px}.work-categories a{padding:12px;font-size:13px}.crew-credits{margin-top:48px}}

/* Experience and direct access to reel and CV. */
.experience{display:grid;grid-template-columns:1fr 3fr;gap:35px;padding:55px 5% 70px;border-bottom:1px solid #363636}.experience h2{margin:0 0 36px}.experience-entry{padding:25px 0;border-top:1px solid #363636;max-width:850px}.experience-date{font:14px 'Courier New',monospace;color:#aaa;display:block;margin-bottom:14px}.experience h3{font-size:24px;font-weight:500;margin:0 0 8px}.experience p{font-size:16px;line-height:1.65;color:#bbb;max-width:680px;margin:10px 0 0}.experience .experience-role{color:#f4f4f4;margin:0}.experience-education{padding-top:28px;border-top:1px solid #363636;max-width:850px}.cv-link{display:inline-block;border:1px solid #666;border-radius:6px;padding:12px 16px;font-size:14px;white-space:nowrap}.cv-link:hover{background:#292929}.quick-links{display:flex;flex-wrap:wrap;gap:24px}.quick-links a{font-size:14px;text-underline-offset:5px}.quick-links a:hover{text-decoration:underline}.showreel-nav{scroll-behavior:auto}
@media(min-width:1500px){.experience{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}}
@media(max-width:850px){header{flex-wrap:wrap;height:auto;min-height:100px;padding:20px 0;gap:16px}header nav{flex-wrap:wrap;margin:0 0 0 auto}header .location{display:none}}
@media(max-width:550px){header nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}header nav a{justify-content:center;padding:12px 6px;font-size:13px;min-width:0}.experience{display:block;padding-top:40px;padding-bottom:45px}.experience .section-note{margin-bottom:28px}.experience h3{font-size:22px}.quick-links{gap:20px}.showreel .section-heading{gap:18px;flex-wrap:wrap}}

.experience-sample{margin-top:24px}.experience-sample h4{font-size:16px;font-weight:400;margin:0 0 14px}.experience .experience-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;margin-top:16px}.experience-links a{text-decoration:underline;text-underline-offset:4px}

/* Four introduction beats, followed by the work in motion. */
.introduction{display:block;min-height:0;padding:76px 8% 42px;max-width:1500px;margin:auto}
.intro-content{max-width:900px;margin:0 auto}
.intro-content h1{font-size:clamp(42px,5.8vw,78px);line-height:1.08;letter-spacing:-.055em;margin-bottom:34px}
.bio-stage{max-width:760px;min-height:180px}
#bio{font-size:clamp(18px,1.65vw,22px);line-height:1.6;letter-spacing:-.015em}
.slider-wrap{max-width:760px;margin-top:18px;padding-bottom:27px}
.availability{font-size:14px;color:#c5c5c5;line-height:1.6;margin:28px 0 0}
.availability::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ddd;margin-right:10px;vertical-align:middle}
.down-link.quick-links{position:static;max-width:900px;margin:28px auto 0;padding-top:22px;border-top:1px solid #303030;color:#ddd}
.showreel{padding:48px 5% 72px}
.reel-heading{max-width:1280px;margin:0 auto 24px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 24px}
.reel-kicker{font:11px 'Courier New',monospace;letter-spacing:.16em;color:#a5a5a5;grid-column:1/-1}
.reel-heading h2{font-size:clamp(38px,5vw,68px);line-height:1.05}
.reel-player{overflow:hidden;border:1px solid #424242;border-radius:3px;background:#050505}
.reel-player>button{display:block;isolation:isolate}
.reel-stills{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:3px}
.reel-stills img{width:100%;height:100%;object-fit:cover;filter:brightness(.58);transition:filter .4s,transform .7s}
.reel-player button:hover .reel-stills img{filter:brightness(.75);transform:scale(1.015)}
.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;white-space:nowrap;font-size:16px;font-weight:500;text-shadow:0 1px 8px #000}
.reel-icon{display:grid;place-items:center;width:86px;height:86px;padding-left:4px;border-radius:50%;background:#f5f5f5;color:#101010;font-size:25px;text-shadow:none;box-shadow:0 0 0 10px #ffffff16;transition:transform .2s}
.reel-player button:hover .reel-icon{transform:scale(1.06)}
.reel-signature{position:absolute;bottom:24px;left:26px;font:11px 'Courier New',monospace;letter-spacing:.12em;color:#fff;text-shadow:0 1px 6px #000}
.reel-bottom{max-width:1280px;margin:19px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#bcbcbc;line-height:1.6}
.reel-bottom>a{color:#eee;display:inline-flex;gap:10px;white-space:nowrap}
.reel-bottom>a:hover,.all-work:hover{text-decoration:underline;text-underline-offset:5px}
.all-work{font-size:14px;white-space:nowrap}
.work-categories a{background:#e9e9e9;color:#171717;box-shadow:none;border-color:#bdbdbd}
.work-categories a span{color:inherit}
.work-categories a:hover{background:#ddd;color:#111}
.work-categories a[aria-current="page"]{background:#191919;color:#fff}
header nav a[aria-current="page"]{border-color:#a3a3a3;background:#353535}
.inner-page{min-height:calc(100svh - 220px)}
.inner-page h1{font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-.045em;margin:0 0 36px}
.inner-page .experience,.inner-page .contact{padding-top:65px;border-top:0;border-bottom:0}
.inner-page .contact>div:last-child{max-width:720px}
.inner-page .contact .availability{margin:-12px 0 40px}
.contact-phone{font-size:clamp(23px,2.7vw,32px);letter-spacing:-.025em}
.contact-email{font-size:clamp(20px,2.4vw,28px)}
.work-hub{min-height:70svh;padding-top:65px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.category-card{display:block;min-width:0}
.category-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.category-card>span{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #ccc;padding:20px 0;font-size:22px;line-height:1.25}
.category-card strong{font-weight:400;letter-spacing:-.03em}
.category-card:hover strong{text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){.category-grid{grid-template-columns:1fr}.category-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.category-card>span{border:0}.bio-stage{min-height:210px}}
@media(max-width:550px){.introduction{padding:46px 5% 28px}.intro-content h1{font-size:43px;margin-bottom:25px}.bio-stage{min-height:285px}#bio{font-size:18px;line-height:1.6}.range-labels{font-size:11px}.availability{margin-top:20px}.down-link.quick-links{gap:18px;margin-top:22px}.showreel{padding-top:28px;padding-bottom:44px}.reel-heading{gap:8px 12px}.reel-heading .cv-link{padding:10px 12px;font-size:12px}.reel-play{gap:11px;font-size:13px}.reel-icon{width:54px;height:54px;font-size:18px;box-shadow:0 0 0 6px #ffffff16}.reel-signature{left:12px;bottom:12px;font-size:8px}.reel-bottom{align-items:flex-start;font-size:12px;gap:16px}.reel-bottom>span{max-width:190px}.category-card{display:block}.category-card>span{padding:16px 0 24px}.inner-page .experience,.inner-page .contact{padding-top:38px}.inner-page .section-note{margin-bottom:22px}.work-hub{padding-top:38px}}

/* Navigation and reel refinements. */
.menu-toggle{display:none;width:46px;height:44px;background:#232323;border:1px solid #484848;border-radius:9px;cursor:pointer;padding:11px}
.menu-toggle span{display:block;height:2px;background:#eee;margin:4px 0;width:22px}
.mobile-menu{inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(360px,88vw);max-width:88vw;border-radius:0;border:0;border-left:1px solid #444;padding:28px;background:#171717;overflow-y:auto}
.mobile-menu[open]{animation:menu-in .24s ease-out}
@keyframes menu-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.menu-close{background:none;border:1px solid #555;border-radius:6px;padding:10px 12px;font-size:14px;cursor:pointer}
.mobile-menu nav{display:flex;flex-direction:column;margin:48px 0 0;gap:12px}
.mobile-menu nav a{padding:20px;font-size:21px;min-width:0}
.mobile-menu nav a[aria-current="page"]{border-color:#aaa}
.intro-content h1{margin-bottom:48px}
.bio-stage{min-height:0}
.slider-wrap{margin-top:16px}
.reel-player>button{background:#1a1a1a}
.reel-player>button:hover{background:#202020}
.reel-bottom .availability{margin:0;font-size:13px;max-width:none}
@media(max-width:700px){header{flex-wrap:nowrap;min-height:88px;padding:20px 0}header .desktop-nav{display:none}.menu-toggle{display:block;margin-left:auto}header .location{display:none}.intro-content h1{margin-bottom:36px}.bio-stage{min-height:0}.slider-wrap{margin-top:16px}.reel-bottom{flex-wrap:wrap;gap:14px}.reel-bottom .availability{font-size:12px}}

/* Keep the supplied reel artwork intact; playback control avoids the title. */
.reel-player .reel-poster{display:block;width:100%;height:100%;object-fit:contain}
.reel-player .reel-play{left:auto;top:auto;right:18px;bottom:18px;transform:none;flex-direction:row;gap:10px;background:#101010ed;border:1px solid #ffffff65;border-radius:30px;padding:8px 16px 8px 8px;font-size:13px;text-shadow:none}
.reel-player .reel-icon{width:34px;height:34px;font-size:13px;box-shadow:none}
@media(max-width:550px){.reel-player .reel-play{right:8px;bottom:8px;gap:7px;padding:5px 10px 5px 5px;font-size:11px}.reel-player .reel-icon{width:26px;height:26px;font-size:11px}}

/* Writing samples: optional synopses and direct, language-labelled PDFs. */
.standalone-script{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:38px 0;margin:0 0 48px}
.script-eyebrow{font:12px 'Courier New',monospace;color:#666;letter-spacing:.04em}
.script-heading h2{margin:16px 0 12px}.script-heading p,.excerpt-note{font-size:14px;color:#555;line-height:1.6}
.script-synopsis{margin:18px 0;font-size:16px;line-height:1.7;max-width:720px}
.script-synopsis summary{cursor:pointer;display:list-item;font-size:15px;text-underline-offset:4px;width:fit-content}
.script-synopsis summary:hover{text-decoration:underline}.script-synopsis summary:focus-visible{outline:2px solid #333;outline-offset:5px}
.script-synopsis p{margin:16px 0;color:#333}
.script-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.script-actions a{border:1px solid #aaa;border-radius:6px;padding:12px 14px;display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:1.4}
.script-actions a:hover{background:#e5e5e5;border-color:#555}.pdf-tag{font-size:10px;color:#555;white-space:nowrap}
.arabic-title{width:fit-content;font-size:20px;margin:12px 0;color:#444}
.writing-projects{align-items:start}.filmed-script{min-width:0}
@media(max-width:700px){.standalone-script{grid-template-columns:1fr;gap:8px;padding:26px 0}.script-actions a{font-size:13px}.script-synopsis{font-size:15px}}

/* Colour study 02: burgundy and golden mustard. Geometry and type unchanged. */
:root{--ink:#171514;--paper:#f6f2e9;--wine:#780116;--wine-hover:#930c29;--gold:#e5ad38;--muted:#bdb6aa;--rule:#423b35}
body{background:var(--ink);color:var(--paper)}
::selection{background:var(--gold);color:var(--ink)}
header,footer,.experience,.experience-entry,.experience-education,.contact{border-color:var(--rule)}
.wordmark span{color:var(--gold)}
nav a{background:linear-gradient(#302724,#211c1a);border-color:#51403a;box-shadow:0 3px 0 #0c0908,inset 0 1px 0 #59433a}
nav a:hover{background:var(--wine);border-color:#bc6878}
header nav a[aria-current="page"],.mobile-menu nav a[aria-current="page"]{background:var(--wine);border-color:#bc6878;color:var(--paper)}
.location,.section-note,.range-labels,.experience-date,.contact-method>span,.reel-kicker{color:var(--muted)}
.intro-content h1{color:var(--gold)}
#bio{color:#d7d0c5}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--gold) var(--fill,0%),#675b47 var(--fill,0%))}
input[type=range]::-webkit-slider-thumb{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 6px #e5ad3812}
input[type=range]::-moz-range-track{background:#675b47}
input[type=range]::-moz-range-progress,input[type=range]::-moz-range-thumb{background:var(--gold)}
.chapter{color:var(--muted)}
.down-link.quick-links{border-color:var(--rule);color:var(--paper)}
.quick-links a:hover,.experience-links a,.reel-bottom>a,.contact-method a:hover{color:var(--gold)}
.showreel{background:var(--ink)}
.cv-link{background:var(--wine);border-color:#bc6878;color:var(--paper)}
.cv-link:hover{background:var(--wine-hover);border-color:var(--gold)}
.availability{color:#d7d0c5}.availability::before{background:var(--gold)}
.reel-player{border-color:#665644}.reel-player .reel-play{background:#241b16ed;border-color:#e5ad3899;color:var(--paper)}
.reel-player .reel-icon,.play-circle{background:var(--gold);color:var(--ink)}
.work{background:var(--paper);color:var(--ink)}
.work .section-heading h1,.work .section-heading h2,.work-hub h1,.script-heading h2,.crew-credits h2{color:var(--wine)}
.all-work,.work-more,.script-synopsis summary{color:var(--wine)}
.work-categories a{background:#ece5d8;border-color:#c9bdac;color:var(--ink)}
.work-categories a:hover{background:#e5ad382e;border-color:var(--wine);color:var(--wine)}
.work-categories a[aria-current="page"]{background:var(--wine);border-color:var(--wine);color:var(--paper)}
.work-categories a:focus-visible,.project:focus-visible,.script-synopsis summary:focus-visible{outline-color:var(--wine)}
.view-project{background:#2a171cde;border-color:#f6f2e970;color:var(--paper)}
.project:hover .view-project{background:var(--wine);border-color:var(--paper)}
.project:hover .project-caption strong,.category-card:hover strong{color:var(--wine)}
.script-actions a{border-color:#c1aaa5;color:var(--wine)}
.script-actions a:hover{background:#7801160c;border-color:var(--wine)}
.standalone-script,.crew-credits,.category-card>span{border-color:#c9bdac}
.experience .experience-role{color:var(--paper)}
.experience p,.about p{color:#c9c1b6}
.inner-page .experience h1,.inner-page .contact h1{color:var(--gold)}
.mobile-menu,dialog{background:#211b19;color:var(--paper);border-color:#665644}
.menu-toggle{background:#302724;border-color:#665644}.menu-toggle span{background:var(--gold)}
.menu-close:hover,.dialog-top button:hover{background:var(--wine)}
footer a:hover{color:var(--gold)}

/* Clear navigation and useful, quiet contact details across the site. */
#entrance{color:#f6f3eb;background:#101010}.script-line{color:#f6f3eb}
header .desktop-nav a,.mobile-menu nav a{justify-content:center;text-align:center;font-family:'Trebuchet MS',Arial,sans-serif;font-weight:600;font-size:15px;letter-spacing:.015em}
.wordmark span{color:#e5c46a}
.footer-contact{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.footer-contact a{font:14px/1.5 Arial,sans-serif;text-underline-offset:4px}.footer-contact a:hover{text-decoration:underline}
footer .wordmark{font-size:32px;color:inherit}footer .back-top{font-size:12px}
.contact-phone,.contact-email{font-size:20px;letter-spacing:0}
@media(max-width:650px){footer{flex-wrap:wrap;align-items:flex-start}.footer-contact{order:3;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:8px}.contact-phone,.contact-email{font-size:18px}}
/* Stacked contact details and the shared reference gold. */
.wordmark span{color:#f7b538}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
header .desktop-nav a,.mobile-menu nav a{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:.02em}
footer .back-top{display:inline-flex;align-items:center;gap:10px}footer .back-top span{font-size:21px;color:#f7b538}
