:root{--paper:#f4f0e7;--ink:#171715;--ui:'IBM Plex Mono',monospace;--name:'Barlow Condensed',Impact,sans-serif;--blur:5.5px;--scale:1}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scrollbar-gutter:stable}body{margin:0;font-family:Arial,Helvetica,sans-serif}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid;outline-offset:7px}button,select,input{font:inherit}a:hover{text-decoration:underline;text-underline-offset:5px}.masthead{position:absolute;z-index:5;top:38px;left:3.1%;right:3.1%;display:flex;justify-content:space-between;font:500 10px/1.5 var(--ui);letter-spacing:1.5px}.signature{letter-spacing:2px}.home{height:100svh;min-height:580px;position:relative;overflow:hidden}.identity{position:absolute;left:63%;top:50%;width:25%;height:48%;margin:0;transform:translateY(-50%) scale(var(--scale));transform-origin:center; font-family:var(--name);font-size:clamp(100px,16.2vw,270px);font-weight:800;line-height:.79;letter-spacing:-.035em}.name-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.065em}.name-layer>span{display:block}.base{filter:blur(.65px);mask-image:linear-gradient(110deg,transparent 0%,#000 34%,#000 75%,#000b 100%)}.frost{filter:blur(var(--blur));mask-image:linear-gradient(110deg,#000 4%,#000b 27%,transparent 53%,#0009 70%,transparent 93%)}.haze{filter:blur(calc(var(--blur)*1.7));opacity:.3;mask-image:radial-gradient(ellipse at 20% 35%,#000,transparent 63%)}.navigation{position:fixed;z-index:10;bottom:0;left:3.1%;right:3.1%;height:86px;padding-top:29px;border-top:1px solid #77776f;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--paper);font:500 10px/1.4 var(--ui);letter-spacing:1.5px}.navigation a:nth-child(2){justify-self:center}.navigation a:last-child{justify-self:end}.navigation span{margin-right:25px}.navigation a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.interior{padding:148px 3.1% 145px;min-height:100svh}.section-top{display:flex;align-items:center;justify-content:space-between}.eyebrow,.text-link,.source-note{font:400 10px/1.7 var(--ui);letter-spacing:1px}.text-link{text-decoration:underline;text-underline-offset:5px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #77776f;padding:20px 0 22px;margin-bottom:28px}.page-heading h2{font-size:clamp(64px,10vw,150px);font-weight:500;line-height:.8;letter-spacing:-.07em;margin:0}.page-heading>.eyebrow{margin-bottom:0}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 24px}.film-art{aspect-ratio:1.6;background:#ddd9cf;overflow:hidden;position:relative}.film-art img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;filter:saturate(.7);transition:transform .7s,filter .7s}.film:hover img{transform:scale(1.035);filter:saturate(1)}.film-index{position:absolute;left:12px;top:12px;background:var(--paper);padding:4px 6px;font:10px var(--ui)}.film h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:16px 0 18px}.metadata{display:grid;grid-template-columns:65px 1fr;gap:5px;font:10px/1.6 var(--ui);margin:0;padding-top:12px;border-top:1px solid #b3b0a6}.metadata dt{color:#73736b}.metadata dd{margin:0}.source-note{color:#77766e;letter-spacing:0;max-width:720px;margin-top:40px}.source-note a{text-decoration:underline}.about-intro{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin:55px 0 80px}.about-intro>p:first-child{font-size:clamp(28px,4vw,58px);line-height:1.15;letter-spacing:-1.8px;margin:0}.body-copy{font-size:16px;line-height:1.7;max-width:400px}.experience-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;border-top:1px solid #b3b0a6;padding:22px 0;font-size:15px}.experience-row span:last-child{font:11px/1.5 var(--ui)}.experience-label{margin-bottom:20px}.contact-intro{font-size:clamp(55px,8vw,120px);line-height:1;letter-spacing:-.065em;margin:60px 0 35px}.video-frame{aspect-ratio:16/9;background:#191919}.video-frame iframe{width:100%;height:100%;border:0}.design-controls{position:fixed;z-index:30;bottom:100px;left:3.1%;font:10px/1.5 var(--ui);background:var(--paper);border:1px solid #c9c5b9;max-width:250px}.design-controls summary{cursor:pointer;padding:8px 12px;letter-spacing:1px;opacity:.65}.controls-inner{padding:8px 12px 14px;display:grid;gap:15px}.controls-inner label{display:grid;gap:7px}.controls-inner select{max-width:215px;background:transparent;border:1px solid #b3b0a6;padding:5px}.controls-inner button{background:transparent;border:1px solid #b3b0a6;padding:6px;cursor:pointer}.controls-inner input{accent-color:var(--ink);width:100%}[hidden]{display:none!important}::view-transition-old(root){animation:leave .5s ease both}::view-transition-new(root){animation:enter .65s cubic-bezier(.2,.7,.2,1) both}@keyframes leave{to{opacity:0;filter:blur(10px);transform:translateY(-24px)}}@keyframes enter{from{opacity:0;filter:blur(10px);transform:translateY(35px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(min-width:1700px){.identity{font-size:16vw}}@media(max-width:700px){.masthead{top:25px;left:6%;right:6%;font-size:8px;letter-spacing:.8px}.identity{left:39%;width:49%;height:38%;font-size:31vw;top:47%}.navigation{left:6%;right:6%;height:75px;font-size:9px;letter-spacing:.7px;padding-top:25px}.navigation span{margin-right:9px}.interior{padding:115px 6% 135px}.section-top{gap:20px}.eyebrow,.text-link{font-size:8px}.page-heading{padding-top:30px}.page-heading>.eyebrow{max-width:130px;text-align:right}.film-grid{grid-template-columns:1fr;gap:38px}.film-art{aspect-ratio:1.5}.film h3{font-size:23px}.about-intro{grid-template-columns:1fr;gap:20px}.experience-row{grid-template-columns:1fr;gap:8px}.design-controls{left:6%;bottom:90px}.design-controls summary{font-size:8px}.source-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.home-links{position:absolute;left:10%;top:44%;width:24%;max-width:310px}.home-links>.eyebrow{display:block;margin-bottom:27px;font-size:8px;color:#77766e}.home-links>a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #b5b1a7;font-size:21px;letter-spacing:-.7px}.home-links>a>span{font:8px var(--ui);letter-spacing:1px}.resume-link[aria-disabled]{cursor:default;opacity:.5;text-decoration:none}.navigation{grid-template-columns:repeat(4,1fr)}.navigation a:nth-child(2),.navigation a:nth-child(3){justify-self:center}.navigation span{margin-right:16px}.animation-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.film-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:thin;padding:0 0 18px;overscroll-behavior-x:contain}.film-gallery .film{flex:0 0 25%;min-width:220px;scroll-snap-align:start}.poster-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.poster-button .film-art{aspect-ratio:2/3}.poster-button .film-art img{object-fit:cover;object-position:center;filter:saturate(.8)}.poster-button:hover img{transform:scale(1.025);filter:saturate(1)}.poster-button h3{font-size:19px;margin:15px 0 6px;letter-spacing:-.5px}.film-studio{display:block;font:9px/1.7 var(--ui);color:#6a6962}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.gallery-controls button{border:1px solid #aaa69b;border-radius:50%;width:38px;height:38px;background:transparent;cursor:pointer;margin-left:8px;font-size:18px}.gallery-controls button:hover{background:var(--ink);color:var(--paper)}.directing-caption{display:flex;justify-content:space-between;gap:25px;align-items:start;padding-top:25px}.directing-caption h3{font-size:clamp(30px,5vw,70px);font-weight:500;letter-spacing:-.05em;margin:0}.directing-caption>div{text-align:right}.directing-film{max-width:1200px;margin:0 auto}#film-detail{width:min(900px,90vw);max-height:88svh;overflow:auto;border:0;background:var(--paper);color:var(--ink);padding:30px}#film-detail::backdrop{background:#17171599;backdrop-filter:blur(7px)}#detail-close{display:block;margin:0 0 25px auto;background:none;border:0;font:10px var(--ui);letter-spacing:1px;cursor:pointer;padding:8px}#detail-content{display:grid;grid-template-columns:1fr 1fr;gap:35px}#detail-content img{width:100%;max-height:65svh;object-fit:contain;object-position:top}#detail-title{font-size:clamp(28px,4vw,55px);line-height:1;letter-spacing:-.05em;font-weight:500;margin:20px 0 30px}#detail-content .metadata{font-size:11px;gap:12px;grid-template-columns:65px 1fr}body:has(#film-detail[open]){overflow:hidden}.experience-label{margin-top:45px}
@media(max-width:700px){.home-links{left:7%;top:69%;width:62%;max-width:300px}.home-links>.eyebrow{display:none}.home-links>a{font-size:17px;padding:11px 0}.home .identity{top:38%}.navigation{font-size:8px;letter-spacing:.2px}.navigation span{display:block;margin:0 0 5px}.film-gallery .film{flex-basis:67%;min-width:190px}.animation-tools{gap:15px}.animation-tools .eyebrow{font-size:7px;text-align:right}.directing-caption{flex-direction:column}.directing-caption>div{text-align:left}#detail-content{grid-template-columns:1fr}#detail-content img{max-height:40svh}#film-detail{padding:20px}.design-controls{left:auto;right:6%;bottom:90px}}
/* Filmstrip: monochrome stills reveal colour, space and credits. */
html{scrollbar-width:none}html::-webkit-scrollbar,.film-gallery::-webkit-scrollbar{display:none}.film-gallery{scrollbar-width:none;gap:14px;align-items:stretch;scroll-snap-type:x proximity;padding-bottom:0}.film-gallery .film{flex:0 0 21%;min-width:185px;transition:flex-basis .7s cubic-bezier(.2,.7,.2,1)}.film-gallery .film:hover,.film-gallery .film:focus-within{flex-basis:43%}.poster-button{height:100%}.poster-button .film-art{height:clamp(320px,46svh,590px);aspect-ratio:auto;isolation:isolate}.poster-button .film-art img{filter:grayscale(1) brightness(.83);transition:filter .8s,transform 1.2s;object-fit:cover;object-position:center}.poster-button:hover .film-art img,.poster-button:focus-visible .film-art img{filter:grayscale(0) brightness(1);transform:scale(1.025)}.film-art::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000b);opacity:0;transition:opacity .7s;z-index:1;pointer-events:none}.film:hover .film-art::after,.film:focus-within .film-art::after{opacity:1}.film-reveal{position:absolute;bottom:24px;left:24px;right:20px;z-index:2;display:grid;gap:7px;color:#fff;font:10px/1.5 var(--ui);letter-spacing:.4px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .7s;pointer-events:none}.film:hover .film-reveal,.film:focus-within .film-reveal{opacity:1;transform:translateY(0)}.film-reveal>span:first-child{font:500 clamp(18px,2vw,28px)/1.1 Arial,sans-serif;letter-spacing:-.6px;margin-bottom:4px}.poster-button .film-index{background:none;color:#fff;font-size:9px;text-shadow:0 1px 5px #000}.poster-button h3{font-size:16px;line-height:1.2;margin-top:17px}.film-studio{display:none}.gallery-controls{margin-top:30px}.gallery-controls button{border-color:#bbb7ad;width:32px;height:32px}.cinema-cover{position:relative;display:block;height:100%;width:100%;overflow:hidden;background:#181818}.cinema-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.75);transition:filter .8s,transform 1s}.cinema-cover:hover img,.cinema-cover:focus-visible img{filter:grayscale(0) brightness(.9);transform:scale(1.02)}.cinema-watch{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;font:11px var(--ui);letter-spacing:2px;color:#fff;background:#0001}.cinema-watch::before{content:'↗';width:65px;height:65px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;font-size:25px;margin-bottom:12px}.cinema-watch small{font:8px var(--ui);letter-spacing:1px}.about-description{max-width:510px;font-size:17px;line-height:1.8}.about-description p:first-child{margin-top:0}.about-intro{grid-template-columns:1fr 1fr}.about-description .text-link{display:inline-block;margin-top:15px}#animation .page-heading h2{font-size:clamp(65px,9vw,135px)}
@media(hover:none){.film-gallery .film{flex-basis:75%}.film-gallery .film:focus-within{flex-basis:85%}.film-reveal{opacity:1;transform:none}.film-art::after{opacity:1}.poster-button .film-art img{filter:grayscale(0) brightness(.9)}}
@media(max-width:700px){.film-gallery .film{flex-basis:68%;min-width:220px}.film-gallery .film:hover,.film-gallery .film:focus-within{flex-basis:85%}.poster-button .film-art{height:46svh;min-height:290px}.about-intro{grid-template-columns:1fr}.about-description{font-size:16px}#animation .page-heading h2{font-size:17vw}.film-reveal{left:18px;bottom:20px}.film-reveal>span:first-child{font-size:21px}}
/* Annotation refinements: captions emerge below the still. */
.animation-heading{justify-content:flex-start;gap:35px;align-items:baseline;margin-bottom:35px}.heading-links{display:flex;gap:25px;padding-bottom:8px;flex-wrap:wrap}.heading-links .text-link{font:400 10px/1.7 'IBM Plex Mono',monospace;letter-spacing:1px;white-space:nowrap}.film-gallery{align-items:flex-start}.poster-button{height:auto}.poster-button:hover{text-decoration:none}.poster-button .film-art::after{display:none}.credit-drawing{display:block;height:35px;overflow:hidden;pointer-events:none}.credit-drawing svg{display:block;width:100%;height:35px;overflow:visible;fill:none;stroke:#76756c;stroke-width:.7}.credit-drawing path{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset .65s cubic-bezier(.2,.7,.2,1)}.credit-drawing circle{opacity:0;transition:opacity .2s .4s}.film:hover .credit-drawing path,.film:focus-within .credit-drawing path{stroke-dashoffset:0}.film:hover .credit-drawing circle,.film:focus-within .credit-drawing circle{opacity:1}.film-reveal{position:relative;inset:auto;display:grid;gap:5px;min-height:100px;color:var(--ink);font:400 10px/1.6 'IBM Plex Mono',monospace;letter-spacing:.2px;padding:9px 12px 0;opacity:0;transform:translateY(-10px);transition:opacity .4s .12s,transform .6s .08s}.film-reveal>span:first-child{font:400 9px/1.6 'IBM Plex Mono',monospace;letter-spacing:.5px;margin:0 0 5px;color:#79786e;text-transform:uppercase}.film-reveal .credit-studio{font:500 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:0}.film-reveal .credit-date{color:#79786e;font-size:9px}.film:hover .film-reveal,.film:focus-within .film-reveal{opacity:1;transform:translateY(0)}.gallery-controls{justify-content:center;margin-top:8px}.gallery-controls>div{display:flex;gap:12px}.gallery-controls button{margin:0}.film-gallery .film-art{height:clamp(300px,43svh,565px)}
@media(hover:none){.film-reveal{opacity:1;transform:none}.credit-drawing path{stroke-dashoffset:0}.credit-drawing circle{opacity:1}}
@media(max-width:700px){.animation-heading{gap:18px;flex-wrap:wrap;align-items:baseline}.heading-links{gap:18px;padding-bottom:0}.heading-links .text-link{font-size:8px}.film-reveal{min-height:115px;font-size:9px}.film-reveal .credit-studio{font-size:11px}.gallery-controls{margin-top:15px}}
.film-introduction{max-width:760px;margin:85px 0 65px auto;font-size:clamp(20px,2vw,29px);line-height:1.6;letter-spacing:-.5px}.directing-note{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding-top:30px;border-top:1px solid #b5b1a7;margin-bottom:60px}.directing-note h4{font:400 10px/1.6 var(--ui);letter-spacing:1px;text-transform:uppercase;margin:0}.directing-note p{font-size:16px;line-height:1.8;max-width:650px;margin:0}.directing-film .cinema-cover img{filter:saturate(.4) brightness(.88);animation:film-colour 1.6s ease .2s both}.directing-film .cinema-cover:hover img{filter:saturate(1) brightness(1)}@keyframes film-colour{from{filter:saturate(.25) brightness(.85)}to{filter:saturate(1) brightness(1)}}@media(max-width:700px){.film-introduction{margin-top:45px;font-size:20px}.directing-note{grid-template-columns:1fr;gap:20px}}
/* Rise of Blus: preserve the cinematography and original frame ratios. */
#directing{padding-top:120px}.directing-film{max-width:1400px}.blus-hero{aspect-ratio:16/9;width:100%;overflow:hidden}.blus-hero .cinema-cover img{object-fit:contain;transform:none!important;animation:blus-arrival 1.8s ease .15s both}.blus-hero .cinema-cover{background:transparent}.caption-separator{color:#a6a296;margin:0 12px}.directing-caption .eyebrow{margin-top:0;margin-bottom:15px}.blus-pair{display:grid;gap:24px;align-items:start;margin:70px 0 90px}.blus-pair-story{grid-template-columns:1.25fr 1fr}.blus-pair-story figure:last-child{margin-top:90px}.blus-pair-scale{grid-template-columns:1fr 1.35fr}.blus-pair-scale figure:first-child{margin-top:65px}.directing-film figure{padding:0;margin-left:0;margin-right:0}.blus-pair figure{margin-bottom:0;margin-top:0}.directing-film figure img{display:block;width:100%;height:auto;filter:saturate(.4) brightness(.88);transition:filter .65s ease}.directing-film figure:hover img{filter:saturate(1) brightness(1)}.blus-closing{max-width:1000px;margin:100px auto 45px!important}.directing-note{margin-top:30px;margin-bottom:45px}.film-introduction{margin-top:70px}.directing-caption a{white-space:nowrap}@keyframes blus-arrival{from{filter:saturate(.3) brightness(.86)}to{filter:saturate(1) brightness(1)}}
@media(max-width:700px){#directing{padding-top:110px}.blus-pair{grid-template-columns:1fr;gap:26px;margin:45px 0}.blus-pair-story figure:last-child,.blus-pair-scale figure:first-child{margin-top:0}.blus-closing{margin:45px auto 20px!important}.caption-separator{margin:0 7px}.directing-caption{gap:20px}.film-introduction{margin-top:40px}}
@media(hover:none),(prefers-reduced-motion:reduce){.directing-film figure img,.blus-hero .cinema-cover img{filter:saturate(1) brightness(1);animation:none}}
/* Typography and film sequence refinement. */
body{font-family:'IBM Plex Mono',monospace}.page-heading h2{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:clamp(48px,6.5vw,104px);letter-spacing:-.065em;line-height:1.05}.directing-caption h3{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:clamp(25px,3vw,46px);letter-spacing:-.055em;line-height:1.15}.film-introduction{font:400 clamp(15px,1.25vw,20px)/1.85 'IBM Plex Mono',monospace;letter-spacing:-.3px;max-width:720px}.directing-note p,.about-description,.body-copy{font-family:'IBM Plex Mono',monospace;font-size:14px;line-height:1.9;letter-spacing:-.2px}.about-intro>p:first-child,.contact-intro{font-family:'IBM Plex Mono',monospace;font-weight:400}.experience-row,.home-links>a{font-family:'IBM Plex Mono',monospace}.home-links>a{font-size:17px;letter-spacing:-.5px}.film-reveal>span:first-child,.film-reveal .credit-studio{font-family:'IBM Plex Mono',monospace}#animation .page-heading h2{font:400 clamp(48px,6.5vw,104px)/1.05 'IBM Plex Mono',monospace;letter-spacing:-.065em}
.blus-hero{aspect-ratio:2.33/1}.blus-hero .cinema-cover img{object-fit:cover;object-position:50% 49%}.directing-caption{align-items:flex-start;padding-top:24px}.directing-caption .film-title-group{text-align:left}.film-title-group .eyebrow{margin:15px 0 0;font-size:9px}.film-actions{padding-top:7px}.directing-film{max-width:none;width:100%}.blus-pair-story{grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;margin:90px 0 110px;align-items:start}.blus-pair-story figure:first-child{grid-column:1 / span 11}.blus-pair-story figure:last-child{grid-column:2 / span 6;margin-top:55px}.blus-pair-scale{grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;margin:80px 0 0}.blus-pair-scale figure:first-child{grid-column:9 / span 4;grid-row:1;margin-top:-36vw}.blus-pair-scale figure:last-child{grid-column:1 / -1;grid-row:2;margin-top:60px}.blus-closing{width:57%;max-width:none;margin:90px 0 45px auto!important}.directing-note{grid-template-columns:1fr 2fr;max-width:70%;margin-top:20px;margin-bottom:30px}.directing-film figure img{object-fit:contain}.directing-film .blus-pair-story figure:last-child img{aspect-ratio:auto}.film-introduction{margin-top:65px;margin-bottom:0}
@media(max-width:900px){.blus-pair-scale figure:first-child{margin-top:-40vw}.directing-note{max-width:100%}.film-actions .text-link{font-size:8px}}
@media(max-width:700px){.page-heading h2,#animation .page-heading h2{font-size:11vw}.blus-hero{aspect-ratio:2.33/1}.directing-caption{flex-direction:column;gap:20px}.film-actions{padding:0}.directing-caption h3{font-size:27px}.film-title-group .eyebrow{font-size:8px}.film-introduction{font-size:14px;margin-top:38px}.blus-pair-story,.blus-pair-scale{display:grid;grid-template-columns:1fr;gap:28px;margin:40px 0}.blus-pair-story figure:first-child,.blus-pair-story figure:last-child,.blus-pair-scale figure:first-child,.blus-pair-scale figure:last-child{grid-column:1;grid-row:auto;margin:0}.blus-pair-story figure:last-child{width:85%}.blus-pair-scale figure:first-child{width:75%;justify-self:end}.blus-closing{width:90%;margin-top:45px!important}.directing-note{grid-template-columns:1fr;gap:18px}.about-intro>p:first-child{font-size:29px;letter-spacing:-1.2px}}
/* Collected frames, browsed like sleeves from a case. */
.frame-sleeves{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;align-items:flex-start;padding:18px 0 5px;overscroll-behavior-x:contain}.frame-sleeves::-webkit-scrollbar{display:none}.frame-sleeve{flex:0 0 20%;min-width:175px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;transition:flex-basis .65s cubic-bezier(.2,.7,.2,1)}.sleeve-image{display:block;overflow:hidden;height:clamp(285px,39svh,490px);background:#e3dfd5;transition:box-shadow .6s,transform .6s}.sleeve-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.25) brightness(.9);transition:filter .65s}.frame-sleeve:hover,.frame-sleeve:focus-visible,.frame-sleeve[aria-pressed=true]{flex-basis:48%}.frame-sleeve:hover .sleeve-image,.frame-sleeve:focus-visible .sleeve-image,.frame-sleeve[aria-pressed=true] .sleeve-image{transform:translateY(-8px);box-shadow:0 10px 18px -15px #29282088}.frame-sleeve:hover img,.frame-sleeve:focus-visible img,.frame-sleeve[aria-pressed=true] img{filter:saturate(1) brightness(1)}.sleeve-number{display:block;font:9px/1.5 'IBM Plex Mono',monospace;letter-spacing:1px;margin-top:14px;color:#77766e}.sleeve-controls{display:flex;gap:12px;justify-content:center;margin:18px 0 30px}.sleeve-controls button{width:32px;height:32px;border:1px solid #bbb7ad;border-radius:50%;background:none;color:inherit;cursor:pointer}.sleeve-controls button:hover{background:var(--ink);color:var(--paper)}.directing-collection .directing-caption{border-top:1px solid #b5b1a7;padding-top:28px}.collection-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;margin-top:35px;max-width:1100px}.collection-copy p{font:400 13px/1.9 'IBM Plex Mono',monospace;letter-spacing:-.2px;margin:0}.collection-copy p:last-child{color:#6d6c64}.directing-collection{margin-bottom:30px}
@media(max-width:700px){.frame-sleeve{flex-basis:65%;min-width:210px}.frame-sleeve:hover,.frame-sleeve:focus-visible,.frame-sleeve[aria-pressed=true]{flex-basis:90%}.sleeve-image{height:37svh;min-height:265px}.collection-copy{grid-template-columns:1fr;gap:22px;margin-top:28px}.collection-copy p{font-size:12px}.directing-collection .directing-caption{gap:20px}}
@media(hover:none){.sleeve-image img{filter:saturate(1) brightness(1)}}
/* Hero first, compact ten-sleeve collection after the description. */
.page-heading h2{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(64px,10vw,150px);line-height:.8;letter-spacing:-.07em}#animation .page-heading h2{font:500 clamp(65px,9vw,135px)/.8 Arial,Helvetica,sans-serif;letter-spacing:-.07em}.directing-caption h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.055em;line-height:1.05}.directing-collection .directing-caption{border-top:0}.frame-sleeves{margin-top:60px;gap:8px;overflow:visible;padding:12px 0 5px;align-items:flex-start}.frame-sleeve{flex:1 1 0;min-width:0;transition:flex-grow .7s cubic-bezier(.2,.7,.2,1),opacity .5s}.frame-sleeve:hover,.frame-sleeve:focus-visible,.frame-sleeve[aria-pressed=true]{flex-basis:0;flex-grow:5}.sleeve-image{height:clamp(230px,31vw,440px)}.sleeve-placeholder .sleeve-image{position:relative;background:#e9e5dc;border:1px solid #ccc7bc;display:flex;align-items:center;justify-content:center}.placeholder-mark{font:300 22px 'IBM Plex Mono',monospace;color:#aaa497}.placeholder-label{position:absolute;bottom:16px;left:50%;writing-mode:vertical-rl;transform:translateX(-50%);font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#969082;white-space:nowrap}.sleeve-placeholder:hover .placeholder-label,.sleeve-placeholder:focus-visible .placeholder-label,.sleeve-placeholder[aria-pressed=true] .placeholder-label{writing-mode:horizontal-tb;bottom:22px}.collection-copy{margin-bottom:15px}
@media(max-width:700px){.page-heading h2,#animation .page-heading h2{font-size:15vw}.frame-sleeves{gap:4px;margin-top:40px}.frame-sleeve{min-width:0;flex:1 1 0}.frame-sleeve:hover,.frame-sleeve:focus-visible,.frame-sleeve[aria-pressed=true]{flex-basis:0;flex-grow:12}.sleeve-image{height:230px;min-height:0}.sleeve-number{font-size:7px;letter-spacing:0}.placeholder-mark{font-size:13px}.placeholder-label{display:none}}
/* Animation collection: fitted sleeves and a straight credit leader. */
#animation .heading-links{gap:30px}#animation .heading-links .text-link{font-size:13px;letter-spacing:.8px}#animation .page-heading{align-items:baseline;margin-bottom:38px}.film-gallery{overflow:visible;gap:8px;scroll-snap-type:none;align-items:flex-start;padding:12px 0 0}.film-gallery .film{flex:1 1 0;min-width:0;transition:flex-grow .7s cubic-bezier(.2,.7,.2,1)}.film-gallery .film:hover,.film-gallery .film:focus-within{flex-basis:0;flex-grow:6}.poster-button .film-art{display:block;height:clamp(260px,32vw,440px);min-height:0;aspect-ratio:auto}.poster-button{position:relative;width:100%}.poster-button .film-art img{display:block;width:100%;height:100%;object-fit:cover}.credit-drawing{position:absolute;left:3px;top:clamp(260px,32vw,440px);height:190px;width:12px;overflow:hidden}.credit-drawing svg{width:12px;height:100%;stroke-width:1;stroke:#8c887d}.credit-drawing path{stroke-dasharray:180;stroke-dashoffset:180;transition:stroke-dashoffset .65s cubic-bezier(.2,.7,.2,1)}.film-reveal{padding:20px 5px 10px 25px;min-height:225px;gap:8px;font:400 15px/1.5 'IBM Plex Mono',monospace;overflow-wrap:normal;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .4s .12s,transform .6s .08s,visibility .4s}.film:hover .film-reveal,.film:focus-within .film-reveal{visibility:visible;opacity:1;transform:translateY(0)}.film-reveal>span.credit-title:first-child{font:500 clamp(19px,1.5vw,27px)/1.25 'IBM Plex Mono',monospace;color:var(--ink);text-transform:none;letter-spacing:-.8px;margin:0 0 5px}.credit-year{white-space:nowrap}.film-reveal .credit-studio{font:500 16px/1.5 'IBM Plex Mono',monospace}.film-reveal .credit-role{font-size:15px}.film-reveal .credit-date{font-size:13px;line-height:1.65;color:#777268}.film-placeholder{position:relative;background:#e6e1d7;border:1px solid #d0cabd;display:flex!important;align-items:center;justify-content:center}.film-placeholder-mark{font:22px 'IBM Plex Mono',monospace;color:#aaa295}.film-placeholder-label{position:absolute;bottom:20px;left:50%;writing-mode:vertical-rl;transform:translateX(-50%);white-space:nowrap;font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#918a7d}.film:hover .film-placeholder-label,.film:focus-within .film-placeholder-label{writing-mode:horizontal-tb}.detail-image{min-width:0}.detail-image.film-placeholder{min-height:300px}#detail-content .metadata{font-size:14px;line-height:1.7;grid-template-columns:75px 1fr}.film-gallery .film-index{left:7px;top:9px;padding:0;background:none;color:#fff;font-size:9px}.film-placeholder .film-index{color:#80796d;text-shadow:none}
@media(max-width:700px){#animation .page-heading{gap:20px}#animation .heading-links{gap:20px}#animation .heading-links .text-link{font-size:11px}.film-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px 14px}.film-gallery .film:nth-child(n){min-width:0}.poster-button .film-art{height:240px}.credit-drawing{top:240px}.film-reveal{min-height:235px;visibility:visible;opacity:1;transform:none;padding-left:20px;font-size:13px}.film-reveal>span.credit-title:first-child{font-size:18px;letter-spacing:-.5px}.film-reveal .credit-studio{font-size:13px}.film-reveal .credit-role{font-size:12px}.film-reveal .credit-date{font-size:11px}.credit-drawing path{stroke-dashoffset:0}.film-placeholder-label{display:none}}
@media(hover:none){.film-reveal{visibility:visible;opacity:1;transform:none}.credit-drawing path{stroke-dashoffset:0}}
/* Resource placement, restrained uppercase credits, full-frame expansion. */
.animation-resource-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:5px}.animation-resource-links .text-link{font:400 10px/1.7 var(--ui);letter-spacing:1px}.film-reveal{padding:17px 5px 8px 18px;min-height:175px;gap:7px;text-transform:uppercase;font:400 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.45px}.film-reveal>span.credit-title:first-child{font:500 15px/1.4 'IBM Plex Mono',monospace;letter-spacing:.2px;text-transform:uppercase;margin-bottom:3px}.film-reveal .credit-studio{font:400 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.45px}.film-reveal .credit-role{font-size:11px}.film-reveal .credit-date{font-size:10px;line-height:1.7}.credit-drawing{left:0;width:1px;height:155px}.credit-drawing svg{width:1px;stroke:#77776f;stroke-width:12}.credit-drawing path{vector-effect:none}.film-gallery,.frame-sleeves{--frame-height:clamp(260px,26vw,400px);--expanded-width:calc(var(--frame-height)*1.777778);gap:8px}.film-gallery .poster-button .film-art,.frame-sleeves .sleeve-image{height:var(--frame-height)}.credit-drawing{top:var(--frame-height)}.film-gallery .film,.frame-sleeves .frame-sleeve{transition:flex-basis .7s cubic-bezier(.2,.7,.2,1),flex-grow .7s cubic-bezier(.2,.7,.2,1),opacity .5s}.film-gallery .film:hover,.film-gallery .film:focus-within,.frame-sleeves .frame-sleeve:hover,.frame-sleeves .frame-sleeve:focus-visible,.frame-sleeves .frame-sleeve[aria-pressed=true]{flex:0 0 var(--expanded-width);min-width:0}.poster-button:hover .film-art img,.poster-button:focus-visible .film-art img{transform:none}.frame-sleeve:hover .sleeve-image,.frame-sleeve:focus-visible .sleeve-image,.frame-sleeve[aria-pressed=true] .sleeve-image{transform:none}.poster-button .film-art img,.sleeve-image img{object-position:center}
@media(max-width:700px){.film-gallery,.frame-sleeves{--frame-height:clamp(130px,24vw,170px);--expanded-width:calc(var(--frame-height)*1.777778)}.film-gallery{display:flex;gap:4px}.film-gallery .film:nth-child(n){flex:1 1 0;min-width:0}.film-gallery .film:hover,.film-gallery .film:focus-within{flex:0 0 var(--expanded-width)}.film-reveal{visibility:hidden;opacity:0;min-height:180px;padding-left:14px}.film:hover .film-reveal,.film:focus-within .film-reveal{visibility:visible;opacity:1}.film-reveal>span.credit-title:first-child{font-size:13px}.film-reveal .credit-studio,.film-reveal .credit-role{font-size:10px}.film-reveal .credit-date{font-size:9px}.animation-resource-links{margin-top:10px}.film-gallery .film-placeholder-label{display:none}}
/* Reserve a stable caption area while narrow sleeves are closed. */
.film-reveal{height:190px;min-height:190px;overflow:hidden}.credit-drawing{height:165px}.frame-sleeve[aria-pressed=true]:not(:hover){flex:0 0 var(--expanded-width)}
/* One active frame per collection, independent of sticky hover/focus. */
.animation-resource-links{align-items:center;text-align:center;width:100%;gap:15px}
#detail-content{align-items:start}#detail-title{font:500 15px/1.4 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.2px;margin:0 0 22px}#detail-content .metadata{font:400 11px/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.45px;gap:10px;grid-template-columns:65px 1fr}#detail-reel{display:inline-block;margin-top:36px;font:400 10px/1.7 'IBM Plex Mono',monospace}#detail-content .detail-image img{display:block;width:100%;height:auto;object-position:top}#detail-content>div{min-width:0}
.film-gallery .film,.frame-sleeves .frame-sleeve{flex:1 1 0!important;min-width:0!important}.film-gallery .film.is-expanded,.frame-sleeves .frame-sleeve.is-expanded{flex:0 0 var(--expanded-width)!important}
.film-gallery .film .film-reveal{visibility:hidden!important;opacity:0!important;transform:translateY(-10px)!important}.film-gallery .film.is-expanded .film-reveal{visibility:visible!important;opacity:1!important;transform:translateY(0)!important}
.film-gallery .film .credit-drawing path{stroke-dashoffset:180!important}.film-gallery .film.is-expanded .credit-drawing path{stroke-dashoffset:0!important}
.film-gallery .film .film-art img{filter:grayscale(1) brightness(.83)!important;transform:none!important}.film-gallery .film.is-expanded .film-art img{filter:grayscale(0) brightness(1)!important}
.frame-sleeves .frame-sleeve img{filter:saturate(.25) brightness(.9)!important}.frame-sleeves .frame-sleeve.is-expanded img{filter:saturate(1) brightness(1)!important}.frame-sleeves .frame-sleeve .sleeve-image{transform:none!important;box-shadow:none!important}.frame-sleeves .frame-sleeve.is-expanded .sleeve-image{box-shadow:0 10px 18px -15px #29282088!important}
@media(prefers-reduced-motion:reduce){.film-gallery .film,.frame-sleeves .frame-sleeve,.film-reveal{transition:none!important}}
.blus-hero{aspect-ratio:3000/1688}.blus-hero .cinema-cover img{object-fit:contain;filter:none!important;animation:none!important;transform:none!important}.film-recognition{margin:50px 0 55px;padding-top:25px;border-top:1px solid #b5b1a7;display:grid;grid-template-columns:1fr 2fr;gap:35px}.film-recognition h4{font:400 13px/1.7 'IBM Plex Mono',monospace;margin:0;text-transform:uppercase;letter-spacing:.5px}.film-recognition h4 span{display:block;font-size:9px;color:#777268;margin-top:8px}.film-recognition dl{margin:0;display:grid;gap:15px;font:400 11px/1.7 'IBM Plex Mono',monospace}.film-recognition dl>div{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.film-recognition dd{margin:0;color:#777268}.film-recognition a{text-underline-offset:4px}.film-recognition dt{font-weight:500}@media(max-width:700px){.film-recognition{grid-template-columns:1fr;gap:24px;margin:35px 0}.film-recognition dl>div{grid-template-columns:1fr;gap:3px}.film-recognition dl{gap:19px}}
.film-recognition{text-transform:uppercase}.navigation{grid-template-columns:1fr 1fr 1.4fr 1fr 1fr}.navigation a:nth-child(4){justify-self:center}.teaching-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:30px 0 70px}.teaching-intro>p{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(28px,4vw,55px);letter-spacing:-.05em;line-height:1.1;margin:0}.teaching-intro>div,.teaching-entry>div:last-child{font:400 14px/1.9 'IBM Plex Mono',monospace;max-width:650px}.teaching-intro>div p:first-child{margin-top:0}.teaching-intro .text-link{display:inline-block;margin-top:15px}.teaching-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;border-top:1px solid #b5b1a7;padding:35px 0 65px}.teaching-entry h3{font:500 clamp(25px,3vw,43px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em;margin:18px 0}.teaching-entry h4{font:500 18px/1.5 'Space Grotesk',Arial,sans-serif;margin:0 0 18px}.teaching-secondary{color:#777268;font-size:11px}.teaching-contact{text-align:center;padding:25px 0}.about-description>a{margin-right:20px}#teaching .page-heading h2{font-size:clamp(42px,7.5vw,115px)}
@media(max-width:700px){.navigation{grid-template-columns:1fr 1fr 1.45fr .7fr .85fr;font-size:7px}.teaching-intro,.teaching-entry{grid-template-columns:1fr;gap:25px}.teaching-intro{padding-bottom:45px}.teaching-entry{padding-bottom:40px}.teaching-intro>div,.teaching-entry>div:last-child{font-size:12px}#teaching .page-heading h2{font-size:10vw}}
/* Teaching: lead with the individual offer, support it with experience. */
.teaching-lead{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;margin:45px 0 35px}.teaching-pitch h3{font:500 clamp(36px,4.8vw,76px)/1.03 'Space Grotesk',Arial,sans-serif;letter-spacing:-.06em;margin:24px 0}.teaching-pitch>p:not(.eyebrow){font:400 14px/1.9 'IBM Plex Mono',monospace;max-width:520px}.teaching-cta{display:inline-block;border-bottom:1px solid var(--ink);padding:12px 0;font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.6px;margin-top:15px}.teaching-small{display:block;font:400 10px/1.7 'IBM Plex Mono',monospace;color:#777268;margin-top:14px;max-width:360px}.teaching-portrait{margin:0;min-width:0}.teaching-portrait img{display:block;width:100%;height:clamp(300px,36vw,520px);object-fit:cover;object-position:88% center;filter:grayscale(1);transition:filter .6s}.teaching-portrait:hover img{filter:grayscale(0)}.teaching-portrait figcaption,.teaching-background figcaption{font:400 9px/1.7 'IBM Plex Mono',monospace;letter-spacing:.6px;margin-top:12px;color:#777268}.teaching-proof{display:flex;justify-content:space-between;gap:25px;font:400 9px/1.8 'IBM Plex Mono',monospace;letter-spacing:.5px;border-top:1px solid #b5b1a7;border-bottom:1px solid #b5b1a7;padding:20px 0}.mentoring-options{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:65px 0 90px}.mentoring-options h3{font:500 clamp(23px,2.2vw,34px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em;margin:22px 0 18px}.mentoring-options p{font:400 12px/1.85 'IBM Plex Mono',monospace;margin-bottom:25px}.mentoring-options .text-link{font-size:9px}.teaching-background{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start;border-top:1px solid #b5b1a7;padding-top:40px}.teaching-background figure{margin:0}.teaching-background img{width:100%;height:auto;display:block;filter:grayscale(1);transition:filter .6s}.teaching-background figure:hover img{filter:grayscale(0)}.teaching-background h3{font:500 clamp(28px,3.2vw,48px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;margin:20px 0}.teaching-background>div>p:not(.eyebrow){font:400 12px/1.9 'IBM Plex Mono',monospace}.teaching-background .text-link{display:inline-block;margin-top:15px}
@media(max-width:800px){.teaching-lead{gap:30px}.mentoring-options{gap:22px}.teaching-background{gap:30px}}
@media(max-width:600px){.teaching-lead{grid-template-columns:1fr;gap:30px;margin-top:25px}.teaching-pitch h3{font-size:45px}.teaching-portrait img{height:340px}.teaching-proof{flex-direction:column;gap:10px}.mentoring-options{grid-template-columns:1fr;gap:30px;margin:45px 0}.mentoring-options article+article{border-top:1px solid #ccc6b9;padding-top:25px}.mentoring-options h3{font-size:28px}.teaching-background{grid-template-columns:1fr}.teaching-background h3{font-size:34px}}
@media(hover:none){.teaching-portrait img,.teaching-background img{filter:none}}
/* Teaching as a personal record, with a quiet invitation. */
.teaching-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;margin:40px 0 65px}.teaching-overview>p{font:400 clamp(18px,1.8vw,26px)/1.65 'Space Grotesk',Arial,sans-serif;letter-spacing:-.5px;max-width:620px;margin:0}.teaching-overview>div{font:400 12px/1.9 'IBM Plex Mono',monospace;max-width:450px}.teaching-overview>div p{margin:0 0 20px}.teaching-record{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:35px 0 50px;border-top:1px solid #b5b1a7}.record-label h3{font:500 clamp(26px,3vw,42px)/1.15 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em;margin:19px 0}.record-content{max-width:650px}.record-content p{font:400 12px/1.9 'IBM Plex Mono',monospace;margin:0 0 25px}.record-content h4{font:500 19px/1.4 'Space Grotesk',Arial,sans-serif;margin:0 0 18px;letter-spacing:-.3px}.talk-record-image{margin:30px 0 0}.talk-record-image img{display:block;width:100%;height:auto;filter:grayscale(1);transition:filter .6s}.talk-record-image:hover img{filter:none}
@media(max-width:700px){.teaching-overview,.teaching-record{grid-template-columns:1fr;gap:25px}.teaching-overview{margin:30px 0 45px}.teaching-overview>p{font-size:21px}.record-label h3{font-size:29px}.teaching-record{padding-bottom:35px}}
@media(hover:none){.talk-record-image img{filter:none}}
/* A centred introduction separates the invitation from the experience list. */
.teaching-overview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;max-width:760px;margin:60px auto 70px;padding:0 20px}.teaching-overview>p{max-width:720px;font-size:clamp(21px,2.2vw,29px);line-height:1.55;letter-spacing:-.55px}.teaching-overview>div{max-width:590px;font-size:11px;line-height:1.85}.teaching-overview>div p{margin:0 0 20px}.teaching-record .record-content .text-link{display:inline-block;margin-top:4px}@media(max-width:700px){.teaching-overview{margin:38px auto 45px;gap:18px;padding:0 8px}.teaching-overview>p{font-size:21px}.teaching-overview>div{font-size:10px}}
.about-profile{display:grid;grid-template-columns:minmax(230px,.85fr) 1.3fr;gap:8%;align-items:start;margin:50px 0 85px}.about-profile figure{margin:0}.about-profile img{display:block;width:100%;height:clamp(350px,35vw,520px);object-fit:cover;object-position:50% 40%}.about-profile-copy{max-width:650px}.about-profile-copy h3{font:500 clamp(30px,3.5vw,52px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;margin:0 0 18px}.about-profile-copy>.eyebrow{margin:0 0 30px;line-height:1.9}.about-profile-copy>p:not(.eyebrow){font:400 13px/1.9 'IBM Plex Mono',monospace;margin:0 0 20px}.about-profile-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.experience-table{width:100%;border-collapse:collapse;text-align:left;font:400 11px/1.7 'IBM Plex Mono',monospace}.experience-table th,.experience-table td{border-top:1px solid #b5b1a7;padding:22px 20px 22px 0;vertical-align:top}.experience-table thead th{text-transform:uppercase;font-size:9px;font-weight:400;letter-spacing:.6px;color:#777268;padding:15px 20px 15px 0}.experience-table tbody th{font-weight:500;width:27%}.experience-table td:nth-child(2){width:29%}.experience-table td:nth-child(3){width:24%}.experience-table td:last-child{padding-right:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.about-profile{grid-template-columns:1fr;gap:30px;margin:30px 0 55px}.about-profile figure{max-width:400px}.about-profile img{height:350px}.about-profile-copy h3{font-size:34px}.about-profile-copy>p:not(.eyebrow){font-size:12px}.experience-table{font-size:9px;table-layout:fixed}.experience-table th,.experience-table td{padding:16px 8px 16px 0;overflow-wrap:anywhere}.experience-table thead th{font-size:7px;padding-right:8px}.experience-table tbody th{width:25%}}
/* About: concise copy with a clearer opening hierarchy. */
.about-profile-copy h3{text-transform:uppercase;letter-spacing:-.035em}.about-profile-copy>p.about-opening{font:400 clamp(16px,1.65vw,22px)/1.55 'IBM Plex Mono',monospace;letter-spacing:-.6px;margin-bottom:25px}.about-profile-copy>.eyebrow{margin-bottom:25px}.about-profile-copy>p:not(.eyebrow):not(.about-opening){font-size:12px;line-height:1.85;margin-bottom:20px}.about-profile-links{margin-top:25px;gap:20px}@media(max-width:700px){.about-profile-copy>p.about-opening{font-size:17px}.about-profile-copy>p:not(.eyebrow):not(.about-opening){font-size:12px}}
/* About: portrait-led editorial composition and studio-led career history. */
#about .page-heading{margin-bottom:0}#about .about-profile{grid-template-columns:.92fr 1fr;gap:8%;margin:55px 0 100px;align-items:start}.about-portrait{position:sticky;top:40px}.about-profile .about-portrait img{height:clamp(390px,47vw,670px);object-position:49% 40%;filter:contrast(1.03)}.about-portrait figcaption{display:flex;justify-content:space-between;gap:15px;font:400 8px/1.7 var(--ui);letter-spacing:1px;margin-top:14px}.about-portrait figcaption span{color:#777268;text-align:right}.about-profile-copy h3{font:500 clamp(60px,8vw,125px)/.87 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;margin:0 0 30px}.about-profile-copy h3 span{display:block}.about-profile-copy>.eyebrow{padding-top:20px;border-top:1px solid #b5b1a7;margin-bottom:30px}.about-profile-copy>p.about-opening{font:400 clamp(16px,1.5vw,21px)/1.6 'IBM Plex Mono',monospace;margin-bottom:30px;max-width:550px}.about-profile-copy>p:not(.eyebrow):not(.about-opening){max-width:510px;line-height:1.9}.about-profile-links{border-top:1px solid #b5b1a7;padding-top:20px;margin-top:30px;gap:18px}.about-profile-links .text-link{font-size:9px}.experience-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:25px}.experience-heading h3{font:400 clamp(30px,4vw,55px)/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;margin:0}.experience-list{list-style:none;margin:0;padding:0}.experience-item{display:grid;grid-template-columns:40px 1fr 240px;gap:25px;padding:30px 0;border-top:1px solid #b5b1a7}.experience-index{font:400 9px/1.8 var(--ui);color:#888176;padding-top:6px}.experience-studio h4{font:500 clamp(21px,2.4vw,34px)/1.15 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em;margin:0 0 12px}.experience-studio>p{font:400 11px/1.7 'IBM Plex Mono',monospace;margin:0}.experience-studio>p.experience-project{font-size:10px;color:#777268;max-width:630px;margin-top:9px;line-height:1.8}.experience-period{display:flex;flex-direction:column;gap:9px;align-items:flex-end;text-align:right;font:400 10px/1.7 'IBM Plex Mono',monospace;padding-top:4px}.experience-country{color:#777268}.experience-item:first-child .experience-period>span:first-child{font-weight:500}
@media(max-width:900px){#about .about-profile{gap:6%}.about-profile-copy h3{font-size:9vw}.about-portrait figcaption{flex-direction:column;gap:3px}.about-portrait figcaption span{text-align:left}.experience-item{grid-template-columns:25px 1fr 185px;gap:15px}.experience-period{font-size:9px}}
@media(max-width:700px){#about .about-profile{grid-template-columns:1fr;gap:32px;margin:30px 0 65px}.about-portrait{position:static;max-width:none!important;width:85%}.about-profile .about-portrait img{height:420px}.about-portrait figcaption{flex-direction:row}.about-profile-copy h3{font-size:clamp(65px,17vw,105px);margin-bottom:25px}.about-profile-copy h3 span{display:inline}.about-profile-copy h3 span+span::before{content:' '}.experience-heading h3{font-size:34px}.experience-heading .text-link{font-size:8px}.experience-item{grid-template-columns:20px 1fr;gap:12px;padding:24px 0}.experience-period{grid-column:2;align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:5px 18px}.experience-studio h4{font-size:25px}.experience-project{font-size:9px!important}.about-profile-links .text-link{font-size:9px}}
/* About refinements and a compact career preview. */
.about-profile-copy h3{font-size:clamp(30px,4.3vw,70px);line-height:1;white-space:nowrap;letter-spacing:-.065em}.about-profile-copy h3 span{display:inline}.resume-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.experience-disclosure{position:relative}.experience-disclosure:not(.is-open) .experience-list{mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}.experience-toggle{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;padding:13px 20px;background:transparent;margin:8px auto 0;cursor:pointer;color:var(--ink)}.experience-toggle-label{font:400 8px/1.6 'IBM Plex Mono',monospace;letter-spacing:1px}.experience-toggle-arrow{font:400 19px/1 'IBM Plex Mono',monospace;transition:transform .25s}.experience-toggle:hover .experience-toggle-arrow{transform:translateY(3px)}.experience-disclosure.is-open .experience-toggle:hover .experience-toggle-arrow{transform:translateY(-3px)}
@media(max-width:700px){.about-profile-copy h3{font-size:clamp(30px,8.8vw,58px)}.experience-heading{align-items:flex-start}.resume-actions{gap:12px;justify-content:flex-end}.resume-actions .text-link{font-size:8px}}
.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;margin-top:50px}.contact-details h3{font:500 clamp(32px,4.5vw,64px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 25px}.contact-details>p{font:400 12px/1.9 var(--ui);max-width:350px;margin:0 0 35px}.contact-email{font:400 clamp(16px,1.7vw,25px)/1.6 'Space Grotesk',Arial,sans-serif;border-bottom:1px solid #888176;padding-bottom:5px}.social-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:55px}.social-links a{display:flex;align-items:center;gap:9px;font:400 8px/1.6 var(--ui);letter-spacing:.7px}.social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.contact-form{display:grid;gap:28px}.contact-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:grid;gap:12px;font:400 9px/1.7 var(--ui);letter-spacing:1px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #a39d91;border-radius:0;background:transparent;color:var(--ink);font:400 13px/1.8 'IBM Plex Mono',monospace;padding:9px 0;outline-offset:5px}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink);outline:1px solid #b5b1a7}.contact-submit{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.contact-submit>span{font:400 9px/1.7 var(--ui);color:#777268}.contact-submit button{border:0;border-bottom:1px solid var(--ink);background:none;padding:5px 0;color:var(--ink);cursor:pointer;font:500 10px/1.7 var(--ui);letter-spacing:.7px}#contact-status{font:400 10px/1.8 var(--ui);color:#777268;margin:0}#contact-status:empty{display:none}@media(max-width:700px){.contact-layout{grid-template-columns:1fr;gap:50px;margin-top:35px}.contact-details h3{font-size:42px}.social-links{margin-top:30px}.contact-field-pair{grid-template-columns:1fr;gap:28px}.contact-submit{flex-wrap:wrap;gap:15px}}
/* Homepage identity: natural glyph bounds, safe optical margins, uneven glass focus. */
.home{min-height:500px}.identity{left:auto;right:11%;top:48%;width:max-content;height:auto;max-width:none;font-family:var(--name);font-size:200px;line-height:.94;letter-spacing:-.025em;transform:translate(var(--drift-x,0px),calc(-50% + var(--drift-y,0px))) scale(var(--scale));transform-origin:center;transition:transform .65s cubic-bezier(.2,.7,.2,1);overflow:visible;isolation:isolate}.name-layer{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;line-height:.94}.name-layer>span{white-space:nowrap;display:block;padding:.025em .035em}.identity .base{position:relative;inset:auto;filter:blur(calc(var(--blur)*.3 + .6px));opacity:.94;mask-image:radial-gradient(ellipse at var(--focus-x,48%) 43%,#000 10%,#000b 43%,#0002 76%,#0006 100%)}.identity .frost{inset:0;filter:blur(calc(var(--blur)*1.05 + 1px));opacity:.95;mask-image:radial-gradient(ellipse at var(--focus-x,48%) 43%,#0004 10%,#000a 45%,#000 80%)}.identity .haze{inset:0;filter:blur(calc(var(--blur)*1.8 + 2px));opacity:.22;mask-image:linear-gradient(135deg,#000 0%,#0008 45%,transparent 85%)}.design-controls{opacity:.5;transition:opacity .2s}.design-controls:hover,.design-controls[open]{opacity:1}
@media(min-width:1700px){.identity{font-size:200px}}@media(max-width:700px){.identity{left:auto;right:12%;top:46%;width:max-content;height:auto;font-size:200px}.home{min-height:500px}}
@media(prefers-reduced-motion:reduce){.identity{transition:none;--drift-x:0px!important;--drift-y:0px!important}}
/* Give masks their own bleed area so the frosted edges cannot end abruptly. */
.identity .name-layer{padding:.14em .16em;line-height:.83}.identity .name-layer>span{padding:.025em .035em}.identity .base{mask-image:radial-gradient(ellipse at var(--focus-x,48%) 43%,#000 8%,#000b 40%,#0003 75%,#0006 100%)}
/* Taller, narrower letterforms with a stronger vertical presence. */
:root{--name:'Oswald',Impact,sans-serif}.identity{font-weight:700;letter-spacing:-.045em;right:9%}.identity .name-layer{line-height:1.02;padding:.12em .14em}.identity .name-layer>span{padding:.015em .025em}.identity .name-layer>span+span{margin-top:-.025em}@media(max-width:700px){.identity{right:9%}}

/* Wide identity and a quiet portrait seen through glass. */
:root{--name:'Syncopate',Arial,sans-serif}
.home-portrait{position:absolute;left:-12%;top:5%;width:76%;height:100%;pointer-events:none;opacity:.26;filter:blur(15px);mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 70%,transparent 96%)}
.home-portrait img{width:100%;height:100%;object-fit:cover;object-position:57% 40%;filter:grayscale(1) brightness(.48) contrast(1.7);mix-blend-mode:multiply}
.home .identity{left:50%;right:auto;top:49%;font-weight:700;letter-spacing:-.065em;transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + var(--drift-y,0px))) scale(var(--scale))}
.home .identity .name-layer{flex-direction:row;align-items:center;gap:.14em;line-height:1.1;padding:.18em .12em}
.home .identity .name-layer>span{padding:0}.home .identity .name-layer>span+span{margin-top:0}
.home .identity .base{filter:blur(.35px);opacity:1;mask-image:linear-gradient(100deg,#000 0%,#000 20%,#0003 29%,#000 37%,#000 53%,#0003 61%,#000 72%,#000 100%)}
.home .identity .frost{filter:blur(calc(var(--blur)*1.4));opacity:1;mask-image:linear-gradient(100deg,transparent 17%,#000 29%,transparent 40%,transparent 50%,#000 61%,transparent 76%)}
.home-role{position:absolute;right:4.5%;top:calc(49% + 6.5vw);margin:0;font:500 11px/1.6 var(--ui);letter-spacing:2px}
body:has(#home:not([hidden])) .masthead>span{visibility:hidden}
@media(max-width:700px){.home .identity{top:47%}.home .identity .name-layer{flex-direction:column;align-items:flex-end;gap:.06em;line-height:1.1}.home-portrait{left:-56%;top:9%;width:160%;height:85%;opacity:.23;filter:blur(12px)}.home-role{top:69%;right:6%;font-size:9px;letter-spacing:1.5px}}

.home-portrait{mask-image:linear-gradient(to right,#000 0%,#000 65%,transparent 100%);opacity:.34}.home-portrait img{filter:grayscale(1) contrast(1.3);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 70%,transparent 96%)}

/* Restore the condensed identity; keep the portrait close and shadowed. */
:root{--name:'Oswald',Impact,sans-serif}
.home .identity{left:auto;right:9%;top:48%;letter-spacing:-.045em;transform:translate(var(--drift-x,0px),calc(-50% + var(--drift-y,0px))) scale(var(--scale))}
.home .identity .name-layer{flex-direction:column;align-items:flex-end;gap:0;line-height:1.02;padding:.12em .14em}
.home .identity .name-layer>span{padding:.015em .025em}.home .identity .name-layer>span+span{margin-top:-.025em}
.home .identity .base{filter:blur(calc(var(--blur)*.3 + .6px));opacity:.94;mask-image:radial-gradient(ellipse at var(--focus-x,48%) 43%,#000 8%,#000b 40%,#0003 75%,#0006 100%)}
.home .identity .frost{filter:blur(calc(var(--blur)*1.05 + 1px));opacity:.95;mask-image:radial-gradient(ellipse at var(--focus-x,48%) 43%,#0004 10%,#000a 45%,#000 80%)}
.home-portrait{left:-45%;top:-29%;width:115%;height:155%;opacity:.9;filter:blur(19px);mask-image:linear-gradient(to right,#000 0%,#000 67%,transparent 98%)}
.home-portrait img{object-fit:cover;object-position:57% 40%;filter:grayscale(1) contrast(5);mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%)}
.home-role{top:auto;bottom:20%;right:11%}
@media(max-width:700px){.home .identity{left:auto;right:6%;top:47%}.home-portrait{left:-140%;top:-12%;width:250%;height:125%;opacity:.8;filter:blur(16px)}.home-role{top:auto;bottom:24%;right:9%}}

.home-portrait img{filter:grayscale(1) brightness(.18) contrast(1.5)}body:has(#home:not([hidden])) .signature{color:var(--paper)}

/* Approved reference B: wide single-line name, pale close profile. */
:root{--name:'Syncopate',Arial,sans-serif}
.home .identity{left:50%;right:auto;top:46%;font-weight:700;letter-spacing:-.065em;transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + var(--drift-y,0px))) scale(var(--scale))}
.home .identity .name-layer{flex-direction:row;align-items:center;gap:.14em;line-height:1.1;padding:.18em .12em}
.home .identity .name-layer>span{padding:0}.home .identity .name-layer>span+span{margin-top:0}
.home .identity .base{filter:blur(.25px);opacity:1;mask-image:linear-gradient(100deg,#000 0%,#000 20%,#0003 29%,#000 37%,#000 53%,#0003 61%,#000 72%,#000 100%)}
.home .identity .frost{filter:blur(calc(var(--blur)*1.4));opacity:1;mask-image:linear-gradient(100deg,transparent 17%,#000 29%,transparent 40%,transparent 50%,#000 61%,transparent 76%)}
.home-portrait{left:-33%;top:-24%;width:112%;height:147%;opacity:.15;filter:blur(19px);mask-image:linear-gradient(to right,#000 0%,#000 66%,transparent 96%)}
.home-portrait img{object-fit:cover;object-position:57% 40%;filter:grayscale(1) contrast(2.3);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 98%)}
.home-role{top:calc(46% + 5.5vw);bottom:auto;right:4.5%}
body:has(#home:not([hidden])) .signature{color:var(--ink)}
@media(max-width:700px){.home .identity{left:50%;right:auto;top:46%}.home .identity .name-layer{flex-direction:row;gap:.14em}.home-portrait{left:-92%;top:-8%;width:210%;height:115%;opacity:.15;filter:blur(15px)}.home-role{top:calc(46% + 8vw);bottom:auto;right:5%;font-size:8px}}

.home .identity .name-layer{transform:scaleY(.74);transform-origin:center}

/* Custom outlined wordmark: fixed letter shapes, independent of installed fonts. */
.home .identity{width:94%;height:auto;left:50%;right:auto;top:46%;font-size:inherit;line-height:0}
.identity-wordmark{display:block;width:100%;height:auto;overflow:visible}
.home-role{top:calc(46% + 4.6vw);right:4.2%}
@media(max-width:700px){.home .identity{width:94%;left:50%;right:auto;top:46%}.home-role{top:calc(46% + 6.5vw)}}

/* Darker, simplified profile; preserve the approved framing. */
.home-portrait{opacity:.37;filter:blur(24px)}.home-portrait img{filter:grayscale(1) brightness(.55) contrast(2.8)}@media(max-width:700px){.home-portrait{opacity:.37;filter:blur(20px)}}

/* Type-only homepage, with restrained perspective and textured glass. */
.home{perspective:1100px;perspective-origin:50% 46%}
.home .identity{top:46%;transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + var(--drift-y,0px))) rotateX(var(--orbit-x,0deg)) rotateY(var(--orbit-y,0deg)) scale(var(--scale));transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;will-change:transform}
@media(prefers-reduced-motion:reduce){.home .identity{transform:translate(-50%,-50%);transition:none}}

/* Greeting floats in front of the name on the same orbiting plane. */
.home .identity{overflow:visible;transform-style:preserve-3d}
.greeting-wordmark{position:absolute;width:23%;height:auto;left:1%;bottom:calc(100% + 12px);transform:translateZ(110px);transform-origin:left bottom;overflow:visible}
.identity-wordmark{transform:translateZ(-30px)}
@media(max-width:700px){.greeting-wordmark{width:30%;bottom:calc(100% + 24px);transform:translateZ(55px)}}
@media(prefers-reduced-motion:reduce){.greeting-wordmark,.identity-wordmark{transform:none}}

/* Preserve depth: isolation previously flattened the SVG layers. */
.home .identity{isolation:auto;transform-style:preserve-3d}
.greeting-wordmark{transform:translate3d(var(--greeting-x,0px),var(--greeting-y,0px),180px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.identity-wordmark{transform:translateZ(-35px)}
@media(prefers-reduced-motion:reduce){.greeting-wordmark,.identity-wordmark{transform:none}}

.greeting-wordmark{left:10%;width:20%}@media(max-width:700px){.greeting-wordmark{left:18%;width:27%}}

/* Bring the greeting closer to the name in position and depth. */
.greeting-wordmark{left:4%;bottom:calc(100% - 12px);transform:translate3d(var(--greeting-x,0px),var(--greeting-y,0px),40px)}
.identity-wordmark{transform:translateZ(0)}
@media(max-width:700px){.greeting-wordmark{left:7%;bottom:calc(100% + 3px);transform:translate3d(var(--greeting-x,0px),var(--greeting-y,0px),25px)}}
@media(prefers-reduced-motion:reduce){.greeting-wordmark,.identity-wordmark{transform:none}}

/* Main name leads; greeting recedes, aligned to the J's visible edge. */
.greeting-wordmark{left:0.8%;transform:translate3d(var(--greeting-x,0px),var(--greeting-y,0px),-35px);transform-origin:left bottom}.identity-wordmark{transform:translateZ(15px)}@media(max-width:700px){.greeting-wordmark{left:0.8%;transform:translate3d(var(--greeting-x,0px),var(--greeting-y,0px),-25px)}}@media(prefers-reduced-motion:reduce){.greeting-wordmark,.identity-wordmark{transform:none}}

/* Production: hide development controls. */
.design-controls{display:none!important}

.film-placeholder{background:#080808!important}.film-black-placeholder{display:block;width:100%;height:100%;background:#080808}

/* Clean vector lettering without frosted blur or noise. */
body:has(#home:not([hidden]))::before{display:none}.greeting-wordmark,.identity-wordmark{filter:none}