body .og-reference :is(.og-look,.og-faq,.orv) h2{font-family:Montserrat,var(--gr-head),sans-serif!important;font-weight:800!important;color:#331279!important;font-size:36px!important;letter-spacing:0!important;line-height:1.15!important;text-align:center;margin:0!important}@media(max-width:749px){body .og-reference :is(.og-look,.og-faq,.orv) h2{font-size:28px!important}}body .og-reference .og-look{background:#f0f0f7;padding:44px 0 40px}body .og-reference .og-look .og-shell{max-width:none;width:auto;padding:0}body .og-reference .og-look h2{padding:0 16px}body .og-reference .og-look .og-subtitle{display:none}body .og-reference .og-look-wrap{margin-top:28px}body .og-reference .og-look-rail{gap:18px;padding:0 max(24px,3.25vw);scroll-padding:0 max(24px,3.25vw)}body .og-reference .og-look-rail:after{content:"";flex:0 0 56px}body .og-reference .og-look-card{flex:0 0 clamp(280px,25.4vw,600px);aspect-ratio:4/5;border-radius:18px;background:#111}body .og-reference .og-look-card>img,body .og-reference .og-look-card:hover>img{transform:none!important;transition:none!important}body .og-reference .og-look-arrow{width:44px;height:44px;margin-top:-22px;font-size:26px;background:#ffffffeb;color:#331279;box-shadow:0 18px 40px #0000002e}body .og-reference .og-look-prev{left:max(12px,1.6vw)}body .og-reference .og-look-next{right:max(12px,1.6vw)}body .og-reference .og-look .or-rail-controls{padding-top:14px;gap:8px}body .og-reference .og-look .or-rail-controls button{width:8px;height:8px;border:0;border-radius:99px;background:#0003;transition:width .2s ease,background .2s ease}body .og-reference .og-look .or-rail-controls button[aria-current=true]{width:18px;background:#000000a6}body .og-reference .og-look .og-spot,body .og-reference .og-look .og-spot-right{left:var(--x);top:var(--y);transform:translate(-15px,-50%)}body .og-reference .og-look .og-spot-right{transform:translate(calc(-100% + 15px),-50%)}body .og-reference .og-look .og-spot-pill{gap:8px;max-width:220px;padding:7px 12px 7px 10px;border:1px solid #ffffff47;border-radius:999px;background:#ffffffad;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 26px #0000001f;font:700 12px/1.2 Montserrat,sans-serif;letter-spacing:.01em;color:#331279;transition:background .2s ease}body .og-reference .og-look .og-spot-pill:hover{transform:none;background:#fffffff0}body .og-reference .og-look .og-spot-pill span{overflow:hidden;text-overflow:ellipsis}body .og-reference .og-look .og-spot-right .og-spot-pill{flex-direction:row-reverse;padding:7px 10px 7px 12px}body .og-reference .og-look .og-spot-pill i{width:8px;height:8px;background:#331279;box-shadow:0 0 0 6px #33127924}body .og-reference .og-look .og-spot-pill i:after{top:-9px;right:-9px;bottom:-9px;left:-9px;border:1px solid #ffffffb3}body .og-reference .og-look .og-spot-card{width:260px;max-width:260px;padding:10px;gap:12px;border-radius:10px;background:#fffffffa;box-shadow:0 18px 46px #0000003d}body .og-reference .og-look .og-spot-card img{width:72px;height:72px;border-radius:6px;object-fit:contain;background:#f3f3f3}body .og-reference .og-look .og-spot-card span{gap:10px}body .og-reference .og-look .og-spot-card b{font:700 15px/1.2 Montserrat,sans-serif;letter-spacing:.02em;color:#1f2a2a}body .og-reference .og-look .og-spot-card em{padding:10px 18px;font:800 12px/1 Montserrat,sans-serif;letter-spacing:.02em;background:#f7f935;color:#331279}@media(max-width:900px){body .og-reference .og-look-rail{gap:14px;padding:0 calc((100% - min(86vw,420px))/2);scroll-padding:0 calc((100% - min(86vw,420px))/2)}body .og-reference .og-look-rail:after{flex-basis:0}body .og-reference .og-look-card{flex-basis:min(86vw,420px);scroll-snap-align:center}body .og-reference .og-look-arrow{display:grid;width:38px;height:38px;margin-top:-19px;font-size:22px;background:#ffffff9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body .og-reference .og-look-prev{left:calc((100% - min(86vw,420px))/2 - 17px)}body .og-reference .og-look-next{right:calc((100% - min(86vw,420px))/2 - 17px)}}body .og-reference .og-faq{max-width:1000px;margin:0 auto;text-align:center}body .og-reference .og-faq .og-eyebrow{display:none}body .og-reference .og-faq h2{margin:0 0 30px!important;font-size:38px!important}body .og-reference section:has(>.og-faq){background:#f0f0f7}body .og-reference .og-faq details{background:#fff;margin:0 0 5px;border:.8px solid #fff;border-radius:4px;padding:0;box-shadow:0 1px 1px #0000000d;text-align:left}body .og-reference .og-faq summary{padding:11px 16px;min-height:45px;box-sizing:border-box;font:600 18px/1.25 Montserrat,sans-serif!important;color:#4c4b53}body .og-reference .og-faq summary span{font-size:0;width:14px;height:14px;flex:0 0 14px;position:relative}body .og-reference .og-faq summary span:before,body .og-reference .og-faq summary span:after{content:"";position:absolute;left:0;top:6.5px;width:14px;height:1.5px;border-radius:2px;background:#333;transition:transform .3s ease}body .og-reference .og-faq summary span:after{transform:rotate(90deg)}body .og-reference .og-faq details[open] summary span:after{transform:rotate(0)}body .og-reference .og-faq details p{margin:0;padding:2px 16px 16px;font:400 17px/1.55 Poppins,var(--font-body-family),sans-serif!important;color:#282828}body .og-reference .og-faq details p a{color:#331279;text-decoration:underline}body .og-reference .og-faq>.og-button{margin-top:28px;min-height:55px;padding:0 40px!important;border:0!important;border-radius:25px!important;background:#f7f935!important;color:#331279!important;font:700 20px/1 Montserrat,sans-serif!important;text-transform:none!important;letter-spacing:0!important;transition:filter .2s ease}body .og-reference .og-faq>.og-button:hover{filter:brightness(.96)}@media(max-width:749px){body .og-reference .og-faq h2{font-size:28px!important}body .og-reference .og-faq summary{font-size:15px!important}body .og-reference .og-faq details p{font-size:15px!important}body .og-reference .og-faq>.og-button{font-size:17px!important}}@media(max-width:749px){body .og-reference .og-look .og-spot-card{width:auto;max-width:250px;padding:10px 16px 10px 10px;gap:12px;border-radius:18px;box-shadow:0 16px 34px -12px #0006}body .og-reference .og-look .og-spot-card img{width:62px;height:62px;border-radius:12px;object-fit:cover}body .og-reference .og-look .og-spot-card span{gap:8px}body .og-reference .og-look .og-spot-card b{font:800 16px/1.15 var(--gr-head,Montserrat),sans-serif;white-space:nowrap}body .og-reference .og-look .og-spot-card em{padding:8px 14px;font-size:10.5px;white-space:nowrap;letter-spacing:.06em}body .og-reference .og-look .og-spot-pill span{max-width:130px;overflow:hidden;text-overflow:ellipsis}}body .og-reference .og-wonder[data-wonder] a{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),opacity .7s ease calc(var(--i,0)*.12s),translate .9s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*.12s)}body .og-reference .og-wonder[data-wonder]:not(.is-in) a{opacity:0;translate:0 44px}@media(max-width:749px){body .og-reference .og-wonder[data-wonder].is-in a{transition:transform 0s,box-shadow .3s,opacity .7s ease calc(var(--i,0)*.12s),translate .9s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*.12s)}}@media(prefers-reduced-motion:reduce){body .og-reference .og-wonder[data-wonder] a{opacity:1!important;translate:none!important;transition:none}}body .og-reference{--hr-purple:#4b2b95;--hr-white:#ffffff;--hr-lav:#efedf9;--hr-pad:56px}@media(max-width:749px){body .og-reference{--hr-pad:40px}}body .og-reference :is(.og-section,.op-picks-band){padding-top:var(--hr-pad)!important;padding-bottom:var(--hr-pad)!important}body .og-reference :is(.or-values,.or-services){padding-top:calc(var(--hr-pad)*.7)!important;padding-bottom:calc(var(--hr-pad)*.7)!important;margin-top:0!important;margin-bottom:0!important}body .og-reference .og-hero-band{background:var(--hr-purple)!important}body .og-reference .og-section.og-cream:not(.og-brand-scene):not(:has(.og-about)){background:var(--hr-white)!important}body .og-home section.op-picks-band.opk{background:var(--hr-lav)!important}body .og-home .opk:before{display:none}body .og-home .opk-head h2{color:#241453!important}body .og-home .opk-head h2 em{color:var(--hr-purple)!important;background:linear-gradient(transparent 62%,#fff62b 62% 90%,transparent 90%);padding:0 .06em;font-style:normal;text-shadow:none!important;filter:none!important}body .og-home .opk-head p{color:#4b3f6b!important}body .og-home .opk .or-tabs button:not([aria-selected=true]){border-color:#472b8730!important;background:#fff!important;color:var(--hr-purple)!important}body .og-home .opk-all{box-shadow:0 8px 22px -12px #2a145466}body .og-home .opk-card{box-shadow:0 16px 34px -26px #2a145488}body .og-home .opk-empty{background:#fff;border-color:#472b8740;color:var(--hr-purple)}body .og-reference .or-values{box-sizing:border-box!important;background:var(--hr-purple)!important;color:#fff!important}body .og-reference .or-values :is(h3,svg){color:#fff!important}body .og-reference .or-values p{color:#e6dcfa!important}body .og-reference .or-values .or-rail-controls button{background:#ffffff59!important}body .og-reference .or-values .or-rail-controls button[aria-current=true]{background:#fff!important}body .og-reference .or-wonder{background:var(--hr-white)!important;color:var(--hr-purple)}body .og-reference .or-services{border-image:linear-gradient(var(--hr-lav),var(--hr-lav)) fill 0/0/0 100vw!important}body .og-reference .or-services .or-rail-controls button{background:#472b8740!important}body .og-reference .or-services .or-rail-controls button[aria-current=true],body .og-reference .og-look{background:var(--hr-purple)!important}body .og-reference .og-look h2{color:#fff!important}body .og-reference .og-look .og-subtitle{color:#e6dcfa!important}body .og-reference .og-look .or-rail-controls button{background:#ffffff59!important}body .og-reference .og-look .or-rail-controls button[aria-current=true]{background:#fff!important}body .og-reference .og-look .og-look-card{box-shadow:0 26px 50px -30px #0000008c}body .og-reference .orv{background:var(--hr-lav)!important}body .og-reference .og-section.og-cream:has(.og-about){background:var(--hr-purple)!important}body .og-reference .og-about :is(h2,h3){color:#fff!important;-webkit-text-fill-color:#fff}body .og-reference .og-about :is(p,.og-eyebrow){color:#e6dcfa!important}body .og-reference .og-about img{box-shadow:0 26px 50px -30px #0000008c}body .og-reference .og-section.og-soft{background:var(--hr-white)!important}body .og-reference .og-brand-scene{background:var(--hr-lav)!important}body .og-reference section.op-picks-band.opk{padding-top:var(--hr-pad)!important;padding-bottom:var(--hr-pad)!important}body .og-reference .og-section .og-shell>h2{margin-bottom:24px!important}body .og-reference .og-section .og-shell>h2+.og-subtitle{margin-top:-14px!important;margin-bottom:24px!important}@media(max-width:749px){body .og-reference .og-section .og-shell>h2{margin-bottom:16px!important}body .og-reference .og-section .og-shell>h2+.og-subtitle{margin-top:-8px!important;margin-bottom:18px!important}}body .og-reference .og-look .og-spot-card{width:auto;max-width:250px;padding:7px 8px 7px 7px;gap:11px;border-radius:14px;background:#fffffff5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 14px 34px -10px #1a0d4a66,0 0 0 1px #ffffff80 inset}body .og-reference .og-look .og-spot-card img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#f1eef9}body .og-reference .og-look .og-spot-card span{gap:3px;min-width:0}body .og-reference .og-look .og-spot-card b{font:800 14px/1.15 var(--gr-head,Montserrat),sans-serif;letter-spacing:0;color:#241453;white-space:nowrap}body .og-reference .og-look .og-spot-card small{font:600 12.5px/1.2 Poppins,Montserrat,sans-serif;color:#4b2b95;white-space:nowrap}body .og-reference .og-look .og-spot-card small s{margin-left:4px;font-weight:400;color:#8f86a8}body .og-reference .og-look .og-spot-card em{display:grid;place-items:center;flex:none;width:32px;height:32px;margin-left:4px;padding:0;border-radius:50%;background:#f7f935;color:#331279;font-size:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}body .og-reference .og-look .og-spot-card em svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}body .og-reference .og-look .og-spot-card:hover em{transform:translate(2px) scale(1.08)}@media(max-width:749px){body .og-reference .og-look .og-spot-card{max-width:230px;padding:6px 7px 6px 6px;gap:9px}body .og-reference .og-look .og-spot-card img{width:44px;height:44px}body .og-reference .og-look .og-spot-card b{font-size:13.5px}body .og-reference .og-look .og-spot-card small{font-size:12px}body .og-reference .og-look .og-spot-card em{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/obi-home-v2.css.map */
