.hero{padding-top:132px}.sol-story{background:var(--shade);scroll-margin-top:120px}.story-intro{max-width:640px;margin:20px 0 32px;color:var(--green);font:400 17px/1.7 var(--f-body)}.story-main{display:block;position:relative;aspect-ratio:3 / 2;background:var(--cream)}.story-main>img{display:block;width:100%;height:100%;object-fit:contain}.story-expand{position:absolute;bottom:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;background:var(--cream);color:var(--green);font-size:28px;border-radius:4px}.story-details{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:104px;padding:16px 0}.story-stage{font:400 12px/1.5 var(--f-mono);color:var(--green);margin-bottom:6px}.story-title{font:400 28px/1.2 var(--f-display);color:var(--bone)}.story-arrows{display:flex;gap:8px;flex-shrink:0}.story-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--green);border-radius:50%;background:transparent;cursor:pointer}.story-arrows img{width:20px;height:20px}[data-story-prev] img{transform:rotate(180deg)}.story-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px}.story-thumbnails button{flex:0 0 98px;height:74px;border:2px solid transparent;padding:3px;background:transparent;cursor:pointer;border-radius:4px}.story-thumbnails button[aria-current=true]{border-color:var(--green)}.story-thumbnails img{width:100%;height:100%;object-fit:contain;display:block;background:var(--cream)}.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.story-gallery :focus-visible,.story-gallery:focus-visible{outline:3px solid var(--green);outline-offset:3px}.course-intro{width:min(900px,calc(100% - 32px))}.course-intro video{display:block;width:100%;aspect-ratio:16 / 9;background:#171914}.course-lesson-title{margin-top:12px}.cafe-film{margin:auto;padding:12px;border:0;background:var(--cream);max-height:95dvh;width:min(400px,calc(100% - 24px))}.cafe-film::backdrop{background:#000b}.cafe-film form{display:flex;justify-content:flex-end}.cafe-film button{width:44px;height:44px;font-size:30px;color:var(--green);background:transparent;border:0;cursor:pointer}.cafe-film video{display:block;width:100%;max-height:78dvh}.pswp{z-index:10000}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.menu-card{display:flex;flex-direction:column;min-height:0;aspect-ratio:auto;grid-row:auto}.menu-card-bg{position:relative;inset:auto;width:100%;aspect-ratio:3 / 2;flex:none;background-size:contain;background-repeat:no-repeat;background-color:var(--shade)}.menu-card:hover .menu-card-bg{transform:none}.menu-card-body{position:relative;inset:auto;flex:1}.menu-card-scrim{display:none}.product-img{background-size:contain;background-repeat:no-repeat}@media(max-width:700px){.menu-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.hero{padding-top:112px}}@media(max-width:600px){.menu-card{aspect-ratio:auto;min-width:0;width:100%}.sol-story{padding:48px 20px}.story-title{font-size:24px}.story-details{min-height:110px}.story-thumbnails button{flex-basis:80px;height:62px}.story-main{aspect-ratio:1 / 1}.story-actions .btn{white-space:normal}.nav-name{font-size:18px}.nav-name span{font-size:9px;letter-spacing:0}.nav-links{gap:0}.nav-cta{padding:10px!important;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ben-story-gallery.css.map */