html.gallery-open{overflow:hidden;scrollbar-gutter:stable}
#viewer{overflow-y:auto;overscroll-behavior:contain;transform-origin:top left;border-radius:12px}
#viewer .dialog-top{position:sticky;top:0;z-index:3;background:#000000}
#viewer .project-image-area{flex:none}
#viewer .expanded-project-context{flex:none;padding:22px clamp(18px,4vw,54px) 36px;max-width:100%;border-top:1px solid #ffffff26}
#viewer .expanded-project-context h3{font:400 clamp(24px,3vw,38px)/1.2 'DM Serif Display',Georgia,serif;margin:0 0 20px}
#viewer .expanded-project-context p{max-width:850px;font-size:14px;line-height:1.8;color:#bdb5ae;margin:0 0 20px}
#viewer .expanded-project-context span{font-size:11px;color:#c7938c;letter-spacing:.5px}
#viewer .expanded-project-context strong{color:#eee8df}
.pav-carousel-fallback button{display:block;padding:0;border:0;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer;min-width:0}
.pav-carousel-fallback button:focus-visible{outline:2px solid #c7938c;outline-offset:5px}
.social-carousel{padding:0 4vw 30px;background:linear-gradient(140deg,#000000,#000000 65%)}
.social-carousel-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8e6259 #000000;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-padding-inline:2px;padding:12px 2px 24px}
.social-carousel-track .social-preview-card{flex:0 0 clamp(250px,30vw,390px);min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;user-select:none;-webkit-user-select:none;background:#000000;border:1px solid #ffffff16;border-radius:12px;overflow:hidden;padding:12px}
.social-carousel-track .social-preview-card img{width:100%;height:330px;object-fit:contain;background:#000000;display:block;pointer-events:none}
.social-carousel-track .social-card-category{font:400 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#c7938c;margin:18px 4px 6px}
.social-carousel-track h3{font:400 26px/1.2 'DM Serif Display',Georgia,serif;margin:0 4px 12px;color:#eee8df}
.social-carousel-track:focus-visible{outline:2px solid #c7938c;outline-offset:4px}
.social-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding-top:14px;font-size:12px;color:#bdb5ae}
.social-carousel-controls button{background:none;border:1px solid #6a4d46;border-radius:6px;color:#eee8df;min-height:44px;min-width:44px;padding:10px 14px;cursor:pointer}
@media(max-width:700px){.social-carousel{padding-inline:6vw}.social-carousel-track{gap:16px}.social-carousel-track .social-preview-card{flex-basis:78vw}.social-carousel-track .social-preview-card img{height:290px}.social-carousel-controls{gap:12px}.social-carousel-controls [data-social-pause]{font-size:11px}.pav-carousel-fallback{grid-template-columns:1fr}.pav-carousel-fallback button{max-width:100%}}
@media(prefers-reduced-motion:reduce){#viewer,.social-carousel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
