:root{color-scheme:dark;--gold:#b99c70;--muted:#8c8c8c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#000;color:#fff;font-family:'Space Grotesk',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.wrap{padding-left:6.4%;padding-right:6.4%;max-width:1900px;margin:auto}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:75px 7.5%;overflow:hidden}.intro{position:relative;z-index:1;width:70%}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(76px,10.25vw,160px);letter-spacing:-.035em;line-height:.98}.role,.location{letter-spacing:.17em;line-height:1.8}.role{font-size:18px;color:#b3b3b3;margin:30px 0 4px}.location{font-size:16px;color:#666;margin:0}.copyright{font-size:12px;color:#444;letter-spacing:.08em;margin:24px 0}.bio{font-size:18px;line-height:1.55;color:#8c8c8c;max-width:405px;margin:24px 0}.linkedin{display:inline-flex;align-items:center;gap:16px;padding:19px 30px;border:1px solid #514332;color:var(--gold);font-size:14px;letter-spacing:.2em;transition:background .2s}.linkedin:hover{background:#19150e}.in{background:var(--gold);color:black;font-weight:700;font-size:18px;letter-spacing:-1px;padding:0 3px}.portrait{position:absolute;right:0;bottom:0;width:52%;height:85%;pointer-events:none}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,transparent 40%),linear-gradient(0deg,#000,transparent 18%)}.scroll{position:absolute;right:5%;top:30px;display:grid;justify-items:center;gap:30px;font-size:9px;letter-spacing:.3em;color:#666}.scroll span{height:20px;width:1px;background:#555}.showreel{padding-top:30px}.eyebrow{display:flex;gap:15px;align-items:center;letter-spacing:.3em;color:var(--gold);font-size:12px;margin:0 0 24px}.eyebrow span{height:1px;width:32px;background:#4d4231}video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#070707}.works{padding-top:120px}h2{font-size:clamp(54px,7.7vw,110px);color:#e8e6e3;margin-bottom:95px;letter-spacing:-.035em}.project{margin-bottom:135px;border-top:1px solid #282828;padding-top:28px}.category{font-size:12px;letter-spacing:.22em;color:var(--gold);margin:0 0 30px}.category b{font-weight:400;margin-right:20px;color:#777}.project-head{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:40px}h3{font-size:clamp(48px,7.6vw,100px);line-height:1.12;letter-spacing:-.035em}.services{color:#808080;font-size:14px;margin:20px 0 0}.description{font-size:20px;line-height:1.7;color:var(--muted);margin:0}.film{width:100%;aspect-ratio:16/9;border:1px solid #222;background:#0b0b0b}.film iframe{display:block;width:100%;height:100%;border:0}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.preview-grid button{position:relative;border:1px solid #242424;background:#090909;padding:0;overflow:hidden;aspect-ratio:16/9}.preview-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.preview-grid button:hover img{transform:scale(1.04)}.more{position:absolute;inset:0;display:grid;place-items:center;background:#0009;font-size:25px}footer{border-top:1px solid #222;padding-top:32px;padding-bottom:32px;display:flex;justify-content:space-between;gap:25px;color:#666;font-size:10px;letter-spacing:.14em}footer a:hover{color:#ddd}dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:0;background:#070707;color:white;overflow:hidden}dialog::backdrop{background:#000e}dialog[open]{display:flex;align-items:center;justify-content:center}#full-image{max-width:94vw;max-height:calc(100dvh - 190px);object-fit:contain}.gallery-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#070707;z-index:2;font-size:13px;color:#aaa}#close{border:0;background:none;color:#fff;font-size:36px;width:48px;height:48px}.arrow{position:absolute;top:46%;background:#000b;color:white;border:1px solid #666;border-radius:50%;width:48px;height:48px;font-size:22px;z-index:2}.prev{left:16px}.next{right:16px}.gallery-bottom{position:absolute;bottom:0;left:0;right:0;background:#070707;text-align:center;padding:8px 16px 15px}#counter{font-size:12px;color:#999;margin:0 0 10px;letter-spacing:.15em}#thumbs{display:flex;justify-content:center;gap:7px;overflow-x:auto;padding:3px}#thumbs button{flex:0 0 60px;height:40px;padding:0;border:1px solid #333;background:none}#thumbs button[aria-current=true]{border-color:var(--gold)}#thumbs img{height:100%;width:100%;object-fit:cover}@media(min-width:1600px){.hero{min-height:950px}}@media(max-width:760px){.hero{padding:70px 7% 45px;min-height:960px;align-items:flex-start}.intro{width:100%}h1{font-size:clamp(63px,14vw,100px)}.role{font-size:12px;max-width:300px;margin-top:25px}.location{font-size:10px;letter-spacing:.12em}.copyright{font-size:10px;margin-top:18px}.bio{font-size:16px;max-width:66%;line-height:1.6;margin-top:180px}.portrait{width:75%;height:62%;right:-15%;opacity:.75}.portrait:after{background:linear-gradient(90deg,#000,transparent 50%),linear-gradient(0deg,#000,transparent 25%)}.linkedin{padding:15px 20px;font-size:11px}.scroll{display:none}.wrap{padding-left:6%;padding-right:6%}.works{padding-top:80px}h2{margin-bottom:60px}.project{margin-bottom:80px;padding-top:22px}.category{font-size:10px;margin-bottom:22px}.project-head{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.description{font-size:16px;line-height:1.7}.services{font-size:12px;margin-top:14px}.preview-grid{gap:7px;grid-template-columns:repeat(2,1fr)}.more{font-size:20px}footer{font-size:9px;line-height:1.7;flex-wrap:wrap}.arrow{width:38px;height:38px}.prev{left:7px}.next{right:7px}#thumbs{justify-content:flex-start}#full-image{max-width:100vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}