.gallery{padding:90px max(7vw,24px);background:linear-gradient(135deg,#07151a,#10262a 55%,#301315);color:#f4ead4;border-top:1px solid rgba(205,37,44,.45)}
.gallery-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.gallery-head span{color:#d99f3b;letter-spacing:.18em;font-size:12px}.gallery-head h2{font-size:clamp(38px,5vw,72px);margin:8px 0}.gallery-head p{color:#aebbb8}.gallery-mark{text-align:right;color:#d99f3b;font-size:12px;line-height:1.8;letter-spacing:.12em;text-transform:uppercase}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.gallery-card{grid-column:span 4;margin:0;background:#081014;border:1px solid rgba(217,159,59,.26);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.25)}.gallery-card:nth-child(5n+1){grid-column:span 8}.gallery-card img{display:block;width:100%;height:310px;object-fit:cover;transition:transform .5s}.gallery-card:hover img{transform:scale(1.025)}.gallery-card figcaption{padding:12px 15px;color:#9eaaa8;font-size:11px;letter-spacing:.1em}
.archive-open{display:flex;margin:30px auto 0;align-items:center;justify-content:space-between;gap:40px;width:min(360px,100%);padding:17px 22px;border:1px solid rgba(217,159,59,.5);background:transparent;color:#f4ead4;font:inherit;letter-spacing:.1em;cursor:pointer}.archive-open:hover{background:#d99f3b;color:#07151a}.archive-panel{position:fixed;inset:0;z-index:30;background:rgba(3,9,12,.94);overflow:auto;padding:32px}.archive-card{position:relative;width:min(1120px,100%);margin:auto;padding:55px;background:#0b191d;border:1px solid rgba(217,159,59,.35);color:#f4ead4}.archive-card>.close{position:absolute;right:18px;top:14px}.archive-eyebrow,.archive-group>span{color:#d99f3b;font-size:12px;letter-spacing:.18em}.archive-card>h2{font-size:clamp(38px,6vw,72px);margin:8px 0}.archive-card>p{color:#aebbb8;margin-bottom:45px}.archive-group{margin-top:42px}.archive-group h3{font-size:clamp(25px,4vw,40px);margin:7px 0 20px}.archive-group .gallery-grid .gallery-card{grid-column:span 4}.archive-group .gallery-card img{height:240px}
.nickname-history{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 18px}.nickname-history span{color:#73817d;font-size:12px;line-height:34px}.nickname-choice{width:auto!important;padding:8px 13px!important;border:1px solid #b8b3a7!important;background:#f3efe4!important;color:#12312f!important;font-size:13px!important;cursor:pointer}
.photo-admin{margin-top:24px}.photo-admin input[type=file]{padding:12px;background:#fff}.photo-admin>button{margin-top:10px}.admin-photo{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #d6d0c2}.admin-photo img{width:64px;height:48px;object-fit:cover}.admin-photo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-photo button{width:auto}
@media(max-width:720px){.gallery{padding:64px 22px}.gallery-head{align-items:start}.gallery-mark{display:none}.gallery-grid{display:block}.gallery-card,.gallery-card:nth-child(5n+1){margin-bottom:14px}.gallery-card img{height:240px}.archive-panel{padding:0}.archive-card{min-height:100%;padding:60px 20px}.archive-group .gallery-card{margin-bottom:14px}}