:root{color-scheme:dark;--black:#000;--white:#fff;--muted:#777;--muted-readable:#a3a3a3;--edge:clamp(24px,5.51vw,110px);--radius:12px;--tag-bg:#242424;--page-max:1400px}
*{box-sizing:border-box}html,body{margin:0;background:var(--black);color:var(--white);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid #bbb;outline-offset:7px}button{border:0;background:none}button:disabled{opacity:.35;cursor:default}img,video{display:block}#view{height:100dvh;opacity:1;transition:opacity .14s ease;outline:none}#view.changing{opacity:0}.loading{display:flex;height:100dvh;align-items:center;justify-content:center;color:#777;font-size:14px}.noscript{padding:120px 40px}.menu{position:fixed;z-index:40;top:clamp(24px,6.4vh,65px);left:var(--edge);display:flex;gap:36px;padding:26px 37px;border-radius:12px;background:rgba(41,41,41,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:13px;line-height:18px;font-weight:300}.menu a{transition:color .2s}.menu a:hover{color:#bdbdbd}.menu a[aria-current=page]{color:#aaa}.muted{color:var(--muted)}.scroll-root{height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.scroll-root::-webkit-scrollbar{display:none}.home-root{scroll-snap-type:y mandatory;scroll-behavior:smooth}.section{min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;padding:100px var(--edge) 34px}.inner{width:100%;max-width:1245.63px;margin:0 auto}.hero{position:relative}.hero h1{font-size:clamp(36px,4.43vw,62px);font-weight:300;line-height:1.065;letter-spacing:-.025em;max-width:880px;margin:0}.available{position:absolute;right:var(--edge);top:90px;font-size:clamp(17px,2.14vw,30px);color:#777}.available:hover{color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58.78px}.project-card{min-width:0;align-self:start}.media-link{display:block}.media-link .media-shell{transition:filter .3s ease}.media-link:hover .media-shell{filter:brightness(1.08)}.media-shell{position:relative;width:100%;aspect-ratio:600/490;overflow:hidden;border-radius:var(--radius);background:#080808;isolation:isolate}.media-shell>.poster,.media-shell>.primary-media{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fit,cover)}.media-shell>video.primary-media{opacity:0;transition:opacity .2s}.media-shell>video.ready{opacity:1}.media-shell>.media-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;z-index:2;pointer-events:none}.media-overlay.screen{mix-blend-mode:screen}.media-shell .wip{position:absolute;right:24px;top:24px;z-index:4}.card-details{display:flex;gap:24px;padding-top:32px;min-height:140px;align-items:flex-start}.description{flex:1;min-width:0;margin:0;color:#777;font-size:21px;line-height:27px;font-weight:200}.description strong{color:#fff;font-weight:inherit}.tags{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.tag{display:inline-flex;align-items:center;justify-content:center;background:var(--tag-bg);padding:5px 12px;border-radius:6px;font-size:14px;font-weight:300;line-height:18px;white-space:nowrap}.single-project .project-card{max-width:593.424px;margin-left:29.4px}.contact{height:390px;min-height:390px;scroll-snap-align:end;scroll-snap-stop:always;padding:64px var(--edge) 40px;display:flex;flex-direction:column;justify-content:space-between}.contact-top{display:flex;justify-content:space-between;gap:30px}.location{display:flex;flex-direction:column;gap:10px;font-size:21px;line-height:1.4}.location .eyebrow{font-size:16px;color:#777}.location .email{font-size:20px;color:#888}.socials{display:flex;flex-direction:column;gap:12px;font-size:20px;line-height:1.4}.copyright{font-size:15px;color:#777;margin:0}.socials a:hover,.email:hover{color:#fff}
/* All work pages share the same center-weighted vertical gallery. */
.gallery-root{height:100dvh;position:relative;background:#000}.gallery-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;cursor:grab;outline-offset:-4px}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-scroll.dragging{cursor:grabbing;user-select:none}.gallery-track{position:relative;width:100%}.gallery-piece{position:absolute;left:50%;margin:0;transform-origin:center;will-change:transform,opacity;pointer-events:none;border-radius:12px}.gallery-piece .media-shell{height:100%;aspect-ratio:auto}.gallery-piece .media-shell video,.gallery-piece .media-shell img{user-select:none;pointer-events:none}.project-label{position:absolute;z-index:12;right:var(--edge);top:clamp(38px,8vh,82px);font-size:17px;font-weight:300;letter-spacing:-.02em;max-width:40%;text-align:right}.gallery-shade{position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(#000 0%,transparent 19%,transparent 81%,#000 100%)}.gallery-info{position:absolute;z-index:10;bottom:24px;left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;align-items:center;gap:12px;color:#888;font-size:11px;letter-spacing:.03em;pointer-events:none}.gallery-counter{font-variant-numeric:tabular-nums}.gallery-arrows{display:flex;gap:12px;pointer-events:auto}.gallery-arrows button{padding:5px 8px;color:#aaa;font-size:18px}.project-intro{padding:38px 0 32px}.project-intro h1{font-size:clamp(30px,3.5vw,48px);line-height:1.12;font-weight:300;letter-spacing:-.035em;margin:0 0 32px}.project-intro .project-summary{color:#777}.project-intro .authorship{font-size:14px;line-height:1.5;color:#888;margin:0 0 14px}.project-intro .tags{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:8px}.project-intro .tag{background:#161616}.editorial-card{border-radius:12px;background:#323232;color:#c1c1c1;padding:38px clamp(28px,8vw,105px) 30px;pointer-events:auto;user-select:text}.editorial-card h2{font-size:10px;line-height:1.25;font-weight:400;letter-spacing:.025em;margin:0 0 28px}.editorial-card p{font-size:15px;line-height:1.5;margin:0 0 1.2em;white-space:pre-line}.editorial-card p:last-child{margin-bottom:0}.gallery-end{pointer-events:auto;padding:36px 0}.gallery-end .small-label{font-size:12px;color:#777;margin:0 0 18px}.next-project{display:inline-block;font-size:clamp(28px,4vw,48px);font-weight:300;letter-spacing:-.03em;margin-bottom:30px}.gallery-end-links{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;color:#aaa}.gallery-end .project-contact{display:block;margin-top:34px;color:#888;font-size:14px}.gallery-end a:hover{color:#fff}
/* About follows the editorial layout from the current Figma frame. */
.about-content{max-width:1400px;margin:auto;padding:280px var(--edge) 140px}.about-intro{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:80px;align-items:start;margin-bottom:160px}.about-intro h1{font-size:36px;line-height:1.45;font-weight:300;letter-spacing:-.02em;margin:0 0 24px;max-width:920px}.about-intro p{font-size:21px;line-height:1.45;font-weight:300;color:#777;margin:0;max-width:810px}.portrait{width:240px;height:340px;object-fit:cover}.about-approach{border-top:1px solid #2e2e2e;padding-top:32px;display:grid;grid-template-columns:390px minmax(0,1fr);gap:64px;margin-bottom:160px}.eyebrow{font-size:12px;line-height:1.45;color:#777;margin:0 0 20px}.about-approach h2{font-size:42px;line-height:1.1;font-weight:300;margin:0;white-space:pre-line;letter-spacing:-.02em}.about-approach p{font-size:20px;line-height:1.45;font-weight:300;color:#777;margin:0 0 24px;white-space:pre-line}.about-approach p:nth-child(2){color:#ddd}.services h2{font-size:42px;font-weight:300;margin:0 0 36px;letter-spacing:-.02em}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid #2e2e2e;padding-top:36px}.service-column h3{font-size:23px;font-weight:300;margin:0 0 28px}.service-item{border-top:1px solid #2e2e2e;padding-top:12px;margin-bottom:28px}.service-item h4{font-size:15px;font-weight:400;margin:0 0 12px}.service-item p{font-size:17px;line-height:1.45;font-weight:300;color:#777;margin:0}
@media(max-height:740px) and (min-width:761px){.section:not(.hero){padding-top:100px}.projects-grid{max-width:min(100%,calc((100dvh - 210px)*2.445 + 58px));margin:auto}.description{font-size:17px;line-height:22px}.card-details{padding-top:22px;min-height:94px}.menu{top:24px;padding:18px 25px}.available{top:36px}.tag{font-size:12px;padding:4px 9px}.project-label{top:38px}.gallery-info{bottom:16px}}
@media(min-width:1700px){.home-root .inner{max-width:1400px}.hero h1{max-width:1020px}}
@media(max-width:1000px){.about-content{padding-top:200px}.about-intro{gap:40px;grid-template-columns:minmax(0,1fr) 180px}.portrait{width:180px;height:255px}.about-intro h1{font-size:29px}.about-approach{grid-template-columns:260px minmax(0,1fr);gap:35px}.about-approach h2{font-size:34px}.services-grid{gap:22px}.service-column h3{font-size:21px}}
@media(max-width:760px){.menu{top:20px;left:24px;padding:18px 23px;gap:26px;font-size:12px}.available{top:105px;left:24px;right:auto;font-size:17px}.hero{padding:165px 24px 60px}.hero h1{font-size:clamp(34px,8.5vw,54px);line-height:1.12}.home-root .section:not(.hero){display:contents}.projects-grid{display:contents}.project-card{min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;padding:115px 24px 40px;display:flex;flex-direction:column;justify-content:center}.single-project .project-card{max-width:none;margin:0}.description{font-size:17px;line-height:23px}.card-details{gap:16px;padding-top:24px;min-height:0}.tag{font-size:11px;padding:4px 8px;line-height:16px}.tags{gap:6px}.contact{min-height:420px;height:auto;padding:60px 24px 30px;gap:65px}.contact-top{flex-direction:column;gap:36px}.socials{flex-direction:row;flex-wrap:wrap;gap:22px;font-size:16px}.location{font-size:18px}.location .email{font-size:17px}.project-label{display:none}.gallery-info{bottom:18px;left:24px;right:24px;font-size:9px}.gallery-hint{max-width:145px;line-height:1.4}.gallery-arrows{gap:3px}.project-intro{padding:25px 0}.project-intro h1{font-size:32px;margin-bottom:25px}.project-intro .authorship{font-size:12px}.editorial-card{padding:28px 25px}.editorial-card h2{font-size:10px;margin-bottom:22px}.editorial-card p{font-size:14px;line-height:1.5}.next-project{font-size:30px}.gallery-end-links{gap:16px;font-size:13px}.about-content{padding:155px 24px 70px}.about-intro{display:flex;flex-direction:column;gap:32px;margin-bottom:80px}.about-intro h1{font-size:27px;line-height:1.35}.about-intro p{font-size:18px}.portrait{width:180px;height:255px;align-self:flex-end}.about-approach{grid-template-columns:1fr;gap:32px;margin-bottom:80px}.about-approach h2{font-size:34px;white-space:normal}.about-approach p{font-size:17px}.services h2{font-size:34px}.services-grid{grid-template-columns:1fr;gap:30px}.service-column h3{font-size:23px}.service-item p{font-size:16px}}
@media(prefers-reduced-motion:reduce){#view,.media-link .media-shell,.media-shell>video.primary-media{transition:none}.home-root{scroll-behavior:auto}.gallery-piece{will-change:auto}}
.project-end-contact{margin-top:28px;padding-top:24px;border-top:1px solid #222;display:flex;flex-direction:column;gap:16px;font-size:12px;line-height:1.5;color:#777}.project-end-contact>div{display:flex;flex-wrap:wrap;gap:20px;color:#aaa}

.media-overlay.luminance-mask{background:#fff;mask-mode:luminance;mask-size:contain;mask-position:center;mask-repeat:no-repeat}