@import url("/event-gallery/fonts.css");
*{box-sizing:border-box}body{margin:0;background:#0b111b;color:#f5eedf;font:16px/1.6 Arial,sans-serif;min-height:100vh}body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(#080e1870,#080e18d0),var(--motif,none);background-size:cover;background-position:center;z-index:-1}header{display:flex;align-items:center;justify-content:space-between;padding:20px 6%;background:#1c2936;border-bottom:1px solid #45515e}header img{width:190px;height:80px;object-fit:contain}nav{display:flex;gap:24px}a{color:#f0d39a}main{max-width:1180px;margin:auto;padding:60px 32px}.hero{text-align:center;padding:42px 30px 52px;border:1px solid #bd975a;border-radius:24px;background:#0c1422d9;box-shadow:0 16px 70px #0005}.eyebrow{font-size:12px;letter-spacing:.25em;color:#dfbf7d}.pilot{font-size:12px;color:#c0b598}h1{font:clamp(38px,6vw,68px)/1.15 Georgia,serif;color:#f0d39a;margin:20px 0}h2{font:32px Georgia,serif;margin:0}.note{color:#c1b8a7;font-size:14px}.gallery{margin-top:45px}.gallery-head{display:flex;align-items:center;justify-content:space-between}#status{color:#d4cbb9}#photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}article{background:#101a28e8;border:1px solid #8d754e;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #0004}.photo{display:block;background:#09101a}.photo img{width:100%;height:340px;object-fit:contain;display:block}.card-info{padding:20px}.card-info h3{margin:0 0 16px;font-size:18px}.download{display:block;text-align:center;padding:13px 18px;border-radius:12px;background:linear-gradient(110deg,#c99a4a,#f0d39a);color:#171c27;font-weight:700;text-decoration:none}.single{grid-template-columns:1fr!important}.single img{height:auto;max-height:75vh}#back{display:block;margin-top:24px}#back[hidden]{display:none}a:focus-visible{outline:3px solid #f0d39a;outline-offset:4px}footer{padding:30px;text-align:center;background:#0b111bd9;color:#c5b99f;font-size:13px}@media(max-width:600px){header{padding:14px 20px}header img{width:140px;height:65px}nav{gap:14px;font-size:12px}main{padding:24px 18px}.hero{padding:26px 18px;border-radius:18px}.photo img{height:300px}#photos{grid-template-columns:1fr}.gallery{margin-top:28px}}

.hero{border-color:var(--gallery-accent,#bd975a)}h1{font-family:var(--gallery-font,Georgia),serif;color:var(--gallery-title,#f0d39a)}a,.eyebrow{color:var(--gallery-accent,#f0d39a)}article{border-color:var(--gallery-accent,#8d754e)}.download{background:var(--gallery-accent,#e6c88c);color:var(--gallery-button-ink,#171c27)}.empty{padding:25px;background:#101a28dc;border-radius:14px}.preview-dialog{width:min(95vw,1100px);max-height:95vh;background:#101a28;color:#fff;border:1px solid var(--gallery-accent,#c99a4a);border-radius:16px}.preview-dialog::backdrop{background:#050a12d9}.preview-dialog img{display:block;max-width:100%;max-height:70vh;margin:auto;object-fit:contain}.preview-dialog button{float:right;padding:10px;border-radius:8px;margin-bottom:10px;cursor:pointer}.host-actions{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.host-actions a{padding:12px 20px;background:#1c2936;border:1px solid var(--gallery-accent,#c99a4a);border-radius:12px;text-decoration:none}button{font:inherit}.photo{cursor:zoom-in}#morePhotos{margin-top:24px;padding:14px 24px;border-radius:12px;background:var(--gallery-accent,#e6c88c);color:var(--gallery-button-ink,#171c27);border:0;cursor:pointer}.hero .event-description{color:#d3c8b5}body:not(.gallery-host) .host-only{display:none}

.gallery-host .event-banner{margin-bottom:40px}.host-design-link{display:inline-block;padding:12px 20px;border:1px solid var(--gallery-accent,#c99a4a);border-radius:12px;text-decoration:none}.gallery-host .photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.panel{padding:30px;background:#101a28e8;border:1px solid #8d754e;border-radius:20px}.narrow{max-width:600px;margin:25px auto}input{display:block;width:100%;padding:14px;margin:12px 0;background:#1c2936;color:#fff;border:1px solid #61768b;border-radius:10px;font:inherit}button.primary,header button{padding:12px 22px;border-radius:12px;border:0;background:var(--gallery-accent,#e6c88c);color:var(--gallery-button-ink,#171c27);cursor:pointer}.muted{color:#c1b8a7}button[hidden],section[hidden]{display:none!important}

.gallery-host .event-banner{margin-bottom:40px}.host-design-link{display:inline-block;padding:12px 20px;border:1px solid var(--gallery-accent,#c99a4a);border-radius:12px;text-decoration:none}.gallery-host .photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.panel{padding:30px;background:#101a28e8;border:1px solid #8d754e;border-radius:20px}.narrow{max-width:600px;margin:25px auto}input{display:block;width:100%;padding:14px;margin:12px 0;background:#1c2936;color:#fff;border:1px solid #61768b;border-radius:10px;font:inherit}button.primary,header button{padding:12px 22px;border-radius:12px;border:0;background:var(--gallery-accent,#e6c88c);color:var(--gallery-button-ink,#171c27);cursor:pointer}.muted{color:#c1b8a7}button[hidden],section[hidden]{display:none!important}
/* Momentwerk Variant C branding for host sign-in; published event themes stay independent. */
body.gallery-host:has(#loginPanel:not([hidden])){background:#192936;color:#f5f6f8}
body.gallery-host:has(#loginPanel:not([hidden]))::before{background:none}
.gallery-host #loginPanel{background:#203442;border:1px solid #3d6473;box-shadow:0 18px 55px #0003}
.gallery-host #loginPanel h1{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(32px,6vw,58px);letter-spacing:-.035em;line-height:1.08;color:#f5f6f8}
.gallery-host #loginPanel .brand-moment{background:linear-gradient(100deg,#ed197c,#f16a73 48%,#f4d52c);background-clip:text;-webkit-background-clip:text;color:transparent}
.gallery-host #loginPanel .eyebrow,.gallery-host #loginPanel a{color:#25cbd4}
.gallery-host #loginPanel .primary{background:#b51c58;color:#fff;font-weight:700;min-height:48px}
.gallery-host #loginPanel input{background:#192936;border-color:#5b8493}
.gallery-host #loginPanel input:focus-visible{outline:3px solid #25cbd4;outline-offset:2px}
.gallery-host #loginPanel .muted{color:#c3cdd5}
body.gallery-host:has(#loginPanel:not([hidden])) nav a{color:#f5f6f8}
@media(max-width:600px){.gallery-host #loginPanel{padding:24px 20px;margin:10px auto}.gallery-host #loginPanel .primary{width:100%}}/* The host controls use the website brand; photo gallery retains the selected event theme. */
body.gallery-host:not(.has-event-design){background:#192936;color:#f5f6f8}
body.gallery-host:not(.has-event-design)::before{background:none}
.gallery-host header{background:#192936;border-color:#3d6473}
.gallery-host header nav a{color:#f5f6f8}
.gallery-host header button{background:#b51c58;color:#fff;font-weight:700}
.gallery-host .event-banner{background:#203442;border-color:#3d6473;text-align:left;box-shadow:0 18px 55px #0003}
.gallery-host .event-banner .eyebrow{color:#25cbd4}
.gallery-host .event-banner h1{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(36px,6vw,64px);color:#fff;line-height:1.1}
.gallery-host .event-banner .host-design-link{background:#b51c58;color:#fff;border-color:#b51c58;font-weight:700;min-height:48px}
.gallery-host #eventPanel>h2{font-family:Arial,sans-serif;font-weight:800;color:#fff}
.gallery-host #galleryStatus{color:#d4e2e9}
.gallery-host footer{background:#192936;color:#c3cdd5}
@media(max-width:600px){.gallery-host .event-banner{padding:26px 22px}.gallery-host .event-banner .host-design-link{display:block;text-align:center}.gallery-host header nav{gap:12px}.gallery-host header button{padding:10px 14px}}