/* Reserve the scrollbar track while dialogs and menus lock scrolling. */
html{scrollbar-gutter:stable}
/* A fixed image area keeps portrait/landscape navigation from moving controls. */
.viewer{grid-template-rows:auto minmax(0,1fr) auto}
.viewer-image{min-width:0;overflow:hidden}
.viewer-image img{width:100%;height:100%;object-fit:contain}
.about-copy .info-cta,.contact-details .info-cta{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-height:44px}
.embed{border:0;isolation:isolate;background:#000;line-height:0}
.embed iframe{border:0;outline:0;background:#000}
@media(max-width:700px){
 .project-pager{align-items:flex-end;text-align:right;gap:16px;padding-top:22px;padding-bottom:22px}
 .project-pager>a{margin:4px 0 0 auto}
 .contact-page .contact-details>.info-cta{margin-left:0;margin-right:auto;justify-content:center}
}
/* Touch screens show the same project arrow without requiring a hover state. */
@media(max-width:700px){.image-link::after{opacity:1;transform:none;color:#fff;pointer-events:none}}

/* Crop only the original collage canvas; retain the original photo colors and walls. */
a.image-link[href="/projects/valerya-london/"]{aspect-ratio:896/1343;position:relative;height:auto}
a.image-link[href="/projects/valerya-london/"] img{position:absolute;width:167.410714%;max-width:none;height:auto;left:-46.428571%;top:-1.861504%;margin:0}

/* Keep the original arrow monochrome on phones (text, never emoji). */
.image-link::after{content:"\2197\FE0E";font-family:Arial,Helvetica,sans-serif;color:#fff}

/* Center the Nike play control on its poster at every viewport size. */
.home-vimeo-link .home-vimeo-play{inset:auto;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);box-sizing:border-box}
.home-vimeo-link .home-vimeo-play svg{margin-left:0}

.contact-city-break{display:none}
@media(max-width:700px){.contact-city-break{display:initial}}

@media(max-width:700px){.image-link::after{font-size:20px;right:10px;bottom:8px}}

/* Touch: show the project arrow only while the image is pressed. */
@media(max-width:700px){.image-link::after,.image-link:hover::after{opacity:0;transform:none}.image-link:active::after{opacity:1}}

/* Imprint stays at the bottom left, beside the white menu rail. */
.sh-imprint-corner{position:fixed;left:calc(var(--rail) + 50px);bottom:max(8px,env(safe-area-inset-bottom));z-index:14;color:#fff;font-size:11px;line-height:1.2;text-decoration:none;background:#050505;padding:6px 0}

@media(max-width:1050px){.sh-imprint-corner{left:calc(var(--rail) + 40px)}}
@media(max-width:700px){.sh-imprint-corner{left:calc(var(--rail) + 32px)}}
/* Reserve the scrollbar track while dialogs and menus lock scrolling. */
html{scrollbar-gutter:stable}
/* A fixed image area keeps portrait/landscape navigation from moving controls. */
.viewer{grid-template-rows:auto minmax(0,1fr) auto}
.viewer-image{min-width:0;overflow:hidden}
.viewer-image img{width:100%;height:100%;object-fit:contain}
.about-copy .info-cta,.contact-details .info-cta{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-height:44px}
.embed{border:0;isolation:isolate;background:#000;line-height:0}
.embed iframe{border:0;outline:0;background:#000}
@media(max-width:700px){
 .project-pager{align-items:flex-end;text-align:right;gap:16px;padding-top:22px;padding-bottom:22px}
 .project-pager>a{margin:4px 0 0 auto}
 .contact-page .contact-details>.info-cta{margin-left:0;margin-right:auto;justify-content:center}
}
/* Touch screens show the same project arrow without requiring a hover state. */
@media(max-width:700px){.image-link::after{opacity:1;transform:none;color:#fff;pointer-events:none}}

/* Crop only the original collage canvas; retain the original photo colors and walls. */
a.image-link[href="/projects/valerya-london/"]{aspect-ratio:896/1343;position:relative;height:auto}
a.image-link[href="/projects/valerya-london/"] img{position:absolute;width:167.410714%;max-width:none;height:auto;left:-46.428571%;top:-1.861504%;margin:0}

/* Keep the original arrow monochrome on phones (text, never emoji). */
.image-link::after{content:"\2197\FE0E";font-family:Arial,Helvetica,sans-serif;color:#fff}

/* Center the Nike play control on its poster at every viewport size. */
.home-vimeo-link .home-vimeo-play{inset:auto;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);box-sizing:border-box}
.home-vimeo-link .home-vimeo-play svg{margin-left:0}

.contact-city-break{display:none}
@media(max-width:700px){.contact-city-break{display:initial}}

@media(max-width:700px){.image-link::after{font-size:20px;right:10px;bottom:8px}}

/* Touch: show the project arrow only while the image is pressed. */
@media(max-width:700px){.image-link::after,.image-link:hover::after{opacity:0;transform:none}.image-link:active::after{opacity:1}}

/* Imprint stays at the bottom left, beside the white menu rail. */
.sh-imprint-corner{position:fixed;left:calc(var(--rail) + 12px);bottom:max(8px,env(safe-area-inset-bottom));z-index:14;color:#fff;font-size:11px;line-height:1.2;text-decoration:none;background:#050505;padding:6px 8px}

.contact-page .sh-imprint-corner{left:calc(var(--rail) + 50px);padding-left:0;padding-right:0}
@media(max-width:1050px){.contact-page .sh-imprint-corner{left:calc(var(--rail) + 40px)}}
@media(max-width:700px){.contact-page .sh-imprint-corner{left:calc(var(--rail) + 32px)}}

/* Project photos open normally without a plus overlay, at every size. */
.gallery-photo button::after,.gallery-photo button:hover::after{content:none;display:none}

/* Keep native link menus on linked photos without exposing an image-save menu. */
.image-link img,.gallery-photo button img,.viewer-image img{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

@media(min-width:701px){.portfolio-page main{position:relative;top:-6px}}

/* Remove the remaining subpixel edge of the original Valerya canvas. */
a.image-link[href$="/projects/valerya-london/"] img{transform:scale(1.01);transform-origin:center}