.catalog-hero{padding:65px 0 36px;background:radial-gradient(ellipse at 80% 25%,#9d78311a,transparent 55%)}.catalog-hero h1{margin:20px 0}.catalog-hero .intro{max-width:650px}.catalog-tools{display:grid;grid-template-columns:1fr 240px;gap:20px;padding:24px;background:#141719;border:1px solid #343735;border-radius:8px}.catalog-tools label{display:block;font-size:12px;font-weight:bold;color:#e0c17b;margin-bottom:9px;letter-spacing:.5px}.catalog-tools input,.catalog-tools select{width:100%;height:48px;border:1px solid #4d514e;border-radius:4px;padding:0 14px;background:#0c0f10;color:#f4f2ec;font:16px Arial,sans-serif}.catalog-tools input:focus,.catalog-tools select:focus{outline:2px solid #e0c17b;outline-offset:2px}.pack-entry{display:grid;grid-template-columns:27% 1fr;gap:40px;padding:40px 30px;margin:24px 0;border:1px solid #353937;border-radius:10px;background:linear-gradient(115deg,#191d1e,#101314 50%)}.pack-entry[hidden]{display:none}.pack-overview{border-right:1px solid #3b3e36;padding-right:28px;text-align:center}.pack-photo{height:275px;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.pack-photo img{max-width:100%;width:auto;height:auto;max-height:275px;object-fit:contain;border-radius:5px}.pack-overview h2{font-size:25px;letter-spacing:-.5px;margin:12px 0 6px}.pack-overview .eyebrow{font-size:9px;letter-spacing:2px}.pack-format{font-size:12px;margin:0;color:#acafaa}.grail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.grail-heading h3{font-size:23px;color:#e1c17a;margin:0}.grail-heading>span{font-size:9px;color:#969e9a;letter-spacing:2px}.grail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grail-grid figure{margin:0;min-width:0}.grail-grid a{display:block;border-radius:9px;transition:transform .2s}.grail-grid a:hover{transform:translateY(-5px)}.grail-grid img{width:100%;height:auto;aspect-ratio:220/307;object-fit:contain;display:block;filter:drop-shadow(0 7px 9px #0007)}.grail-grid figcaption{margin-top:15px;line-height:1.4}.grail-grid strong{display:block;font-size:14px}.grail-grid figcaption span{display:block;color:#a9b0ac;font-size:11px;margin-top:5px}.pull-note{font-size:10px;color:#969e9a;margin:23px 0 0}.sampler-note{align-self:center;max-width:500px}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:35px 0}.catalog-pagination[hidden]{display:none}.catalog-pagination button{font-size:14px;padding:13px 20px;border:1px solid #8d794b;background:#171b1c;color:#e7c780;border-radius:4px;cursor:pointer}.catalog-pagination button:disabled{opacity:.35;cursor:default}.catalog-pagination span{font-size:13px;color:#bfc2bc}.catalog-end{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0 60px}.catalog-end h2{font-size:32px;margin:10px 0}@media(max-width:760px){.catalog-hero{padding-top:40px}.catalog-tools{grid-template-columns:1fr;padding:18px;gap:15px}.pack-entry{grid-template-columns:1fr;padding:24px 18px;gap:25px}.pack-overview{display:flex;align-items:center;gap:22px;text-align:left;border-right:0;border-bottom:1px solid #3b3e36;padding:0 0 23px}.pack-photo{height:170px;min-width:110px;max-width:130px;margin:0}.pack-photo img{max-height:170px}.pack-overview h2{font-size:24px}.grail-grid{gap:10px}.grail-grid strong{font-size:12px}.grail-grid figcaption span{font-size:10px}.grail-heading>span{display:none}.catalog-end{align-items:flex-start;flex-direction:column}.catalog-pagination{gap:12px}.catalog-pagination button{padding:12px}.grail-heading h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.grail-grid a{transition:none}}
/* Compact, continuous catalog — release 1.2 */
.catalog-hero{padding:35px 0 20px}.catalog-hero h1{font-size:clamp(38px,5vw,58px);margin:15px 0}.catalog-hero .intro{font-size:16px;margin:12px 0}.catalog-tools{padding:16px;gap:16px}.value-method{font-size:12px;color:#aeb6b0;margin:14px 0}.value-method summary{cursor:pointer;color:#d9c28a}.value-method p{max-width:900px;margin:8px 0}#pack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.pack-entry{display:block;margin:0;padding:18px 20px;border-radius:8px;min-width:0}.pack-overview{display:flex;align-items:center;gap:15px;text-align:left;border-right:0;border-bottom:1px solid #353b36;padding:0 0 12px;margin-bottom:12px}.pack-photo{width:65px;min-width:65px;max-width:65px;height:80px;margin:0}.pack-photo img{max-height:80px;max-width:65px}.pack-overview h2{font-size:19px;letter-spacing:-.2px;margin:4px 0}.pack-overview .eyebrow{font-size:8px;letter-spacing:1px}.pack-format{font-size:10px}.grail-heading{margin-bottom:10px}.grail-heading h3{font-size:17px}.grail-heading>span{font-size:8px;letter-spacing:1px}.grail-grid{gap:12px}.grail-grid img{height:125px;width:100%;aspect-ratio:auto;object-fit:contain}.grail-grid figcaption{margin-top:8px;line-height:1.3;text-align:center}.grail-grid strong{font-size:11px;min-height:29px}.grail-grid figcaption>span{font-size:9px;margin-top:3px;min-height:24px}.grail-grid figcaption .grail-value{font-size:17px;font-weight:bold;color:#e6c478;display:block;margin-top:7px;text-decoration:none}.grail-grid figcaption .grail-value:hover{text-decoration:underline}.grail-grid figcaption .value-label{font-size:9px;min-height:0;margin-top:2px}.pull-note{font-size:9px;margin:12px 0 0}.value-date{font-size:9px;margin:3px 0 0;color:#a2aaa5}.sampler-note h3{font-size:20px}.sampler-note p{font-size:13px}.catalog-end{padding:35px 0}.catalog-end h2{font-size:27px}@media(max-width:760px){#pack-list{grid-template-columns:1fr;gap:14px}.catalog-hero{padding-top:28px}.catalog-tools{grid-template-columns:1fr}.pack-entry{padding:16px}.pack-overview{gap:15px}.pack-overview h2{font-size:20px}.grail-grid{gap:10px}.grail-grid img{height:120px}.grail-grid strong{font-size:12px}.grail-grid figcaption>span{font-size:9px}.grail-grid figcaption .grail-value{font-size:17px}.grail-heading>span{display:block}}@media(max-width:380px){.grail-grid img{height:100px}.grail-heading>span{display:none}.grail-grid strong{font-size:11px}}