:root{--c:#00d7ee;--ink:#070a0e;--paper:#f4f7f8;--line:#d7e0e4;--muted:#657078}
body{background:var(--paper);color:var(--ink)}
header{height:76px;padding:0 5vw;background:#fffffff2;border-bottom:2px solid var(--c);color:var(--ink);backdrop-filter:blur(12px)}
.brand{font-size:12px;font-weight:900;letter-spacing:-.04em}.account{color:var(--muted)}
main{position:relative;isolation:isolate;max-width:none;padding:128px 6vw 110px;background:var(--paper)}
main:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:660px;background-image:linear-gradient(90deg,#050b10ed 0,#050b10a8 48%,#050b1024 82%),linear-gradient(0deg,#050b10ee 0,transparent 48%),url("../../february-neglect/assets/february-photo-club.png");background-position:center;background-size:cover;background-repeat:no-repeat}
main>.eyebrow,main>h1,main>.lead,main>.status{position:relative;z-index:1;max-width:900px}
main>h1{margin:22px 0 26px;color:#fff;font-size:clamp(58px,7vw,100px);letter-spacing:-.075em;line-height:.92;white-space:nowrap}
main>.lead{color:#e0e7e9;font-size:14px;line-height:2}
.eyebrow{color:#00a7ba;font-weight:900;letter-spacing:.2em}main>.eyebrow{color:var(--c)}
.status{margin:32px 0 290px}.status span{border-color:#ffffff70;color:#fff;background:#07101688}.status .active{color:var(--c);border-color:var(--c)}
.year{max-width:1320px;margin:0 auto 80px}.year-head{padding-top:12px;border-top:4px solid var(--c)}.year-head>p{color:var(--muted)}.months{gap:1px;background:transparent}.month{background:#fff;color:var(--ink)}.month:hover,.month:focus-visible{background:#eaf9fb}.month h3{color:var(--ink)}.month p{color:var(--muted)}.month b{color:#26343a}.month time{color:#008fa1;font-weight:900}
.library-head{max-width:1320px;margin:0 auto 30px;padding-top:12px;border-top:4px solid var(--c)}
.library-head h2{margin:12px 0 0;font-size:clamp(38px,5vw,66px);letter-spacing:-.06em}.library-head small{color:var(--muted);font-family:monospace}
.filters,.grid,.note{max-width:1320px;margin-left:auto;margin-right:auto}
.filters{margin-bottom:34px;border-bottom:1px solid var(--line);gap:0}.filters button{margin:0 8px -1px 0;padding:13px 18px;border-color:var(--line);background:#fff;color:#556168;font-weight:800}.filters button.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:inset 0 -3px var(--c)}
.grid{gap:24px}.card{min-height:0;overflow:visible;border:1px solid var(--line);background:#fff;color:var(--ink);padding:14px 14px 24px}.card:before{content:"";position:absolute;z-index:3;right:-1px;top:-1px;width:54px;height:21px;border-top:3px solid var(--c);border-right:3px solid var(--c);clip-path:polygon(28% 0,100% 0,100% 100%,48% 100%)}
.card img{position:relative;height:260px;opacity:1;object-fit:cover}.card:after{display:none}.card:hover img{transform:scale(1.012)}
.copy{position:relative;inset:auto;padding:22px 9px 0}.copy small{color:#009aad;font-weight:900;letter-spacing:.08em}.copy h3{margin:10px 0 8px;font-size:25px;letter-spacing:-.035em}.copy p{min-height:3.4em;color:var(--muted);font-size:11px}.play{margin-top:12px;padding:13px 17px;background:var(--c);color:var(--ink)}
.complete{right:24px;top:24px;background:#fff;color:#008da0;border-left:3px solid var(--c)}
.note{border:0;border-left:4px solid var(--c);background:#fff;color:var(--muted)}
footer{border-top:2px solid var(--c);background:#fff;color:var(--muted)}
@media(max-width:900px){main:before{height:620px;background-position:58% center}.status{margin-bottom:245px}.card img{height:36vw;min-height:240px}}
@media(max-width:620px){header{height:68px}main{padding:105px 6vw 80px}main:before{height:580px;background-position:62% center}main>h1{font-size:15vw;white-space:normal}.status{margin-bottom:145px}.library-head{display:block}.card{min-height:0}.card img{height:70vw}.copy p{min-height:0}}