/* The opening brand animation plays once per tab, across full document navigation. */
html.qw-returning #Preloader{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* The full-width menu atmosphere appears during scrolling, leaving idle previews clear. */
.qs-header-blur{position:fixed;inset:0 0 auto;z-index:70;width:100%;height:170px;pointer-events:none;opacity:0;background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);-webkit-mask-image:linear-gradient(#000 75%,transparent);mask-image:linear-gradient(#000 75%,transparent);transition:opacity .35s,height .6s}
.qs-scrolled .qs-header-blur{height:88px}
.qs-header,.qs-scrolled .qs-header{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0!important}
#Header__blur>.top{left:0!important;right:0!important;width:100%!important;visibility:visible!important;height:170px!important;opacity:0!important;background:rgba(0,0,0,.38)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;-webkit-mask-image:linear-gradient(#000 75%,transparent)!important;mask-image:linear-gradient(#000 75%,transparent)!important;transition:opacity .35s!important}
.qw-header-compact #Header__blur>.top{height:90px!important}
.st-top{mix-blend-mode:normal!important;width:100%;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.qw-menu-scrolling .qs-header-blur{opacity:1}
.qw-menu-scrolling #Header__blur>.top{opacity:1!important}
.qw-menu-scrolling .st-top{background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
/* Complete photographs against black, without hover enlargement or light letterboxing. */
.qs-story-list__image img,.qs-feature__picture img,.qs-cut img,.qs-story-scrap img{object-fit:contain!important;object-position:center!important;transform:none!important}
.qs-feature:hover img,.qs-story-list a:hover img{transform:none!important}
.qs-feature__picture,.qs-feature__picture>img,.qs-cut img,.qs-story-scrap img,.qs-story-list__image,.qs-story-list__image img{background:#080808!important}
.st-video--film video,.st-picture img,.st-browser__screen img,.st-browser__screen video,.st-phone__screen img,.st-phone__screen video{object-fit:contain!important;object-position:center!important;background:#080808}
/* Both portfolio presentations use the same unobtrusive, keyboard-accessible view control. */
.qw-view-switch{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:30px;z-index:110;display:flex;gap:4px;padding:5px;border:1px solid #555;border-radius:30px;background:#101010e8;color:#eee;font:16px/1.2 'EB Garamond',serif;box-shadow:0 4px 24px #0008}
.qw-view-switch a{padding:10px 19px;border-radius:24px;color:inherit;text-decoration:none;white-space:nowrap}
.qw-view-switch a[aria-current]{background:#eae7e0;color:#111}
.qw-view-switch a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:760px){
 .qs-header-blur{height:180px}.qs-scrolled .qs-header-blur{height:90px}
 #Header__blur>.top{height:180px!important}.qw-header-compact #Header__blur>.top{height:90px!important}
 .st-top{padding-top:18px;padding-bottom:18px}.st-nav{gap:14px;font-size:14px}
 .qw-view-switch{right:18px;bottom:max(18px,env(safe-area-inset-bottom));font-size:15px}.qw-view-switch a{padding:9px 16px}
}
@media(prefers-reduced-motion:reduce){.qs-header-blur,#Header__blur>.top{transition:none!important}}

/* Reading chrome leaves the content completely clear until deliberately recalled. */
#Header,.qs-header,.qs-mark,.st-top{transition:opacity .22s ease,visibility .22s ease!important}
.qw-menu-hidden #Header,.qw-menu-hidden .qs-header,.qw-menu-hidden .qs-mark,.qw-menu-hidden .st-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.qw-menu-hidden #Header__blur,.qw-menu-hidden .qs-header-blur{opacity:0!important;visibility:hidden!important}
.qw-menu-revealed.qs-scrolled .qs-header-blur,.qw-menu-revealed.qw-header-compact #Header__blur>.top{opacity:1!important}
.qw-menu-revealed .st-top{background:#080808f5}
/* One painted surface: the video's native poster gives way to its own frames.
   Keep the reference's img node only for its internal media lookup. */
.visor-videos figure{isolation:isolate;background:#000}
.visor-videos video{background:#000;opacity:1}
.visor-videos figure>img{display:none!important}
/* Preserve the reference's moving staircase; keep the resting project caption below the frame. */
.widget-home .visor-videos img,.widget-home .visor-videos video{top:140px;height:calc(100% - 270px)}
.widget-home__article .title{top:auto;bottom:68px;height:auto;padding:0 24px;font-size:clamp(28px,3.5vw,52px);line-height:1.12}
.widget-home__article .director{top:auto;bottom:36px;height:auto;padding:0 24px;font-size:17px;line-height:1.3}
.widget-home__article .client{display:none}
.widget-home__project .info .progress{opacity:1}
/* The archive's original easing and looping list remain. Labels have their own column. */
.block-project-list .visor-videos{width:68vw}
.block-project-list .visor-videos img,.block-project-list .visor-videos video{top:130px;height:calc(100% - 230px)}
.block-project-list__ul{width:32%;margin-left:68%;clip-path:inset(130px 0 100px)}
.block-project-list__ul li{padding:0 28px 0 15px}
.block-project-list__project .title,.block-project-list__project .director{display:none!important}
.block-project-list__project .counter-roman{width:42px;flex-shrink:0;font-size:16px}
.block-project-list__project .client{width:calc(100% - 42px);font-size:clamp(18px,1.7vw,27px);line-height:1.25;white-space:normal!important}
.block-project-list__project .__client,.block-project-list__project .__roman{transform:none!important}
.block-project-list__project.--active .client{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.block-project-list__project.--active:after{height:52px;top:calc(50% - 26px)}
.block-project-list__project:focus-visible{outline:1px solid #eee!important;outline-offset:6px}
@media(max-width:760px) and (orientation:portrait){
 .widget-home .visor-videos img,.widget-home .visor-videos video{top:130px;height:calc(100% - 270px)}
 .widget-home__article .title{bottom:72px;font-size:clamp(26px,7vw,38px)}
 .widget-home__article .director{bottom:42px;font-size:16px}
 .block-project-list .visor-videos{width:100vw}
 .block-project-list .visor-videos img,.block-project-list .visor-videos video{top:120px;height:calc(58svh - 120px)}
 .block-project-list__ul{width:100%;margin:0;translate:0 20svh;clip-path:inset(38% 0 38%)}
 .block-project-list__ul li{padding:0 32px}
 .block-project-list__project .client{font-size:22px;line-height:1.25}
 .block-project-list__project .counter-roman{width:52px;font-size:16px}
 .qw-view-switch{left:50%;right:auto;translate:-50% 0;bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(max-height:500px) and (orientation:landscape){
 .widget-home .visor-videos img,.widget-home .visor-videos video{top:75px;height:calc(100% - 170px)}
 .widget-home__article .title{font-size:26px;bottom:43px}.widget-home__article .director{font-size:14px;bottom:18px}
 .block-project-list .visor-videos img,.block-project-list .visor-videos video{top:70px;height:calc(100% - 120px)}
 .block-project-list__ul{clip-path:inset(65px 0 65px)}
}
@media(prefers-reduced-motion:reduce){#Header,.qs-header,.qs-mark,.st-top{transition:none!important}}
/* Keep the portfolio selector clear of the carried page's centred corner mark. */
body:has(.page-archive) #Header .logo-depo{display:none!important}
@media(max-width:480px){
 .qs-header nav{font-size:clamp(13px,3.7vw,16px);gap:6px}
 .qs-header nav a{min-height:36px;display:flex;align-items:center}
 .st-top{padding:14px 16px;gap:12px}
 .st-mark{width:20px;height:20px;flex:0 0 20px}
 .st-mark__svg{width:20px;height:20px}
 .st-nav{flex:1;justify-content:space-between;font-size:14px;gap:6px}
 .st-nav a{min-height:36px;display:flex;align-items:center}
}