@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap');
footer { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
footer a { color: var(--paper); text-decoration: none; }
footer a:hover, footer a:focus-visible { color: var(--accent); outline: none; }
.hero .kicker { display: inline-block; text-decoration: none; }
.hero .kicker:hover, .hero .kicker:focus-visible { color: var(--paper); outline: none; }
:root{color-scheme:dark;--paper:#f4f0e7;--muted:#9ca49e;--accent:#e4a742}*{box-sizing:border-box}body{margin:0;background:#101512;color:var(--paper);font-family:"DM Sans",system-ui,sans-serif}.hero{width:min(1440px,92vw);margin:auto;padding:clamp(50px,9vw,130px) 0 42px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #303a33}.kicker{color:var(--accent);font-size:15px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:10px 0 4px;font:600 clamp(54px,9vw,130px)/.9 "Playfair Display",Georgia,serif;letter-spacing:-.055em}.hero p{margin:18px 0 0;color:var(--muted);font-size:clamp(16px,2vw,23px)}.count{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.albums{width:min(1440px,92vw);margin:32px auto 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,34px)}.album{position:relative;isolation:isolate;display:block;aspect-ratio:16/10;overflow:hidden;background:#1a211c;color:#fff;text-decoration:none;animation:rise .6s both;animation-delay:calc(var(--i)*.08s)}.album img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.album:hover img,.album:focus-visible img{transform:scale(1.035)}.veil{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(4,8,5,.88));z-index:1}.meta{position:absolute;z-index:2;left:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px);bottom:clamp(20px,3vw,38px);display:flex;flex-direction:column}.meta small{color:var(--accent);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.meta strong{margin-top:7px;font:600 clamp(28px,4vw,54px)/1.05 "Playfair Display",Georgia,serif}.meta em{margin-top:9px;color:#d2d7d3;font-size:14px;font-style:normal;max-width:620px}.empty{width:min(1440px,92vw);margin:50px auto;color:var(--muted)}footer{width:min(1440px,92vw);margin:0 auto;padding:30px 0 50px;border-top:1px solid #303a33;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.08em}@keyframes rise{from{opacity:0;transform:translateY(20px)}}@media(max-width:720px){.hero{align-items:start}.count{margin-top:12px}.albums{grid-template-columns:1fr}.album{aspect-ratio:4/3}.meta em{display:none}}
