.collection-album{--vessel-ink:#123e50;--vessel-cream:#fff9e9;--vessel-gold:#ffd35a;--vessel-sea:#166d7d;min-height:100dvh;box-sizing:border-box;color:var(--vessel-ink);font-family:var(--cq-font-body,"Hanken Grotesk",sans-serif);background:radial-gradient(ellipse at 85% 0,#beece4,transparent 65%),linear-gradient(#f5f4df,#dceee8);padding:28px max(24px,calc((100% - 1140px)/2)) 40px}.collection-album *{box-sizing:border-box}.collection-album-header{display:flex;align-items:center;gap:18px}.collection-album-header>.curioso-logo{width:132px;max-height:50px}.collection-album-header>span:last-child{margin-left:auto;font-size:13px;font-weight:700}.collection-album-back{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff9e9b5;border:2px solid white;color:inherit}.collection-album svg{width:28px;height:28px;flex-shrink:0}.collection-album-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:36px 0 0}.collection-album-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px}.collection-album h1,.collection-album h2{font-family:var(--cq-font-heading,"Cabinet Grotesk",sans-serif);font-weight:800}.collection-album h1{font-size:clamp(36px,5vw,58px);line-height:1.03;letter-spacing:-1.5px;margin:12px 0}.collection-album-intro p{font-size:17px;line-height:1.5;margin:12px 0}.collection-album-progress{display:flex;align-items:center;gap:9px;color:#956317;background:var(--vessel-cream);border:2px solid white;border-radius:22px;padding:12px 17px;white-space:nowrap}.collection-album-progress strong{font-size:25px}.collection-album-progress strong span{font-size:15px;color:#587a7c}.collection-album-port{height:62px;color:#589892;overflow:hidden}.collection-album-port svg{width:100%;height:72px}.collection-album-filters{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 28px}.collection-album-filters button,.collection-album-empty button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:var(--vessel-cream);border:2px solid white;border-radius:19px;padding:10px 16px;color:inherit;font:inherit;font-weight:800;box-shadow:0 4px #b8d3cc;cursor:pointer}.collection-album-filters button[aria-pressed=true]{background:var(--vessel-gold);box-shadow:0 4px #cea641}.collection-album-filters b{font-size:12px;background:#123e5010;padding:3px 7px;border-radius:20px}.collection-album-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 22px}.collection-album-card{display:flex;flex-direction:column;min-width:0;padding:0;border:0;border-radius:22px;background:var(--vessel-cream);box-shadow:0 6px #b8d3cc,0 12px 25px #27697116;overflow:hidden;text-align:center;text-decoration:none;color:inherit;cursor:pointer;font:inherit;transition:transform .18s}.collection-album-card:hover{transform:translateY(-4px)}.collection-album-card:disabled{cursor:default}.collection-album-art{aspect-ratio:3/4;flex-shrink:0;position:relative;overflow:hidden;background:var(--vessel-cream)}.collection-album-art>img{width:100%;height:100%;object-fit:cover;display:block}.collection-album-open{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#105365df;color:#fff9df;border:2px solid #fff9;box-shadow:0 3px 10px #093f4030}.collection-album-open svg{width:25px;height:25px}.collection-album-card h2{flex:1;font-size:22px;line-height:1.13;min-height:50px;display:grid;place-items:center;margin:13px 9px 0}.collection-album-card-status{display:flex;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;margin:8px 6px 16px;min-height:24px;color:#416970}.collection-album-card-status svg{width:19px;height:19px}.collection-album-card[data-completed]{outline:3px solid #d0a239;outline-offset:2px;box-shadow:0 6px #cca146,0 12px 25px #27697116}.collection-album-empty{text-align:center;display:grid;justify-items:center;padding:35px 10px;color:#416970}.collection-album-empty>svg{width:60px;height:60px;color:#ac7b18}.collection-album-empty button{background:var(--vessel-gold)}.collection-album-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:38px;font-size:15px;font-weight:700}.collection-album :is(a,button):focus-visible{outline:4px solid #805218;outline-offset:4px}.collection-album button{touch-action:manipulation}.collection-album-card:disabled{opacity:.7}@media(max-width:950px){.collection-album-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.collection-album{padding:18px 16px 28px}.collection-album-header{gap:12px}.collection-album-header>.curioso-logo{width:115px}.collection-album-header>span:last-child{font-size:11px}.collection-album-intro{margin-top:28px;align-items:flex-start;gap:12px}.collection-album h1{font-size:38px;letter-spacing:-1px}.collection-album-intro p{font-size:15px}.collection-album-progress{gap:5px;padding:10px;border-radius:17px;margin-top:23px}.collection-album-progress svg{width:22px;height:22px}.collection-album-progress strong{font-size:20px}.collection-album-progress strong span{font-size:12px}.collection-album-filters{gap:10px;margin:10px 0 24px}.collection-album-filters button{font-size:13px;gap:7px;padding:10px 12px}.collection-album-filters svg{width:24px;height:24px}.collection-album-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.collection-album-card{border-radius:18px}.collection-album-card h2{flex:1;font-size:22px}.collection-album-card-status{font-size:10px}.collection-album-open{width:36px;height:36px;right:8px;bottom:8px}.collection-album-port{height:48px}.collection-album-port svg{height:48px;min-width:600px;transform:translate(-50px)}}@media(prefers-reduced-motion:reduce){.collection-album-card{transition:none}.collection-album-card:hover{transform:none}}.collection-album-header>.curioso-logo img{width:100%;height:auto;display:block}.collection-album{padding-top:0;background:var(--album-background,var(--album-edge));padding-bottom:calc(40px + env(safe-area-inset-bottom))}.collection-album-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;min-height:84px;padding:calc(12px + env(safe-area-inset-top)) max(24px,calc((100vw - 1140px)/2)) 12px;margin-inline:calc(-1*max(24px,calc((100vw - 1140px)/2)));background:var(--album-edge);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #123e5012}.collection-album-header>.curioso-logo{justify-self:center;width:132px}.collection-album-header>span:last-child{justify-self:end;margin:0;text-align:right;font-size:12px}.collection-album-header-side{min-width:0}.collection-album-port{height:1px;margin-top:28px;background:#58989255}@media(max-width:700px){.collection-album{padding-top:0;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.collection-album-header{min-height:76px;margin-inline:-16px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;gap:8px}.collection-album-header>.curioso-logo{width:120px}.collection-album-header>span:last-child{font-size:11px}.collection-album-port{height:1px;margin-top:24px}}.collection-album-card-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:12px 10px 18px;padding:9px 7px;border-radius:14px;background:var(--vessel-gold);color:var(--vessel-ink);box-shadow:0 3px #c49a2f;font-size:16px;line-height:1.2;font-weight:800;white-space:nowrap}.collection-album-card-action svg{width:20px;height:20px}.collection-album-card[data-completed] .collection-album-card-action{background:var(--vessel-sea);color:var(--vessel-cream);box-shadow:0 3px #0d4c58}.collection-album-card:active .collection-album-card-action{transform:translateY(2px);box-shadow:none}@media(max-width:360px){.collection-album-card-action{font-size:15px;gap:5px}.collection-album-card-action svg{width:18px;height:18px}}.collection-loading{position:fixed;inset:0;min-height:320px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));background:var(--album-background,var(--album-edge));color:#123e50;font-family:var(--cq-font-body,"Hanken Grotesk",sans-serif);text-align:center}.collection-loading>.curioso-logo{width:130px}.collection-loading>div{margin:auto;max-width:360px}.collection-loading>div>svg{width:80px;height:80px;fill:#fff9e9;animation:collection-loading-breathe 1.8s ease-in-out infinite}.collection-loading h1{font-family:var(--cq-font-heading,"Cabinet Grotesk",sans-serif);font-size:clamp(25px,5vw,36px);line-height:1.15;font-weight:800;margin:24px 0}@keyframes collection-loading-breathe{50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.collection-loading>div>svg{animation:none}}.collection-loading-illustration{display:flex;flex-direction:column;align-items:center;gap:22px}.collection-loading-illustration>img{display:block;width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 10px 10px #77552a20);animation:collection-loading-breathe 1.8s ease-in-out infinite}.collection-loading-dots{display:flex;justify-content:center;gap:9px;height:10px}.collection-loading-dots>i{width:9px;height:9px;border-radius:50%;background:#6a9986;animation:collection-loading-dot 1.4s ease-in-out infinite}.collection-loading-dots>i:nth-child(2){animation-delay:.16s}.collection-loading-dots>i:nth-child(3){animation-delay:.32s}@keyframes collection-loading-dot{0%,75%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.collection-loading-illustration>img,.collection-loading-dots>i{animation:none}}.collection-album{padding-left:24px;padding-right:24px}.collection-album>:is(div,nav,footer){width:100%;max-width:1140px;margin-left:auto;margin-right:auto}.collection-album-header{margin-inline:-24px;padding-left:24px;padding-right:24px}@media(max-width:700px){.collection-album{padding-left:16px;padding-right:16px}.collection-album-header{margin-inline:-16px;padding-left:16px;padding-right:16px}}.collection-album,.collection-loading{position:relative;isolation:isolate}.collection-loading{position:fixed}.collection-album:before,.collection-loading:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:var(--album-scene-height);filter:blur(var(--album-scene-blur));clip-path:inset(0);pointer-events:none;background-image:var(--album-scene-wash),var(--album-scene);background-size:cover;background-position:var(--album-scene-position);background-repeat:no-repeat}.collection-album:after,.collection-loading:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:var(--album-scene-height);filter:blur(var(--album-scene-blur));clip-path:inset(0);pointer-events:none;background-image:var(--album-scene-foreground);background-size:var(--album-scene-foreground-size);background-position:var(--album-scene-foreground-position);background-repeat:var(--album-scene-foreground-repeat);mask-image:var(--album-scene-foreground-mask);-webkit-mask-image:var(--album-scene-foreground-mask)}.collection-album-card[data-soon]:hover{transform:none}.collection-album-card[data-soon] .collection-album-card-action{background:#123e5012;color:#416970;box-shadow:none;font-weight:700}