@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500&display=swap');
:root{color-scheme:light;font-family:'DM Sans',system-ui,sans-serif;color:#283a32;background:#f7f4ee}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:40px 24px 110px;background:radial-gradient(ellipse at 10% 0%,#e3eadf,transparent 55%),radial-gradient(ellipse at 100% 100%,#efddcf,transparent 50%),#f7f4ee}.album{width:min(100%,920px);text-align:center}header{margin-bottom:28px}h1{font:500 clamp(36px,6vw,56px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-1px;margin:0 0 12px}header p{font-size:12px;letter-spacing:4px;color:#6c786b;margin:0}.carousel{position:relative;border-radius:20px;overflow:hidden;background:#e4e8de;box-shadow:0 24px 80px #283a321a;border:8px solid #ffffffd9}.carousel-track{display:flex;transition:transform .55s ease;touch-action:pan-y}.slide{width:100%;flex:0 0 100%;height:clamp(280px,58vh,580px);margin:0;background:#e9eae2}.slide img{width:100%;height:100%;object-fit:contain;display:block}.arrow,.playback{position:absolute;display:grid;place-items:center;border:1px solid #ffffff90;background:#fcfbf1e8;color:#283a32;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:22px;backdrop-filter:blur(8px)}.arrow{top:calc(50% - 22px)}.previous{left:16px}.next{right:16px}.playback{right:16px;bottom:16px;width:34px;height:34px;font-size:14px}.dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px auto;max-width:380px}.dots button{padding:0;width:7px;height:7px;border:0;border-radius:50%;background:#c4cabc;cursor:pointer;position:relative}.dots button:before{content:'';position:absolute;inset:-7px}.dots button[aria-current=true]{background:#365641;transform:scale(1.4)}blockquote{font:italic 24px Georgia,serif;margin:30px 0 0;color:#5f715d}button:focus-visible,.carousel:focus-visible{outline:3px solid #b87843;outline-offset:4px}@media(max-width:580px){body{padding:30px 16px 100px}.carousel{border-width:5px;border-radius:16px}.slide{height:58svh;max-height:560px}.arrow{width:36px;height:36px;font-size:19px}.previous{left:10px}.next{right:10px}.dots{gap:9px;max-width:300px}blockquote{font-size:22px}}@media(prefers-reduced-motion:reduce){.carousel-track{transition:none}}