.work-service-link{margin:1.5rem 0 2.5rem;font-size:.95rem}.work-service-link a,.work-detail-links a{display:inline-block;padding:.7rem 0;text-underline-offset:.35em}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.work-card{color:inherit;text-decoration:none;display:block;position:relative}.work-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.work-card h2{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.2;margin:.5rem 0 1rem}.work-card p{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;margin:1rem 0 .5rem}.work-number{display:block;font-size:.75rem;color:#777;margin-top:1rem}.work-discover{font-size:.85rem;display:inline-block;padding:.65rem 0;border-bottom:1px solid #777}.work-credit{font-size:.8rem;color:#666;margin-top:2rem}.work-detail-links nav{display:flex;flex-wrap:wrap;gap:1.5rem}.work-card:focus-visible,.work-detail-links a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.information-site[data-page=work] .information-body{display:block}.information-site[data-page=work] .information-toc{display:none}.information-site[data-page=work] .information-article{max-width:none}.information-site[data-page=work] .information-hero-media{max-height:500px}.information-header nav{flex-wrap:wrap}.information-site[data-page$=Work] .information-hero-media img{object-fit:contain;background:#f4f3f1}.information-site[data-page$=Work] .information-hero-media{aspect-ratio:auto;overflow:visible}.work-card img{transition:filter .25s}.work-card:hover img{filter:brightness(.94)}@media(max-width:700px){.work-grid{grid-template-columns:1fr;gap:3rem}.work-card img{aspect-ratio:auto}.information-header nav{gap:.9rem}.information-header nav a{font-size:.72rem}.information-site[data-page=work] .information-hero-media{max-height:none}.work-detail-links nav{gap:.75rem;flex-direction:column}.studio-navigation.is-open{overflow-y:auto;max-height:calc(100dvh - 80px)}}@media(prefers-reduced-motion:reduce){.work-card img{transition:none}}

.work-watch-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}.information-site[data-page$="Film"] .information-hero{display:flex;flex-direction:column;align-items:stretch}.information-site[data-page$="Film"] .information-hero-media{order:4;aspect-ratio:auto;border-radius:0;max-height:none;margin:2rem 0}.information-site[data-page$="Film"] .information-hero-media figcaption{position:static;padding:.75rem;background:#161616}.information-site[data-page$="Film"] .information-body{display:block}.information-site[data-page$="Film"] .information-toc{display:none}.work-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.work-film-grid a{color:inherit;text-decoration:none}.work-film-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.work-film-grid h3{font-size:1.35rem}.work-film-links{margin:3rem 0}.work-film-grid span{display:inline-block;padding:.7rem 0;font-size:.85rem;border-bottom:1px solid #777}@media(max-width:700px){.work-film-grid{grid-template-columns:1fr}}
@media(max-width:700px){.information-header nav>a:first-child{display:inline-block}.information-header nav>a:nth-child(2){display:none}}

/* Shared homepage identity on every service and portfolio page. */
.information-site{font-family:var(--brand-font);--display:var(--brand-font)}.information-site .information-hero{padding-top:calc(var(--header-height,96px) + 30px)}.information-site .studio-header{background:#101212;border-bottom:1px solid #303333}.information-site .information-hero h1{font-family:var(--brand-font);font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.12;letter-spacing:-.035em}.information-site .information-article h2,.information-site .information-related h2{font-family:var(--brand-font);font-weight:500}.information-site .information-width{width:min(1360px,calc(100% - 112px))}@media(max-width:700px){.information-site .information-width{width:calc(100% - 40px)}.information-site .information-hero{padding-top:calc(var(--header-height,80px) + 24px)}}

.information-site .studio-header{color:#fff}.information-site .studio-header a{color:inherit}.information-site .studio-header .studio-nav-quote,.information-site .studio-header .studio-mobile-quote{color:#101212;background:#fff}.information-site .studio-footer{font-family:var(--brand-font)}
.information-site .information-hero{width:100%;max-width:none}.information-site .information-hero-media{border-radius:0}
/* Homepage visual language: full image introductions, pill buttons and open sections. */
.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100svh;padding:150px max(56px,calc((100vw - 1500px)/2)) 120px;overflow:hidden;background:#101212}
.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero-media{position:absolute;inset:0;z-index:-2;grid-column:auto;grid-row:auto;max-height:none!important;min-height:0;margin:0;aspect-ratio:auto;overflow:hidden;background:#101212}
.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;transform:none}
.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050c10c7,#050c1094 48%,#050c1052),linear-gradient(0deg,#050c1080,transparent 35%)}
.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero-media:after{display:none}
.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero-media figcaption{bottom:28px;left:auto;right:56px;text-align:right}
.information-site .information-hero h1{max-width:760px;font-weight:500}.information-site .information-hero .information-lead{max-width:560px;font-size:1rem;line-height:1.65;color:#e0e5e3;margin:1.25rem 0 2rem}.information-site .information-hero .information-main-cta{border-radius:999px;padding:16px 26px;min-height:48px;font-size:13px}.information-site .information-closing>a:first-of-type{display:inline-flex;align-items:center;border-radius:999px;padding:16px 26px;background:#101212;color:#fff}.information-site .information-breadcrumb{margin-bottom:30px}.information-site .information-article h2,.information-site .information-related h2{font-size:clamp(34px,4vw,60px);letter-spacing:-.045em;line-height:1.13}.information-site .information-body{padding-top:clamp(3.5rem,6vw,5.5rem)}.information-site .work-film-grid img,.information-site .work-card img{border-radius:12px}.information-site .information-article p{font-size:1rem;line-height:1.65}
@media(max-width:700px){.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero{padding:120px 25px 100px;min-height:100svh}.information-site:not([data-page$="Film"]):not([data-page="about"]) .information-hero-media figcaption{right:25px;left:25px;bottom:24px;text-align:left}.information-site .information-hero h1{font-size:2rem}.information-site .information-article h2,.information-site .information-related h2{font-size:34px}}

/* Preserve the exact motion-design header rules from the homepage. */
/* David Shots / cinematic presentation. Static HTML is the readable default. */
.information-site,.information-site{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-title-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}
.motion-title-line>span{display:block}
.information-site .studio-hero-content #hero-title{letter-spacing:-.035em;line-height:1.1;font-weight:600;text-wrap:balance}
.information-site[data-motion-entrance=true] .motion-title-line>span{animation:ds-title-in 1.1s var(--motion-ease) both}
.information-site[data-motion-entrance=true] .motion-title-line:nth-of-type(2)>span{animation-delay:140ms}
.information-site[data-motion-entrance=true] .studio-hero-disciplines{animation:ds-soft-in .95s var(--motion-ease) 200ms both}
.information-site[data-motion-entrance=true] .studio-hero-context{animation:ds-soft-in .95s var(--motion-ease) 280ms both}
.information-site[data-motion-entrance=true] .studio-hero-actions{animation:ds-soft-in .95s var(--motion-ease) 360ms both}
@keyframes ds-title-in{from{transform:translate3d(0,110%,0);opacity:.1}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes ds-soft-in{from{transform:translate3d(0,18px,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
[data-cinematic=on] .studio-motion-media{clip-path:inset(var(--hero-inset,0px) round var(--hero-radius,0px))}
[data-cinematic=on] .studio-motion-media>:is(img,video){transform:translate3d(0,var(--hero-drift,0px),0) scale(var(--hero-scale,1.045))}
[data-cinematic=on] .studio-motion-content{transform:translate3d(0,var(--copy-drift,0px),0)}
[data-cinematic=on] [data-motion-reveal]{opacity:0;transform:translate3d(0,32px,0);transition:opacity .85s var(--motion-ease),transform .95s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
[data-cinematic=on] [data-motion-reveal][data-motion-shown=true],[data-cinematic=on] [data-motion-reveal]:focus-within{opacity:1;transform:none}
[data-motion-depth]{overflow:hidden}
[data-cinematic=on] [data-motion-depth]>img{transform:translate3d(0,var(--image-drift,0px),0) scale(var(--image-scale,1.065));transition:transform .18s linear}
.information-site .portfolio-open{overflow:hidden;border-radius:16px;background:#181b1a}
.information-site .portfolio-open img{transition:transform .85s var(--motion-ease)}
.information-site .portfolio-item figcaption{padding-top:14px}
.information-site .studio-service{border-radius:20px;isolation:isolate;transition:transform .5s var(--motion-ease),box-shadow .5s var(--motion-ease);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.information-site .studio-service:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #ffffff20;border-radius:inherit;background:radial-gradient(400px circle at var(--glow-x,50%) var(--glow-y,50%),#ffffff12,transparent 60%);opacity:0;transition:opacity .4s}
@media(hover:hover) and (pointer:fine){
 [data-cinematic=on] .studio-service:hover{box-shadow:0 20px 60px #0005;transform:perspective(1000px) translate3d(0,-5px,0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
 [data-cinematic=on] .studio-service:hover:before{opacity:1}
 [data-cinematic=on] .portfolio-open:hover>img{transform:translate3d(0,var(--image-drift,0px),0) scale(1.10)}
 .studio-service-arrow,.information-related a>span,.studio-offer-select>span{transition:transform .35s var(--motion-ease)}
 .studio-service:hover .studio-service-arrow,.information-related a:hover>span,.studio-offer-select:hover>span{transform:translate3d(3px,-3px,0)}
}
/* A floating navigation surface appears as the hero gives way to the content. */
.information-site .studio-header{border:0;background:transparent;backdrop-filter:none;padding:12px 24px;transition:padding .4s var(--motion-ease)}
.information-site .studio-header-inner{border:1px solid transparent;border-radius:999px;padding:12px 24px;transition:background .4s,border-color .4s,box-shadow .4s;min-width:0}
.information-site .studio-header[data-scrolled=true]{background:transparent;backdrop-filter:none}
.information-site .studio-header[data-scrolled=true] .studio-header-inner,.information-site .studio-header.menu-open .studio-header-inner{background:rgba(15,18,19,.88);border-color:#ffffff1f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 8px 32px #0002}
.information-site .information-header{position:sticky;top:0;z-index:40;transition:background .4s,box-shadow .4s}
.information-site .information-header[data-scrolled=true]{background:rgba(15,18,19,.90);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 24px #0002}
.information-site .information-hero-media{border-radius:22px}
.information-site .information-article>section{scroll-margin-top:128px}
.motion-reading-progress{display:none;position:fixed;top:0;left:0;width:100%;height:2px;z-index:100;pointer-events:none;background:linear-gradient(90deg,#919d98,#e7f0eb);transform:scaleX(var(--reading-progress,0));transform-origin:left center}
[data-cinematic=on] .motion-reading-progress{display:block}
.information-footer .studio-motion-control{color:#d6ddd9;font-size:12px;min-height:44px}
/* Three real photographs: a short pinned sequence on larger screens, native swiping on mobile. */
.motion-story{margin:30px 0 48px}
.motion-story-stage{position:relative;isolation:isolate}
.motion-story-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.motion-story-scene{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:20px;background:#121717;color:#fff}
.motion-story-scene:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#060c0bdb);pointer-events:none}
.motion-story-scene>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.motion-story-scene figcaption{position:absolute;z-index:2;left:26px;bottom:30px;right:26px;display:grid;gap:14px;text-shadow:0 1px 12px #0004}
.motion-story-scene figcaption strong{font-family:"David Studio Display",Manrope,sans-serif;font-size:clamp(25px,3.4vw,50px);font-weight:500;line-height:1.08;letter-spacing:-.045em;max-width:11em;text-wrap:balance}
.motion-story-scene figcaption>span:last-child{font-size:13px;line-height:1.55;color:#eef2ef;max-width:340px}
.motion-story-kicker{font-size:10px;letter-spacing:.16em;font-weight:500}
.motion-story-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
.motion-story-footer>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px;color:inherit}
.motion-story-controls{display:none;gap:4px;align-items:center;padding:5px;border:1px solid #d4d9d6;border-radius:999px;background:#f2f4f2}
.motion-story-controls button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:999px;background:transparent;color:#535c57;padding:10px 17px;font:500 12px/1.2 Manrope,sans-serif;cursor:pointer;transition:color .3s,background .3s,box-shadow .3s}
.motion-story-controls button>span{font-size:9px;font-variant-numeric:tabular-nums;opacity:.7}
.motion-story-controls button[aria-pressed=true]{background:#171d19;color:#fff;box-shadow:0 2px 10px #0001}
.motion-story-controls button:focus-visible,.motion-story-footer>a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.motion-story[data-layout=pinned] .motion-story-controls{display:flex}
.motion-story[data-layout=pinned]{height:155svh;min-height:960px}
.motion-story[data-layout=pinned] .motion-story-stage{position:sticky;top:110px}
.motion-story[data-layout=pinned] .motion-story-scenes{position:relative;height:70svh;max-height:800px;min-height:420px;border-radius:28px;background:#101612;overflow:hidden;display:block}
.motion-story[data-layout=pinned] .motion-story-scene{position:absolute;inset:0;opacity:0;visibility:hidden;border-radius:0;transition:opacity .75s var(--motion-ease),visibility .75s;pointer-events:none}
.motion-story[data-layout=pinned] .motion-story-scene[data-active=true]{opacity:1;visibility:visible}
.motion-story[data-layout=pinned] .motion-story-scene>img{width:100%;height:100%;aspect-ratio:auto;transform:scale(var(--scene-scale,1.065));transition:transform 1.2s var(--motion-ease);object-position:center}
.motion-story[data-layout=pinned] .motion-story-scene figcaption{left:clamp(30px,5vw,76px);bottom:clamp(30px,5vw,70px);gap:18px;max-width:550px;transform:translate3d(0,24px,0);opacity:0;transition:transform .9s var(--motion-ease),opacity .65s}
.motion-story[data-layout=pinned] .motion-story-scene[data-active=true] figcaption{transform:none;opacity:1}
.motion-story[data-layout=pinned] .motion-story-scene figcaption strong{font-size:clamp(40px,5.7vw,80px)}
.motion-story[data-layout=pinned] .motion-story-footer{position:relative;padding-bottom:8px}
.motion-story[data-layout=pinned] .motion-story-footer:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#a6b1aa;transform:scaleX(var(--story-progress,0));transform-origin:left}
@media(max-width:1000px){
 .information-site .studio-header{padding:10px 16px}
 .information-site .studio-header-inner{padding:10px 18px;border-radius:26px}
 .information-site .studio-header.menu-open .studio-header-inner{border-radius:22px}
 .information-site .studio-header.menu-open .studio-navigation{border-radius:0 0 22px 22px;background:#111717f5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
@media(max-width:800px){
 [data-cinematic-ready=true] .motion-story-controls{display:flex}
 .motion-story{margin:24px 0 34px}
 .motion-story-scenes{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;border-radius:20px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .motion-story-scene{flex:0 0 100%;scroll-snap-align:center;border-radius:0}
 .motion-story-scene>img{aspect-ratio:4/5;max-height:65svh;min-height:340px}
 .motion-story-scene figcaption{left:24px;right:24px;bottom:30px;gap:14px}
 .motion-story-scene figcaption strong{font-size:clamp(32px,8vw,55px);max-width:10em}
 .motion-story-scene figcaption>span:last-child{font-size:12px;max-width:260px}
 .motion-story-footer{justify-content:center;gap:4px}
 .motion-story-controls{max-width:100%;padding:4px;gap:0}
 .motion-story-controls button{font-size:11px;padding:10px 12px;gap:6px}
 .motion-story-footer>a{font-size:12px}
 .information-site .studio-service{border-radius:16px}
 .information-site .portfolio-open{border-radius:12px}
 [data-cinematic=on] [data-motion-reveal]{transform:translate3d(0,18px,0);transition-duration:.6s}
 [data-cinematic=on] [data-motion-reveal][data-motion-shown=true]{transform:none}
}
@media(max-width:600px){
 .information-site .studio-header{padding:8px 10px}
 .information-site .studio-header-inner{padding:8px 12px;gap:10px}
 .information-site .studio-hero-content #hero-title{font-size:clamp(34px,9vw,48px);letter-spacing:-.025em;line-height:1.12}
 .information-site .studio-header-brand{min-width:0}
 .information-site .information-hero-media{border-radius:16px}
 .information-site .information-article>section{scroll-margin-top:110px}
}
[data-cinematic=off] :is(.motion-title-line>span,.studio-hero-disciplines,.studio-hero-context,.studio-hero-actions){animation:none!important}
@media(prefers-reduced-motion:reduce){
 .information-site *,.information-site *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-motion-reveal]{opacity:1!important;transform:none!important}
 .motion-story[data-layout=pinned]{height:auto;min-height:0}
 .motion-story[data-layout=pinned] .motion-story-stage{position:static}
}
@media print{
 .motion-reading-progress,.motion-story-controls{display:none!important}
 .motion-story,.motion-story[data-layout=pinned]{height:auto;min-height:0}
 .motion-story-stage,.motion-story[data-layout=pinned] .motion-story-stage{position:static}
 .motion-story[data-layout=pinned] .motion-story-scenes{height:auto;display:grid;grid-template-columns:repeat(3,1fr)}
 .motion-story[data-layout=pinned] .motion-story-scene{position:relative;opacity:1;visibility:visible}
 [data-motion-reveal]{opacity:1!important;transform:none!important}
 .information-site .information-header{position:static}
}

[data-cinematic=on] [data-motion-reveal]:focus-within{transition:none!important;opacity:1;transform:none}
/* Keep the mobile menu attached to the floating header's own bounds. */
.information-site .studio-header-inner{position:relative}
@media(max-width:1000px){.information-site .studio-navigation{top:calc(100% + 8px);left:0;right:0;border-radius:22px!important}}
[data-cinematic=off] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-cinematic=off] :is(.studio-service-arrow,.information-related a>span,.studio-offer-select>span){transform:none!important}

.information-site{background:#101212;color:#f4f5f2;--rule:#ffffff24}.information-site .information-article p,.information-site .work-credit{color:#bfc5c3}.information-site .work-card,.information-site .work-film-grid a,.information-site .information-related a{color:#f4f5f2}.information-site .information-hero{border-radius:0 0 24px 24px}.information-site .studio-header .studio-nav-quote{background:transparent;color:#fff;border:1px solid #ffffff60}.information-site .information-main-cta{border-radius:4px!important}.information-site .information-table{background:#f8f9f7;color:#171919}.information-site .information-table p{color:#545d59}
/* Portfolio index: compact introduction and image-led selection. */
.information-site[data-page="work"] .information-hero{min-height:0;display:block;padding:calc(var(--header-height,96px) + 70px) max(56px,calc((100vw - 1360px)/2)) 56px;background:#101212;border-radius:0}
.information-site[data-page="work"] .information-hero-media,.information-site[data-page="work"] .information-hero:after,.information-site[data-page="work"] .information-main-cta,.information-site[data-page="work"] .information-reassurance{display:none}
.information-site[data-page="work"] .information-hero h1{max-width:900px;font-size:clamp(40px,5vw,72px)}.information-site[data-page="work"] .information-lead{margin-bottom:0;max-width:650px}.information-site[data-page="work"] .information-body{padding-top:0}
.information-site[data-page="work"] .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.information-site[data-page="work"] .work-card:first-child{grid-column:1/-1}.information-site[data-page="work"] .work-card img{aspect-ratio:auto;object-fit:contain;border-radius:16px}.information-site[data-page="work"] .work-card:first-child img{max-height:700px;width:100%;background:#171b1b}.information-site[data-page="work"] .work-card h2{font-size:clamp(23px,2vw,30px);line-height:1.2;margin:10px 0 12px}.information-site[data-page="work"] .work-card p{font-size:11px}.information-site[data-page="work"] .work-number{display:none}
.information-site[data-page="work"] .work-film-grid a{position:relative}.information-site[data-page="work"] .work-film-grid a:before{content:"▶";position:absolute;z-index:1;left:50%;top:35%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;border:1px solid #ffffff90;border-radius:50%;background:#101212a6;color:#fff;font-size:18px;pointer-events:none}.information-site[data-page="work"] .work-film-grid h3{font-size:23px;margin:16px 0 8px}
.information-site[data-page="work"] .information-closing{padding:48px 0;margin:0;max-width:none}.information-site[data-page="work"] .information-closing h2{font-size:clamp(32px,3.5vw,48px)}.information-site[data-page="work"] .information-closing>a:first-of-type{background:#fff;color:#101212;border-radius:999px}.information-site[data-page="work"] .information-related{padding-top:0;padding-bottom:48px}.information-site[data-page="work"] .information-related h2{font-size:18px}.information-site[data-page="work"] .information-related>div{display:flex;flex-wrap:wrap;gap:24px}.information-site[data-page="work"] .information-related a{padding:12px 0;border:0;background:none;font-size:14px}
@media(max-width:700px){.information-site[data-page="work"] .information-hero{padding:calc(var(--header-height,80px) + 40px) 20px 36px}.information-site[data-page="work"] .work-grid{grid-template-columns:1fr;gap:36px}.information-site[data-page="work"] .work-card:first-child{grid-column:auto}.information-site[data-page="work"] .work-card h2{font-size:25px}.information-site[data-page="work"] .information-closing{padding:36px 0}}

.information-site[data-page="work"] .studio-nav-link[href$="#accueil"]:after{transform:scaleX(0)}.information-site[data-page="work"] .studio-nav-link[href="/realisations"]:after,.information-site[data-page="work"] .studio-nav-link[href="/en/work"]:after{transform:scaleX(1)}
.information-site[data-page="work"] .information-hero{min-height:0!important;height:auto!important;display:block!important;padding:calc(var(--header-height,96px) + 45px) max(56px,calc((100vw - 1360px)/2)) 40px!important}.information-site[data-page="work"] .information-closing{margin-inline:0!important;padding-inline:0!important}@media(max-width:700px){.information-site[data-page="work"] .information-hero{padding:calc(var(--header-height,80px) + 35px) 20px 30px!important}}
/* Refined portfolio presentation and restrained interaction. */
.information-site[data-page="work"] .information-hero{padding-bottom:54px!important}.information-site[data-page="work"] .information-breadcrumb{color:#929a98;font-size:11px}.information-site[data-page="work"] .information-hero h1{font-size:clamp(44px,6vw,80px);font-weight:600;letter-spacing:-.065em;line-height:1.03}.information-site[data-page="work"] .information-lead{font-size:clamp(16px,1.4vw,20px);color:#aeb5b3;line-height:1.5;max-width:640px}
.information-site[data-page="work"] .work-grid{gap:56px 28px}.information-site[data-page="work"] .work-card{border-radius:22px;isolation:isolate;transition:transform .6s cubic-bezier(.22,1,.36,1)}.information-site[data-page="work"] .work-card img{border-radius:22px;transition:filter .65s,transform .8s cubic-bezier(.22,1,.36,1);filter:none}.information-site[data-page="work"] .work-card:first-child img{background:transparent;max-height:none;aspect-ratio:3/2;object-fit:contain}.information-site[data-page="work"] .work-card h2{font-size:clamp(22px,2vw,29px);font-weight:600;letter-spacing:-.04em;line-height:1.15}.information-site[data-page="work"] .work-card p{margin-top:22px;color:#9da5a2;letter-spacing:.12em;font-size:10px}.information-site[data-page="work"] .work-discover{font-size:13px;color:#c6ceca;border-bottom:1px solid #ffffff30;padding-bottom:8px;transition:color .3s,border-color .3s}.information-site[data-page="work"] .work-film-links{margin-top:80px}.information-site[data-page="work"] .work-film-links>h2{font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-.05em;margin-bottom:28px}.information-site[data-page="work"] .work-film-grid img{border-radius:22px;transition:filter .6s}.information-site[data-page="work"] .work-film-grid a:before{backdrop-filter:blur(12px);transition:transform .4s,background .4s}.information-site[data-page="work"] .information-closing{margin-top:32px!important;padding:48px!important;border:1px solid #ffffff10;border-radius:28px;background:linear-gradient(135deg,#1e2322,#151919)}.information-site[data-page="work"] .information-closing h2{letter-spacing:-.055em;font-weight:600}.information-site[data-page="work"] .information-closing p{color:#aeb7b3;max-width:660px}.information-site[data-page="work"] .information-closing>a:first-of-type{font-weight:600;font-size:13px;transition:transform .3s,box-shadow .3s}.information-site[data-page="work"] .information-related{margin-top:48px}.information-site[data-page="work"] .information-related h2{color:#aeb5b3;font-size:14px}
@media(hover:hover) and (pointer:fine){.information-site[data-page="work"] .work-card:hover{transform:translateY(-5px)}.information-site[data-page="work"] .work-card:hover img{filter:brightness(1.035);transform:scale(1.008)}.information-site[data-page="work"] .work-card:hover .work-discover{color:#fff;border-color:#fff}.information-site[data-page="work"] .work-film-grid a:hover img{filter:brightness(.85)}.information-site[data-page="work"] .work-film-grid a:hover:before{transform:translate(-50%,-50%) scale(1.1);background:#ffffff30}.information-site[data-page="work"] .information-closing>a:first-of-type:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0004}}
@media(prefers-reduced-motion:no-preference){.information-site[data-page="work"] .information-hero h1,.information-site[data-page="work"] .information-lead{animation:work-arrive .8s cubic-bezier(.22,1,.36,1) both}.information-site[data-page="work"] .information-lead{animation-delay:.1s}@supports(animation-timeline:view()){.information-site[data-page="work"] .work-card,.information-site[data-page="work"] .work-film-grid a,.information-site[data-page="work"] .information-closing{animation:work-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 28%}}}@keyframes work-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.information-site[data-page="work"] .information-hero{padding-bottom:36px!important}.information-site[data-page="work"] .information-hero h1{font-size:44px}.information-site[data-page="work"] .work-grid{gap:40px}.information-site[data-page="work"] .work-card img,.information-site[data-page="work"] .work-film-grid img{border-radius:18px}.information-site[data-page="work"] .information-closing{padding:28px!important;border-radius:22px}.information-site[data-page="work"] .work-film-links{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.information-site[data-page="work"] *{animation:none!important;transition:none!important}}
/* Balanced photo selection and direct film viewing. */
.information-site[data-page="work"] .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px 32px}
.information-site[data-page="work"] .work-card:first-child{grid-column:auto}
.information-site[data-page="work"] .work-card:nth-child(-n+2) img{aspect-ratio:3/2;width:100%;height:auto;object-fit:contain;max-height:none;background:#151a18}
.information-site[data-page="work"] .work-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:40px;align-items:center;margin-top:8px}
.information-site[data-page="work"] .work-card:nth-child(3)>img{grid-column:1;grid-row:1/4;aspect-ratio:auto}
.information-site[data-page="work"] .work-card:nth-child(3)>p{grid-column:2;align-self:end;margin:0 0 12px}
.information-site[data-page="work"] .work-card:nth-child(3)>h2{grid-column:2;align-self:start;margin:0 0 18px}
.information-site[data-page="work"] .work-card:nth-child(3)>.work-discover{grid-column:2;justify-self:start;align-self:start}
.work-quick-nav{display:flex;gap:10px;margin-top:24px}.work-quick-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #ffffff2b;border-radius:999px;color:#e7ece9;background:#ffffff05;font-size:13px;transition:background .2s,border-color .2s}.work-quick-nav a:hover{background:#ffffff13;border-color:#ffffff60}
#selected-projects,#work-films{scroll-margin-top:125px}
.work-film-card{min-width:0}.work-film-open{position:relative;display:block;isolation:isolate;border-radius:22px;overflow:hidden}.work-film-open>img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}.work-film-open:before{display:none!important}.work-film-grid .work-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:1px solid #ffffff90!important;border-radius:50%;display:grid;place-items:center;padding:0!important;background:#101212a6;backdrop-filter:blur(12px);color:white;font-size:18px;transition:transform .3s,background .3s}.work-film-grid .work-film-badge{position:absolute;left:18px;bottom:16px;font-size:11px;color:white;background:#0f1413b3;border:0!important;border-radius:999px;padding:6px 10px!important}.work-film-open:hover .work-play-icon{transform:translate(-50%,-50%) scale(1.08);background:#101212d9}
.work-film-page-link{display:inline-block;color:#c6ceca;font-size:13px;padding:10px 0;text-underline-offset:5px}.work-film-grid .work-film-page-link:before{display:none!important}.work-film-grid .work-film-page-link:hover{text-decoration:underline}
.work-film-dialog{position:fixed;inset:0;margin:auto;border:1px solid #ffffff2b;border-radius:22px;background:#101212;color:#fff;padding:0;width:min(1100px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 24px 100px #0009}.work-film-dialog::backdrop{background:#030606e8;backdrop-filter:blur(9px)}.work-film-dialog-content{padding:20px}.work-film-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.work-film-dialog .work-film-dialog-bar h2{font:500 20px/1.25 var(--brand-font);letter-spacing:-.025em;margin:0;color:white}.work-film-close{flex-shrink:0;min-height:44px;border:1px solid #ffffff4a;border-radius:999px;padding:10px 18px;background:#ffffff0b;color:white;font:inherit;font-size:13px;cursor:pointer}.work-film-dialog video{display:block;width:100%;height:auto;max-height:calc(100dvh - 210px);background:#000;aspect-ratio:16/9}.work-film-dialog .work-film-page-link{margin-top:10px}.work-film-close:focus-visible,.work-film-open:focus-visible,.work-quick-nav a:focus-visible{outline:2px solid #fff;outline-offset:4px}
/* Reveals finish once; cards never fade back out when scrolling up. */
.information-site[data-page="work"] .work-card,.information-site[data-page="work"] .work-film-grid a,.information-site[data-page="work"] .information-closing{animation:none!important}
@media(prefers-reduced-motion:no-preference){.information-site[data-page="work"] .work-reveal-ready{opacity:0;translate:0 18px;transition:opacity .65s ease,translate .75s cubic-bezier(.22,1,.36,1)}.information-site[data-page="work"] .work-reveal-ready.work-revealed,.information-site[data-page="work"] .work-reveal-ready:focus-within{opacity:1;translate:0 0}.information-site[data-page="work"] .work-reveal-ready:focus-within{transition:none}}
.information-site[data-cinematic="off"] .work-reveal-ready{opacity:1!important;translate:none!important}
@media(prefers-reduced-motion:reduce){.work-reveal-ready{opacity:1!important;translate:none!important}}
@media(max-width:700px){.information-site[data-page="work"] .work-grid{grid-template-columns:1fr;gap:36px}.information-site[data-page="work"] .work-card:nth-child(3){display:block;margin-top:0}.information-site[data-page="work"] .work-card:nth-child(3)>p{margin-top:22px}.information-site[data-page="work"] .work-card:nth-child(-n+2) img{aspect-ratio:auto;background:transparent}.work-film-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.work-film-dialog-content{padding:12px}.work-film-dialog .work-film-dialog-bar h2{font-size:17px}.work-film-dialog-bar{gap:10px}.work-film-close{padding-inline:12px}#selected-projects,#work-films{scroll-margin-top:100px}}
@media(min-width:701px){.information-site[data-page="work"] .information-hero{padding-top:calc(var(--header-height,96px) + 12px)!important;padding-bottom:32px!important}.information-site[data-page="work"] .information-hero h1{font-size:clamp(44px,4.5vw,64px)}}