:root{--ink:#182d3e;--muted:#536271;--paper:#f5f4ef;--gold:#aa874f}body{font-family:'Yu Mincho','Hiragino Mincho ProN','MS PMincho',Georgia,serif;font-size:18px;font-weight:400;line-height:1.85;background:var(--paper);color:var(--ink)}button{font-family:inherit;font-weight:500}strong{font-weight:700}h1,h2,.section-top h2{font-family:inherit;letter-spacing:.05em}header{max-width:none;background:#122537;color:#f4f0e7;padding:22px 5%;border-bottom:1px solid #a88b5755;gap:20px}.brand{font-size:20px;font-weight:600;color:#f4f0e7}.brand span{font-size:14px;font-weight:400;color:#d5c6ad}.edition{font-size:12px;color:#d4b782;letter-spacing:.17em}main{max-width:none}
.intro{position:relative;isolation:isolate;display:block;min-height:620px;padding:65px 7% 95px;background:#122537;overflow:hidden}.intro-text{position:relative;z-index:2;max-width:720px;color:#fff8e9}.intro .eyebrow{font-size:20px;font-weight:400;color:#f3e7d1;letter-spacing:.18em;margin-bottom:24px}h1{font-size:42px;line-height:1.75;font-weight:500;margin:0}.event-name{font-size:36px;font-weight:400;letter-spacing:.06em}.album-name{font-size:34px;font-weight:500}h1 em{font-style:normal;font-size:70px;font-weight:700;color:#e3c891;letter-spacing:.03em}.range{font-size:18px;font-weight:400;color:#e0ceab;letter-spacing:.3em;margin:24px 0}.lead{font-size:18px;line-height:1.95;font-weight:400;color:#f4eee4;margin-bottom:0}
.cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;z-index:0;background:#122537}.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}.cover:after{inset:0;background:linear-gradient(90deg,#102335e8 0%,#102335a8 35%,#10233525 70%,#10233510 100%);pointer-events:none}.cover-label{left:7%;bottom:28px;z-index:1;font-size:14px;font-weight:400;letter-spacing:.18em;color:#fff8ee;text-shadow:0 1px 4px #000a}.cover-location{position:absolute;right:5%;bottom:28px;z-index:1;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.06em;color:#fff8ee;background:none;border:0;padding:0;text-shadow:0 1px 4px #000b}
.albums{max-width:1400px;margin:auto;background:var(--paper);border:0;padding:48px 5% 70px}.section-top{flex-wrap:wrap;gap:12px;border-bottom:1px solid #bba47b88;padding-bottom:24px;margin-bottom:25px}.section-top h2{font-size:30px;font-weight:600;line-height:1.6}.section-top p,.year-heading>span,.hint,.organize-note,.status{font-size:16px;font-weight:400;color:var(--muted)}.year-heading{border-color:#d6cbb8}.year-heading h2{font-size:38px;font-weight:600}.year-heading .eyebrow{font-size:14px;font-weight:400;color:#8b6b38;letter-spacing:.17em}
#years button{font-size:20px;font-weight:400;padding:12px 14px;min-height:50px;border-radius:2px}#years button span{font-size:14px;font-weight:400;color:var(--muted)}#years button.active{background:#192e40;color:#fff6e5;box-shadow:inset 3px 0 #bda06a;font-weight:600}#years button.active span{color:#e5d3ae}#years button:hover{outline-color:#b8a47e}.organize button,.selection button,.confirm-actions button{font-size:16px;min-height:46px;font-weight:500;background:#fbfaf7;border-color:#b9ad96;color:#263b4c;border-radius:3px}.organize button[aria-pressed=true],#apply,#confirm-save{background:#192e40;color:#fff6e5;border-color:#192e40}.selection{background:#ece9e0;border-color:#c9b998}.selection strong{font-size:18px;font-weight:600}.status{background:#ebe8df}.status.error{background:#fff1e9;color:#8a3720}.photo{border-radius:2px;background:#e9e6df}.grid{gap:14px}.photo.chosen{outline-color:#ad8a4e}.check-mark,.chosen .check-mark{background:#192e40}.zoom{font-size:14px;font-weight:400;background:#192e40df;min-height:42px}.empty{font-size:18px;color:var(--muted);background:#ece9e1}footer{max-width:none;padding:26px 5%;background:#122537;color:#e5d7be;font-size:14px;flex-wrap:wrap;gap:12px}footer span{font-size:14px;color:#c2baa9}.viewer-bar{font-size:16px}#filename{font-size:14px;color:#f0e6d4}.viewer-stage button{min-height:48px}#confirm{background:#f8f6ef;color:var(--ink)}#confirm h2{font-family:inherit;font-weight:600}#confirm p{font-size:18px;font-weight:400}button:focus-visible,.photo:focus-visible{outline:3px solid #ad8a4e;outline-offset:3px}
@media(min-width:1700px){.intro{min-height:700px;padding-left:calc((100% - 1400px)/2 + 70px)}.cover-label{left:calc((100% - 1400px)/2 + 70px)}}@media(max-width:1000px){header{flex-wrap:wrap;gap:12px}.edition,.brand span{display:none}.intro{min-height:570px;padding:50px 6% 90px}.event-name{font-size:30px}h1 em{font-size:60px}.album-name{font-size:30px}}
@media(max-width:760px){header{padding:18px 6%}.brand{font-size:19px}.intro{min-height:550px;padding:38px 6% 90px}.intro .eyebrow{font-size:18px;letter-spacing:.08em}.event-name{font-size:25px;letter-spacing:.02em}h1{line-height:1.75}h1 em{font-size:50px}.album-name{font-size:25px}.range{font-size:16px}.lead{font-size:17px}.cover{height:100%;border-radius:0}.cover img{object-position:62% 60%}.cover:after{background:linear-gradient(90deg,#102335cf,#10233575 70%,#10233530)}.cover-label{left:6%;bottom:44px;font-size:14px}.cover-location{right:6%;bottom:22px;font-size:12px}.albums{padding-top:32px}.section-top h2{font-size:26px}.section-top p{font-size:16px}#years button{font-size:20px;padding:10px 14px;border-color:#c9bdab}#years button.active{box-shadow:inset 0 -3px #bda06a}.year-heading h2{font-size:32px}.selection button{font-size:16px}.grid{gap:10px}.viewer-stage{grid-template-columns:36px minmax(0,1fr) 36px}.viewer-stage button{font-size:40px}footer,footer span{font-size:14px}}
