/* V141 – wyłącznie podstrona Historia. Oficjalna tarcza szkoły, bez nowego logo. */
.topbar .brand img.zsel-original-logo{width:52px;height:52px;object-fit:contain;border-radius:50%;background:white;padding:3px;box-shadow:0 0 0 1px #fff6,0 0 30px #ff275b44;animation:official-logo-energize 4s ease-in-out infinite}
.round-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.16em;overflow:visible;background:rgba(7,15,39,.93)!important;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 10px #fd275318,0 0 60px #fe457967!important}
.round-seal .seal-original-logo{display:block;width:58%;height:58%;object-fit:contain;border-radius:50%;background:white;padding:4px;box-shadow:0 0 22px #fff6}
.round-seal .seal-years{font-weight:900;font-size:clamp(.7rem,1.2vw,.95rem);letter-spacing:.05em;white-space:nowrap;color:white}
.hero-radar-logo{width:76%;height:76%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 14px #ff4269)}
@keyframes official-logo-energize{0%,100%{filter:drop-shadow(0 0 0px #f73665)}50%{filter:drop-shadow(0 0 14px #f73665)}}
.photo-archive-section{background:radial-gradient(circle at 100% 0%,#24104a 0%,transparent 40%),linear-gradient(160deg,#080e23,#11192a 85%);color:white;padding:clamp(70px,8vw,130px) 0;position:relative;overflow:hidden}
.photo-archive-section:before{content:'';inset:0;position:absolute;pointer-events:none;opacity:.12;background:repeating-linear-gradient(90deg,#e94b6c 0 1px,transparent 1px 130px)}
.photo-archive-section .container{position:relative;z-index:1}
.photo-archive-section .archive-intro{max-width:820px;margin-bottom:2.5rem}
.photo-archive-section h2{font-size:clamp(2.35rem,5vw,5rem);line-height:1.04;color:white;margin:12px 0 20px;letter-spacing:-.05em}
.photo-archive-section h2 em{color:#fa4d7b;font-weight:800;font-style:normal}
.photo-archive-section .archive-intro p{font-size:1.03rem;line-height:1.75;color:#d4dbef}
.history-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,20px)}
.history-photo-tile{margin:0;background:#15213a;border:1px solid #ffffff21;border-radius:15px;overflow:hidden;box-shadow:0 14px 28px #0004;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s}
.history-photo-tile:hover,.history-photo-tile:focus-within{transform:translateY(-7px) rotate(-.35deg);border-color:#ff527c}
.history-photo-tile.photo-feature{grid-column:span 2}
.history-photo-open{display:block;position:relative;overflow:hidden;aspect-ratio:1.7}
.history-photo-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.75,.2,1);filter:saturate(.93)}
.history-photo-tile:hover img{transform:scale(1.075)}
.history-photo-open:after{content:'↗';position:absolute;right:14px;top:14px;background:#ff315d;color:white;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:1.2rem;box-shadow:0 4px 16px #0007}
.history-photo-tile figcaption{padding:17px 18px 20px;display:flex;flex-direction:column;gap:7px}
.history-photo-tile figcaption strong{font-size:1.03rem;color:#fff}
.history-photo-tile figcaption small{line-height:1.45;color:#b8c4df}
.period-tag{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#ffc17b;font-weight:900}
.archive-provenance{color:#9faecc;line-height:1.6;font-size:.85rem;margin-top:22px;max-width:900px}
.history-photo-dialog{border:1px solid #ffffff40;max-width:min(92vw,1100px);max-height:94vh;padding:0;color:#e7ebff;background:#071229;border-radius:18px;box-shadow:0 20px 90px #000b}
.history-photo-dialog::backdrop{background:#01050de8;backdrop-filter:blur(9px)}
.history-modal-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px}.history-modal-top strong{font-size:.95rem}
#historyModalClose{border:1px solid #fff4;color:white;background:#ff315d;border-radius:999px;width:40px;height:40px;font-size:1.05rem;cursor:pointer}
#historyModalImage{max-width:min(88vw,1050px);max-height:74vh;object-fit:contain;width:auto;height:auto;display:block;margin:auto}
#historyModalDescription{padding:12px 22px 18px;color:#b5c6dc;font-size:.92rem;text-align:center}
/* User needs logo animation, not an alternate coat-of-arms. The remaining bolt is decorative energy only. */
@media(max-width:950px){.history-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-photo-tile.photo-feature{grid-column:span 2}}
@media(max-width:620px){.history-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.history-photo-tile.photo-feature{grid-column:span 2}.history-photo-tile figcaption{padding:11px}.history-photo-tile figcaption strong{font-size:.85rem}.history-photo-tile figcaption small{font-size:.73rem}.history-photo-open{aspect-ratio:1.15}.topbar .brand img.zsel-original-logo{height:41px;width:41px}}
@media(prefers-reduced-motion:reduce){.topbar .brand img.zsel-original-logo{animation:none}.history-photo-tile,.history-photo-open img{transition:none}}

/* V142: redakcyjna galeria z widokiem 8 + 7, tylko na podstronie historii */
#historiaGallery .history-photo-tile[hidden]{display:none !important}
.history-gallery-controls{display:flex;justify-content:center;padding:1.1rem 0 1.5rem}
.history-gallery-more{border:2px solid #d6fd22;background:#d6fd22;color:#06152c;border-radius:14px;padding:16px 22px;cursor:pointer;font-size:clamp(.85rem,2vw,1rem);letter-spacing:.03em;font-weight:900;box-shadow:7px 7px 0 #06dafa;transition:transform .22s,box-shadow .22s}
.history-gallery-more:hover,.history-gallery-more:focus-visible{transform:translate(-2px,-2px);box-shadow:10px 10px 0 #06dafa}
.history-gallery-more small{font-size:.79em;opacity:.8;display:block;margin-top:5px;letter-spacing:0}
.history-gallery-more:focus-visible{outline:3px solid #f83368;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.history-gallery-more{transition:none}}