/*
Theme Name: Babetti
Description: Babetti one-page staging theme, adapted from the approved Figma layouts.
Version: 0.2.2
Text Domain: babetti
*/
:root{--cream:#ede6d4;--wine:#9e3047;--olive:#938418;--ink:#2d2512}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--wine);font-family:'Roboto Mono',monospace;font-weight:300}a{color:inherit;text-underline-offset:6px}img{display:block;max-width:100%}p{font-size:15px;line-height:1.3;text-transform:lowercase;margin:0}h1,h2{font-family:Professor,'Segoe Print',cursive;font-weight:400;margin:0;line-height:.92}h2{font-size:clamp(35px,4.6vw,80px)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:66.666vw}.hero-media{background:var(--olive);position:relative;overflow:hidden}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;background:var(--wine);color:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:620px}.hero-copy p{width:350px;max-width:65%;transform:translateY(-50px)}.hero-logo{position:absolute;width:106%;max-width:none;left:-3%;bottom:6%;height:22%;object-fit:contain}.brandbar{position:sticky;top:0;z-index:9;background:var(--olive);height:70px;padding:23px 30px}.brandbar img{width:92px;height:24px;object-fit:contain}.intro{max-width:1330px;margin:auto;padding:180px 0 140px;display:grid;grid-template-columns:1fr 1fr;gap:100px 160px}.intro h2{grid-column:1/3;width:65%;text-align:center;transform:rotate(-5deg);margin-left:4%}.intro>p,.intro>.wp-block-group__inner-container>p{grid-column:2;max-width:310px;text-align:center;justify-self:center}.coffee-art{width:100%;min-height:700px;display:flex;align-items:center;justify-content:center;background:#dfddd4}.coffee-art img{width:69%;height:500px;object-fit:contain}.menu{padding-top:240px;display:flex;align-items:center;flex-direction:column;gap:54px}.menu h2{font-size:40px;max-width:360px;text-align:center;transform:rotate(3deg)}.menu img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top}.menu p{max-width:357px;text-align:center}.cta{font:inherit;font-size:15px;text-transform:lowercase;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 5px;cursor:pointer}.cta[disabled]{cursor:default;opacity:.65}.concept{padding:180px 0;background:repeating-linear-gradient(90deg,#ada653 0 13px,#d2c99c 13px 43px);overflow:hidden}.concept-track{display:grid;grid-template-columns:minmax(100px,1fr) minmax(500px,804px) minmax(100px,1fr);gap:40px;align-items:stretch}.concept-photo{width:100%;height:542px;object-fit:cover;border:20px solid #d2c99c}.card{background:var(--cream);border:20px solid #d2c99c;padding:75px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;text-align:center}.card h2{font-size:40px;max-width:460px}.card p{max-width:590px}.ritual{max-width:1320px;margin:auto;padding:180px 0 130px;display:grid;grid-template-columns:1fr 1.4fr;gap:75px 90px;align-items:start}.ritual>h2,.ritual>.wp-block-group__inner-container>h2{grid-column:1/3;max-width:850px;justify-self:end;text-align:center;transform:rotate(3deg)}.ritual>p,.ritual>.wp-block-group__inner-container>p{max-width:400px;text-align:center;padding-top:30px}.ritual-photo{width:100%;aspect-ratio:1;object-fit:cover}.coffee-copy{margin-top:-100px;max-width:575px}.coffee-copy h2{font-size:70px;max-width:430px;margin-bottom:80px}.coffee-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.pause{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:850px}.polaroids{height:100%;background:repeating-linear-gradient(90deg,#b96475 0 13px,#dfbec0 13px 43px);display:grid;place-items:center;padding:60px}.polaroids img{width:100%;max-width:630px;aspect-ratio:1;object-fit:contain}.pause .card{border-color:#d5adb0;width:min(504px,80%);min-height:504px;justify-self:center}.ticker{overflow:hidden;background:#d2c99c;padding:40px 0}.ticker p{width:max-content;animation:marquee 35s linear infinite;word-spacing:25px}.interior{width:100%;height:40vw;object-fit:cover}footer{background:var(--wine);color:var(--cream);padding:65px 0 45px;overflow:hidden}.footer-logo{width:106%;max-width:none;margin-left:-3%;height:28vw;object-fit:contain}.credits{display:flex;justify-content:center;align-items:center;gap:90px;margin-top:55px;font-size:12px}.credits p{font-size:12px;text-transform:uppercase}.credits a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.credits img{width:80px;height:12px}.back-top{position:fixed;right:0;bottom:15%;z-index:10;background:var(--olive);color:var(--cream);padding:20px 14px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1400px) and (min-width:701px){.intro,.ritual{margin-left:10%;margin-right:10%;gap:70px}.menu{padding-top:130px}.coffee-art{min-height:600px}.coffee-copy{margin-top:0}.concept-track{grid-template-columns:1fr 2.5fr 1fr;gap:20px}.card{padding:55px 25px}.pause{min-height:700px}}
@media(max-width:700px){p{font-size:12px;line-height:15px}.hero{display:flex;flex-direction:column;min-height:854px}.hero-media{height:427px}.hero-copy{min-height:427px}.hero-copy p{max-width:230px;font-family:Arial,sans-serif;font-size:13px;line-height:18px;transform:translateY(-32px)}.hero-logo{bottom:8%;height:28%}.brandbar{height:45px;padding:12px 16px}.brandbar img{width:70px;height:20px}.intro{display:flex;flex-direction:column;padding:85px 0 70px;gap:85px}.intro h2{width:280px;margin:0 auto;font-size:35px}.intro>p,.intro>.wp-block-group__inner-container>p{max-width:248px;align-self:center}.coffee-art{min-height:500px}.coffee-art img{width:270px;height:335px}.menu{padding:0 14px;gap:38px}.menu h2{font-size:35px;width:247px}.menu p{max-width:245px}.cta{font-size:12px}.concept{padding:50px 24px}.concept-track{display:flex;flex-direction:column;gap:42px}.concept-photo{height:344px;border-width:10px}.card{border-width:10px;padding:65px 32px;gap:48px}.card h2{font-size:35px}.ritual{display:flex;flex-direction:column;padding:95px 14px 85px;gap:80px}.ritual>h2,.ritual>.wp-block-group__inner-container>h2{font-size:35px;max-width:280px;align-self:center}.ritual>p,.ritual>.wp-block-group__inner-container>p{padding:0;max-width:248px;align-self:center}.ritual-photo{width:100%}.coffee-copy{margin:0 44px;max-width:none}.coffee-copy h2{font-size:35px;margin-bottom:40px;max-width:280px}.coffee-columns{display:flex;flex-direction:column;gap:18px}.pause{display:flex;flex-direction:column;gap:46px;min-height:0}.polaroids{width:100%;height:496px;padding:30px}.polaroids img{width:333px}.pause .card{width:calc(100% - 48px);min-height:0;margin-bottom:0;padding:65px 45px}.ticker{margin-top:0;padding:32px 0}.ticker p{font-size:15px}.interior{height:100vw}footer{padding:40px 0 50px}.footer-logo{height:30vw}.credits{flex-direction:column;gap:12px;margin-top:35px}.credits a{font-size:10px}.back-top{padding:14px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker p{animation:none}}

h2>img{width:100%;height:auto}.intro h2,.menu h2,.ritual>h2,.ritual>.wp-block-group__inner-container>h2{transform:none}

h2>img{aspect-ratio:auto!important;object-fit:contain!important;height:auto!important}.menu h2{flex:none}


/* Core block layout adapters, shared with the visual page editor. */
.babetti-home .wp-block-group,.babetti-home .wp-block-image,.babetti-home .wp-block-buttons{margin-block-start:0;margin-block-end:0}
.babetti-home figure{margin:0}.babetti-home .wp-block-image img{vertical-align:middle}
.hero-media figure{height:100%;width:100%}.hero-media .wp-block-video{height:100%;margin:0}.hero-media video{height:100%;width:100%;object-fit:cover}
.hero-logo img,.footer-logo img{width:100%;height:100%;object-fit:contain}.hero-copy .hero-logo{position:absolute}
.coffee-art figure{width:69%}.coffee-art figure img{width:100%;height:auto}.menu figure{width:100%}.menu figure img{width:100%;aspect-ratio:1;object-fit:cover}
.concept-photo img,.ritual-photo img,.interior img{width:100%;height:100%;object-fit:cover}.polaroids figure{width:100%;max-width:630px}
.babetti-buttons .wp-block-button__link{border:0!important;border-radius:0;background:transparent!important;color:inherit!important;padding:0 0 5px!important;border-bottom:1px solid currentColor!important;font:inherit;font-size:15px;text-transform:lowercase}
.babetti-buttons{justify-content:center}.back-top-wrap{position:fixed;right:0;bottom:15%;z-index:10;writing-mode:vertical-rl;transform:rotate(180deg)}
.back-top-wrap .wp-block-button__link{background:var(--olive);color:var(--cream);border-radius:0;padding:20px 14px;font-size:13px}
.admin-bar .brandbar{top:32px}.babetti-home h2{overflow-wrap:normal}
@media(max-width:700px){.coffee-art figure{width:270px}.coffee-art figure img{height:auto}.babetti-buttons .wp-block-button__link{font-size:12px}.polaroids figure{width:333px}.admin-bar .brandbar{top:46px}.back-top-wrap .wp-block-button__link{padding:14px 8px;font-size:10px}}


.babetti-home .wp-block-group__inner-container{display:contents}.babetti-home p{margin-block-start:0;margin-block-end:0}.babetti-home .wp-block-group__inner-container>*{margin-block-start:0;margin-block-end:0}