.collection-banner{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}.collection-banner__content{display:flex;flex-direction:column;gap:1.6rem}.collection-banner__title{font-size:clamp(4.4rem,5vw,6.8rem);line-height:1}.collection-banner__description{max-width:62rem;margin-top:.4rem;color:rgba(var(--color-foreground),.78);font-size:1.5rem;line-height:1.7;text-wrap:pretty}.collection-banner__description p{margin:0}.collection-banner__more{display:flex;flex-direction:column-reverse;gap:1.2rem;margin-top:1.2rem}.collection-banner__more summary{align-self:flex-start;list-style:none;cursor:pointer}.collection-banner__more summary::-webkit-details-marker{display:none}.collection-banner__description:has(.collection-banner__more[open]) .collection-banner__short,.collection-banner__more[open] .collection-banner__more-label,.collection-banner__more:not([open]) .collection-banner__less-label{display:none}.collection-banner__more[open]{margin-top:0}.collection-banner__media{order:-1;aspect-ratio:16 / 9;width:100%}@media screen and (min-width:990px){.collection-banner--with-image{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:4.8rem}.collection-banner__media{order:0;justify-self:end;max-width:44rem}}.collection-banner__count{margin-left:1rem;font-size:.4em;vertical-align:middle;color:rgba(var(--color-foreground),.6);white-space:nowrap}.collection-banner--compact{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2.8rem 4.8rem}.collection-banner--compact .collection-banner__content{flex:1 1 52rem;gap:1.4rem}.collection-banner--compact .collection-banner__title{font-size:4rem}.collection-banner--compact .collection-banner__description{margin-top:0}@media screen and (min-width:750px){.collection-banner--compact .collection-banner__title{font-size:5.6rem}}.featured-pen{position:relative;display:flex;align-items:center;gap:2rem;flex:0 1 48rem;width:100%;padding:1.8rem;border:1px solid rgba(var(--color-foreground),.2);transition:border-color var(--duration-short) ease}.featured-pen:hover,.featured-pen:focus-within{border-color:rgb(var(--color-accent))}.featured-pen:has(.featured-pen__name:focus-visible){outline:1px solid rgb(var(--color-accent));outline-offset:3px}.featured-pen__media{flex:none;width:9.6rem;aspect-ratio:1;background:#fff;overflow:hidden}.featured-pen__media img,.featured-pen__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.featured-pen__info{display:flex;flex-direction:column;gap:.6rem;min-width:0}.featured-pen__eyebrow{margin:0;font-size:1.1rem;font-weight:400;letter-spacing:.25rem;line-height:1.3;text-transform:uppercase;color:rgb(var(--color-accent))}.featured-pen__name{color:rgb(var(--color-heading));font-family:var(--font-heading-family);font-size:2.4rem;line-height:1.1;text-decoration:none;text-wrap:balance}.featured-pen__name:focus-visible{outline:none}.featured-pen__name:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.featured-pen__line{margin:0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.featured-pen__row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2rem;margin-top:.6rem}.featured-pen__price{font-family:var(--font-heading-family);font-size:1.9rem;line-height:1}.featured-pen__action{display:inline-flex;align-items:center;padding:0 0 .2rem;border:0;border-bottom:1px solid rgba(var(--color-foreground),.5);background:none;color:inherit;font-family:var(--font-body-family);font-size:1.1rem;text-decoration:none;font-weight:400;letter-spacing:.2rem;line-height:1;text-transform:uppercase;transition:color var(--duration-short) ease,border-color var(--duration-short) ease}.featured-pen__quick-add{position:relative;z-index:1}.featured-pen__add{cursor:pointer}.featured-pen__add:hover{color:rgb(var(--color-accent));border-color:rgb(var(--color-accent))}.featured-pen__add:focus-visible{outline:1px solid rgb(var(--color-accent));outline-offset:3px}.featured-pen__add .loading__spinner{display:none}.featured-pen__add.loading{opacity:.5;pointer-events:none}@media screen and (min-width:750px){.featured-pen__media{width:12.8rem}}@media(prefers-reduced-motion:reduce){.featured-pen,.featured-pen__action{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-collection-banner.css.map */