.oh{--ink: #151B46;--paper: #FAF7F3;--gold: #FFCE00;--crimson: #D8362A;--cyan: #99FFFF;--forest: #126630;--mint: #AEFFD8;--orange: #EA5F00;--blush: #FFE1F5;--butter: #FBE666;--ink-hover: #31365C;--light-hover: #EFEFEF;--muted: #5a5f80;--line: rgba(21, 27, 70, .12);--display: "Carbona", "Helvetica Neue", Arial, sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--gutter: 16px;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;letter-spacing:0}:where(.oh) *,:where(.oh) *:before,:where(.oh) *:after{box-sizing:border-box}:where(.oh) img{display:block;max-width:100%;height:auto}:where(.oh) a{color:inherit}:where(.oh) h1,:where(.oh) h2,:where(.oh) h3{font-family:var(--display);font-weight:900;line-height:1;margin:0;letter-spacing:-.01em;text-wrap:balance}:where(.oh) p{margin:0}.oh .oh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-family:var(--body);font-weight:500;font-size:15px;line-height:1.2;letter-spacing:0;border:0;cursor:pointer;white-space:nowrap;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.oh .oh-btn--light{background:#fff;color:var(--ink)}.oh .oh-btn:active{background:var(--ink-hover)}.oh .oh-btn--light:active{background:var(--light-hover)}.oh .eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.oh-sec{padding:48px 0}.oh .sec-h{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:0 var(--gutter);margin:0 auto 16px;max-width:1280px}.oh .sec-h h2{font-size:32px}.oh .sec-h .more{font-weight:500;text-underline-offset:4px;white-space:nowrap}.oh .c-mm{background:var(--butter)}.oh .c-fv{background:var(--cyan)}.oh .c-lg{background:var(--mint)}.oh .c-tg{background:var(--blush)}.oh-banner{display:grid;background:var(--blush)}.oh-banner .img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}.oh-banner .t{padding:28px var(--gutter) 36px;display:grid;gap:20px;align-content:start}.oh-banner h1{font-size:clamp(44px,12vw,96px);line-height:.92;margin-bottom:-.07em}.oh-banner h1 span{display:block;white-space:nowrap;color:var(--ink)}.oh-banner h1 span:first-child{color:var(--orange)}.oh-banner .sub{font-size:17px;max-width:44ch}.oh .cta-row{display:flex;flex-direction:column;gap:12px;align-items:stretch}.oh .rail{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter);scrollbar-width:none}.oh .rail::-webkit-scrollbar{display:none}.oh .flv{scroll-snap-align:start;border-radius:4px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}.oh .flv .img{height:300px;display:flex;align-items:flex-end;justify-content:center;padding-top:22px}.oh .flv .img img{height:270px;width:auto;filter:drop-shadow(0 18px 18px rgba(21,27,70,.18))}.oh .flv .info{padding:24px 16px 22px;display:grid;gap:10px}.oh .flv .tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:-4px}.oh .flv h3{font-size:20px}.oh .flv h3 span{color:var(--ink)}.oh .flv.c-lg h3 span{color:var(--forest)}.oh .flv.c-fv h3 span{color:var(--crimson)}.oh .flv .d{font-size:15px}.oh-packs{padding-top:0;padding-bottom:24px}.oh .packs{display:grid;gap:10px;padding:0 var(--gutter)}.oh .pack{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;background:#fff;border-radius:4px;padding:12px;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;position:relative}.oh .pack img{width:96px;height:96px;object-fit:cover;border-radius:2px;background:#f2f0ee}.oh .pack h3{font-family:var(--body);font-size:16px;font-weight:600;line-height:1.25;letter-spacing:0}.oh .pack .pl{font-size:13px;color:var(--muted)}.oh .pack .price__pix{display:block;width:max-content;margin-top:8px;padding:3px 10px;border-radius:999px;background:var(--blush);color:var(--ink);font-size:14px;font-weight:400;line-height:1.5;white-space:nowrap}.oh .pack .pr{margin-top:4px;font-weight:600;white-space:nowrap}.oh .pack.best{box-shadow:inset 0 0 0 2px var(--ink);margin-top:14px}.oh .pack-badge{position:absolute;top:-13px;left:12px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;line-height:1.5;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.oh .trust{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:12px var(--gutter) 0;border-radius:4px;overflow:hidden}.oh .trust div{background:var(--paper);padding:16px 12px;font-size:13px;line-height:1.35}.oh .trust b{display:block;font-size:14px}.oh-reviews{padding-top:0}.oh .reviews{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:10px;overflow-x:auto;padding:0 var(--gutter);scrollbar-width:none;max-width:1280px;margin:0 auto;align-items:stretch}.oh .reviews::-webkit-scrollbar{display:none}.oh .rv{border-radius:6px;overflow:hidden;font-size:16px;font-weight:500;display:flex;flex-direction:column}.oh .rv.c-lg{color:var(--forest)}.oh .rv img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.oh .rv .q{flex:1;padding:18px 20px 20px}.oh .rv .stars{letter-spacing:2px;font-size:13px;margin-bottom:8px}.oh .rv .who{margin-top:12px;font-size:13px;font-weight:400;opacity:.8}.oh .rv-stack{display:flex;flex-direction:column;gap:10px}.oh .rv-stack .rv{flex:1;font-size:15px}.oh .rv-stack .rv .q{padding:16px 18px;display:flex;flex-direction:column;justify-content:center}.oh .rv-stack .who{margin-top:8px}.oh-story{background:var(--blush);display:grid}.oh-story img{width:100%;height:100%;object-fit:cover;object-position:50% 90%;aspect-ratio:16 / 15}.oh-story .t{padding:28px var(--gutter) 36px;display:grid;gap:16px;align-content:center}.oh-story h2{font-size:clamp(44px,12vw,96px);line-height:.92}.oh-story h2 span{color:var(--ink)}.oh-story h2 span.o{color:var(--orange)}.oh-story .oh-btn{justify-self:stretch}.oh-lata{padding:56px var(--gutter);max-width:1200px;margin:0 auto;display:grid;gap:22px}.oh-lata .l{display:grid;gap:14px}.oh-lata h2{font-size:34px}.oh-lata .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oh-lata .row div{padding:18px;border-radius:4px;font-weight:500}.oh-lata .row b{display:block;font-family:var(--display);font-weight:900;font-size:34px;line-height:1.05}.oh-lata .cans{display:flex;justify-content:center;gap:4px}.oh-lata .cans img{height:200px;width:auto}.oh-journal{padding:56px 0;background:#fff}.oh .jr{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;padding:0 var(--gutter);scrollbar-width:none;max-width:1280px;margin:0 auto}.oh .jr::-webkit-scrollbar{display:none}.oh .jr a{text-decoration:none;display:grid;gap:10px;align-content:start}.oh .jr .ph{overflow:hidden}.oh .jr img{aspect-ratio:4 / 5;object-fit:cover;width:100%}.oh .jr h3{font-family:var(--body);font-size:17px;font-weight:600;line-height:1.3;letter-spacing:0}.oh .jr .tag{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.oh-biz{padding-top:72px}.oh .biz{display:grid;gap:10px;padding:0 var(--gutter)}.oh .b2b{border-radius:4px;padding:28px 22px;display:grid;gap:14px;align-content:start}.oh .b2b h2{font-size:28px}.oh .b2b h2 span{color:var(--ink)}.oh .b2b .eyebrow{opacity:.7}.oh .b2b .oh-btn{justify-self:stretch}.oh .b-navy{background:var(--ink);color:#fff}.oh .b-navy h2 span{color:var(--gold)}.oh .b-navy .tx{opacity:.85}.oh .b-butter{background:var(--butter);color:var(--ink)}.oh-faq{padding:8px var(--gutter) 72px}.oh-faq h2{font-size:32px;margin-bottom:8px;text-align:center}.oh-faq details{border-bottom:1px solid var(--line);padding:18px 0}.oh-faq summary{list-style:none;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:16px}.oh-faq summary::-webkit-details-marker{display:none}.oh-faq summary:after{content:"+";font-size:22px;line-height:1;font-weight:400}.oh-faq details[open] summary:after{content:"\2212"}.oh-faq .a{margin-top:10px;color:var(--muted)}.oh-faq .a p{margin:0}.oh-faq .a p+p,.oh-faq .a ul+p,.oh-faq .a p+ul{margin-top:8px}.oh-faq .a ul{margin:0;padding-left:20px}.oh-sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:#faf7f3f5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;transform:translateY(110%);transition:transform .25s}.oh-sticky.on{transform:none}.oh-sticky .s{font-size:13px;line-height:1.3;flex:1}.oh-sticky .s b{display:block;font-size:15px}@media(min-width:900px){.oh{--gutter: 40px}.oh-banner{grid-template-columns:clamp(380px,37.5vw,620px) minmax(0,1fr)}.oh-banner .img{overflow:hidden}.oh-banner .img img{aspect-ratio:auto;height:clamp(380px,37.5vw,620px);min-height:0}.oh-banner .t{padding:40px 64px;align-content:center}.oh-banner h1{font-size:clamp(56px,5.6vw,84px)}.oh .cta-row{flex-direction:row;align-items:center;gap:24px}.oh .sec-h h2{font-size:44px}.oh .rail{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto}.oh .packs{grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto}.oh .pack{grid-template-columns:1fr;align-content:start}.oh .pack.best{margin-top:0}.oh .pack img{width:100%;height:auto;aspect-ratio:1}.oh .trust{max-width:640px;margin:16px auto 0}.oh .reviews{grid-auto-flow:row;grid-template-columns:repeat(4,1fr)}.oh-story{grid-template-columns:.7fr 1.3fr;min-height:500px}.oh-story .t{padding:64px max(var(--gutter),calc((100vw - 1280px)/2)) 64px 56px}.oh-story h2{font-size:clamp(56px,5.6vw,84px)}.oh-story img{aspect-ratio:auto;height:0;min-height:100%;object-position:50% 80%}.oh-lata{grid-template-columns:1fr 1fr;align-items:center}.oh-lata h2{font-size:44px}.oh-lata .cans img{height:260px}.oh .jr{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.oh .biz{grid-template-columns:1fr 1fr;max-width:1280px;margin:0 auto}.oh .b2b{padding:40px}.oh .b2b h2{font-size:34px}.oh-story .oh-btn,.oh .b2b .oh-btn{justify-self:start}.oh-faq{max-width:800px;margin:0 auto}.oh-sticky{display:none}}@media(hover:hover){.oh .oh-btn:hover{background:var(--ink-hover)}.oh .oh-btn--light:hover{background:var(--light-hover)}}@media(min-width:900px)and (hover:hover){.oh .flv,.oh .pack,.oh .jr a{transition:transform .25s,box-shadow .2s}.oh .flv .img img,.oh .jr img{transition:transform .35s}.oh .flv:hover{transform:translateY(-6px)}.oh .flv:hover .img img{transform:scale(1.05) rotate(-2deg)}.oh .pack:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--ink)}.oh .jr a:hover{transform:translateY(-4px)}.oh .jr a:hover img{transform:scale(1.05)}.oh .jr a:hover h3{text-decoration:underline;text-underline-offset:3px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/obe-home.css.map */