/* Full-width artwork inside a consistent light-blue section frame. */
.home-catalog{display:grid;gap:16px;align-items:stretch}
.home-catalog .home-group{--section-accent:#9dcdef;--section-tint:#edf7ff;margin:0;padding:16px;border:1px solid #c6e2f5;border-top:3px solid var(--section-accent);border-radius:16px;background:var(--section-tint);box-shadow:0 3px 12px #22496b04;min-width:0}
.home-catalog .home-group h2{display:flex;align-items:center;gap:9px;min-height:0;font-size:14px;line-height:1.45;font-weight:650;margin:0 0 13px;letter-spacing:0}
.home-catalog .home-group h2:before{content:'';width:7px;height:7px;border-radius:2px;background:var(--section-accent);flex:none}
.home-catalog .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-catalog .tile{padding:0;gap:0;align-items:stretch;background:#f4faff;border:1px solid #c6e2f5;border-radius:11px;box-shadow:none;min-height:119px;justify-content:flex-start}
.home-catalog .tile:hover{border-color:var(--section-accent);background:#fff;box-shadow:0 4px 12px #274c6810;transform:translateY(-2px)}
.home-catalog .tile>.reference-picture{width:100%;max-width:100%;height:auto;aspect-ratio:1.64!important;border-radius:0;align-self:stretch}
.home-catalog .tile .tile-art{width:100%;height:96px;font-size:30px;border-radius:0}
.home-catalog .tile-copy{width:100%;padding:12px;min-height:66px;background:#f4faff;flex:1;text-align:left}
.home-catalog .tile h3{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0;overflow-wrap:normal}
.home-catalog .tile p{font-size:11px;line-height:1.5;margin-top:5px}
.resources .tile{border:1px solid #c6e2f5;border-radius:12px;background:#f4faff;box-shadow:none;padding:0;gap:0;align-items:stretch;flex-direction:column}
.resources .tile>.reference-picture{width:100%;border-radius:0;align-self:stretch}
.resources .tile-art{width:100%;height:96px;font-size:30px;border-radius:0;align-self:stretch;background:linear-gradient(120deg,#b9e5fb,#91c9ef)}
.resources .tile-copy{text-align:left;width:100%;padding:12px;background:#f4faff}
.resources .tile h3{font-size:13px;line-height:1.5}
.resources .tile p{font-size:11px;line-height:1.6}
.sidebar nav .nav-icon,.mobile-drawer nav .nav-icon{font-size:16px;width:18px;flex:none;text-align:center}
@media(min-width:1024px){.home-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-catalog .home-group{padding:16px}.home-catalog .home-group h2{min-height:40px}}
@media(max-width:760px){.home-catalog{gap:13px}.home-catalog .home-group{padding:13px;border-radius:13px}.home-catalog .home-group h2{font-size:13px;margin-bottom:11px}.home-catalog .tile{min-height:0;padding:0;gap:0}.home-catalog .tile>.reference-picture{width:100%}.home-catalog .tile-copy{padding:10px;min-height:63px}.home-catalog .tile h3{font-size:13px;line-height:1.5}.home-catalog .tile p{font-size:10px}.resources .tile>.reference-picture{width:100%}.resources .tile-art{width:100%;height:84px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.home-catalog .tile:hover{transform:none}}
.resources .tile:nth-child(n) .tile-art{background:linear-gradient(120deg,#b9e5fb,#91c9ef);color:#000}
.home-catalog .home-contact{grid-column:1/-1;justify-self:center;width:100%;max-width:640px;padding:20px 24px;border-radius:24px;background:linear-gradient(120deg,#eff9ff,#dfefff,#eff9ff);border-top:1px solid #bdddf3;box-shadow:0 7px 24px #2b639510}
.home-catalog .home-contact h2{justify-content:center;min-height:0;margin-bottom:16px}
.home-catalog .home-contact h2:after{content:'';width:7px;height:7px;border-radius:2px;background:var(--section-accent)}
.home-catalog .home-contact .tile-grid{grid-template-columns:minmax(0,1fr);max-width:430px;margin:auto}
.home-catalog .home-contact .tile{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;min-height:110px;border-radius:16px;background:#f4faff}
.home-catalog .home-contact .tile>.reference-picture{height:100%;aspect-ratio:auto!important;min-height:110px;overflow:hidden}
.home-catalog .home-contact .tile>.reference-picture img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.home-catalog .home-contact .tile-copy{padding:18px;text-align:center;min-height:0}
.home-catalog .home-contact .tile h3{font-size:16px}.home-catalog .home-contact .tile p{display:block;font-size:12px}
@media(max-width:600px){.home-catalog .home-contact{padding:17px;border-radius:20px}.home-catalog .home-contact .tile{grid-template-columns:92px minmax(0,1fr)}.home-catalog .home-contact .tile-copy{padding:12px}.home-catalog .home-contact .tile h3{font-size:14px}.home-catalog .home-contact .tile p{font-size:11px}}

/* Paired contact and notebook cards. */
.home-catalog .home-contact{max-width:720px}.home-catalog .home-contact .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:14px}.home-catalog .home-contact .tile{display:flex;flex-direction:column;min-height:0}.home-catalog .home-contact .tile>.reference-picture{width:100%;height:120px;min-height:0;aspect-ratio:auto!important}.home-catalog .home-contact .tile-art{width:100%;height:120px;min-height:120px;background:linear-gradient(145deg,#e4f6ff,#bddff5);color:#3178aa;display:grid;place-items:center;font-size:58px;border-radius:0}.home-catalog .home-contact .tile-copy{width:100%;padding:14px;min-height:88px}.home-catalog .home-contact .tile h3{font-size:15px}@media(max-width:600px){.home-catalog .home-contact .tile-grid{gap:10px}.home-catalog .home-contact .tile>.reference-picture,.home-catalog .home-contact .tile-art{height:96px;min-height:96px}.home-catalog .home-contact .tile-copy{padding:12px;min-height:88px}}
