:root{--ink:#0a0a09;--paper:#efeee8;--line:rgba(239,238,232,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px}
a{color:inherit;text-decoration:none}
.masthead{position:fixed;z-index:10;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;mix-blend-mode:difference;color:#fff;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.masthead nav{display:flex;gap:24px}.masthead a{transition:opacity .2s}.masthead a:hover{opacity:.55}.name{font-weight:700}
.hero{height:100svh;min-height:620px;position:relative;overflow:hidden}
.hero-media,.hero-slide{position:absolute;inset:0;width:100%;height:100%}.hero-media:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.13),transparent 45%,rgba(0,0,0,.68));pointer-events:none}.hero-slide{object-fit:cover}.hero-slide-still{animation:heroStill 14s ease-in-out infinite}.hero-slide-still img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.06);transform:scale(1.015)}.hero-slide-video{opacity:0;filter:saturate(.82) contrast(1.05);animation:heroVideo 14s ease-in-out infinite}
.hero-copy{position:absolute;z-index:3;left:3vw;right:3vw;bottom:11vh}.hero-copy h1{font-size:clamp(2rem,10vw,9.5rem);font-weight:500;line-height:.82;letter-spacing:-.07em;margin:0;text-transform:uppercase;white-space:nowrap}.hero-copy p{text-transform:uppercase;letter-spacing:.12em;margin:30px 6px 0;font-size:.8rem}.hero-copy span{padding:0 10px}
.hero-project{position:absolute;z-index:3;right:3vw;bottom:4vh;display:flex;gap:44px;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.hero-project-still{animation:heroStill 14s ease-in-out infinite}.hero-project-video{opacity:0;animation:heroVideo 14s ease-in-out infinite}
@keyframes heroStill{0%,43%{opacity:1}50%,93%{opacity:0}100%{opacity:1}}
@keyframes heroVideo{0%,43%{opacity:0}50%,93%{opacity:1}100%{opacity:0}}
.work{position:relative;padding:120px 3vw}.work-quote{position:absolute;top:43px;left:50%;width:min(90vw,720px);transform:translateX(-50%);margin:0;text-align:center;font-family:Helvetica,Arial,sans-serif;font-style:italic}.work-quote p{margin:0;font-size:clamp(.85rem,1.3vw,1.15rem);line-height:1.35}.work-quote cite{display:block;margin-top:6px;font-size:.68rem;letter-spacing:.06em}.section-title{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-bottom:52px;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.section-title h2{font:inherit;margin:0}
.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw 1.5vw}.project{min-width:0}.project a{display:block}
.project-visual{aspect-ratio:16/10;position:relative;display:flex;align-items:flex-end;padding:22px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.75,.2,1)}.project:hover .project-visual{transform:scale(.985)}.project-visual span{position:absolute;top:18px;left:20px;font-size:.72rem;letter-spacing:.08em}.project-visual b{font-weight:500;font-size:clamp(2.4rem,6vw,6rem);letter-spacing:-.06em;line-height:.75;text-transform:uppercase}.project-award{position:absolute;right:20px;top:18px;font-style:normal;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.visual-film{background:linear-gradient(135deg,#555a4b,#171b18)}.visual-red{background:radial-gradient(circle at 70% 35%,#df4b37 0,#752016 32%,#160b0a 72%)}.visual-blue{background:linear-gradient(130deg,#071c33,#1f6680 55%,#a9cbd0)}.visual-earth{background:linear-gradient(145deg,#a68b67,#4a4638 50%,#171912)}.visual-amber{background:linear-gradient(135deg,#261812,#9d5930 48%,#e1b77a)}.visual-sand{color:#111;background:linear-gradient(150deg,#eadcc7,#b9a78d 52%,#7f756b)}
.project-meta{display:flex;justify-content:space-between;align-items:baseline;padding:14px 2px 0}.project-meta h3{margin:0;font-size:1rem;font-weight:500}.project-meta p{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.58}
.reel{background:var(--paper);color:var(--ink);padding:8vw 3vw}.reel-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}.reel-heading p,.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.reel h2{font-size:clamp(2rem,5vw,5rem);font-weight:500;line-height:.9;letter-spacing:-.06em;margin:0}.reel video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;object-fit:cover}
.about{padding:14vw 3vw}.about h2{font-size:clamp(2.7rem,6vw,6.4rem);line-height:.95;letter-spacing:-.055em;font-weight:500;max-width:1200px;margin:7vh 0 12vh}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;border-top:1px solid var(--line);padding-top:22px}.about-grid p{max-width:540px;font-size:1.15rem;line-height:1.55;margin:0}.text-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.recognition{display:grid;gap:38px}.about-grid .award{font-size:.88rem;text-transform:uppercase;letter-spacing:.06em}.award strong{font-size:1.45rem;line-height:1.35;display:inline-block;margin:.45rem 0}.award em{text-transform:none;letter-spacing:0}
footer{border-top:1px solid var(--line);padding:30px 3vw 40px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}footer>a{font-size:clamp(3rem,8vw,8rem);line-height:.9;letter-spacing:-.025em;text-transform:uppercase;text-align:center}.contact-details{display:grid;gap:9px;text-align:right}.contact-details a{font-size:inherit;line-height:1.3;letter-spacing:inherit;text-transform:none;text-align:right}.contact-details p{margin:6px 0 0}.social-links{display:flex;justify-content:flex-end;gap:16px;margin-top:7px}.contact-details .social-link{display:inline-flex;align-items:center;gap:7px;width:max-content}.social-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.social-link svg .social-dot{fill:currentColor;stroke:none}.imdb-mark{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 4px;border-radius:2px;background:#f5c518;color:#080808;font-weight:800;font-size:10px;letter-spacing:-.04em;text-transform:none}
@media(max-width:760px){.masthead nav{gap:12px}.masthead nav a:nth-child(2){display:none}.hero-copy{bottom:17vh}.hero-copy h1{font-size:10vw}.hero-project{left:auto;right:3vw;bottom:3.5vh;display:grid;gap:6px;text-align:right}.work{padding-top:110px}.work-quote{top:35px}.projects{display:block}.project{margin-bottom:54px}.section-title{margin-bottom:32px}.reel{padding-top:90px;padding-bottom:90px}.reel-heading{display:block}.reel-heading p{margin-bottom:18px}.about-grid{grid-template-columns:1fr;gap:60px}.about h2{margin-bottom:70px}footer{grid-template-columns:1fr;gap:32px}footer>a{grid-row:1;text-align:left}.contact-details,.contact-details a{text-align:left}.social-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-visual{transition:none}.hero-slide-still,.hero-project-still{animation:none}.hero-slide-video,.hero-project-video{display:none}}