/* Integration only. The approved v6 styles remain ordered and intact. */
html,body{width:100%;min-width:0}.vp-more{aspect-ratio:16/9;display:grid;place-items:center;color:#dae4f3;min-height:120px;background:#182132;border:1px solid #ffffff20;font-size:14px}.photo-row[data-empty-page=true] .photo-rail{min-height:165px}.vp-load-collection{margin:24px 5%}.memory-note{padding-left:35px}.memory-note>img{display:none}.hero-meta{max-width:90%;line-height:1.6}.account-btn:disabled{opacity:1}.photo-dialog .asset-actions{min-height:50px}.photo-dialog .comments-list{min-height:90px}.photo-row .row-header p:empty{display:none}.photo-dialog .social-panel{background:#fafbfc}#accountDialog,#presentationDialog,#promotionsDialog,#framingMount{display:none!important}.photo-keyboard-hint{flex-wrap:wrap}@media(max-width:760px){.memory-note{padding:25px}.photo-row[data-empty-page=true] .photo-rail{min-height:145px}.photo-dialog .social-panel{min-height:230px}.photo-dialog .comments-list{min-height:80px}.hero-meta{font-size:10px}.viewer-brand img{max-width:132px}}
/* 0.5: protected heads, editable row subtitles and real social controls. */
.safe-image.is-full>img{object-fit:contain!important;object-position:center!important}.safe-image.is-full{background:#152030}.row-header p{display:block!important;font-size:13px!important;line-height:1.5;color:#b3becd!important;margin-top:5px!important;max-width:850px}.row-header p:empty{display:none!important}.cinema-hero.has-long-title h1{font-size:clamp(40px,4.1vw,72px);line-height:1.03}.hero-copy{padding-top:90px}.social-panel .composer-area,.social-panel .conversation-head{display:flex!important}.social-panel .composer-area{display:block!important}.social-panel #loginComment{display:none!important}.composer-input textarea{font-size:16px!important;line-height:1.5}.emoji-grid button{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;min-height:38px}.emoji-picker{z-index:20}.social-panel #commentError{font-size:13px;line-height:1.5}.social-panel .comment-tools{flex-wrap:wrap;gap:12px}.comment-tools button[aria-pressed=true]{color:#d5294f}.comment-tools button[aria-pressed=true] svg{fill:currentColor}.social-more{margin:15px 0;color:#2765a6}.photo-dialog .social-panel{min-height:0}.photo-dialog .comments-list{min-height:120px}.photo-dialog .social-panel .asset-actions{min-height:44px}@media(max-width:760px){.row-header p{font-size:12px!important;max-width:76vw}.cinema-hero.has-long-title h1{font-size:clamp(36px,9vw,54px)}.photo-dialog .social-panel{min-height:530px}.photo-dialog .comments-list{min-height:160px}.photo-dialog .composer-area{padding-bottom:max(20px,env(safe-area-inset-bottom))}.emoji-picker{max-height:340px}.emoji-grid{max-height:210px}.hero-copy{padding-top:65px}}

.thumbnail .safe-image{display:block;width:100%;height:100%}.thumbnail .safe-image img{width:100%;height:100%}

.vascplay-login{background:#fafbfc;color:#253650;color-scheme:light;max-width:480px}.vascplay-login .login-brand{width:180px;height:auto;margin-bottom:25px}.vascplay-login .eyebrow{color:#526b8b}.vascplay-login .text-field{background:#fff;border:1px solid #ccd6e2;color:#24354a;font-size:16px}.vascplay-login .field-label{color:#3c526f}.vascplay-login .dialog-close{color:#344963;background:#e8ecf2}.vascplay-login .login-account-help{display:block;font-size:13px;color:#285f9e;line-height:1.6;margin-top:18px}.vascplay-login #vascplayLoginError{font-size:14px;line-height:1.5;color:#974633;margin:15px 0}.avatar,.account-avatar{overflow:hidden}.vascplay-login form{margin-top:20px}

/* Editorial shade is localized at the text edge; original pixels stay bright. */
.cinema-visual>img{filter:none!important;animation:none!important}.cinema-shade{background:linear-gradient(90deg,rgba(3,10,22,.76) 0%,rgba(7,16,30,.28) 26%,transparent 57%),linear-gradient(0deg,#101113 0%,rgba(16,17,19,.6) 7%,transparent 22%)!important;opacity:var(--vp-shade,.5)}.cinema-hero:after{height:32px!important}.cinema-ambient{opacity:.3!important}

/* Bound the image inside its own column instead of allowing intrinsic image dimensions to grow the grid. */
.photo-dialog:not([open]){display:none!important}.photo-dialog[open]{box-sizing:border-box;padding:0!important;overflow:hidden;max-width:1680px;max-height:calc(100dvh - 24px)}
.photo-dialog .viewer-layout{min-width:0;min-height:0;overflow:hidden}.photo-dialog .photo-stage{min-width:0;min-height:0;overflow:hidden}.photo-dialog .photo-canvas:not(.is-zoomed)>img,.photo-dialog .photo-canvas>video{position:absolute;inset:0;box-sizing:border-box;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:12px 38px}.photo-dialog .social-panel{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.photo-dialog .comments-list{flex:1;min-height:0;overflow:auto}.photo-dialog .composer-area{flex-shrink:0;position:relative}.photo-dialog .viewer-top{flex-shrink:0}.photo-dialog .photo-thumbnails,.photo-dialog .photo-keyboard-hint{flex-shrink:0}
@media(min-width:761px){.photo-dialog[open]{width:calc(100vw - 32px);height:calc(100dvh - 32px)}.photo-dialog .viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);height:calc(100% - 58px)}.photo-dialog.focus-photo .viewer-layout,.photo-dialog.is-promotion .viewer-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.photo-dialog[open]{width:100%;height:100dvh;max-height:100dvh;margin:0}.photo-dialog .viewer-layout{display:flex;flex-direction:column;height:calc(100dvh - 55px);min-height:0;overflow:auto}.photo-dialog .photo-stage{height:44dvh;flex-shrink:0}.photo-dialog .photo-canvas{min-height:0;height:auto;flex:1}.photo-dialog .social-panel{min-height:440px;overflow:visible;flex-shrink:0}.photo-dialog .comments-list{min-height:160px;max-height:50dvh}.photo-dialog.focus-photo .photo-stage,.photo-dialog.is-promotion .photo-stage{height:100%}}

/* Keep each viewer layer in its own containing block, including cached-theme edge cases. */
#photoDialog .viewer-top{position:relative;z-index:5;height:58px;min-height:58px;background:#f8f9fb}#photoDialog .viewer-layout{position:relative;isolation:isolate}#photoDialog .photo-stage{position:relative;isolation:isolate}#photoDialog #photoCanvas{position:relative!important;isolation:isolate;min-width:0;overflow:hidden}#photoDialog #photoImage,#photoDialog #photoVideo{z-index:0}#photoDialog .image-arrow,#photoDialog .canvas-tools{z-index:3}#photoDialog .social-panel{z-index:2;background:#fff}.vp-photo-load{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:25px;background:#eceef2;color:#45516a;text-align:center}.vp-photo-load[hidden]{display:none}.vp-photo-load button{background:#1769c9;color:white;padding:10px 16px;border-radius:8px}
/* Long cinematic dissolve: the photograph continues underneath the first rail. */
body{background:#101113}.cinema-hero{--vp-hero-extension:180px;overflow:visible!important;position:relative;z-index:0}.cinema-hero .cinema-visual{height:calc(100% + var(--vp-hero-extension))!important;bottom:calc(-1 * var(--vp-hero-extension));overflow:hidden}.cinema-hero .cinema-shade{bottom:calc(-1 * var(--vp-hero-extension));background:linear-gradient(90deg,rgba(3,10,22,.76),rgba(7,16,30,.28) 26%,transparent 57%)!important;pointer-events:none}.cinema-hero:after{content:"";position:absolute;left:0;right:0;top:auto;bottom:calc(-1 * var(--vp-hero-extension));height:380px!important;background:linear-gradient(to bottom,rgba(16,17,19,0) 0%,rgba(16,17,19,.07) 15%,rgba(16,17,19,.25) 34%,rgba(16,17,19,.54) 54%,rgba(16,17,19,.82) 76%,rgba(16,17,19,.96) 91%,#101113 100%)!important;z-index:-1;pointer-events:none}.catalogue{position:relative;z-index:1;background:transparent!important}.cinema-hero[hidden]{display:none!important}
@media(max-width:760px){.cinema-hero{--vp-hero-extension:120px}.cinema-hero:after{height:300px!important}.catalogue-compact,.photo-row{position:relative}}
/* Compact desktop viewer; the full photo fits in its bounded canvas. */
@media(min-width:761px){#photoDialog[open]{width:min(1440px,94vw)!important;height:min(820px,86dvh)!important;max-height:calc(100dvh - 64px)!important;margin:auto!important;display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden!important}#photoDialog .viewer-layout{height:100%!important;min-height:0!important}#photoDialog .photo-stage{display:grid;grid-template-rows:minmax(0,1fr) auto auto;height:100%;min-height:0}#photoDialog #photoCanvas{height:100%;min-height:0;max-height:100%;padding:0;overflow:hidden}#photoDialog #photoCanvas:not(.is-zoomed)>#photoImage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:50% 50%!important;padding:14px 38px;transform:none!important}#photoDialog .social-panel{height:100%;min-height:0;overflow:hidden}#photoDialog .comments-list{min-height:0!important;overflow:auto;overscroll-behavior:contain}#photoDialog .photo-thumbnails{max-height:65px;overflow-y:hidden}}
#photoDialog{overscroll-behavior:contain}#photoDialog #photoImage{object-position:50% 50%!important}

/* Fix the actual overlay: each sequence image is contained by its own thumbnail. */
#photoDialog .thumbnail{position:relative!important;isolation:isolate;display:block;flex:0 0 auto;overflow:hidden}#photoDialog .thumbnail>.safe-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden;pointer-events:none}#photoDialog .thumbnail>.safe-image>img{position:relative;display:block;width:100%;height:100%;max-width:100%;max-height:100%}#photoDialog .photo-thumbnails{position:relative;isolation:isolate;flex-shrink:0;overflow-y:hidden}.safe-image.is-full{isolation:isolate;background-position:center;background-size:cover}.safe-image.is-full:before{display:block!important;content:"";position:absolute;inset:-20px;background-image:inherit;background-size:cover;background-position:center;filter:blur(18px) brightness(.5);transform:scale(1.1);z-index:0}.safe-image.is-full>img{position:relative;z-index:1;object-fit:contain!important;object-position:50% 50%!important}

/* Rails and sequence thumbnails fill their own boxes. Full photo stays in the viewer. */
.photo-rail .safe-image,.photo-grid .safe-image,.hover-image .safe-image,#photoThumbnails .safe-image{background-image:none!important}.photo-rail .safe-image:before,.photo-grid .safe-image:before,.hover-image .safe-image:before,#photoThumbnails .safe-image:before{display:none!important}.photo-rail .safe-image>img,.photo-grid .safe-image>img,.hover-image .safe-image>img,#photoThumbnails .safe-image>img{width:100%;height:100%;object-fit:cover!important}
