.jg-dialog{position:fixed;inset:0;margin:auto;color:var(--chalk);padding:35px;box-sizing:border-box;width:calc(100% - 30px)}
.jg-dialog::backdrop{background:rgba(0,0,0,.8)}
.jg-dialog[open]{display:grid;gap:16px}
.jg-dialog-close{position:absolute;right:14px;top:10px;background:transparent;color:var(--chalk);border:0;font-size:28px;line-height:1;width:32px;height:32px}
.jg-dialog .gallery-images{margin-bottom:10px}
.jg-dialog .gallery-back{justify-self:start}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:700px){.jg-dialog{padding:25px 20px}}

/* Seamless section backgrounds: same black, gradients transparent at every edge. */
.about-section { background:transparent; }
.contact-section { background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(69,26,16,.22) 0%,rgba(69,26,16,.10) 36%,transparent 70%); }
.creative-tools { background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,104,16,.035),transparent 70%); }
.hero-art { -webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);mask-composite:intersect; }
.career-logo-otto { background:#ffe500; }
.career-logo-otto img { transform:scale(1.55);filter:grayscale(1) contrast(5);mix-blend-mode:multiply; }

.gallery-credits { margin:28px 0 24px;padding-top:20px;border-top:1px solid #ffffff25;color:var(--gray);font-size:12px;line-height:1.8;overflow-wrap:anywhere; }
.gallery-credits[hidden] { display:none; }