:root{--white:hsl(0, 0%, 100%);--black:hsl(240, 2.4%, 8%);--accent:hsl(82.2, 35%, 15.1%);--light-accent:hsl(40, 12.7%, 86.1%);--dark-accent:hsl(15.9, 58.6%, 34.1%);--site-gutter:4vw;--max-width:1500px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--black);color:var(--white);font-family:libre franklin,sans-serif;font-weight:300;line-height:1.2em;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.site-header{padding:24px var(--site-gutter)}.nav-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-title{font-family:libre franklin,sans-serif;font-weight:400;font-size:1.1rem;letter-spacing:.05em;text-transform:lowercase}.nav-links{list-style:none;display:flex;gap:32px}.nav-links a{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;transition:opacity .2s}.nav-links a:hover,.nav-links a.active{opacity:1}main{flex:1;padding:0 var(--site-gutter)}.email-section{max-width:var(--max-width);margin:60px auto 48px;text-align:center}.email-section h2{font-family:libre franklin,sans-serif;font-weight:300;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.01em;margin-bottom:12px}.email-section p a{font-size:.95rem;opacity:.75;transition:opacity .2s;letter-spacing:.02em}.email-section p a:hover{opacity:1}.album-grid{max-width:var(--max-width);margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.album-item{display:block;overflow:hidden;aspect-ratio:1/1}.album-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,opacity .3s ease}.album-item:hover img{transform:scale(1.02);opacity:.85}.page-content{max-width:var(--max-width);margin:60px auto 80px;font-size:1rem;opacity:.8;text-align:center}.site-footer{padding:32px var(--site-gutter);border-top:1px solid rgba(255,255,255,8%)}.social-links{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:28px}.social-links a{display:flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .2s}.social-links a:hover{opacity:1}@media(max-width:768px){:root{--site-gutter:6vw}.nav-inner{flex-direction:column;gap:16px;text-align:center}.album-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.album-grid{grid-template-columns:1fr}.nav-links{gap:20px}}