.bb-contact-page{position:relative;overflow:hidden;background-color:var(--bb-cane);background-image:radial-gradient(rgba(43,30,18,.08) .8px,transparent .8px);background-size:22px 22px}.bb-contact-page:before{position:absolute;top:calc(-8 * var(--bb-rem));left:calc(-9 * var(--bb-rem));width:calc(24 * var(--bb-rem));height:calc(24 * var(--bb-rem));border:2px solid rgba(43,30,18,.16);border-radius:50%;content:"";pointer-events:none}.bb-contact-page:after{position:absolute;right:calc(-2 * var(--bb-rem));bottom:calc(2.5 * var(--bb-rem));width:calc(11 * var(--bb-rem));height:calc(1.1 * var(--bb-rem));border-top:5px solid var(--bb-caramel);border-radius:50%;content:"";pointer-events:none;transform:rotate(-7deg)}.bb-contact__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(calc(2.5 * var(--bb-rem)),6vw,calc(5.5 * var(--bb-rem)));align-items:center}.bb-contact__visual,.bb-contact__letter{min-width:0}.bb-contact__photo-wrap{position:relative;isolation:isolate;max-width:calc(34 * var(--bb-rem));margin:0;transform:rotate(-1.5deg)}.bb-contact__photo-wrap:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border:3px solid var(--bb-roux);background-color:var(--bb-roux);content:"";transform:translate(calc(.8 * var(--bb-rem)),calc(.8 * var(--bb-rem))) rotate(2deg)}.bb-contact__photo{display:block;width:100%;height:auto;border:3px solid var(--bb-roux);background-color:var(--bb-praline)}.bb-contact__photo-note{position:absolute;right:calc(-1.2 * var(--bb-rem));bottom:calc(-1.6 * var(--bb-rem));display:grid;gap:calc(.2 * var(--bb-rem));max-width:calc(15 * var(--bb-rem));padding:calc(.65 * var(--bb-rem)) calc(.85 * var(--bb-rem));border:2px solid var(--bb-roux);background-color:var(--bb-flour);color:var(--bb-roux);border-radius:10px 8px 11px 9px;transform:rotate(3deg)}.bb-contact__photo-note span{color:var(--bb-caramel-ink);font-size:calc(.7 * var(--bb-rem));font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bb-contact__photo-note strong{font-size:calc(.9 * var(--bb-rem));line-height:1.15;text-transform:uppercase}.bb-contact__doodle{position:absolute;z-index:2;color:var(--bb-caramel);font-size:calc(2 * var(--bb-rem));line-height:1;pointer-events:none}.bb-contact__doodle--one{top:calc(-1 * var(--bb-rem));left:calc(-1.1 * var(--bb-rem));transform:rotate(-12deg)}.bb-contact__doodle--two{right:calc(.5 * var(--bb-rem));bottom:calc(4.5 * var(--bb-rem));color:var(--bb-flour);font-size:calc(1.25 * var(--bb-rem));transform:rotate(18deg)}.bb-contact__reasons{max-width:calc(32 * var(--bb-rem));margin-top:calc(3 * var(--bb-rem));padding-top:calc(1.1 * var(--bb-rem));border-top:2px dashed rgba(43,30,18,.48)}.bb-contact__reasons-title{margin:0 0 calc(.75 * var(--bb-rem));color:var(--bb-roux);font-family:var(--bb-font-display);font-size:calc(1.2 * var(--bb-rem));line-height:1.1}.bb-contact__topics{display:flex;flex-wrap:wrap;gap:calc(.48 * var(--bb-rem));margin:0;padding:0;list-style:none}.bb-contact__topics li{position:relative;padding:calc(.4 * var(--bb-rem)) calc(.65 * var(--bb-rem));border:1px solid rgba(43,30,18,.54);background-color:var(--bb-flour);border-radius:8px 6px 9px 7px;color:var(--bb-roux);font-size:calc(.72 * var(--bb-rem));font-weight:800;letter-spacing:.055em;text-transform:uppercase;transform:rotate(-1deg)}.bb-contact__topics li:nth-child(2n){background-color:var(--bb-cream);transform:rotate(1deg)}.bb-contact__response{margin:calc(.85 * var(--bb-rem)) 0 0;color:#2b1e12c7;font-size:calc(.82 * var(--bb-rem));font-weight:700}.bb-contact__letter{position:relative;padding:clamp(calc(1.8 * var(--bb-rem)),4vw,calc(3.2 * var(--bb-rem)));border:2px solid var(--bb-roux);background-color:var(--bb-flour);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2.35 * var(--bb-rem)),rgba(147,75,24,.08) calc(2.35 * var(--bb-rem)),rgba(147,75,24,.08) calc(2.35 * var(--bb-rem) + 1px));border-radius:16px 12px 18px 14px;transform:rotate(.45deg)}.bb-contact__letter:after{position:absolute;right:calc(1.3 * var(--bb-rem));top:calc(1.2 * var(--bb-rem));width:calc(2.6 * var(--bb-rem));height:calc(2.6 * var(--bb-rem));border:2px solid var(--bb-caramel);border-radius:50%;content:"LA";color:var(--bb-caramel-ink);font-size:calc(.7 * var(--bb-rem));font-weight:800;letter-spacing:.08em;line-height:calc(2.4 * var(--bb-rem));text-align:center;transform:rotate(9deg)}.bb-contact__tape{position:absolute;z-index:2;top:calc(-.75 * var(--bb-rem));left:50%;width:calc(7.5 * var(--bb-rem));height:calc(1.45 * var(--bb-rem));background-color:#f6f1dcd1;clip-path:polygon(1% 8%,98% 0,100% 90%,2% 100%);transform:translate(-50%) rotate(-2deg)}.bb-contact__head{max-width:52ch;margin-bottom:calc(1.7 * var(--bb-rem));padding-right:calc(3.1 * var(--bb-rem))}.bb-contact__eyebrow{margin-bottom:calc(.6 * var(--bb-rem))}.bb-contact__title{max-width:12ch;margin:0 0 calc(.8 * var(--bb-rem));font-size:clamp(calc(2.35 * var(--bb-rem)),5vw,calc(4.15 * var(--bb-rem)));line-height:.94}.bb-contact__intro{max-width:49ch;font-size:calc(.98 * var(--bb-rem));line-height:1.55}.bb-contact__form{position:relative}.bb-contact-page .contact__fields{gap:calc(.85 * var(--bb-rem))}.bb-contact-page .field,.bb-contact__select-wrap{margin-bottom:calc(.95 * var(--bb-rem))}.bb-contact-page .field:before{display:none}.bb-contact-page .field:after{border-radius:5px 3px 6px 4px;box-shadow:0 0 0 1px #2b1e1280}.bb-contact-page .field:hover:after{box-shadow:0 0 0 2px var(--bb-caramel-ink)}.bb-contact-page .field__input{min-height:calc(3.45 * var(--bb-rem));background-color:#fffdf4eb;color:var(--bb-roux);font-family:var(--bb-font-body);font-size:calc(.92 * var(--bb-rem))}.bb-contact-page .field__input:focus{box-shadow:0 0 0 2px var(--bb-roux)}.bb-contact-page .field__label{color:var(--bb-caramel-ink);font-size:calc(.78 * var(--bb-rem));font-weight:700}.bb-contact__select-wrap{display:grid;gap:calc(.38 * var(--bb-rem))}.bb-contact__select-wrap label{color:var(--bb-caramel-ink);font-size:calc(.76 * var(--bb-rem));font-weight:800;letter-spacing:.055em;text-transform:uppercase}.bb-contact__select-wrap select{width:100%;min-height:calc(3.45 * var(--bb-rem));padding:0 calc(.9 * var(--bb-rem));border:1px solid rgba(43,30,18,.5);border-radius:4px 6px 3px 5px;background-color:#fffdf4eb;color:var(--bb-roux);font:700 calc(.92 * var(--bb-rem)) / 1 var(--bb-font-body)}.bb-contact__select-wrap select:focus-visible{outline:2px solid var(--bb-roux);outline-offset:2px}.bb-contact-page .bb-contact__message-field .field__input{min-height:calc(11.5 * var(--bb-rem));padding-top:calc(1.55 * var(--bb-rem));resize:vertical}.bb-contact__button-row{display:flex;align-items:center;gap:calc(1 * var(--bb-rem));margin-top:calc(1.2 * var(--bb-rem))}.bb-contact__button-row p{max-width:18ch;margin:0;color:#2b1e12b3;font-size:calc(.75 * var(--bb-rem));font-weight:700;line-height:1.3}.bb-contact__submit{min-height:calc(3.25 * var(--bb-rem));border:2px solid var(--bb-roux);border-radius:17px 13px 19px 14px;background-color:var(--bb-caramel);box-shadow:none;color:var(--bb-flour);text-transform:uppercase;transform:rotate(-.7deg);transition:background-color .18s ease,color .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}.bb-contact__success,.bb-contact__error{margin-bottom:calc(1.2 * var(--bb-rem));padding:calc(.9 * var(--bb-rem));border:2px solid var(--bb-roux);background-color:var(--bb-cane);border-radius:10px 8px 11px 9px;color:var(--bb-roux)}.bb-contact__success{display:flex;gap:calc(.7 * var(--bb-rem));align-items:flex-start}.bb-contact__success svg{flex:0 0 auto;width:calc(1.3 * var(--bb-rem))}.bb-contact__success div{display:grid;gap:calc(.15 * var(--bb-rem))}.bb-contact__success strong{font-size:calc(1 * var(--bb-rem))}.bb-contact__success span{font-size:calc(.85 * var(--bb-rem))}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.bb-contact__submit:hover{background-color:var(--bb-roux);color:var(--bb-cane);transform:translateY(-3px) rotate(.7deg)}}@media(prefers-reduced-motion:no-preference){.bb-contact-page .bb-contact__visual{--bb-delight-x: -36px;--bb-delight-y: 18px;--bb-delight-rotate: -2deg;--bb-delight-scale: .97}.bb-contact-page .bb-contact__letter{--bb-delight-x: 34px;--bb-delight-y: 12px;--bb-delight-rotate: 2deg;--bb-delight-scale: .98}.bb-contact-page.is-delighted .bb-contact__doodle{animation:bb-contact-doodle .62s .42s cubic-bezier(.16,1,.3,1) backwards}}@keyframes bb-contact-doodle{0%{opacity:0;transform:rotate(-28deg) scale(.55)}}@media screen and (max-width:989px){.bb-contact__layout{grid-template-columns:1fr;gap:calc(3.4 * var(--bb-rem))}.bb-contact__letter{order:1}.bb-contact__visual{order:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(calc(15 * var(--bb-rem)),.75fr);gap:calc(2.1 * var(--bb-rem));align-items:center}.bb-contact__reasons{margin-top:0}}@media screen and (max-width:749px){.bb-contact-page{background-size:18px 18px}.bb-contact__layout{padding-inline:calc(1.1 * var(--bb-rem))}.bb-contact__letter{padding:calc(2 * var(--bb-rem)) calc(1.1 * var(--bb-rem)) calc(1.4 * var(--bb-rem));clip-path:polygon(1% 0,99% .5%,100% 99%,2% 100%,0 2%);transform:none}.bb-contact__letter:after{right:calc(.8 * var(--bb-rem));top:calc(.85 * var(--bb-rem));width:calc(2.25 * var(--bb-rem));height:calc(2.25 * var(--bb-rem));line-height:calc(2.05 * var(--bb-rem))}.bb-contact__head{padding-right:calc(1.75 * var(--bb-rem))}.bb-contact__title{max-width:10ch;font-size:clamp(calc(2.25 * var(--bb-rem)),12vw,calc(3.45 * var(--bb-rem)))}.bb-contact-page .contact__fields{display:block}.bb-contact__button-row{align-items:flex-start;flex-direction:column}.bb-contact__submit{width:100%}.bb-contact__button-row p{max-width:none}.bb-contact__visual{display:block}.bb-contact__photo-wrap{width:calc(100% - var(--bb-space-1))}.bb-contact__photo-note{right:calc(-.55 * var(--bb-rem));bottom:calc(-1.2 * var(--bb-rem))}.bb-contact__reasons{margin-top:calc(3.2 * var(--bb-rem))}}@media(prefers-reduced-motion:reduce){.bb-contact__submit,.bb-contact__doodle{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bb-contact.css.map */