@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@300;400;600&display=swap');
:root{--ink:#151515;--paper:#eee;--muted:#999;--line:#393939;--accent:#c3d0dd;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#111;color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #adcbe3;outline-offset:6px}.topbar{position:absolute;top:0;left:0;width:100%;z-index:5;padding:28px 4vw;display:flex;justify-content:space-between;align-items:center}.wordmark{font:600 1.5rem 'Manrope',sans-serif;text-decoration:none;letter-spacing:-.08em}.wordmark span{color:#b2c9d9}.topbar nav{display:flex;gap:35px}.topbar nav a{font-size:.9rem;text-decoration:none}.menu{display:none;background:none;border:0;color:white}.hero{min-height:820px;height:100svh;max-height:1250px;position:relative;overflow:hidden;background:#171717}.hero-portrait{position:absolute;inset:0;margin:0}.hero-portrait img{height:100%;width:100%;object-fit:cover;object-position:35% 30%;filter:brightness(.62) contrast(.9);transform-origin:34% 35%;animation:portrait-drift 14s ease-in-out -4s infinite alternate;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#10101030 40%,#101010df 100%),linear-gradient(0deg,#111 0%,transparent 28%)}.hero-copy{position:relative;height:100%;padding:125px 4vw 50px;display:flex;flex-direction:column}.hero-meta{display:flex;justify-content:space-between;font-size:.875rem;line-height:1.5;color:#ccc}.hero-meta p:last-child{text-align:right}.hero h1{margin:auto auto 45px 0;text-align:left;font:300 clamp(6rem,12.5vw,13rem)/.95 'Manrope',sans-serif;letter-spacing:-.075em}.hero h1 span{padding-left:0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}.hero-bottom p{font-size:1.1rem;line-height:1.6;margin:0;color:#ccc}.down{width:32%;padding:18px 0;border-top:1px solid #777;text-decoration:none;display:flex;justify-content:space-between}.motion-control{position:absolute;right:4vw;bottom:165px;background:#1119;color:#ddd;border:1px solid #777;padding:8px 12px;font-size:.875rem;z-index:2}.hero.paused img{animation-play-state:paused}@keyframes portrait-drift{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.14) translate(-2%,1%)}}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.875rem;color:#aaa;margin:0 0 25px}.project-index{padding:100px 4vw 120px;display:grid;grid-template-columns:1fr 1.25fr;gap:9vw}.index-heading{position:sticky;top:45px;align-self:start}.index-heading h2{font:300 clamp(4rem,8vw,8rem)/1 'Manrope',sans-serif;letter-spacing:-.06em;margin:0}.index-heading h2 span{display:block;font:400 .9rem 'DM Sans',sans-serif;letter-spacing:0;color:#aaa;margin-top:24px}.index-list{border-top:1px solid #666}.index-row{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:12px;border-bottom:1px solid #333;padding:20px 0;text-decoration:none;transition:color .2s,padding .2s}.index-row:hover{color:#bcd1df;padding-left:8px}.index-no{grid-row:span 2;font-size:.8rem;color:#aaa}.index-name{font-size:clamp(1.1rem,1.7vw,1.6rem)}.index-client{grid-column:2;font-size:.875rem;color:#aaa}.index-arrow{grid-column:3;grid-row:1 / span 2}.work{background:#efefed;color:#151515;padding:110px 4vw 120px;color-scheme:light}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.section-head h2{font:300 clamp(3.5rem,7.5vw,8rem)/1 'Manrope',sans-serif;letter-spacing:-.065em;margin:0}.work .eyebrow{color:#616161}.section-head>p{max-width:270px;line-height:1.6;color:#555}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:80px}.filters button{border:1px solid #bbb;border-radius:0;background:transparent;padding:12px 18px;font-size:.875rem;color:#222}.filters button.active,.filters button:hover{background:#151515;border-color:#151515;color:white}.portfolio{display:grid;gap:110px}.project{scroll-margin-top:30px}.project-title{border-top:1px solid #999;padding:30px 0;display:grid;grid-template-columns:1fr 1.8fr;gap:25px}.project-title .client{font-size:.875rem;color:#555;margin:0 0 15px}.project-title h3{font:400 clamp(2.2rem,4vw,4.5rem)/1.06 'Manrope',sans-serif;letter-spacing:-.055em;margin:0}.disciplines{align-self:end;justify-self:end;font-size:.875rem;color:#555;max-width:300px;line-height:1.7;text-align:right}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.art-card{padding:0;border:0;background:#e0e0de;cursor:zoom-in;overflow:hidden}.art-card:first-child{grid-column:1/-1}.art-card img{width:100%;height:auto;transition:transform .5s}.art-card:hover img{transform:scale(1.012)}.about{padding:120px 4vw;background:#1a1d20}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2{font:300 clamp(3.5rem,6vw,6.5rem)/1.03 'Manrope',sans-serif;letter-spacing:-.065em;margin:0}.about-copy{font-size:1.05rem;line-height:1.8;color:#c3c5c7}.about-lead{font-size:1.45rem;line-height:1.5;color:#eee;margin-top:0}.about-tags{display:flex;flex-wrap:wrap;gap:0 20px;margin:35px 0}.about-tags span{font-size:.875rem;border-bottom:1px solid #555;padding:9px 0}.about-copy>a{display:inline-block;margin-top:10px;font-size:1.3rem;color:#eee;text-underline-offset:8px}footer{padding:35px 4vw;display:flex;justify-content:space-between;gap:25px;color:#aaa;font-size:.875rem}dialog{border:0;background:#111;color:white;padding:58px 12px 16px;width:96vw;max-width:1900px;max-height:96svh}dialog::backdrop{background:#000e}dialog img{max-height:78svh;width:100%;object-fit:contain}dialog p{margin:18px 12px 0;font-size:.9rem}dialog button{position:absolute;right:16px;top:10px;width:40px;height:40px;font-size:1.8rem;background:#333;color:white;border:0}
@media(max-width:800px){.hero{min-height:720px;max-height:none}.hero-portrait img{object-position:38% center}.hero-shade{background:linear-gradient(0deg,#111 0%,#1119 40%,#1112 100%)}.hero h1{font-size:22vw;margin:auto 0 40px;line-height:1}.hero h1 span{padding-left:0}.hero-copy{padding-top:100px}.hero-bottom{display:block}.down{margin-top:30px;width:100%}.motion-control{bottom:205px}.project-index{display:block;padding-top:70px}.index-heading{position:static;margin-bottom:50px}.section-head{display:block}.section-head>p{max-width:350px;margin-top:25px}.project-title{display:block}.disciplines{text-align:left;margin-top:20px;max-width:none}.art-grid{grid-template-columns:1fr}.art-card:first-child{grid-column:auto}.about-grid{display:block}.about h2{margin-bottom:50px}.about{padding-top:80px}.work{padding-top:80px}.topbar nav{gap:20px}footer{display:block}.portfolio{gap:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-portrait img{will-change:auto}.motion-control{display:block}}

@media(prefers-reduced-motion:reduce){.hero.motion-enabled .hero-portrait img{animation:portrait-drift 14s ease-in-out -4s infinite alternate!important}.hero.motion-enabled.paused .hero-portrait img{animation-play-state:paused!important}}