:root{--bg:#0a0a0a;--fg:#f5f5f5;--muted:#999;--line:#ffffff14;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:6px}[hidden]{display:none!important}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 48px;background:#0002;border-bottom:1px solid #ffffff1a;backdrop-filter:blur(2px)}.logo{font-family:Outfit,Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase}.site-header nav{display:flex;gap:32px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3}.hero{height:100svh;min-height:450px;position:relative;overflow:hidden}.slides,.slide,.shade{position:absolute;inset:0}.slide{margin:0;opacity:0;pointer-events:none;transition:opacity 1.5s}.slide.active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover}.shade{pointer-events:none;background:#0005}.hero-footer{position:absolute;inset:auto 48px 64px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.hero-footer p{font-size:9px;text-transform:uppercase;letter-spacing:.4em;color:#ffffff80}.hero-right{display:flex;flex-direction:column;align-items:end;gap:16px}.hero-right span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80}.hero-right i{height:48px;width:1px;background:#ffffff4d}.dots{display:flex;gap:8px;pointer-events:auto}.dots button{background:transparent;border:0;padding:12px 0;width:16px;position:relative;transition:width .5s}.dots button:after{content:'';position:absolute;height:1px;inset:12px 0 auto;background:#ffffff66}.dots button.active{width:32px}.dots button.active:after{background:white}.pause{background:#0007;border:1px solid #ffffff30;padding:8px 12px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;pointer-events:auto}.hero-empty{position:absolute;inset:30% 10%;text-align:center}.hero-empty h1{font:600 64px Outfit,Arial}.portfolio{max-width:1400px;margin:auto;padding:160px 24px}.filters{display:flex;flex-wrap:wrap;gap:16px 32px;margin-bottom:80px}.filters button{border:0;background:none;padding:4px 0;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#777}.filters button.active,.filters button:hover{color:white}.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:96px}.portfolio-card{grid-column:span 7}.portfolio-card .cover{aspect-ratio:4/5;overflow:hidden;background:#ffffff14}.portfolio-card.portrait-small{grid-column:span 5;margin-top:128px}.portfolio-card.portrait-small .cover{aspect-ratio:3/4}.portfolio-card.wide,.portfolio-card.landscape{grid-column:span 12;margin-top:48px}.portfolio-card.wide .cover{aspect-ratio:21/9}.portfolio-card.landscape .cover{aspect-ratio:16/9}.cover img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .7s,filter .7s}.portfolio-card a:hover img{filter:grayscale(0);transform:scale(1.05)}.portfolio-card h2{font:600 18px Outfit,Arial,sans-serif;letter-spacing:-.025em;margin:32px 0 4px}.portfolio-card p{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#666;margin:0}.load-more{display:block;margin:80px auto 0;padding:16px 40px;border:1px solid #ffffff33;background:none;text-transform:uppercase;font-size:10px;letter-spacing:.3em}.empty-filter{text-align:center;padding:50px;color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);padding:160px 48px 120px}.about{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font:700 60px/.95 Outfit,Arial,sans-serif;letter-spacing:-.05em;max-width:540px;margin:0 0 32px}.about p{font-size:14px;line-height:1.8;color:#999;max-width:400px}.contact-links{display:flex;flex-direction:column;align-items:end;justify-content:end;gap:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;overflow-wrap:anywhere}.site-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin:0 48px;padding:32px 0;color:#777;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.project-hero{height:95svh;padding-top:72px;position:relative;overflow:hidden}.project-hero>img{height:100%;width:100%;object-fit:cover}.project-hero .shade{top:72px}.project-title{position:absolute;bottom:56px;left:48px;right:48px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.4em;color:#aaa}.project-title h1{font:700 72px/.95 Outfit,Arial,sans-serif;letter-spacing:-.05em;margin:12px 0 0}.context{max-width:1400px;margin:auto;padding:96px 24px;display:grid;grid-template-columns:4fr 8fr;gap:96px}.context dl{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.context dt{color:#777;margin-bottom:4px}.context dd{margin:0 0 20px}.context>p{font-size:18px;line-height:1.7;color:#ccc;max-width:600px}.gallery{height:100svh;position:relative;background:black;overflow:hidden}.gallery .slide img{object-fit:contain}.gallery figcaption{position:absolute;bottom:20px;left:15%;right:15%;text-align:center;font-size:13px;background:#000a;padding:10px;line-height:1.5}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0006;border:0;padding:16px;font-size:28px;color:#ccc;z-index:3}.prev{left:32px}.next{right:32px}.counter{position:absolute;left:48px;top:30px;font-size:10px;letter-spacing:.3em;color:#ccc}.slide-controls{position:absolute;right:32px;top:24px}.adjacent{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.adjacent a{padding:64px 48px}.adjacent a+a{text-align:right;border-left:1px solid var(--line)}.adjacent span{font-size:9px;text-transform:uppercase;letter-spacing:.3em;color:#888}.adjacent h2{font:600 24px Outfit,Arial,sans-serif}.not-found{min-height:85svh;padding:200px 24px;text-align:center}.not-found h1{font:600 40px Outfit,Arial,sans-serif}@media(max-width:767px){.site-header{padding:22px 24px}.logo{font-size:10px;letter-spacing:.18em}.site-header nav{gap:14px;font-size:9px}.hero-footer{inset:auto 24px 48px;gap:20px}.hero-footer p{max-width:200px;line-height:1.7}.hero-right span,.hero-right i{display:none}.portfolio{padding:96px 24px}.filters{margin-bottom:64px;gap:18px 24px}.portfolio-grid{grid-template-columns:1fr;gap:48px}.portfolio-card,.portfolio-card.portrait-small,.portfolio-card.wide,.portfolio-card.landscape{grid-column:1;margin-top:0}.portfolio-card h2{margin-top:24px}footer{padding:96px 24px 64px}.about{grid-template-columns:1fr;gap:48px}.about h2{font-size:40px}.contact-links{align-items:start}.site-bottom{margin:0 24px;line-height:1.6}.project-hero{height:80svh}.project-title{left:24px;right:24px;bottom:40px}.project-title h1{font-size:42px}.context{grid-template-columns:1fr;padding:56px 24px;gap:16px}.context>p{font-size:16px}.gallery{height:85svh}.prev{left:8px}.next{right:8px}.counter{left:24px}.adjacent a{padding:40px 24px}.adjacent h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(hover:none){.cover img{filter:none}}
/* Portfolio 2.0 */
.portfolio{max-width:var(--portfolio-width,1400px)}.portfolio-grid{gap:var(--portfolio-gap,96px)}.hero{height:var(--hero-height,100svh)}
.portfolio-card.square .cover{aspect-ratio:1}.portfolio-card.size-small{grid-column:span 4}.portfolio-card.size-medium{grid-column:span 6}.portfolio-card.size-full{grid-column:span 12}
.portfolio-card.cover-style-color .cover img,.portfolio-card.cover-style-color a:hover img{filter:none}.portfolio-card.cover-style-bw .cover img,.portfolio-card.cover-style-bw a:hover img{filter:grayscale(1)}.portfolio-card.cover-style-bw_hover .cover img{filter:grayscale(1)}.portfolio-card.cover-style-bw_hover a:hover img,.portfolio-card.cover-style-bw_hover a:focus-visible img{filter:none}
.focus-center img{object-position:center}.focus-top img{object-position:center top}.focus-bottom img{object-position:center bottom}.focus-left img{object-position:left center}.focus-right img{object-position:right center}
.project-hero.template-design,.project-hero.template-video{height:68svh;min-height:480px}.project-subtitle{max-width:700px;line-height:1.6;font-size:16px}.project-video,.project-content,.image-sequence,.project-credits{width:100%;max-width:var(--portfolio-width,1400px);margin:auto;padding:0 24px 80px}.project-block{margin:0 0 72px}.project-block h2,.project-credits h2,.project-contact h2{font:600 32px Outfit,Arial,sans-serif;letter-spacing:-.025em}.block-text,.project-credits p{font-size:16px;line-height:1.85;color:#ccc;overflow-wrap:anywhere}.project-block.block-text{max-width:850px;margin:0 auto 72px}.project-block figure,.image-sequence figure{margin:0}.project-block img,.image-sequence img{display:block;width:100%;height:auto}.project-block figcaption,.image-sequence figcaption{font-size:12px;line-height:1.7;color:#aaa;margin:16px 0 0}.image-sequence figure+figure{margin-top:56px}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.block-text_image{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.block-text_image.image-left figure{grid-column:1;grid-row:1}.block-text_image.image-left .block-copy{grid-column:2;grid-row:1}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:black}.video-wrap.ratio-vertical{aspect-ratio:9/16;max-width:480px;margin:auto}.video-wrap.ratio-square{aspect-ratio:1;max-width:800px;margin:auto}.video-wrap iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}.video-fallback{text-align:right;font-size:12px;color:#aaa;margin-top:16px}.gallery.fit-cover .slide img{object-fit:cover}.gallery.fit-contain .slide img{object-fit:contain}.project-contact{padding:72px 24px;text-align:center;border-top:1px solid var(--line)}.project-contact a{display:inline-block;border-bottom:1px solid #777;padding:12px 0;font-size:14px}
@media(max-width:767px){.portfolio-grid{gap:min(var(--portfolio-gap,48px),64px)}.portfolio-card.size-small,.portfolio-card.size-medium,.portfolio-card.size-full{grid-column:1;margin-top:0}.project-hero.template-design,.project-hero.template-video{height:65svh;min-height:420px}.project-video,.project-content,.image-sequence,.project-credits{padding-bottom:48px}.project-block{margin-bottom:40px}.block-text_image,.image-pair{grid-template-columns:1fr;gap:24px}.block-text_image.image-left figure,.block-text_image.image-left .block-copy{grid-column:auto;grid-row:auto}.block-text_image.image-left figure{order:-1}.project-block h2,.project-credits h2,.project-contact h2{font-size:26px}.project-subtitle{font-size:14px}}
@media(hover:none){.portfolio-card.cover-style-bw_hover .cover img{filter:none}}