.c-page{background:#fff;--case-line:#dedfd9}
.c-header{padding:28px var(--pad) 33px}.c-back{font-size:11px;color:#747a73;border-bottom:1px solid #bbb;padding-bottom:6px}
.c-title-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:32px}
.c-title-row h1{font-size:clamp(50px,6.6vw,112px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:0;max-width:78%}
.c-title-row>div{text-align:right;flex-shrink:0;padding-bottom:7px}.c-title-row>div>span{font-size:13px;color:#454e44}.c-title-row p{font-size:11px;color:#8a8e88;display:flex;justify-content:end;align-items:center;gap:10px;margin:12px 0 0}.c-dot{width:3px;height:3px;border-radius:50%;background:#9daba0}
.c-cover{margin:0 var(--pad);height:min(58vw,590px);min-height:330px;overflow:hidden;border-radius:14px}.c-cover img{height:100%;width:100%;object-fit:cover}


.c-overview{padding:95px var(--pad) 105px;display:grid;grid-template-columns:1fr 1.18fr;gap:10%;scroll-margin-top:var(--header)}
.c-overview h2{font-size:clamp(30px,3.1vw,50px);line-height:1.16;letter-spacing:-.045em;margin:24px 0 0;max-width:510px}.c-description{font-size:14px;line-height:1.95;margin:0 0 35px;color:#6e756d}
.c-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.c-scope>span{border-top:1px solid var(--case-line);padding-top:18px;font-size:11px;line-height:1.7;color:#343f34}.c-scope small{display:block;font-size:9px;color:#8a968c;margin-bottom:15px}
.c-films,.c-gallery{padding:0 var(--pad) 95px;scroll-margin-top:var(--header)}
.c-media-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.c-media-heading h2{font-size:clamp(33px,3.8vw,61px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:20px 0 0}.c-media-heading>span{font-size:9px;letter-spacing:.11em;color:#92978e;padding-bottom:5px}
.c-photo-grid,.c-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 26px}.c-photo-card,.c-film-card{margin:0;min-width:0}.c-photo-card--wide,.c-film-card--lead{grid-column:1/-1}
.c-photo-link,.c-film-poster{position:relative;display:block;overflow:hidden;aspect-ratio:1.5;background:#e7ebe5;border-radius:10px}.c-photo-card--wide .c-photo-link,.c-film-card--lead .c-film-poster{aspect-ratio:1.95}
.c-photo-link img,.c-film-poster img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.c-expand{position:absolute;right:20px;bottom:20px;background:white;padding:10px 15px;font-size:10px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.c-photo-link:focus-visible .c-expand{opacity:1;transform:none}
.c-photo-card figcaption,.c-film-card figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#72796d;padding-top:14px;line-height:1.5}.c-photo-card figcaption small,.c-film-card figcaption small{font-size:9px;color:#9da396}
.c-film-poster{background:#1c271e}.c-film-poster:after{content:'';position:absolute;inset:0;background:#0002}.c-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;gap:15px;color:white;font-size:12px}.c-play>span{display:grid;place-items:center;width:66px;height:66px;border:1px solid #fff9;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px);padding-left:3px;font-size:18px}
.c-project-end{margin:0 var(--pad) 75px;padding-top:55px;border-top:1px solid var(--case-line);display:flex;justify-content:space-between;align-items:end;gap:35px}.c-project-end h2{font-size:clamp(40px,4.5vw,72px);line-height:1.1;letter-spacing:-.055em;margin:24px 0 0}.c-project-end em{font-family:Georgia,serif;font-weight:400}.c-project-end .button{font-size:12px;margin-bottom:6px}
.c-next{position:relative;height:350px;display:block;overflow:hidden;color:white;isolation:isolate}.c-next>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.c-next:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07150acd,#07150a36)}.c-next>div{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:45px var(--pad)}.c-next>div>span:first-child{font-size:9px;letter-spacing:.14em}.c-next h2{font-size:clamp(42px,5.5vw,88px);font-weight:500;letter-spacing:-.06em;margin:22px 0 24px}.c-next-label{font-size:11px;padding-bottom:7px;border-bottom:1px solid #fff9}
.c-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:20px 28px 18px;background:#101511;color:#fff;overflow:hidden}.c-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px}.c-viewer::backdrop{background:#101511}
.c-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.c-viewer-head h2{font-size:15px;letter-spacing:-.02em;font-weight:500;margin:0}.c-viewer-head button{font-size:11px;display:flex;gap:16px;align-items:center;padding:12px 0 12px 15px;color:#fff}.c-viewer-head button>span{font-size:26px;line-height:1}
.c-viewer-stage{display:flex;align-items:center;justify-content:center;min-height:0;position:relative;touch-action:pan-y}.c-viewer-stage>img,.c-viewer-stage>video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent}.c-viewer-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;color:#aab4aa}.c-viewer-meta p{margin:0;line-height:1.5;color:inherit;font-size:inherit}.c-viewer-meta>span{flex-shrink:0;font-size:10px}
.c-thumbnails{display:flex;justify-content:safe center;gap:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6d7c6c transparent;padding:3px 0 4px}.c-thumbnails button{flex:0 0 86px;height:56px;position:relative;overflow:hidden;border:2px solid transparent;padding:0;opacity:.5}.c-thumbnails button[aria-pressed="true"]{border-color:var(--accent);opacity:1}.c-thumbnails img{width:100%;height:100%;object-fit:cover}.c-thumbnails button:focus-visible{outline:2px solid #fff;outline-offset:1px}.c-thumb-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:15px;background:#0003}.c-video-thumb{display:grid;place-items:center;height:100%;background:#283b2c;color:white}
@media(hover:hover){.c-photo-link:hover img,.c-film-poster:hover img{transform:scale(1.025)}.c-photo-link:hover .c-expand{opacity:1;transform:none}}
@media(max-width:1000px){.c-title-row h1{font-size:7vw}.c-title-row>div>span{font-size:11px}.c-overview{gap:6%;grid-template-columns:1fr 1.1fr}.c-scope{gap:14px}.c-description{font-size:13px}}
@media(max-width:700px){.c-header{padding-top:22px;padding-bottom:25px}.c-title-row{display:block;margin-top:25px}.c-title-row h1{font-size:13vw;max-width:none;line-height:1.08}.c-title-row>div{text-align:left;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.c-title-row>div>span{font-size:10px}.c-title-row p{font-size:9px;margin:0;gap:8px}.c-cover{height:54svh;min-height:330px;max-height:490px;margin:0 16px;border-radius:10px}.c-cover img{object-position:55% center}.c-overview{display:block;padding-top:55px;padding-bottom:65px}.c-overview h2{font-size:34px;margin-top:20px;max-width:430px}.c-description{font-size:12px;line-height:1.95;margin:26px 0 28px}.c-scope{gap:15px}.c-scope>span{font-size:10px;padding-top:14px}.c-scope small{margin-bottom:10px}.c-films,.c-gallery{padding-bottom:60px}.c-media-heading{margin-bottom:25px;align-items:center}.c-media-heading h2{font-size:34px;margin-top:16px}.c-media-heading>span{font-size:8px;white-space:nowrap}.c-photo-grid,.c-film-grid{grid-template-columns:1fr;gap:28px}.c-photo-link,.c-photo-card--wide .c-photo-link,.c-film-poster,.c-film-card--lead .c-film-poster{aspect-ratio:1.35;border-radius:8px}.c-photo-card figcaption,.c-film-card figcaption{font-size:10px;padding-top:11px}.c-expand{opacity:1;transform:none;font-size:9px;right:13px;bottom:13px;padding:8px 12px}.c-play>span{width:52px;height:52px;font-size:15px}.c-play{font-size:11px;gap:10px}.c-project-end{padding-top:36px;margin-bottom:55px;display:block}.c-project-end h2{font-size:42px;margin-top:20px}.c-project-end .button{margin-top:26px;font-size:11px}.c-next{height:280px}.c-next h2{font-size:45px;line-height:1.1}.c-viewer{padding:12px 15px 14px}.c-viewer[open]{gap:10px}.c-viewer-head h2{font-size:13px}.c-viewer-head button{font-size:10px;gap:9px}.c-thumbnails{gap:8px}.c-thumbnails button{flex-basis:70px;height:48px}.c-viewer-meta{font-size:10px;gap:15px}}
@media(prefers-reduced-motion:reduce){.c-photo-link img,.c-film-poster img,.c-expand{transition:none}}

.c-film-card--portrait .c-film-poster img{object-fit:contain;background:#17211a}
