/* A fixed cinema frame, with the film and its title changing inside. */
.u-reel-hitarea{position:absolute;inset:0;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
.u-reel-hitarea:focus-visible{outline:2px solid #fff;outline-offset:-5px;border-radius:inherit}
.u-reel-copy>a{position:relative;pointer-events:auto}
.u-reel-bottom{z-index:3;pointer-events:none}
.u-reel-controls{pointer-events:auto}
.u-reel-viewport.is-dragging .u-reel-hitarea{cursor:grabbing}
.u-reel-mobile-brand,.u-reel-project{display:none}
.u-reel-step,.u-carousel-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #ffffff30;border-radius:50%;background:#0b111a50;color:#e9edf5;cursor:pointer;transition:background .2s,border-color .2s}
.u-reel-step .u-arrow-icon,.u-carousel-arrow .u-arrow-icon{width:17px;height:17px}
.u-reel-step:hover,.u-carousel-arrow:hover{background:#ffffff15;border-color:#ffffff90}
.u-reel-control:disabled{opacity:.4;cursor:default}
.u-reel-step:focus-visible,.u-carousel-arrow:focus-visible,.u-reel-project:focus-visible{outline:2px solid #fff;outline-offset:4px}
.u-carousel-arrow:disabled{opacity:.25;cursor:default}
.u-collection-controls{display:flex;gap:8px}.u-collection-controls[hidden]{display:none}
.u-video-collection{margin:42px 0 64px;scroll-margin-top:160px}
.u-video-collection .u-collection-carousel{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:none;padding:12px 8px 20px;margin:0 -8px}
.u-collection-carousel::-webkit-scrollbar{display:none}
.u-video-collection .u-collection-carousel>.u-poster{flex:0 0 clamp(190px,19vw,244px);min-width:0;scroll-snap-align:start}
.u-video-collection .u-poster-art{border-radius:18px;overflow:hidden}
.u-video-collection .u-poster-caption strong{font-size:13px}
.u-collection-heading{margin-bottom:10px}

/* Studio editorial: the craft, in a deliberately composed layout. */
.u-studio-editorial{--studio-paper:#edece7;--studio-ink:#111316;max-width:1220px;margin:0 auto}
.u-studio-intro{position:relative;padding:42px 0 36px;border-bottom:1px solid #ffffff25}
.u-studio-topline{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:55px}
.u-studio-signature{width:220px;height:auto;display:block}
.u-studio-topline>span{font-size:9px;letter-spacing:.15em;color:#8993a3}
.u-studio-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.u-studio-intro h1{font:650 clamp(64px,7.2vw,104px)/.89 var(--display);letter-spacing:-.025em;margin:0 0 30px;text-transform:uppercase}
.u-studio-intro h1>span{color:#a6acb6}
.u-studio-lede{font-size:13px;line-height:1.9;max-width:35ch;color:#a3adbc;margin:0 0 25px}
.u-studio-film{position:relative;display:block;aspect-ratio:4/5;border-radius:160px 160px 10px 10px;overflow:hidden;background:#171b22;border:1px solid #ffffff25}
.u-studio-film:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070c12d9,transparent 55%)}
.u-studio-film>img{width:100%;height:100%;object-fit:cover;object-position:48% center;transition:transform .6s}
.u-studio-film:hover>img{transform:scale(1.04)}
.u-studio-film>span{position:absolute;z-index:1;left:30px;right:30px;bottom:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600}
.u-studio-film>span .u-arrow-icon{width:24px;height:24px}
.u-studio-index{display:flex;justify-content:space-between;gap:20px;margin-top:48px;font-size:8px;color:#7e8999;letter-spacing:.17em}
.u-studio-index>span:first-child{color:#d7dbe2}
.u-studio-practice{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;margin:65px 0;padding:55px;background:var(--studio-paper);color:var(--studio-ink);border-radius:5px}
.u-studio-practice .u-kicker{font-size:8px;letter-spacing:.16em;color:#717274}
.u-studio-practice h2{font:600 clamp(39px,4vw,59px)/.97 var(--display);letter-spacing:-.015em;margin:24px 0 20px;text-transform:uppercase}
.u-studio-practice p{font-size:12px;line-height:1.85;color:#64666b;max-width:34ch}
.u-studio-disciplines{display:flex;flex-direction:column;justify-content:center}
.u-studio-disciplines>div{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:23px 0;border-top:1px solid #16191e25}
.u-studio-disciplines>div:last-child{border-bottom:1px solid #16191e25}
.u-studio-disciplines>div>span{font-size:9px;color:#72757a;padding-top:4px}
.u-studio-disciplines h3{font:550 23px/1.2 var(--body);letter-spacing:-.04em;margin:0 0 8px}
.u-studio-disciplines p{margin:0;max-width:42ch;font-size:11px}
.u-studio-work{padding:0 0 55px}
.u-studio-work .u-section-heading{align-items:end;margin-bottom:25px}
.u-studio-work .u-section-heading h2{font:600 clamp(36px,4vw,54px)/1 var(--display);letter-spacing:-.02em}
.u-studio-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.u-studio-work-card{display:block;min-width:0}
.u-studio-work-art{display:block;position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#11161d;border:1px solid #ffffff21}
.u-studio-work-art>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.u-studio-work-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 40%)}
.u-studio-work-art>span{position:absolute;left:17px;bottom:17px;display:grid;place-items:center;z-index:1;width:38px;height:38px;border:1px solid #fff8;border-radius:50%;background:#1115;backdrop-filter:blur(8px)}
.u-studio-work-art .icon{width:15px;height:15px}
.u-studio-work-card:hover img{transform:scale(1.035)}
.u-studio-work-card>small{display:block;font-size:8px;color:#8390a2;letter-spacing:.1em;margin-top:17px;text-transform:uppercase}
.u-studio-work-card h3{font:550 17px/1.4 var(--body);letter-spacing:-.025em;margin:7px 0 0}
.u-studio-contact{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #ffffff30;padding:42px 0 15px}
.u-studio-contact h2{font:550 clamp(28px,3.5vw,42px)/1.1 var(--body);letter-spacing:-.045em;margin:13px 0 0}
.u-studio-contact>a{display:flex;align-items:center;gap:35px;font-size:11px;min-height:48px;border-bottom:1px solid #ffffff65}
.u-studio-contact>a .u-arrow-icon{width:21px;height:21px}

@media(max-width:800px){
 .u-reel-controls{gap:6px}.u-reel-chapters{margin-right:0}.u-reel-chapters button{width:23px}
 .u-studio-intro-grid{gap:26px}.u-studio-intro h1{font-size:64px}.u-studio-practice{gap:28px;padding:35px}.u-studio-topline{margin-bottom:35px}.u-studio-work-grid{gap:14px}
}
@media(max-width:600px){
 body[data-page=videos] .u-showreel{--reel-radius:18px;min-height:0;height:clamp(350px,62svh,470px);margin-bottom:0}
 .u-reel-copy,.u-reel-info{display:none}
 .u-reel-mobile-brand{display:block;position:absolute;z-index:2;pointer-events:none;top:26px;left:50%;transform:translateX(-50%);width:156px;height:auto;filter:drop-shadow(0 2px 10px #0008)}
 .u-reel-shade{background:linear-gradient(0deg,#060a13eb,transparent 54%,#05091478)}
 .u-reel-project{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;pointer-events:none;left:50%;bottom:82px;transform:translateX(-50%);width:80%;height:112px;max-width:310px}
 .u-reel-project>img{display:block;width:100%;height:100%;object-fit:contain}
 .u-reel-slide[data-reel-index="0"] .u-reel-project,.u-reel-slide[data-reel-index="2"] .u-reel-project{height:119px}
 /* Composite the original black-backed artwork directly onto its own film. */
 .u-reel-slide[data-reel-index="1"] .u-reel-project,.u-reel-slide[data-reel-index="2"] .u-reel-project{mix-blend-mode:screen}
 .u-reel-bottom{left:12px;right:12px;bottom:17px;justify-content:center;gap:0}
 .u-reel-controls{gap:7px;width:100%;max-width:340px;flex-wrap:nowrap}.u-reel-control,.u-reel-step{width:36px;height:44px;border-radius:22px}
 .u-reel-chapters{gap:1px;flex:1;min-width:0;justify-content:center}.u-reel-chapters button{width:24px;height:44px;flex:1;min-width:0;max-width:24px}
 .u-reel-chapters button:before,.u-reel-chapters button>span{top:21px;height:2px}
 .u-video-collection{margin:31px 0 38px;scroll-margin-top:95px}
 .u-video-collection .u-section-heading h2{font-size:31px}.u-video-collection .u-kicker{font-size:6px;letter-spacing:.1em}
 .u-video-collection .u-collection-carousel{gap:16px;margin:0 -20px;padding:10px 20px 18px;scroll-padding-inline:20px}
 .u-video-collection .u-collection-carousel>.u-poster{flex-basis:164px}
 .u-video-collection .u-poster-art{border-radius:14px}.u-video-collection .u-poster-caption strong{font-size:10px}
 .u-video-collection .u-poster-caption{margin-top:12px}.u-video-collection .u-poster-status{font-size:9px}
 .u-carousel-arrow{width:34px;height:34px}.u-collection-controls{gap:6px}
 .u-studio-intro{padding-top:18px}.u-studio-topline{margin-bottom:35px}.u-studio-signature{width:170px}.u-studio-topline>span{font-size:6px;max-width:80px;line-height:1.7;text-align:right}
 .u-studio-intro-grid{grid-template-columns:1fr;gap:32px}.u-studio-intro h1{font-size:clamp(61px,18vw,90px);max-width:350px}.u-studio-lede{font-size:12px;max-width:36ch}
 .u-studio-film{aspect-ratio:1.13;border-radius:100px 100px 10px 10px}.u-studio-film>span{left:22px;right:22px;font-size:11px}
 .u-studio-index{margin-top:30px;font-size:6px;letter-spacing:.11em}
 .u-studio-practice{grid-template-columns:1fr;gap:18px;margin:35px -20px;padding:35px 25px;border-radius:0}.u-studio-practice h2{font-size:48px}.u-studio-practice p{max-width:39ch}
 .u-studio-disciplines h3{font-size:21px}.u-studio-disciplines>div{padding:21px 0}
 .u-studio-work{padding-bottom:35px}.u-studio-work .u-section-heading h2{font-size:35px}
 .u-studio-work-grid{grid-template-columns:1fr 1fr;gap:27px 15px}.u-studio-work-card:first-child{grid-column:1/-1}.u-studio-work-card:first-child .u-studio-work-art{aspect-ratio:16/10}
 .u-studio-work-card h3{font-size:13px}.u-studio-work-card>small{font-size:6px;line-height:1.5}.u-studio-work-art{aspect-ratio:3/4}
 .u-studio-contact{align-items:flex-start;flex-direction:column;gap:19px;padding-top:29px}.u-studio-contact h2{font-size:33px}.u-studio-contact .u-kicker{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.u-studio-film>img,.u-studio-work-art>img,.u-reel-step,.u-carousel-arrow{transition:none}}