/* G3/G4 only. Geometry follows B; the approved G1/G2 remain untouched. */
.album-next-blocks{background:#fffefd;color:#2e173b;font-family:Nunito,sans-serif;font-synthesis:none;padding:0 0 30px}
#catalog.album-catalog,.album-process{width:auto;margin:0 4.2%;padding:14px 0 0;position:relative;max-width:none}
#catalog.album-catalog{display:block;z-index:3}
#catalog.album-catalog .album-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;padding:0}
#catalog.album-catalog h2,.album-process h2{font:900 clamp(20px,2.02vw,31px)/1.25 Nunito,sans-serif;letter-spacing:0;white-space:normal;max-width:none;margin:0;padding:0;color:#2d153c;-webkit-text-stroke:0}
.album-catalog .album-show-all{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:6px 0 6px 12px;flex-shrink:0;border:0;background:transparent;color:#7835ab;font:700 15px/1.3 Nunito,sans-serif;text-align:right}
.album-catalog .album-show-all svg{width:20px;height:20px;flex-shrink:0}
.album-catalog .album-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.album-catalog .album-set-card{border:1px solid #e8dfd2;background:#fffefd;padding:7px 7px 0;border-radius:16px;min-width:0;box-shadow:0 2px 3px #7b68450a;overflow:hidden}
.album-catalog .album-set-card[hidden]{display:none}
.album-catalog .album-set-open{display:block;width:100%;padding:0;border:0;text-align:left;background:transparent;color:#3b2649;font-family:Nunito,sans-serif;border-radius:10px}
.album-catalog .album-set-picture{display:block;width:100%;height:auto;aspect-ratio:1.63;object-fit:cover;object-position:center;border-radius:10px}
.album-catalog .album-set-missing{width:100%;aspect-ratio:1.63;display:grid;place-content:center;background:#f3efe9;border:1px dashed #cbbfae;border-radius:10px;text-align:center;padding:12px;color:#766a5b;font:400 14px/1.4 Nunito,sans-serif}
.album-catalog .album-set-label{min-height:66px;padding:10px 11px 10px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 18px/1.25 Nunito,sans-serif;letter-spacing:0}
.album-catalog .album-set-label svg{width:20px;height:20px;color:#8741bb;flex-shrink:0}
.album-catalog .album-set-open:hover{color:#7130a3}
.album-catalog .album-set-open:focus-visible{outline:3px solid #6c2b99;outline-offset:-3px}
.album-catalog .album-catalog-tools{margin:20px 0 0;padding:0}
.album-catalog .album-catalog-tools[hidden]{display:none}
.album-catalog .filters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0;padding:0}
.album-catalog .filter{font:700 14px/1.3 Nunito,sans-serif;border:1px solid #e3d8eb;border-radius:8px;padding:10px 15px;min-height:44px;background:#fffefd;color:#5d3977}
.album-catalog .filter.active{background:#efe3fa;color:#55267a;border-color:#b892d1}
.album-catalog .album-catalog-note{font:400 13px/1.5 Nunito,sans-serif;color:#6b5b72;margin:12px 0 0}
.album-process{padding-top:30px;padding-bottom:0}
.album-process h2{margin-bottom:20px}
.album-process .album-process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}
.album-process .album-process-step{position:relative;min-width:0;padding:24px 40px 23px 27px;min-height:217px}
.album-process .album-process-step:before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 90% 15%,#efe6d437,transparent 60%),url('assets/album/paper-grain.svg'),#faf6ee;mask:url('assets/album/process-paper-mask.svg') 0 0/100% 100% no-repeat}
.album-process .album-process-top,.album-process .album-process-step h3,.album-process .album-process-step p{position:relative;z-index:1}
.album-process .album-process-top{display:flex;align-items:center;gap:34px;margin:0 0 3px}
.album-process .album-step-number{display:grid;place-items:center;flex-shrink:0;width:64px;height:68px;border-radius:48% 53% 49% 45%;background:radial-gradient(ellipse at 32% 22%,#e6c5fb,#c596ed);color:#582383;font:700 34px/1 Nunito,sans-serif;transform:rotate(-5deg)}
.album-process .album-step-icon{width:88px;height:80px;overflow:visible;flex-shrink:0;pointer-events:none}
.album-process h3{font:900 21px/1.2 Nunito,sans-serif;color:#522575;letter-spacing:0;margin:0 0 7px}
.album-process .album-process-step p{font:400 17px/1.3 Nunito,sans-serif;color:#635269;max-width:280px;margin:0}
.album-process .album-step-arrow{position:absolute;pointer-events:none;width:90px;height:44px;right:-35px;top:57px;z-index:2;overflow:visible}
.album-process .album-process-note{position:absolute;right:10px;top:9px;z-index:2;transform:rotate(-11deg);font:300 25px/1 AlbumCookie,cursive;color:#60436f;margin:0;text-align:center}
.album-process .album-process-smile{position:absolute;right:-11px;top:51px;width:63px;height:63px;z-index:2;transform:rotate(10deg);pointer-events:none;overflow:visible}
@media(min-width:1600px){.album-next-blocks{padding-bottom:2vw}.album-process .album-process-step{min-height:15vw;padding:1.7vw 2.7vw 1.7vw 1.9vw}.album-process .album-process-top{gap:2.4vw}.album-process .album-process-step p{max-width:22vw}.album-catalog .album-set-picture,.album-catalog .album-set-missing{aspect-ratio:1.63}}
@media(max-width:1100px){.album-catalog .album-catalog-grid{gap:12px}.album-catalog .album-set-card{padding:5px 5px 0;border-radius:12px}.album-catalog .album-set-label{font-size:15px;min-height:62px;padding:8px 5px}.album-process .album-process-step{padding:20px 20px 20px 18px;min-height:204px}.album-process .album-process-top{gap:22px}.album-process .album-step-number{width:50px;height:54px;font-size:29px}.album-process .album-step-icon{width:65px;height:65px}.album-process h3{font-size:19px}.album-process .album-process-step p{font-size:15px}.album-process .album-step-arrow{width:63px;right:-26px;top:43px}.album-process .album-process-note{font-size:21px;right:5px;top:8px}.album-process .album-process-smile{width:45px;height:45px;right:-7px;top:56px}}
@media(max-width:760px){.album-next-blocks{padding-bottom:24px}#catalog.album-catalog,.album-process{margin:0 5%;padding-top:20px}#catalog.album-catalog .album-section-head{align-items:flex-start;gap:12px;margin-bottom:14px}#catalog.album-catalog h2,.album-process h2{font-size:21px;line-height:1.22}.album-catalog .album-show-all{font-size:12px;min-height:44px;gap:5px;padding:0 0 0 5px;max-width:92px}.album-catalog .album-show-all svg{width:17px}.album-catalog .album-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.album-catalog .album-set-picture,.album-catalog .album-set-missing{aspect-ratio:1.12}.album-catalog .album-set-label{font-size:14px;min-height:62px;padding:8px 4px;gap:5px}.album-catalog .album-set-label svg{width:16px}.album-catalog .album-set-missing{font-size:12px;padding:8px}.album-catalog .album-catalog-tools{margin-top:16px}.album-catalog .filter{font-size:12px;padding:10px}.album-process{padding-top:28px}.album-process h2{padding-right:30px;margin-bottom:19px}.album-process .album-process-list{grid-template-columns:1fr;gap:14px}.album-process .album-process-step{min-height:173px;padding:20px 25px 23px 86px}.album-process .album-process-top{margin:0 0 6px;height:41px;gap:0}.album-process .album-step-number{position:absolute;left:20px;top:24px;width:49px;height:55px;font-size:29px}.album-process .album-step-icon{width:54px;height:54px}.album-process h3{font-size:20px;margin-bottom:7px}.album-process .album-process-step p{font-size:15px;max-width:none}.album-process .album-step-arrow{width:56px;height:40px;top:auto;bottom:-24px;right:25px;transform:rotate(83deg)}.album-process .album-process-note{top:68px;right:15px;font-size:20px}.album-process .album-process-smile{right:5px;top:99px;width:40px;height:40px}}
@media(max-width:760px){.album-process .album-step-number{left:-66px;top:4px}}
@media(prefers-reduced-motion:reduce){.album-next-blocks *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* B places the note above the last paper, with the oval face below and to its right. */
.album-process .album-process-step .album-process-note{position:absolute;right:42px;top:-60px;max-width:none;font:300 25px/1.02 AlbumCookie,cursive;color:#60436f;transform:rotate(-11deg);text-align:center;z-index:3}
.album-process .album-process-smile{right:-16px;top:-15px;width:80px;height:84px;transform:rotate(-12deg);z-index:3}
@media(max-width:1100px) and (min-width:761px){.album-process .album-process-step .album-process-note{right:30px;top:-53px;font-size:22px}.album-process .album-process-smile{right:-12px;top:-13px;width:62px;height:66px}}
@media(max-width:760px){.album-process .album-process-step .album-process-note{right:38px;top:9px;font-size:21px}.album-process .album-process-smile{right:-2px;top:39px;width:48px;height:51px}}
