.handpan-whats-included,.handpan-app-showcase,.handpan-product-specs,.handpan-sound,.handpan-craftsmanship,.handpan-accordion{--handpan-spacing: 4rem;--handpan-radius: 1.2rem;--handpan-radius-sm: .8rem;--handpan-shadow: 0 4px 24px rgba(0, 0, 0, .06);--handpan-shadow-hover: 0 12px 40px rgba(0, 0, 0, .1);--handpan-accent: rgba(var(--color-foreground), .08);--handpan-transition: .35s cubic-bezier(.4, 0, .2, 1);--hb-c1: #B14E45;--hb-c2: #4B7A84;--hb-c3: #D1A636}@media screen and (min-width:750px){.handpan-whats-included,.handpan-app-showcase,.handpan-product-specs,.handpan-sound,.handpan-craftsmanship,.handpan-accordion{--handpan-spacing: 5rem}}@media(prefers-reduced-motion:reduce){.handpan-whats-included,.handpan-app-showcase,.handpan-product-specs,.handpan-sound,.handpan-craftsmanship,.handpan-accordion{--handpan-transition: .01s}}.handpan-whats-included .handpan-section__title,.handpan-app-showcase .handpan-section__title,.handpan-product-specs .handpan-section__title,.handpan-sound .handpan-section__title,.handpan-craftsmanship .handpan-section__title,.handpan-accordion .handpan-section__title{margin-bottom:2rem;font-size:calc(var(--font-heading-scale) * 2.4rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;position:relative;padding-bottom:1rem}.handpan-whats-included .handpan-section__title:after,.handpan-app-showcase .handpan-section__title:after,.handpan-product-specs .handpan-section__title:after,.handpan-sound .handpan-section__title:after,.handpan-craftsmanship .handpan-section__title:after,.handpan-accordion .handpan-section__title:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;border-radius:2px;background:linear-gradient(90deg,#b14e45,#b14e4526)}.handpan-whats-included .handpan-cards{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}@media screen and (min-width:750px){.handpan-whats-included .handpan-cards{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.handpan-whats-included .handpan-card{text-align:center;padding:2.5rem 1.75rem;background:rgba(var(--color-foreground),.02);border-radius:var(--handpan-radius);border:1px solid rgba(var(--color-foreground),.06);box-shadow:var(--handpan-shadow);transition:transform var(--handpan-transition),box-shadow var(--handpan-transition),border-color var(--handpan-transition)}.handpan-whats-included .handpan-card:hover{transform:translateY(-4px);box-shadow:var(--handpan-shadow-hover);border-color:rgba(var(--color-foreground),.1)}.handpan-whats-included .handpan-card__media{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.handpan-whats-included .handpan-card__media .svg-wrapper,.handpan-whats-included .handpan-card__media img{width:3.6rem;height:3.6rem;margin:0 auto;display:block}.handpan-whats-included .handpan-card__media .svg-wrapper{fill:rgb(var(--color-foreground));opacity:.9;padding:.9rem;background:rgba(var(--color-foreground),.06);border-radius:50%;transition:background var(--handpan-transition),transform var(--handpan-transition)}.handpan-whats-included .handpan-card:hover .handpan-card__media .svg-wrapper{background:rgba(var(--color-foreground),.1);transform:scale(1.05)}.handpan-whats-included .handpan-card__title{font-size:1.55rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.01em}.handpan-whats-included .handpan-card__description{font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.75)}.handpan-app-showcase .handpan-app-showcase__subtext{margin-bottom:1.5rem;font-size:1.5rem;line-height:1.55;color:rgba(var(--color-foreground),.78);max-width:42ch}.handpan-app-showcase .handpan-benefits{list-style:none;padding:0;margin:2rem 0}.handpan-app-showcase .handpan-benefit{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;font-size:1.5rem;line-height:1.45;padding:1rem 1.25rem;border-radius:var(--handpan-radius-sm);background:transparent;transition:background var(--handpan-transition)}.handpan-app-showcase .handpan-benefit:hover{background:var(--handpan-accent)}.handpan-app-showcase .handpan-benefit .svg-wrapper{flex-shrink:0;width:2.4rem;height:2.4rem;padding:.5rem;fill:rgb(var(--color-foreground));opacity:.9;background:rgba(var(--color-foreground),.07);border-radius:.5rem;transition:transform var(--handpan-transition)}.handpan-app-showcase .handpan-benefit:hover .svg-wrapper{transform:scale(1.08)}.handpan-app-showcase .handpan-cta{margin-top:2.5rem}.handpan-app-showcase .handpan-cta .button{padding:1rem 2rem;border-radius:var(--handpan-radius-sm);font-weight:600;letter-spacing:.02em;transition:transform var(--handpan-transition),box-shadow var(--handpan-transition)}.handpan-app-showcase .handpan-cta .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.handpan-product-specs .handpan-specs{margin-top:2rem;border-radius:var(--handpan-radius);overflow:hidden;border:1px solid rgba(var(--color-foreground),.08);box-shadow:var(--handpan-shadow)}.handpan-product-specs .handpan-spec-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem 1.5rem;font-size:1.5rem;background:rgba(var(--color-foreground),.02);border-bottom:1px solid rgba(var(--color-foreground),.06);transition:background var(--handpan-transition)}.handpan-product-specs .handpan-spec-row:last-child{border-bottom:none}.handpan-product-specs .handpan-spec-row:hover{background:rgba(var(--color-foreground),.04)}.handpan-product-specs .handpan-spec-label{color:rgba(var(--color-foreground),.7);font-weight:500;font-size:1.4rem}.handpan-product-specs .handpan-spec-value{text-align:right;font-weight:600;letter-spacing:.01em;color:var(--hb-c1)}.handpan-sound .handpan-sound__copy{margin-bottom:2rem;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.85)}.handpan-sound .handpan-sound__media{margin-top:2rem;max-width:100%;border-radius:var(--handpan-radius);overflow:hidden;box-shadow:var(--handpan-shadow);border:1px solid rgba(var(--color-foreground),.06)}.handpan-sound .handpan-sound__media audio{width:100%;display:block;padding:.5rem}.handpan-sound .handpan-sound__media audio::-webkit-media-controls-panel{background:rgba(var(--color-foreground),.03)}.handpan-craftsmanship .handpan-craftsmanship__grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media screen and (min-width:750px){.handpan-craftsmanship .handpan-craftsmanship__grid{grid-template-columns:1fr 1fr;gap:4rem}.handpan-craftsmanship .handpan-craftsmanship__grid>.handpan-craftsmanship__content:only-child{max-width:42rem;margin-left:auto;margin-right:auto}.handpan-craftsmanship.handpan-craftsmanship--image-right .handpan-craftsmanship__grid{direction:rtl}.handpan-craftsmanship.handpan-craftsmanship--image-right .handpan-craftsmanship__grid>*{direction:ltr}}.handpan-craftsmanship .handpan-craftsmanship__media{border-radius:var(--handpan-radius);overflow:hidden;box-shadow:var(--handpan-shadow-hover);position:relative}.handpan-craftsmanship .handpan-craftsmanship__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.06);pointer-events:none}.handpan-craftsmanship .handpan-craftsmanship__image{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.4,0,.2,1)}.handpan-craftsmanship .handpan-craftsmanship__media:hover .handpan-craftsmanship__image{transform:scale(1.03)}.handpan-craftsmanship .handpan-craftsmanship__text{font-size:1.5rem;line-height:1.65;color:rgba(var(--color-foreground),.9)}.handpan-craftsmanship .handpan-craftsmanship__text p{margin-bottom:1.35rem}.handpan-craftsmanship .handpan-craftsmanship__text p:first-child:first-letter{font-size:1.15em;font-weight:600;letter-spacing:.02em}.handpan-craftsmanship .handpan-craftsmanship__text p:last-child{margin-bottom:0}.handpan-craftsmanship--hero .handpan-craftsmanship__hero{position:relative;min-height:75vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.handpan-craftsmanship__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.handpan-craftsmanship__bg-img{width:100%;height:100%;object-fit:cover;display:block}.handpan-craftsmanship__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1}.handpan-craftsmanship__hero-inner{position:relative;z-index:2;width:100%;max-width:var(--page-width);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;display:flex;align-items:center;justify-content:center}.handpan-craftsmanship__hero-card{max-width:28rem;width:100%;padding:2.5rem 2.25rem;background:#fffffff0;border-radius:1.5rem;box-shadow:0 25px 60px -12px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.handpan-craftsmanship__hero-card--standalone{margin:0 auto;background:rgba(var(--color-background),.98);box-shadow:0 4px 24px #0000000f;border:1px solid rgba(var(--color-foreground),.08)}.color-scheme-2 .handpan-craftsmanship__hero-card:not(.handpan-craftsmanship__hero-card--standalone),.color-scheme-3 .handpan-craftsmanship__hero-card:not(.handpan-craftsmanship__hero-card--standalone){background:rgba(var(--color-background),.95)}.color-scheme-2 .handpan-craftsmanship__hero-card:not(.handpan-craftsmanship__hero-card--standalone) .handpan-craftsmanship__hero-title,.color-scheme-3 .handpan-craftsmanship__hero-card:not(.handpan-craftsmanship__hero-card--standalone) .handpan-craftsmanship__hero-title{color:rgb(var(--color-foreground))}.color-scheme-2 .handpan-craftsmanship__hero-card:not(.handpan-craftsmanship__hero-card--standalone) .handpan-craftsmanship__hero-text,.color-scheme-3 .handpan-craftsmanship__hero-card:not(.handpan-craftsmanship__hero-card--standalone) .handpan-craftsmanship__hero-text{color:rgba(var(--color-foreground),.9)}.handpan-craftsmanship__hero-title{margin:0 0 1.25rem;font-size:calc(var(--font-heading-scale) * 2.2rem);font-weight:700;letter-spacing:-.04em;line-height:1.2;color:#1d1d1f}.handpan-craftsmanship__hero-title.h1{font-size:calc(var(--font-heading-scale) * 2.6rem)}.handpan-craftsmanship__hero-title.h0{font-size:calc(var(--font-heading-scale) * 3rem)}.handpan-craftsmanship__hero-text{font-size:1.45rem;line-height:1.65;color:#1d1d1fd9}.handpan-craftsmanship__hero-text p{margin-bottom:1.25rem}.handpan-craftsmanship__hero-text p:last-child{margin-bottom:0}@media screen and (min-width:750px){.handpan-craftsmanship--hero .handpan-craftsmanship__hero{min-height:80vh}.handpan-craftsmanship__hero-card{max-width:32rem;padding:3rem 3.25rem}.handpan-craftsmanship__hero-title{font-size:calc(var(--font-heading-scale) * 2.4rem)}.handpan-craftsmanship__hero-title.h1{font-size:calc(var(--font-heading-scale) * 2.8rem)}.handpan-craftsmanship__hero-title.h0{font-size:calc(var(--font-heading-scale) * 3.2rem)}.handpan-craftsmanship__hero-text{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.handpan-craftsmanship__hero-card{-webkit-backdrop-filter:none;backdrop-filter:none}}.handpan-accordion .handpan-accordion__list{margin-top:2rem;border-radius:var(--handpan-radius);overflow:hidden;border:1px solid rgba(var(--color-foreground),.08);box-shadow:var(--handpan-shadow)}.handpan-accordion .accordion details{border-bottom:1px solid rgba(var(--color-foreground),.06)}.handpan-accordion .accordion details:last-child{border-bottom:none}.handpan-accordion .accordion details summary{padding:1.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;font-size:1.5rem;font-weight:500;background:transparent;transition:background var(--handpan-transition)}.handpan-accordion .accordion details summary .accordion__title{margin:0}.handpan-accordion .accordion details summary:hover{background:var(--handpan-accent)}.handpan-accordion .accordion details summary .svg-wrapper{flex-shrink:0;width:2rem;height:2rem;margin-top:.25rem;fill:rgb(var(--color-foreground));transition:transform var(--handpan-transition)}.handpan-accordion .accordion details[open] summary .svg-wrapper:last-of-type{transform:rotate(180deg)}.handpan-accordion .accordion__content{padding:0 1.5rem 1.5rem;font-size:1.4rem;line-height:1.65;color:rgba(var(--color-foreground),.85);animation:handpan-accordion-open .3s ease-out}@keyframes handpan-accordion-open{0%{opacity:0}to{opacity:1}}.handpan-accordion .accordion details[open] summary{padding-bottom:.75rem;border-bottom:1px solid rgba(var(--color-foreground),.06)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/handpan-sections.css.map */