.bf-section{--bf-ground: #070707;--bf-ink: #F6F6F2;--bf-ink-soft: #B7B7B0;--bf-neon: #48F03B;--bf-on-neon: #070707;--bf-field: #141414;--bf-field-edge: rgba(246, 246, 242, .34);--bf-display: "Archivo", "Arial Black", "Helvetica Neue", Arial, sans-serif;--bf-text: "Archivo", "Helvetica Neue", Arial, sans-serif;--bf-brand: "Bodoni Moda", "Bodoni 72", Didot, Georgia, serif;--bf-ease-out: cubic-bezier(.23, 1, .32, 1);--bf-ease-in-out: cubic-bezier(.77, 0, .175, 1);--bf-story-max: 560px;--bf-hero-max: 1280px;--bf-pad-top: 24px;--bf-pad-bottom: 24px;--bf-logo-h: 3.9cqi;--bf-bg-opacity: .5;color-scheme:dark;background:var(--bf-ground);color:var(--bf-ink);font-family:var(--bf-text)!important;-webkit-font-smoothing:antialiased;padding-top:var(--bf-pad-top);padding-bottom:var(--bf-pad-bottom);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.bf-section *,.bf-section *:before,.bf-section *:after{box-sizing:border-box}.bf-section :focus-visible{outline:2px solid var(--bf-neon);outline-offset:3px}.bf-stage{display:grid;place-items:center}.bf-banner{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:var(--bf-ground);color:var(--bf-ink);max-width:100%;box-shadow:0 0 0 1px #1e1e1e}.bf-banner[data-format=portrait]{width:min(100%,var(--bf-story-max),calc((100vh - 96px)*.5625));width:min(100%,var(--bf-story-max),calc((100dvh - 96px)*.5625));min-width:min(100%,320px);aspect-ratio:9 / 16}.bf-banner[data-format=landscape]{width:100%;max-width:var(--bf-hero-max);aspect-ratio:16 / 7}@media(max-width:759px){.bf-banner[data-format=landscape]{width:min(100%,var(--bf-story-max));aspect-ratio:9 / 16}}.bf-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bf-bg img{display:block;width:100%;height:100%;object-fit:cover;opacity:var(--bf-bg-opacity)}.bf-inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;padding:7cqi;gap:3.8cqi;grid-template-rows:auto 1fr auto auto auto;grid-template-areas:"mark" "." "head" "info" "form";pointer-events:none}.bf-inner>*{pointer-events:auto}.bf-mark{grid-area:mark;display:flex;justify-content:space-between;align-items:baseline;gap:4cqi;position:relative;z-index:3}.bf-wordmark{margin:0;font:700 max(12px,var(--bf-logo-h))/1 var(--bf-brand);letter-spacing:.2em;text-transform:uppercase}.bf-wordmark img{display:block;height:max(14px,var(--bf-logo-h));width:auto;max-width:60cqi;object-fit:contain}.bf-mark .bf-when{margin:0;font:600 max(12px,3.1cqi)/1 var(--bf-text);font-stretch:125%;font-variation-settings:"wdth" 125;letter-spacing:.02em;font-variant-numeric:tabular-nums}.bf-head{--fs: 12.6cqi;grid-area:head;position:relative;display:grid;gap:1.6cqi;min-width:0}.bf-title{margin:0;display:grid;gap:calc(var(--fs) * .14);font:900 var(--fs)/1 var(--bf-display);font-stretch:125%;font-variation-settings:"wdth" 125;letter-spacing:-.01em;text-transform:uppercase;color:inherit}.bf-row{display:flex;align-items:flex-end;height:calc(var(--fs) * .74);line-height:.74;min-width:0}.bf-row .bf-g,.bf-row .bf-tail{display:block;white-space:nowrap}.bf-ltr{position:relative;height:100%;flex:1 1 auto;min-width:calc(var(--fs) * .7)}.bf-ltr i{position:absolute;display:block;background:currentColor}.bf-ltr .bf-stem{left:0;top:0;bottom:0;width:calc(var(--fs) * var(--stem, .205))}.bf-ltr .bf-arm{left:0;right:calc(var(--fs) * .07);height:calc(var(--fs) * var(--bar, .16));transform-origin:left center}.bf-L .bf-arm{bottom:0}.bf-F .bf-arm.bf-top{top:0}.bf-F .bf-arm.bf-mid{top:calc(var(--fs) * .3);right:auto;width:calc(var(--fs) * .52)}.bf-L{margin-right:calc(var(--fs) * .02)}.bf-coming{margin:0;justify-self:end;font:900 calc(var(--fs) * .36)/.9 var(--bf-display);color:var(--bf-neon);white-space:nowrap;margin-top:calc(var(--fs) * .04);font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase}.bf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bf-info{grid-area:info;display:grid;gap:3cqi;min-width:0}.bf-copy{margin:0;font:400 max(14px,3.7cqi)/1.45 var(--bf-text);max-width:36em;text-wrap:pretty}.bf-when-block{display:grid;gap:2cqi}.bf-starts{margin:0;font:800 max(13px,3.6cqi)/1.1 var(--bf-text);font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:.01em}.bf-starts b{color:var(--bf-neon);font-weight:800}.bf-load{display:grid;gap:1.5cqi;margin-block:.6cqi 1.2cqi}.bf-load-track{height:max(14px,4.6cqi);padding:max(3px,1cqi);background:#232323}.bf-load-fill{display:block;height:100%;background:var(--bf-neon);transform-origin:left center;transform:scaleX(var(--p, 0))}.bf-load-label{margin:0;display:flex;justify-content:space-between;gap:3cqi;font:800 max(11px,2.6cqi)/1 var(--bf-text);font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:.06em;color:var(--bf-ink-soft)}.bf-load-label span:last-child{color:var(--bf-ink);font-variant-numeric:tabular-nums}.bf-form{grid-area:form;display:grid;gap:2.2cqi;min-width:0;position:relative;z-index:3}.bf-form form{display:grid;gap:2.2cqi;margin:0}.bf-form input{width:100%;height:max(48px,12cqi);padding:0 4.4cqi;border-radius:0;margin:0;background:var(--bf-field);color:var(--bf-ink);border:1.5px solid var(--bf-field-edge);font:400 max(16px,3.9cqi)/1 var(--bf-text);box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color .2s ease}.bf-form input::placeholder{color:var(--bf-ink-soft);opacity:1}.bf-form input:focus{outline:none;border-color:var(--bf-ink)}.bf-form input:focus-visible{outline:2px solid var(--bf-neon);outline-offset:2px}.bf-form input[aria-invalid=true]{border-color:var(--bf-neon)}.bf-cta{height:max(48px,12cqi);width:100%;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:2.6cqi;background:var(--bf-neon);color:var(--bf-on-neon);border:0;border-radius:999px;cursor:pointer;font:900 max(14px,3.9cqi)/1 var(--bf-text);font-stretch:125%;font-variation-settings:"wdth" 125;letter-spacing:.01em;text-transform:uppercase;transition:transform .14s var(--bf-ease-out),background-color .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bf-cta svg{width:1.1em;height:1.1em;transition:transform .25s var(--bf-ease-out)}.bf-cta:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.bf-cta:hover{background:var(--bf-ink);color:var(--bf-ground)}.bf-cta:hover svg{transform:translate(4px)}}.bf-cta[disabled]{cursor:progress;opacity:.85}.bf-msg{margin:0;font:500 max(12px,3.1cqi)/1.35 var(--bf-text)}.bf-msg:empty{display:none}.bf-msg.bf-err:before{content:"";display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--bf-neon);margin-right:.5em;vertical-align:.02em}.bf-legal{margin:0;font:400 max(11px,2.7cqi)/1.4 var(--bf-text);color:var(--bf-ink-soft)}.bf-legal a{color:inherit}.bf-done{display:grid;gap:2cqi}.bf-done h2{margin:0;font:900 7.4cqi/1 var(--bf-display);font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase;color:inherit}.bf-done p{margin:0;font:400 max(14px,3.7cqi)/1.45 var(--bf-text);overflow-wrap:anywhere}.bf-done button{justify-self:start;background:none;border:0;padding:1.2cqi 0;margin:0;color:var(--bf-ink);cursor:pointer;font:600 max(13px,3.3cqi)/1 var(--bf-text);text-decoration:underline;text-underline-offset:.25em}.bf-form [hidden]{display:none!important}.bf-stickers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.bf-sticker{position:absolute;left:0;top:0;width:var(--d);height:var(--d);translate:-50% -50%;rotate:var(--r, 0deg);pointer-events:auto;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.bf-sticker:active{cursor:grabbing}.bf-sticker svg{width:100%;height:100%;overflow:visible;display:block}.bf-sticker .bf-face{fill:var(--bf-neon)}.bf-sticker text{font-family:var(--bf-display)!important;font-weight:900;font-stretch:125%;font-variation-settings:"wdth" 125;fill:var(--bf-on-neon);text-anchor:middle}.bf-sticker.bf-hero{z-index:4}.bf-slap{animation:bf-slap .34s linear both;animation-delay:calc(1s + var(--i, 0) * 70ms)}@keyframes bf-slap{0%{opacity:0;scale:2.6;rotate:calc(var(--r, 0deg) + 28deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}8%{opacity:1}52%{scale:.86;rotate:calc(var(--r, 0deg) - 4deg);animation-timing-function:cubic-bezier(.23,1,.32,1)}74%{scale:1.05;rotate:calc(var(--r, 0deg) + 1deg)}to{opacity:1;scale:1;rotate:var(--r, 0deg)}}.bf-banner[data-format=landscape] .bf-inner{padding:3.6cqi 4.4cqi;column-gap:5.6cqi;row-gap:2cqi;grid-template-columns:1.42fr .58fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"mark mark" "head ." "head info" "head form"}.bf-banner[data-format=landscape] .bf-head{align-self:center;gap:1cqi;--fs: 9cqi}.bf-banner[data-format=landscape] .bf-wordmark{font-size:max(12px,calc(var(--bf-logo-h) * .42))}.bf-banner[data-format=landscape] .bf-wordmark img{height:max(14px,calc(var(--bf-logo-h) * .42));max-width:30cqi}.bf-banner[data-format=landscape] .bf-mark .bf-when{font-size:max(12px,1.25cqi)}.bf-banner[data-format=landscape] .bf-info{gap:1.5cqi}.bf-banner[data-format=landscape] .bf-copy{font-size:max(13px,1.32cqi)}.bf-banner[data-format=landscape] .bf-when-block{gap:.8cqi}.bf-banner[data-format=landscape] .bf-starts{font-size:max(12px,1.3cqi)}.bf-banner[data-format=landscape] .bf-load{gap:.6cqi;margin-block:.2cqi .5cqi}.bf-banner[data-format=landscape] .bf-load-track{height:max(12px,1.5cqi);padding:max(3px,.35cqi)}.bf-banner[data-format=landscape] .bf-load-label{font-size:max(11px,.95cqi)}.bf-banner[data-format=landscape] .bf-form,.bf-banner[data-format=landscape] .bf-form form{gap:.9cqi}.bf-banner[data-format=landscape] .bf-form input,.bf-banner[data-format=landscape] .bf-cta{height:max(44px,4.2cqi);font-size:max(14px,1.3cqi)}.bf-banner[data-format=landscape] .bf-form input{padding:0 1.6cqi}.bf-banner[data-format=landscape] .bf-cta{gap:1cqi}.bf-banner[data-format=landscape] .bf-msg{font-size:max(12px,1.1cqi)}.bf-banner[data-format=landscape] .bf-legal{font-size:max(11px,1cqi)}.bf-banner[data-format=landscape] .bf-done{gap:.9cqi}.bf-banner[data-format=landscape] .bf-done h2{font-size:2.6cqi}.bf-banner[data-format=landscape] .bf-done p{font-size:max(13px,1.32cqi)}.bf-banner[data-format=landscape] .bf-done button{font-size:max(13px,1.2cqi);padding:.4cqi 0}@media(max-width:759px){.bf-banner[data-format=landscape] .bf-inner{padding:7cqi;gap:4.4cqi;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto auto;grid-template-areas:"mark" "." "head" "info" "form"}.bf-banner[data-format=landscape] .bf-head{--fs: 12.6cqi}.bf-banner[data-format=landscape] .bf-wordmark{font-size:max(12px,var(--bf-logo-h))}.bf-banner[data-format=landscape] .bf-wordmark img{height:max(14px,var(--bf-logo-h));max-width:60cqi}.bf-banner[data-format=landscape] .bf-mark .bf-when{font-size:max(12px,3.1cqi)}.bf-banner[data-format=landscape] .bf-info{gap:3cqi}.bf-banner[data-format=landscape] .bf-copy{font-size:max(14px,3.7cqi)}.bf-banner[data-format=landscape] .bf-when-block{gap:2cqi}.bf-banner[data-format=landscape] .bf-starts{font-size:max(13px,3.6cqi)}.bf-banner[data-format=landscape] .bf-load{gap:1.5cqi;margin-block:.6cqi 1.2cqi}.bf-banner[data-format=landscape] .bf-load-track{height:max(14px,4.6cqi);padding:max(3px,1cqi)}.bf-banner[data-format=landscape] .bf-load-label{font-size:max(11px,2.6cqi)}.bf-banner[data-format=landscape] .bf-form,.bf-banner[data-format=landscape] .bf-form form{gap:2.2cqi}.bf-banner[data-format=landscape] .bf-form input,.bf-banner[data-format=landscape] .bf-cta{height:max(48px,12cqi);font-size:max(16px,3.9cqi)}.bf-banner[data-format=landscape] .bf-form input{padding:0 4.4cqi}.bf-banner[data-format=landscape] .bf-cta{gap:2.6cqi;font-size:max(14px,3.9cqi)}.bf-banner[data-format=landscape] .bf-msg{font-size:max(12px,3.1cqi)}.bf-banner[data-format=landscape] .bf-legal{font-size:max(11px,2.7cqi)}.bf-banner[data-format=landscape] .bf-done{gap:2cqi}.bf-banner[data-format=landscape] .bf-done h2{font-size:7.4cqi}.bf-banner[data-format=landscape] .bf-done p{font-size:max(14px,3.7cqi)}.bf-banner[data-format=landscape] .bf-done button{font-size:max(13px,3.3cqi);padding:1.2cqi 0}}.bf-rise{animation:bf-rise .8s var(--bf-ease-out) both}@keyframes bf-rise{0%{opacity:0;transform:translateY(20px)}}.bf-swap-in{animation:bf-swap .42s var(--bf-ease-out) both}@keyframes bf-swap{0%{opacity:0;transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){.bf-rise,.bf-swap-in,.bf-slap{animation:bf-fade .3s ease both;animation-delay:0ms}@keyframes bf-fade{0%{opacity:0}}.bf-cta,.bf-cta svg{transition:background-color .2s ease}.bf-cta:active{transform:none}}@media only screen and (min-width:590px){.main-content{min-height:inherit!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/loreti-bf-banner.css.map */