.abrsm-blog-posts{--link: var(--abrsm-red);--elev-1: 0 4px 12px rgba(0,0,0,.08);--elev-2: 0 10px 26px rgba(0,0,0,.12);--focus: 0 0 0 3px color-mix(in srgb, var(--abrsm-red) 30%, transparent)}body.template-index .abrsm-blog-posts{--pad-x: 0px}.abrsm-blog-posts .section-wrap{background:var(--bg);padding:var(--pad-y) var(--pad-x)}.abrsm-blog-posts .page-width{max-width:var(--blog-max-width);margin:0 auto}body.template-index .abrsm-blog-posts .page-width{max-width:calc(100% - (var(--abrsm-wide-gutter, 24px) * 2))}.abrsm-blog-posts .page-width--full{max-width:none}.abrsm-blog-posts .section-header{margin-bottom:1.25rem;text-align:var(--blog-heading-align);display:grid;gap:.5rem}.abrsm-blog-posts .title{margin:0;color:var(--text);font-family:var(--f-heading);font-size:var(--title-size);font-weight:var(--title-weight);line-height:var(--title-lh);letter-spacing:var(--title-ls);text-transform:var(--title-tt)}.abrsm-blog-posts.fluid-title .title{font-size:clamp(22px,2.1vw,var(--title-size))}.abrsm-blog-posts .subtitle{margin:0;color:var(--muted);font-family:var(--f-body);font-size:var(--sub-size);font-weight:var(--sub-weight);line-height:var(--sub-lh);letter-spacing:var(--sub-ls);text-transform:var(--sub-tt)}.abrsm-blog-posts .header-tools{justify-self:var(--blog-heading-align);display:flex;gap:.5rem;flex-wrap:wrap}.abrsm-blog-posts .actions{text-align:var(--blog-heading-align)}.abrsm-blog-posts .btn{display:inline-flex;gap:.5rem;align-items:center;text-decoration:none;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.6rem 1rem;transition:transform .16s ease,box-shadow .16s ease,color .16s ease,border-color .16s ease;box-shadow:0 2px 8px #00000014;font-family:var(--f-cta);font-size:var(--btn-size);font-weight:var(--btn-weight);line-height:var(--btn-lh);letter-spacing:var(--btn-ls);text-transform:var(--btn-tt)}.abrsm-blog-posts .btn:hover,.abrsm-blog-posts .btn:focus-visible{color:var(--abrsm-red);border-color:var(--abrsm-red);transform:translateY(-1px);outline:none;box-shadow:var(--focus)}.abrsm-blog-posts .grid{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--cols-mobile),minmax(0,1fr));container-type:inline-size;margin:0}@media(min-width:700px){.abrsm-blog-posts .grid{grid-template-columns:repeat(var(--cols-tablet),minmax(0,1fr))}}@media(min-width:990px){.abrsm-blog-posts .grid{grid-template-columns:repeat(var(--cols-desktop),minmax(0,1fr))}}.abrsm-blog-posts .scroll{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100%/var(--cols-mobile));gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-gutter:stable}.abrsm-blog-posts .scroll>*{scroll-snap-align:start;min-width:0}@media(min-width:700px){.abrsm-blog-posts .scroll{grid-auto-columns:calc(100%/var(--cols-tablet))}}@media(min-width:990px){.abrsm-blog-posts .scroll{grid-auto-columns:calc(100%/var(--cols-desktop))}}.abrsm-blog-posts .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;box-shadow:var(--elev-1)}.abrsm-blog-posts .card:hover,.abrsm-blog-posts .card:focus-within{transform:translateY(-1px);border-color:#0000001f;box-shadow:var(--elev-2)}.abrsm-blog-posts .card-link{display:grid;grid-template-rows:auto 1fr;height:100%;color:inherit;text-decoration:none;outline:none}.abrsm-blog-posts .card-link:focus-visible{box-shadow:var(--focus)}.abrsm-blog-posts .media{position:relative;width:100%;overflow:hidden;background:#f6f6f6}.abrsm-blog-posts .ratio-natural{aspect-ratio:auto}.ratio-square{aspect-ratio:1/1}.ratio-landscape{aspect-ratio:4/3}.ratio-portrait{aspect-ratio:3/4}.ratio-wide{aspect-ratio:16/9}.abrsm-blog-posts .media img{width:100%;height:100%;object-fit:var(--blog-image-fit);display:block}.abrsm-blog-posts .media-placeholder{width:100%;height:100%;display:grid;place-items:end start;padding:1rem;background:radial-gradient(circle at top right,rgba(255,54,78,.18),transparent 45%),linear-gradient(140deg,#ff364e1f,#1113180a)}.abrsm-blog-posts .media-placeholder span{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.4rem .7rem;background:#ffffffeb;color:var(--abrsm-red);font-family:var(--f-label);font-size:12px;font-weight:600;line-height:1}.abrsm-blog-posts[data-hover-zoom=true] .card:hover .media img{transform:scale(1.02);transition:transform .35s ease;will-change:transform}.abrsm-blog-posts .body{padding:1rem 1rem 1.15rem;display:grid;gap:.55rem}.abrsm-blog-posts .cat{color:var(--abrsm-blue);font-family:var(--f-label);font-size:var(--label-size);font-weight:var(--label-weight);line-height:var(--label-lh);letter-spacing:var(--label-ls);text-transform:var(--label-tt)}.abrsm-blog-posts .chip{display:inline-block;margin-inline-start:.45rem;padding:.18rem .5rem;border-radius:.45rem;font-family:var(--f-label);font-size:calc(var(--label-size)*.85);font-weight:900;letter-spacing:.02em;text-transform:none;color:#fff;background:linear-gradient(90deg,var(--abrsm-red),var(--abrsm-gold))}.abrsm-blog-posts .card-title{margin:0;color:var(--text);font-family:var(--f-heading);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--card-title-lh);letter-spacing:var(--card-title-ls);text-transform:var(--card-title-tt);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--blog-title-lines);overflow:hidden}.abrsm-blog-posts .excerpt{margin:0;color:var(--muted);font-family:var(--f-body);font-size:var(--excerpt-size);font-weight:var(--excerpt-weight);line-height:var(--excerpt-lh);letter-spacing:var(--excerpt-ls);text-transform:var(--excerpt-tt);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--blog-excerpt-lines);overflow:hidden}.abrsm-blog-posts .more{display:inline-flex;align-items:center;gap:.45rem;margin-top:.2rem;text-decoration:none;color:var(--link);font-family:var(--f-cta);font-size:var(--more-size);font-weight:var(--more-weight);line-height:var(--more-lh);letter-spacing:var(--more-ls);text-transform:var(--more-tt);position:relative}.abrsm-blog-posts .more svg{width:1em;height:1em}.abrsm-blog-posts .more:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--abrsm-red),var(--abrsm-gold));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.abrsm-blog-posts .card-link:hover .more:after{transform:scaleX(1)}.abrsm-blog-posts .section--divider{border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}.abrsm-blog-posts .empty-state[hidden]{display:none}.abrsm-blog-posts .empty-state{margin-top:var(--gap)}.abrsm-blog-posts .empty-card{display:grid;gap:.9rem;padding:1.1rem 1.1rem 1.2rem;background:linear-gradient(180deg,#ff364e0d,#fffffffa);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--elev-1)}.abrsm-blog-posts .empty-copy{margin:0;color:var(--muted);font-family:var(--f-body);font-size:var(--excerpt-size);line-height:var(--excerpt-lh)}.abrsm-blog-posts :focus-visible{outline:none;box-shadow:var(--focus)}@media(prefers-reduced-motion:reduce){.abrsm-blog-posts *{transition:none!important;animation:none!important}.abrsm-blog-posts .scroll{scroll-behavior:auto}}@media(forced-colors:active){.abrsm-blog-posts .btn,.abrsm-blog-posts .card{border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.abrsm-blog-posts .cat{color:LinkText}.abrsm-blog-posts .chip{background:CanvasText;color:Canvas}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/abrsm-blog-posts.css.map */