body:has(.flippd-about){background:#0b0b0b}@font-face{font-family:Apfel Grotezk;src:url(flippd-body.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(flippd-body-bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(flippd-display.woff2) format("woff2");font-weight:300 900;font-stretch:62% 100%;font-display:swap}.flippd-about{max-width:430px;margin:0 auto;position:relative;overflow-x:clip;background:#2456c6;color:#fff;min-height:100vh;font-family:Apfel Grotezk,sans-serif;line-height:normal;letter-spacing:0;-webkit-font-smoothing:antialiased}.flippd-about *{box-sizing:border-box}.flippd-about a{color:#fff;text-decoration:none}.flippd-about a:hover{color:#f9e308}.flippd-about button{font:inherit;color:inherit}.flippd-about h1,.flippd-about h2,.flippd-about p{color:inherit;letter-spacing:inherit}.flippd-about img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.flippd-about input::placeholder{color:#7a7a7a}.flippd-about :focus-visible{outline:2px solid #f9e308;outline-offset:4px}.flippd-about [hidden]{display:none!important}.about-condition:not([hidden]){display:contents}.about-slot-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.about-slot-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:20px;color:#b7c6ec;font-size:13px;border:1px dashed #7893c7;border-radius:inherit}.flippd-about button{touch-action:manipulation}.flippd-about [data-screen-label="02 The reel"] button{flex-shrink:0}.flippd-about footer img{height:auto}.about-film-dialog{padding:0;border:0;border-radius:24px;background:#0b0b0b;width:min(900px,calc(100% - 32px))}.about-film-dialog::backdrop{background:#000b}.about-film-dialog video{display:block;width:100%}.about-film-dialog button{position:absolute;right:10px;top:10px;background:#f9e308;border:0;border-radius:50%;height:36px;width:36px;z-index:2;cursor:pointer}.about-notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#0b0b0b;color:#fff;padding:14px 18px;border-radius:16px;z-index:80;opacity:0;pointer-events:none}.about-notice.visible{opacity:1}.flippd-about form{margin:0}@media(min-width:750px){.flippd-about{max-width:none;width:100%;margin-inline:0;--about-gutter:clamp(28px,4vw,64px)}.flippd-about header{padding-inline:var(--about-gutter)!important}.flippd-about>section{padding-left:var(--about-gutter)!important;padding-right:var(--about-gutter)!important}.flippd-about [data-screen-label="01 Opening"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;grid-template-rows:auto 1fr auto;padding-top:28px!important;align-items:start}.flippd-about [data-screen-label="01 Opening"]>div:first-child{grid-column:1;grid-row:1/3;align-self:stretch;aspect-ratio:auto!important;min-height:440px}.flippd-about [data-screen-label="01 Opening"] h1{grid-column:2;margin-top:0!important;font-size:clamp(48px,6.4vw,76px)!important;line-height:.96!important;text-wrap:pretty}.flippd-about [data-screen-label="01 Opening"]>p{grid-column:2;font-size:18px!important;max-width:44ch}.flippd-about [data-screen-label="01 Opening"]>div:last-child{grid-column:1/-1}.flippd-about [data-screen-label="02 The reel"]>div{padding-inline:0!important}.flippd-about [data-screen-label="02 The reel"]>div:nth-child(2){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;overflow:visible!important}.flippd-about [data-screen-label="02 The reel"] button{min-width:0;height:320px!important}.flippd-about [data-screen-label="04 How it's made"]>div:last-child,.flippd-about [data-screen-label="06 People"]>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.flippd-about [data-screen-label="04 How it's made"]>div:last-child>div{padding:22px!important;min-height:190px!important}.flippd-about [data-screen-label="03 The film"],.flippd-about [data-screen-label="07 Founder"]{max-width:1000px;margin-inline:auto}.flippd-about [data-screen-label="05 Rules"]{max-width:1100px;margin-inline:auto}.flippd-about [data-screen-label="05 Rules"] button{padding-block:24px!important}.flippd-about [data-screen-label="05 Rules"] button>.about-condition>span{max-width:65ch}.flippd-about [data-screen-label="06 People"] button>span:first-child{max-height:380px}.flippd-about [data-screen-label="07 Founder"]>div{padding:36px!important}.flippd-about [data-screen-label="07 Founder"]>div>div>span:first-child{position:relative}.flippd-about [data-screen-label="07 Founder"]>div>div>span:first-child .about-slot-placeholder{font-size:8px;padding:2px}.flippd-about [data-screen-label="08 Go taste it"]{max-width:700px;margin-inline:auto}.flippd-about [data-screen-label="08 Go taste it"]>button{max-width:430px;align-self:center}.flippd-about footer{padding-inline:var(--about-gutter)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px!important;align-items:start}.flippd-about footer>div:first-child{max-width:430px}.flippd-about footer>div:last-child{grid-column:1/-1}.flippd-about footer form{max-width:500px}}@media(min-width:1024px){.flippd-about [data-screen-label="08 Go taste it"]>div:first-child{height:340px!important}.flippd-about [data-screen-label="08 Go taste it"]>div:first-child img{height:300px!important;width:auto!important;margin-inline:-12px!important}.flippd-about [data-screen-label="01 Opening"]{column-gap:48px;grid-template-rows:auto 1fr auto}.flippd-about [data-screen-label="01 Opening"]>div:first-child{min-height:520px}.flippd-about [data-screen-label="01 Opening"] h1{font-size:clamp(64px,6vw,78px)!important}.flippd-about [data-screen-label="01 Opening"]>p{font-size:20px!important}.flippd-about [data-screen-label="02 The reel"]>div:nth-child(2),.flippd-about [data-screen-label="04 How it's made"]>div:last-child,.flippd-about [data-screen-label="06 People"]>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr))!important}.flippd-about [data-screen-label="02 The reel"] button{height:360px!important}.flippd-about [data-screen-label="02 The reel"] button>span>span{padding:20px!important}.flippd-about [data-screen-label="02 The reel"] button>span>span:first-child>span:nth-child(3){font-size:clamp(30px,3vw,40px)!important}.flippd-about [data-screen-label="02 The reel"] button>span>span:last-child>span:last-child{font-size:clamp(72px,8vw,104px)!important}.flippd-about [data-screen-label="04 How it's made"]>div:last-child>div{min-height:220px!important}.flippd-about [data-screen-label="05 Rules"] button>span>span:first-child{font-size:36px!important}.flippd-about [data-screen-label="05 Rules"] button>.about-condition>span{font-size:17px!important}.flippd-about [data-screen-label="07 Founder"]>div>p{font-size:42px!important}.flippd-about footer{grid-template-columns:1.1fr 1fr 1.1fr}}@media(max-width:360px){.flippd-about>div:first-child{font-size:10px!important;gap:6px!important}.flippd-about h1{font-size:52px!important}.flippd-about h2{font-size:46px!important}.flippd-about [data-screen-label="08 Go taste it"] img{height:155px!important}.flippd-about header+div{font-size:11px}}@media(prefers-reduced-motion:reduce){.flippd-about *{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important}}.about-scroll-word{display:inline-grid;perspective:900px;color:#f9e308;font-style:italic;overflow:visible;line-height:1.05;max-width:100%}.about-word-rotor{display:inline-grid;transform-style:preserve-3d;transform:rotateX(0);transition:transform .7s cubic-bezier(.34,1.4,.5,1)}.about-word-front,.about-word-back{grid-area:1/1;display:block;white-space:nowrap;padding:.08em .16em;overflow:visible;backface-visibility:hidden;-webkit-backface-visibility:hidden}.about-word-back{transform:rotateX(180deg) rotate(180deg)}.about-scroll-word.is-inverted>.about-word-rotor{transform:rotateX(180deg)}.flippd-about h1,.flippd-about h2{overflow:visible;min-width:0}.flippd-about .about-hero-can{right:18px!important;bottom:18px!important;animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
/*# sourceMappingURL=/cdn/shop/t/16/assets/flippd-about.css.map */