.catalog-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:3rem;align-items:center;padding-block:3rem 5rem}.catalog-hero h1{font-size:clamp(2.4rem,4.6vw,4.4rem)}.catalog-hero p:not(.eyebrow){font-size:1.1rem;max-width:52ch;margin-block:1.5rem}.catalog-hero .institutional{width:100%;height:auto;max-height:34rem;object-fit:contain}.catalog-hero .button{margin-top:1rem}.catalog-search{margin:2rem 0 1rem;max-width:38rem}.catalog-search label{display:block;font-weight:750;margin-bottom:.5rem}.catalog-search>div{display:flex;gap:.5rem}.catalog-search input{min-width:0;flex:1;font:inherit;padding:.8rem;border:1px solid #193A8A;border-radius:.35rem;background:white}button{min-height:48px;padding:.7rem 1rem;border:1px solid #193A8A;border-radius:.35rem;color:#193A8A;background:#fff}button:disabled{opacity:.65}.niche-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.niche-filters button{font-size:.85rem;border-color:#CBD2DE;display:flex;align-items:center;gap:.5rem}.niche-filters button>span{background:var(--niche);width:.65rem;height:.65rem;border-radius:50%;flex:none}.niche-filters [aria-pressed=true]{background:#193A8A;color:#fff;border-color:#193A8A}.niche-filters [aria-pressed=true]>span{outline:1px solid #fff}#results-status{font-size:.9rem;color:#414D63}#no-results{padding:2rem 0}#no-results button{margin-top:1rem}.product-detail{padding-block:2rem 5rem}.detail-opening{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);gap:4rem;align-items:center;margin-block:3rem}.detail-opening h1{font-size:clamp(2.5rem,5vw,4.4rem)}.detail-opening p{margin-block:1.25rem;max-width:56ch}.detail-content{max-width:75ch;margin:4rem auto}.detail-content h2{font-size:2rem}.detail-content li{margin-block:.7rem}.detail-content ul{padding-left:1.2rem}.product-card .square-cover{border-radius:.5rem;overflow:hidden}body[data-edition=F23] .shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));background:linear-gradient(180deg,#DDE5FF,transparent)}
@media(max-width:900px){.catalog-hero{gap:2rem}.global-header{flex-wrap:wrap}.detail-opening{gap:2rem}body[data-edition=F23] .shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.catalog-hero{grid-template-columns:1fr;padding-block:2rem 3rem;gap:2rem}.catalog-hero .institutional{max-height:26rem}.catalog-hero h1{font-size:clamp(2.1rem,9vw,3.25rem)}.global-header nav{width:100%;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.global-header nav a{min-height:48px}.niche-filters button{font-size:.8rem;max-width:100%;text-align:left}.detail-opening{grid-template-columns:1fr;gap:2rem}.detail-opening>.square-cover,.detail-opening>div:first-child{max-width:20rem}.detail-opening h1{font-size:2.5rem}body[data-edition=F23] .shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.catalog-search>div{flex-wrap:wrap}.catalog-search input{flex-basis:12rem}.catalog-search button{flex-grow:1}}
.catalog-hero{position:relative;isolation:isolate;display:flex;aspect-ratio:1672/941;min-height:420px;background:#153969;color:white;padding:clamp(1.5rem,4vw,3.5rem);margin-top:1rem}.catalog-hero>div{position:relative;z-index:1;width:45%;max-width:32rem}.catalog-hero h1{font-size:clamp(2.15rem,4.2vw,3.5rem)}.catalog-hero .institutional{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;object-fit:contain}.catalog-hero .button{background:white;color:#193A8A}.status-badge{display:inline-block;padding:.25rem .7rem;border-radius:99px;font-size:.75rem;font-weight:800;letter-spacing:.01em}.status-badge.free{background:#C8EDE5;color:#004F46}.status-badge.soon{background:#F8E7BD;color:#553B0D}.product-card .current-access,.product-card .coming-soon{display:flex;align-items:center;min-height:48px;margin-top:.8rem;padding:.65rem .75rem;border-radius:.4rem;font-size:.8rem;font-weight:750;text-decoration:none}.product-card .current-access{background:#193A8A;color:white}.product-card .coming-soon{background:#F8E7BD;color:#553B0D;border:0;opacity:1;width:100%;text-align:left}
@media(max-width:700px){.catalog-hero{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto;min-height:0;padding:0;gap:0}.catalog-hero>div{width:100%;max-width:none;padding:2rem 1.5rem}.catalog-hero .institutional{position:static;width:100%;height:auto;max-height:none}.catalog-hero h1{font-size:clamp(2.1rem,9vw,3.25rem)}}