.fd-callouts{display:block;background:var(--fd-callouts-bg, #f5f7f2);color:var(--fd-ink, #1e211f);padding:44px 12px}.fd-callouts__inner{max-width:1200px;margin-inline:auto}.fd-callouts .fd-callouts__heading{margin:0 auto 32px;max-width:760px;text-align:center;font-family:var(--font-heading--family);font-weight:800;font-size:var(--fd-callout-heading-mobile, 30px);line-height:1.1;text-transform:uppercase}.fd-callouts__heading em{display:block;font-family:Fraunces FD,Georgia,serif;font-weight:600;text-transform:none}.fd-callouts__layout{display:grid;gap:32px}.fd-callouts__photo{position:relative;align-self:start;isolation:isolate;overflow:hidden;border:0;border-radius:8px;background:transparent}.fd-callouts__photo>img,.fd-callouts__placeholder{display:block;width:100%;height:auto}.fd-callouts__photo>img{border:0;outline:0;box-shadow:none;clip-path:inset(1px round 8px)}.fd-callouts__placeholder{aspect-ratio:1}.fd-callouts__dot{position:absolute;left:var(--feature-x);top:var(--feature-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#202a22;color:#fff;font-size:20px;font-weight:700;cursor:pointer;z-index:2}.fd-callouts__dot[aria-expanded=true]{background:var(--fd-accent, #3d4d35);box-shadow:0 0 0 4px #3d4d352e}.fd-callouts__zoom{position:absolute;left:clamp(8px,calc(var(--feature-x) - 90px),calc(100% - 100px));top:clamp(8px,var(--feature-y),calc(100% - 100px));width:90px;height:90px;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 16px #00000029;overflow:hidden;pointer-events:none;z-index:1}.fd-callouts__zoom img,.fd-callouts__zoom-crop{display:block;width:100%;height:100%;object-fit:cover}.fd-callouts__zoom--closeup img{object-position:var(--fd-closeup-focus, 50% 50%);transform:scale(var(--fd-closeup-scale, 2.6));transform-origin:var(--fd-closeup-focus, 50% 50%)}.fd-callouts__zoom-crop{background-image:var(--feature-photo);background-size:var(--fd-callout-zoom, 350%);background-position:var(--feature-x) var(--feature-y);background-repeat:no-repeat}.fd-callouts__list{list-style:none;padding:0;margin:0;min-width:0}.fd-callouts__item{border-top:1px solid #c9cfc5}.fd-callouts__toggle{width:100%;display:flex;align-items:center;gap:12px;min-height:80px;padding:20px 0;background:transparent;border:0;text-align:start;color:inherit;cursor:pointer;font-family:var(--font-heading--family);font-weight:800;font-size:var(--fd-callout-title-mobile, 22px);line-height:1.15;text-transform:uppercase}.fd-callouts__number{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#202a22;color:#fff;font-family:var(--font-body--family);font-size:20px;font-weight:700}.fd-callouts__toggle[aria-expanded=true] .fd-callouts__number{background:var(--fd-accent, #3d4d35)}.fd-callouts .fd-callouts__body{padding:0 0 24px;font-size:var(--fd-callout-body-mobile, 18px);line-height:1.5}.fd-callouts .fd-callouts__body :is(p,li,.metafield-rich_text_field){font-size:inherit;line-height:inherit}.fd-callouts__body p{margin-block:0 12px}.fd-callouts__body[hidden],.fd-callouts__zoom[hidden]{display:none}.fd-callouts__toggle:focus-visible,.fd-callouts__dot:focus-visible{outline:2px solid var(--fd-accent, #3d4d35);outline-offset:4px}@media(min-width:750px){.fd-callouts{padding:64px 24px}.fd-callouts .fd-callouts__heading{font-size:var(--fd-callout-heading-desktop, 40px)}.fd-callouts__layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px}.fd-callouts__toggle{font-size:var(--fd-callout-title-desktop, 24px)}.fd-callouts .fd-callouts__body{font-size:var(--fd-callout-body-desktop, 20px)}}.fd-callouts__item{scroll-margin-top:90px}.fd-callouts__toggle:after{content:"+";margin-inline-start:auto;padding-inline-start:12px;font-family:var(--font-body--family);font-weight:400;font-size:28px;line-height:1;color:var(--fd-ink, #16191b)}.fd-callouts__toggle[aria-expanded=true]:after{content:"\2212"}@media(max-width:749px){.fd-callouts__dot{width:26px;height:26px;border-width:1.5px;font-size:13px}.fd-callouts__dot:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.fd-callouts__dot[aria-expanded=true]{box-shadow:0 0 0 3px #3d4d3538}.fd-callouts__number{flex-basis:28px;width:28px;height:28px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/353/assets/fd-feature-callouts.css.map */
