@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap";
:root{--odc-red:#c93532;--odc-red-dark:#a42423;--odc-cream:#fff9ed;--odc-white:#fffefd;--odc-yellow:#f5bf1c;--odc-ink:#1d1b1a;--odc-muted:#665f57;--odc-line:#ded5c8;--odc-green:#26724b;--odc-display:"Barlow Condensed", Impact, "Arial Narrow", sans-serif;--odc-body:"DM Sans", Arial, sans-serif;--font-display:var(--odc-display);--font-body:var(--odc-body);--odc-page-width:1320px;--ink:var(--odc-ink);--muted:var(--odc-muted);--paper:var(--odc-cream);--line:var(--odc-line);--orange:var(--odc-red);--orange-deep:var(--odc-red-dark);--yellow:var(--odc-yellow);--purple:var(--odc-ink);--purple-dark:#151312;--lime:var(--odc-yellow);--success:var(--odc-green);--warning:#8b5b00;--error:#a42423;--brand-color:var(--odc-red);--brand-ink:#fff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--odc-cream);min-width:320px;color:var(--odc-ink);font-family:var(--odc-body);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img,video{max-width:100%}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--odc-yellow);outline-offset:3px}::selection{background:var(--odc-yellow);color:var(--odc-ink)}.eyebrow,.tiny-label,.section-kicker{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.button,.dark-button{border:2px solid var(--odc-ink);background:var(--odc-ink);min-height:44px;color:var(--odc-white);border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:11px 18px;font-size:12px;font-weight:800;transition:transform .18s,background .18s;display:inline-flex}.button:hover,.dark-button:hover{background:#000;transform:translateY(-2px)}.button.secondary,.button.ghost{color:var(--odc-ink);background:0 0}.button.full{width:100%}.notice{color:var(--odc-ink);background:#f6ece0;margin:14px 0;padding:13px 15px;font-size:13px;line-height:1.5}.notice.error{color:var(--error);background:#ffe9e4}.notice.success{color:var(--odc-green);background:#e6f2e9}.notice.dismissible{justify-content:space-between;gap:8px;display:flex}.notice button{color:inherit;background:0 0;border:0}.empty{text-align:center;color:var(--odc-muted);padding:40px 20px;font-size:14px}.center-page{place-items:center;min-height:100vh;padding:20px;display:grid}.card{border:2px solid var(--odc-ink);background:var(--odc-white);max-width:480px;box-shadow:8px 8px 0 var(--odc-ink);padding:36px}.card.narrow{width:100%}.card h1{font-family:var(--odc-display);text-transform:uppercase;font-size:46px;line-height:.9}.card p{color:var(--odc-muted);line-height:1.6}
@font-face{font-family:OdcDisplay;src:url(/fonts/badrock-reference.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.odc-site{--ink:#252422;--cream:#fbf3e1;--display:OdcDisplay,Impact,sans-serif;color:var(--ink);background:#fff;font-family:DM Sans,Arial,sans-serif;overflow:clip}.odc-site *{box-sizing:border-box}.odc-site h1,.odc-site h2,.odc-site h3,.odc-site p{margin:0}.odc-site h1,.odc-site h2,.odc-site h3{font-family:var(--display);letter-spacing:0;font-weight:400;line-height:.9}.odc-site button{font:inherit;cursor:pointer}.odc-site a{color:inherit;text-decoration:none}.odc-site :focus-visible{outline-offset:5px;outline:3px solid #f4b714}.odc-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.odc-nav{background:var(--cream);z-index:20;justify-content:space-between;align-items:center;gap:20px;height:100px;padding:0 6%;display:flex;position:relative}.odc-logo{font-family:var(--display);align-items:center;gap:9px;font-size:32px;display:flex}.odc-logo__mark{color:#fff;background:#ee4430;border-radius:50%;place-items:center;width:45px;height:45px;font-family:DM Sans,sans-serif;font-size:32px;font-weight:800;display:grid}.odc-nav nav{align-items:center;gap:32px;font-size:15px;font-weight:600;display:flex}.odc-nav nav>a:not(.odc-pill):hover{text-underline-offset:6px;text-decoration:underline}.odc-pill{white-space:nowrap;background:#fff;border:1px solid #252422;border-radius:999px;justify-content:center;align-items:center;gap:34px;padding:15px 26px;font-size:15px;font-weight:700;transition:background .2s,transform .25s;display:inline-flex;color:#252422!important}.odc-pill:hover{background:#fbf3e1;transform:translateY(-3px)}.odc-nav .odc-pill{background:#252422;color:#fff!important}.odc-showcase{--travel:0px;background:var(--scene-bg);height:calc(100svh - 60px);min-height:790px;max-height:1100px;color:var(--scene-ink);isolation:isolate;transition:background-color 1s,color .8s;position:relative;overflow:hidden}.odc-showcase__scene{pointer-events:none;position:absolute;inset:0}.odc-showcase__heading{opacity:0;z-index:1;transition:opacity .55s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:17%;left:9%;right:6%;transform:translateY(45px)}.is-active .odc-showcase__heading{opacity:1;transition-delay:.2s;transform:translateY(0)}.odc-showcase__kicker{font-family:var(--display);font-size:clamp(40px,6.6vw,106px);line-height:.9;display:block;position:relative}.odc-showcase__title{white-space:nowrap;font-family:var(--display);letter-spacing:-.012em;margin-top:24px;font-size:clamp(130px,20vw,330px);line-height:.9;display:block}.odc-showcase__object{z-index:3;opacity:0;width:43%;height:88%;transform:translate3d(calc(var(--offset)*95vw),calc(var(--offset)*-28vh + var(--travel)),0) rotate(calc(14deg + var(--offset)*-35deg));will-change:transform;transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .7s;position:absolute;top:3%;left:33%}.is-active .odc-showcase__object{opacity:1}.odc-showcase__object>div{width:100%;height:100%;animation:6s ease-in-out infinite odc-bob;position:relative}.odc-showcase__object img{object-fit:contain;filter:drop-shadow(0 22px 12px #00000012)}.odc-showcase__satellite{z-index:0;opacity:0;transform:translateY(calc(var(--offset)*100vh)) rotate(-20deg);transition:opacity .8s,transform 1.7s cubic-bezier(.22,1,.36,1);position:absolute}.is-active .odc-showcase__satellite{opacity:1}.odc-showcase__satellite img{object-fit:contain}.odc-showcase__satellite--small{width:140px;height:180px;transform:translateY(calc(var(--offset)*80vh)) rotate(-25deg);top:9%;left:28%}.odc-showcase__satellite--blur{filter:blur(8px);width:420px;height:600px;transform:translateY(calc(var(--offset)*-80vh)) rotate(-24deg);top:-15%;right:-13%}.odc-showcase__intro{z-index:5;width:360px;max-width:31%;position:absolute;bottom:80px;left:9%}.odc-showcase__intro p{margin-bottom:25px;font-size:17px;font-weight:500;line-height:1.55}.odc-showcase__card{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff30;border:1px solid #8886;border-radius:34px;width:245px;padding:10px;transition:transform .35s;position:absolute;bottom:36px;right:9%}.odc-showcase__card:hover{transform:translateY(-7px)}.odc-showcase__card>div{background:#fbf3e1;border-radius:25px;place-items:center;height:175px;display:grid;overflow:hidden}.odc-showcase__card img{object-fit:contain;width:156px;height:156px;transition:transform .4s;transform:rotate(-12deg)}.odc-showcase__card:hover img{transform:rotate(0)scale(1.05)}.odc-showcase__card>span{margin:15px 4px;font-size:19px;line-height:1.2;display:block}.odc-showcase__card>b{color:#484848;background:#fff;border:1px solid #252422;border-radius:100px;justify-content:center;align-items:center;height:32px;display:flex}.odc-showcase__controls{z-index:7;align-items:center;gap:8px;display:flex;position:absolute;bottom:25px;left:9%}.odc-showcase__controls button{width:30px;height:28px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.odc-showcase__controls button span{opacity:.3;background:currentColor;border-radius:5px;width:20px;height:3px;transition:width .3s,opacity .3s}.odc-showcase__controls button[aria-pressed=true] span{opacity:1;width:30px}.odc-showcase__controls button:disabled{opacity:.3}.odc-intro{padding:110px 6% 90px;position:relative}.odc-intro>h2{color:#efb916;text-align:center;white-space:nowrap;font-size:clamp(100px,23vw,350px);line-height:.82}.odc-intro__layout{grid-template-columns:25% 43% 28%;align-items:center;gap:2%;min-height:430px;margin-top:-25px;display:grid;position:relative}.odc-intro__object{z-index:2;pointer-events:none;height:560px;margin-top:-110px;position:relative}.odc-intro__object img{object-fit:contain;width:100%;height:100%;animation:7s ease-in-out infinite odc-bob;transform:rotate(-8deg)}.odc-intro__aside{background:#f8f0ec;border-radius:25px;max-width:270px;padding:28px 22px}.odc-intro__aside svg{color:#c83d35}.odc-intro__aside p{margin:18px 0;font-size:22px;font-weight:600;line-height:1.25}.odc-intro__aside a{align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.odc-intro__copy h3{margin:0 0 18px;font-family:DM Sans,sans-serif;font-size:23px;font-weight:700;line-height:1.2}.odc-intro__copy p{margin:0 0 15px;font-size:16px;line-height:1.5}.odc-about{grid-template-columns:1fr 1fr;align-items:center;gap:12%;max-width:1150px;margin:60px auto 0;display:grid}.odc-about h3{color:#e73860;margin-bottom:22px;font-size:74px}.odc-about p{max-width:520px;font-size:16px;line-height:1.55}.odc-about__statement{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:28px 0}.odc-about__statement span{letter-spacing:.06em;font-size:12px}.odc-about__statement strong{font-family:var(--display);margin-top:16px;font-size:58px;font-weight:400;line-height:.95;display:block}.odc-touch{background:#f5bd28;border-radius:0 0 80px 80px;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:110px 8%;display:grid;position:relative;overflow:hidden}.odc-touch__image img{filter:drop-shadow(10px 25px 12px #70491b30);width:100%;height:auto;animation:8s ease-in-out infinite odc-coaster;transform:rotate(-18deg)}.odc-touch__copy>span{font-size:15px}.odc-touch h2{margin:25px 0;font-size:clamp(75px,8vw,115px)}.odc-touch p{max-width:420px;margin-bottom:30px;font-size:17px;line-height:1.55}.odc-faq{grid-template-columns:1fr 1fr;gap:10%;padding:120px 8%;display:grid}.odc-faq h2{margin-top:22px;font-size:clamp(65px,6vw,95px)}.odc-faq__items details{border-bottom:1px solid #25242244;padding:22px 0}.odc-faq__items details:first-child{border-top:1px solid #25242244}.odc-faq summary{cursor:pointer;justify-content:space-between;gap:24px;font-size:20px;font-weight:600;list-style:none;display:flex}.odc-faq summary::-webkit-details-marker{display:none}.odc-faq summary span{font-size:27px;font-weight:400;transition:transform .25s}.odc-faq details[open] summary span{transform:rotate(45deg)}.odc-faq details p{margin-top:15px;padding-right:30px;font-size:16px;line-height:1.5}.odc-end{color:#fff;text-align:center;background:#c83d35;padding:90px 25px 110px}.odc-end>span{font-size:17px}.odc-end h2{margin:30px 0 15px;font-size:clamp(115px,22vw,330px);line-height:.9}.odc-end p{margin-bottom:28px;font-size:23px}.odc-footer{background:var(--cream);justify-content:space-between;align-items:center;gap:25px;padding:50px 6%;font-size:14px;display:flex}.odc-footer>div{gap:25px;display:flex}.odc-footer a:hover{text-decoration:underline}.odc-site .reveal{opacity:1;transition:opacity .8s,translate .9s cubic-bezier(.22,1,.36,1);translate:0}.odc-site .reveal[data-ready=true]:not([data-revealed=true]){opacity:0;translate:0 40px}@keyframes odc-bob{0%,to{translate:0;rotate:0deg}50%{translate:0 -16px;rotate:-3deg}}@keyframes odc-coaster{50%{transform:translateY(-20px)rotate(-9deg)}}@keyframes odc-dialog{0%{opacity:0;transform:translateY(25px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:1100px){.odc-showcase__intro{max-width:32%;bottom:90px;left:6%}.odc-showcase__card{width:210px;right:6%}.odc-showcase__heading{left:6%}.odc-showcase__object{width:49%;left:30%}.odc-showcase__title{font-size:21vw}.odc-showcase__controls{left:6%}.odc-intro__layout{grid-template-columns:24% 40% 32%}.odc-intro__object{height:480px}.odc-about{gap:8%}}@media (max-width:760px){.odc-nav{height:78px;padding:0 22px}.odc-logo{font-size:27px}.odc-logo__mark{width:37px;height:37px;font-size:27px}.odc-nav nav>a:not(.odc-pill){display:none}.odc-nav .odc-pill{gap:13px;padding:10px 16px;font-size:12px}.odc-showcase{height:820px;min-height:0;max-height:none}.odc-showcase__heading{top:12%;left:6%;right:6%}.odc-showcase__kicker{font-size:10.5vw}.odc-showcase__title{margin-top:20px;font-size:22vw}.odc-showcase__object{width:68%;height:53%;transform:translate3d(calc(var(--offset)*110vw),calc(var(--offset)*-20vh + var(--travel)*.3),0) rotate(calc(12deg + var(--offset)*-30deg));top:15%;left:18%}.odc-showcase__satellite--small{width:72px;height:110px;top:4%;left:62%}.odc-showcase__satellite--blur{filter:blur(6px);width:220px;height:280px;top:20%;right:-27%}.odc-showcase__intro{width:57%;max-width:none;bottom:85px;left:6%}.odc-showcase__intro p{margin-bottom:19px;font-size:14px;line-height:1.45}.odc-showcase__intro .odc-pill{gap:20px;padding:12px 19px;font-size:13px}.odc-showcase__card{border-radius:21px;width:29%;padding:7px;bottom:74px;right:5%}.odc-showcase__card>div{border-radius:14px;height:100px}.odc-showcase__card img{width:88px;height:88px}.odc-showcase__card>span{margin:10px 2px;font-size:13px;line-height:1.2}.odc-showcase__card>b{height:25px}.odc-showcase__card b svg{width:23px}.odc-showcase__controls{bottom:27px;left:6%}.odc-intro{padding:70px 6%}.odc-intro>h2{font-size:24vw}.odc-intro__layout{grid-template-columns:1fr 1fr;gap:20px;min-height:0;margin-top:10px}.odc-intro__object{grid-area:1/2;height:340px;margin-top:-50px}.odc-intro__aside{grid-area:1/1;padding:20px 15px}.odc-intro__aside svg{width:45px;height:45px}.odc-intro__aside p{font-size:17px}.odc-intro__aside a{font-size:11px}.odc-intro__copy{grid-column:1/-1}.odc-intro__copy h3{font-size:24px}.odc-about{grid-template-columns:1fr;gap:35px;margin-top:40px}.odc-about h3{font-size:55px}.odc-about__statement strong{font-size:48px}.odc-touch{border-radius:0 0 40px 40px;grid-template-columns:1fr;gap:30px;padding:60px 7%}.odc-touch__image{width:75%;margin:0 auto}.odc-touch h2{font-size:75px}.odc-faq{grid-template-columns:1fr;gap:35px;padding:65px 7%}.odc-faq h2{font-size:68px}.odc-faq summary{font-size:18px}.odc-end{padding:65px 20px}.odc-end h2{font-size:26vw}.odc-end p{font-size:19px}.odc-footer{flex-wrap:wrap;gap:22px;padding:35px 6%}.odc-footer>div{width:100%}}@media (prefers-reduced-motion:reduce){.odc-site *,.odc-site :before,.odc-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.odc-site .reveal[data-ready=true]{opacity:1;translate:none}.odc-showcase__object{will-change:auto}}.odc-showcase[data-paused=true] .odc-showcase__object>div{animation-play-state:paused}.odc-showcase__controls button span,.odc-showcase__controls button[aria-pressed=true] span{opacity:.28;background:currentColor;width:30px;height:4px;transition:none;position:relative;overflow:hidden}.odc-showcase__controls button[aria-pressed=true] span{opacity:1;background:color-mix(in srgb,currentColor 28%,transparent)}.odc-showcase__controls button[aria-pressed=true] span:after{content:"";transform-origin:0;background:currentColor;animation:3s linear forwards odc-progress;position:absolute;inset:0}.odc-showcase[data-paused=true] .odc-showcase__controls button[aria-pressed=true] span:after{animation-play-state:paused}@keyframes odc-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.odc-showcase__controls button[aria-pressed=true] span:after{transform:scaleX(1)}}.odc-nav{background:#fff;height:98px}.odc-nav .odc-pill{background:#ff3215;border-color:#ff3215}.odc-announcement{background:#fbf2e1;height:400px;padding:85px 9% 80px}.odc-announcement__panel{background:#fff9ec;border:2px solid #252422;border-radius:27px;justify-content:space-between;align-items:end;gap:40px;min-height:240px;padding:28px 32px 30px;display:flex;position:relative;box-shadow:10px 10px #252422}.odc-announcement__panel>div:first-child{max-width:650px}.odc-announcement__badge{text-transform:uppercase;background:#f5d849;border:1px solid #252422;border-radius:99px;align-items:center;gap:8px;padding:9px 17px;font-size:13px;font-weight:700;display:inline-flex}.odc-announcement h2{margin:15px 0 12px;font-size:clamp(35px,3.5vw,53px)}.odc-announcement p{max-width:650px;font-size:18px;line-height:1.35}.odc-announcement__action{justify-items:end;gap:20px;min-width:330px;display:grid}.odc-announcement__action>span{white-space:nowrap;font-size:14px;font-weight:600}.odc-announcement__action .odc-pill{background:#252422;gap:15px;font-size:14px;color:#fff!important}.odc-announcement__seal{text-align:center;width:88px;height:88px;line-height:.9;font-family:var(--display);background:#71c556;border:2px solid #252422;border-radius:50%;place-items:center;font-size:23px;display:grid;position:absolute;top:-31px;right:-26px;rotate:13deg}.odc-showcase{height:calc(100svh - 30px);min-height:850px}.odc-intro{z-index:2;padding-top:95px}.odc-intro>h2{text-align:left;white-space:nowrap;letter-spacing:-.012em;margin-left:-.035em;font-size:clamp(120px,27vw,425px);line-height:.77}.odc-intro__layout{grid-template-columns:25% 40% 31%;align-items:start;gap:2%;min-height:650px;margin-top:-30px}.odc-intro__object{z-index:3;height:850px;margin-top:-290px}.odc-intro__object img{animation:7s ease-in-out infinite odc-bob;transform:rotate(12deg)}.odc-intro__aside{background:#f3d7e2;border-radius:25px;align-self:end;max-width:320px;min-height:250px;margin-bottom:140px;padding:30px}.odc-intro__copy{align-self:end;margin-bottom:145px}.odc-about{margin-top:0;padding:40px 0 70px}.odc-about h3{font-size:clamp(65px,7.5vw,110px)}.odc-universe{color:#fff;text-align:center;background:#813ca1;min-height:980px;padding:145px 6% 115px;position:relative;overflow:visible}.odc-universe:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 100%,#813ca1 72px,#0000 74px) 0 0/175px 110px repeat-x;width:104%;height:110px;position:absolute;top:-70px;left:-2%}.odc-universe__heading{text-align:left;grid-template-columns:2fr 1fr;align-items:end;gap:30px;display:grid}.odc-universe__heading>span{color:#252422;background:#fff;border-radius:99px;grid-column:1/-1;width:max-content;padding:10px 19px;font-size:14px;font-weight:700}.odc-universe__heading h2{font-size:clamp(90px,10vw,165px);line-height:.85}.odc-universe__heading p{max-width:330px;padding-bottom:6px;font-size:21px;line-height:1.35}.odc-universe__stage{grid-template-columns:1fr 1.35fr 1fr;align-items:center;gap:2%;max-width:1320px;height:500px;margin:35px auto 10px;display:grid;position:relative}.odc-universe__item{place-items:center;min-width:0;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.odc-universe__item:hover{transform:translateY(-15px)rotate(2deg)}.odc-universe__item img{object-fit:contain;filter:drop-shadow(0 25px 17px #300e4a44);width:auto;max-width:100%;height:100%;animation:7s ease-in-out infinite odc-bob;position:relative}.odc-universe__item--drink img{max-height:470px;transform:rotate(-12deg)}.odc-universe__item--pizza img{max-width:115%;max-height:440px;transform:rotate(-10deg)}.odc-universe__item--juice img{max-height:460px;transform:rotate(13deg)}.odc-universe__item span{font-family:var(--display);white-space:nowrap;font-size:34px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.odc-universe>.odc-pill{margin:35px auto 0}.odc-touch{border-radius:0;padding-top:130px}@media (max-width:760px){.odc-announcement{height:auto;padding:24px 6% 34px}.odc-announcement__panel{min-height:0;padding:18px;display:block;box-shadow:6px 6px #252422}.odc-announcement__badge{font-size:11px}.odc-announcement h2{margin:12px 0 9px;font-size:34px}.odc-announcement p{font-size:13px;line-height:1.35}.odc-announcement__action{justify-items:start;gap:9px;min-width:0;margin-top:12px}.odc-announcement__action>span{white-space:normal;font-size:12px}.odc-announcement__action .odc-pill{padding:11px 15px;font-size:12px}.odc-announcement__seal{width:65px;height:65px;font-size:17px;top:-26px;right:-15px}.odc-showcase{height:820px;min-height:0}.odc-intro{padding-top:85px}.odc-intro>h2{margin-left:0;font-size:24vw}.odc-intro__layout{grid-template-columns:1fr 1fr;min-height:0;margin-top:0}.odc-intro__object{grid-area:1/2;height:380px;margin-top:-160px}.odc-intro__aside{grid-area:1/1;min-height:0;margin:35px 0 0;padding:18px}.odc-intro__copy{grid-column:1/-1;margin:0}.odc-about{padding:35px 0 40px}.odc-universe{min-height:0;padding:105px 6% 85px}.odc-universe:before{background-image:radial-gradient(circle at 50% 100%,#813ca1 39px,#0000 41px);background-size:90px 70px;height:70px;top:-40px}.odc-universe__heading{grid-template-columns:1fr;gap:20px}.odc-universe__heading h2{font-size:16vw}.odc-universe__heading p{font-size:17px}.odc-universe__stage{grid-template-columns:repeat(3,1fr);gap:0;height:370px;margin:25px -6% 0}.odc-universe__item img{width:100%;height:auto;max-height:270px}.odc-universe__item--pizza img{z-index:2;width:150%;max-width:150%}.odc-universe__item span{display:none}.odc-touch{padding-top:65px}}.odc-end{color:#484848;background:#fff;padding:135px 25px 150px}.odc-end h2{margin:35px 0 20px;font-size:clamp(110px,17vw,260px)}.odc-end .odc-pill{background:#ff3215;border-color:#ff3215;color:#fff!important}.odc-footer{color:#252422;background:#f7bb2e;grid-template-columns:1fr 1fr 1fr;justify-items:center;min-height:420px;padding:130px 6% 90px;display:grid;position:relative}.odc-footer:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 100%,#f7bb2e 78px,#0000 80px) 0 0/205px 100px repeat-x;width:100%;height:100px;position:absolute;top:-75px;left:0}.odc-footer>.odc-logo{grid-area:1/2;align-self:start}.odc-footer>p{text-align:right;grid-area:1/3;align-self:center;font-size:18px}.odc-footer>div{flex-direction:column;grid-area:1/1;place-self:center start;gap:20px;font-size:16px}@media (max-width:760px){.odc-end{padding:85px 18px 120px}.odc-end h2{font-size:24vw}.odc-footer{grid-template-columns:1fr 1fr;gap:32px;min-height:360px;padding:90px 6% 50px}.odc-footer:before{background-image:radial-gradient(circle at 50% 100%,#f7bb2e 43px,#0000 45px);background-size:100px 60px;height:60px;top:-42px}.odc-footer>.odc-logo{grid-area:1/1/auto/-1;justify-self:center}.odc-footer>div{grid-area:2/1;font-size:13px}.odc-footer>p{grid-area:2/2;font-size:13px}}@media (prefers-reduced-motion:reduce){.odc-showcase{transition:background-color 1s,color .8s!important}.odc-showcase__heading{transition:opacity .55s,transform .9s cubic-bezier(.22,1,.36,1)!important}.odc-showcase__object{transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .7s!important}.odc-showcase__satellite{transition:opacity .8s,transform 1.7s cubic-bezier(.22,1,.36,1)!important}.odc-showcase__controls button[aria-pressed=true] span:after{animation:3s linear forwards odc-progress!important}.odc-showcase[data-paused=true] .odc-showcase__controls button[aria-pressed=true] span:after{animation-play-state:paused!important}}.odc-logo{gap:12px;font-size:27px}.odc-logo__mark{background:url(/brand/odecasa-hand.svg) 50%/contain no-repeat;border-radius:0;flex:none;display:block}@media (max-width:760px){.odc-logo{gap:8px;font-size:22px}}
.auth-page{background:var(--odc-cream,#fff9ed);min-height:100vh;color:var(--odc-ink,#1d1b1a)}.auth-topbar{background:var(--odc-cream,#fff9ed);border-bottom:2px solid var(--odc-ink,#1d1b1a);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,4vw,64px);display:flex}.auth-page .brand.auth-brand{height:auto;color:var(--odc-ink,#1d1b1a);letter-spacing:-.04em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:900;display:inline-flex}.auth-page .brand-mark{background:url(/brand/odecasa-hand.svg) 50%/contain no-repeat;flex:none;width:38px;height:38px;display:block}.auth-back{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:9px;font-size:12px;font-weight:850;display:inline-flex}.auth-back:hover{color:var(--odc-red,#c93532)}.auth-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:0;max-width:none;min-height:calc(100vh - 76px);margin:0;padding:0;display:grid}.auth-aside{isolation:isolate;background:var(--odc-red,#c93532);height:auto;min-height:calc(100vh - 76px);box-shadow:none;color:var(--odc-cream,#fff9ed);border:0;border-radius:0;order:0;position:relative;overflow:hidden}.auth-aside:after{content:"";pointer-events:none;background:linear-gradient(#0000,#8c211f45);height:18%;position:absolute;inset:auto 0 0}.auth-aside-index{z-index:-1;font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;letter-spacing:-.1em;color:#f8c84050;-webkit-user-select:none;user-select:none;font-size:clamp(340px,47vw,820px);font-weight:900;line-height:1;position:absolute;top:-17%;left:-8%;transform:rotate(-13deg)}.auth-aside-orbit{aspect-ratio:1;border:3px solid #fff9ed88;border-radius:50%;width:75%;animation:8s ease-in-out infinite alternate auth-orbit;position:absolute;top:11%;right:-19%;box-shadow:0 0 0 56px #fff9ed18,0 0 0 112px #fff9ed10}.auth-aside-sticker{z-index:2;aspect-ratio:1;border:2px solid var(--odc-ink,#1d1b1a);background:var(--odc-yellow,#f5bf1c);width:118px;box-shadow:6px 6px 0 var(--odc-ink,#1d1b1a);color:var(--odc-ink,#1d1b1a);font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;text-align:center;border-radius:50%;place-content:center;font-size:26px;font-weight:900;line-height:.78;display:grid;position:absolute;top:12%;right:10%;transform:rotate(13deg)}.auth-aside-sideword{letter-spacing:.24em;font-size:9px;font-weight:900;position:absolute;top:50%;right:-54px;transform:rotate(90deg)}.auth-aside-copy{z-index:2;color:var(--odc-cream,#fff9ed);position:absolute;bottom:clamp(42px,7vw,110px);left:clamp(28px,6vw,96px);right:48px}.auth-photo-kicker{letter-spacing:.12em;border:1px solid #fff9edac;border-radius:30px;padding:8px 12px;font-size:10px;font-weight:900;display:inline-block}.auth-aside-copy h2{max-width:680px;font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:23px 0 20px;font-size:clamp(78px,8vw,148px);font-weight:900;line-height:.71}.auth-aside-copy p{color:#fff9ede8;max-width:360px;margin:0;font-size:15px;line-height:1.55}.auth-content{flex-direction:column;justify-content:center;width:100%;min-width:0;max-width:none;margin:0;padding:clamp(32px,5vw,90px) clamp(24px,7vw,118px) 25px;display:flex}.auth-card{width:100%;max-width:510px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.auth-card .section-kicker{color:var(--odc-red,#c93532)}.auth-card h1{font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:22px 0 20px;font-size:clamp(78px,8vw,126px);font-weight:900;line-height:.73}.auth-card h1 em{color:var(--odc-red,#c93532);font-style:normal}.auth-card>p{max-width:410px;margin:0 0 26px;font-size:15px;line-height:1.6}.auth-page .form-stack{gap:15px;display:grid}.auth-page .form-stack label{gap:7px;font-size:12px;font-weight:900;display:grid}.auth-page .form-stack input{border:2px solid var(--odc-ink,#1d1b1a);min-height:52px;color:var(--odc-ink,#1d1b1a);background:#fffdf6;border-radius:0;padding:13px 15px;font-size:14px}.auth-page .form-stack input:focus-visible{outline:3px solid var(--odc-yellow,#f5bf1c);outline-offset:2px;border-color:var(--odc-ink,#1d1b1a);box-shadow:none}.auth-page .auth-submit{border:2px solid var(--odc-ink,#1d1b1a);background:var(--odc-ink,#1d1b1a);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:0;justify-content:space-between;min-height:54px;margin-top:9px;padding-inline:20px;font-size:13px}.auth-page .auth-submit:hover{background:var(--odc-red,#c93532)}.auth-switch{text-align:left;margin-top:24px;font-size:13px}.auth-switch a{color:var(--odc-red,#c93532);text-underline-offset:3px;text-decoration:underline}.auth-footnote{letter-spacing:.12em;margin-top:auto;padding-top:45px;font-size:10px;font-weight:900}.auth-footnote span{color:var(--odc-red,#c93532)}.center-page{background:var(--odc-red,#c93532);place-items:center;min-height:100vh;padding:24px;display:grid}.center-page .card{border:2px solid var(--odc-ink,#1d1b1a);background:var(--odc-cream,#fff9ed);width:min(100%,670px);max-width:none;box-shadow:9px 9px 0 var(--odc-ink,#1d1b1a);border-radius:0;padding:clamp(28px,6vw,70px)}.center-page .eyebrow{color:var(--odc-red,#c93532)}.center-page h1{font-size:clamp(60px,8vw,110px);line-height:.78}.center-page p{max-width:340px;font-size:15px}.center-page .button{margin-top:15px}@keyframes auth-orbit{to{transform:translate(-18px,20px)scale(1.04)}}@media (max-width:760px){.auth-topbar{height:64px}.auth-layout{flex-direction:column;min-height:calc(100vh - 64px);display:flex}.auth-aside{order:0;height:280px;min-height:280px}.auth-aside-index{font-size:460px;top:-56%}.auth-aside-sticker{width:76px;font-size:18px;top:16px;right:8%}.auth-aside-copy{bottom:27px;left:24px;right:20px}.auth-aside-copy h2{margin:13px 0 9px;font-size:clamp(57px,14vw,96px)}.auth-aside-copy p{font-size:12px}.auth-photo-kicker{font-size:8px}.auth-content{padding:35px 24px 24px}.auth-card h1{font-size:clamp(70px,18vw,110px)}.auth-footnote{padding-top:35px}}@media (max-width:430px){.auth-back{gap:0;font-size:0}.auth-back svg{width:20px;height:20px}.auth-aside{height:245px;min-height:245px}.auth-aside-sticker{width:68px;font-size:16px}.auth-aside-copy h2{font-size:60px}.auth-aside-copy p{max-width:260px;font-size:11px}.auth-content{padding-inline:20px}.auth-card h1{font-size:74px}}@media (prefers-reduced-motion:reduce){.auth-aside-orbit{animation:none}}
.customer-page{--customer-cream:#fff9ed;--customer-ink:#1d1b1a;--customer-yellow:#f5bf1c;background:var(--customer-cream);min-height:100vh;color:var(--customer-ink);padding-bottom:102px;overflow-x:clip}.customer-page button,.customer-page input,.customer-page select{font:inherit}.customer-page button{cursor:pointer}.customer-page button:disabled{cursor:not-allowed;opacity:.48}.customer-page :is(button,input,select,video):focus-visible{outline:3px solid var(--customer-yellow);outline-offset:3px}.customer-top{z-index:3;background:var(--customer-cream);border-bottom:2px solid var(--customer-ink);position:relative}.customer-top-inner{align-items:center;gap:12px;max-width:1280px;min-height:78px;margin:auto;padding:10px 28px;display:flex}.customer-logo{border:2px solid var(--customer-ink);background:var(--brand-color);width:48px;height:48px;color:var(--brand-ink);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.customer-logo img{object-fit:contain;background:var(--customer-cream);width:100%;height:100%}.customer-brand{gap:2px;min-width:0;margin-right:auto;display:grid}.customer-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:900;line-height:1;overflow:hidden}.customer-brand small{letter-spacing:.16em;font-size:9px;font-weight:900}.customer-top-right{border:2px solid var(--customer-ink);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:50px;max-width:40%;padding:7px 11px;font-size:11px;font-weight:900;overflow:hidden}.customer-loading{text-transform:uppercase;place-items:center;min-height:70vh;padding:24px;font-size:24px;font-weight:900;display:grid}.entry-wrap{grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:clamp(26px,7vw,110px);max-width:1480px;min-height:calc(100vh - 78px);margin:auto;padding:clamp(25px,5vw,70px) clamp(20px,5vw,74px);display:grid}.entry-poster{min-height:550px;color:var(--customer-ink);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.entry-poster span{z-index:1;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap;width:max-content;max-width:100%;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(88px,12vw,185px);font-weight:900;line-height:.74;display:block;position:relative}.entry-poster span:nth-child(2){color:var(--brand-color);margin-left:8%}.entry-poster span:nth-child(3){margin-left:2%}.entry-poster:after{content:"";aspect-ratio:1;border:35px solid var(--customer-yellow);border-radius:50%;width:49%;position:absolute;top:9%;right:8%;transform:rotate(-20deg)}.entry-poster b{z-index:2;color:var(--brand-color);font-size:110px;font-weight:400;line-height:1;animation:18s linear infinite customer-spin;position:absolute;bottom:3%;right:9%}.entry-card{z-index:1;border:2px solid var(--customer-ink);max-width:500px;box-shadow:10px 12px 0 var(--customer-ink);background:#fff;border-radius:26px 26px 12px 12px;position:relative;overflow:hidden}.entry-head{background:var(--brand-color);color:var(--brand-ink);padding:31px 31px 25px;position:relative}.entry-head .eyebrow{letter-spacing:.14em;text-transform:uppercase;max-width:75%;font-size:10px;font-weight:900;line-height:1.4;display:block}.entry-icon{border:2px solid;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:25px;right:25px}.entry-head h1{letter-spacing:-.035em;text-transform:uppercase;max-width:360px;margin:35px 0 13px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(59px,6vw,85px);font-weight:900;line-height:.8}.entry-head p{max-width:360px;margin:0;font-size:15px;line-height:1.45}.entry-safe{text-transform:uppercase;letter-spacing:.05em;border-top:1px solid;align-items:center;gap:7px;margin-top:24px;padding-top:14px;font-size:10px;font-weight:900;display:flex}.entry-form{padding:26px 31px 30px}.segmented{background:#eee7db;border-radius:50px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:23px;padding:3px;display:grid}.segmented button{min-height:42px;color:var(--customer-ink);background:0 0;border:0;border-radius:50px;font-size:11px;font-weight:900}.segmented button.selected{background:var(--customer-ink);color:#fff}.entry-form>label{text-transform:uppercase;letter-spacing:.06em;gap:8px;margin:0 0 17px;font-size:11px;font-weight:900;display:grid}.entry-form :is(input,select){width:100%;min-height:49px;color:var(--customer-ink);letter-spacing:normal;text-transform:none;background:#fff;border:1.5px solid #bcb4a9;border-radius:9px;padding:12px 14px;font-size:14px}.entry-form :is(input,select):focus{border-color:var(--customer-ink)}.customer-primary{border:2px solid var(--customer-ink);background:var(--brand-color);min-height:48px;color:var(--brand-ink);box-shadow:3px 4px 0 var(--customer-ink);border-radius:50px;justify-content:center;align-items:center;gap:12px;padding:10px 20px;font-size:12px;font-weight:900;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.customer-primary:hover:not(:disabled){box-shadow:1px 2px 0 var(--customer-ink);transform:translate(2px,2px)}.customer-primary.full{width:100%}.entry-hint{color:#655f57;text-align:center;margin:18px 0 0;font-size:11px;line-height:1.5}.customer-container{max-width:1280px;margin:auto;padding:24px 28px 54px}.session-bar{background:var(--customer-yellow);border:2px solid var(--customer-ink);letter-spacing:.12em;border-radius:13px 13px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:10px;font-weight:900;display:flex}.session-chip{font-size:12px}.session-code{border:2px dashed var(--customer-ink);background:#fff;align-items:center;gap:12px;margin:14px 0;padding:14px 18px;display:flex}.session-code strong,.session-code small{display:block}.session-code small{color:#686159;margin-top:2px;font-size:11px}.session-code button{background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.customer-container>.notice{margin:14px 0}.customer-page .notice.dismissible{justify-content:space-between;align-items:center;gap:10px;display:flex}.customer-page .notice.dismissible button{background:0 0;border:0;place-items:center;display:grid}.menu-hero{background:var(--brand-color);min-height:455px;color:var(--brand-ink);border:2px solid var(--customer-ink);border-top:0;border-radius:0 0 22px 22px;grid-template-columns:1.1fr .9fr;display:grid;position:relative;overflow:hidden}.menu-hero-copy{z-index:1;padding:clamp(33px,5vw,68px);position:relative}.menu-hero .eyebrow{letter-spacing:.12em;border:1.5px solid;border-radius:50px;padding:7px 10px;font-size:10px;font-weight:900;display:inline-flex}.menu-hero h1{letter-spacing:-.04em;white-space:nowrap;margin:24px 0 16px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(80px,9vw,136px);font-weight:900;line-height:.74}.menu-hero h1 em{color:var(--customer-yellow);font-style:normal}.menu-hero p{max-width:450px;margin:0;font-size:15px;line-height:1.5}.menu-hero-actions{flex-wrap:wrap;gap:12px;margin-top:27px;display:flex}.menu-hero-actions .customer-primary{background:var(--customer-cream);color:var(--customer-ink)}.menu-hero-actions .outline{color:inherit;background:0 0;border:2px solid;border-radius:50px;align-items:center;gap:5px;padding:12px 17px;font-size:12px;font-weight:900;display:inline-flex}.menu-hero-art{min-height:400px;position:relative}.menu-hero-disc{aspect-ratio:1;border:clamp(35px,5vw,68px) solid var(--customer-yellow);border-radius:50%;width:min(35vw,430px);position:absolute;top:5%;right:3%;transform:rotate(-22deg)}.menu-hero-disc:after{content:"";border:2px solid color-mix(in srgb,var(--brand-ink) 35%,transparent);border-radius:50%;position:absolute;inset:-100px}.menu-hero-word{letter-spacing:-.07em;opacity:.92;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(100px,17vw,250px);font-weight:900;line-height:.7;position:absolute;bottom:7%;right:-2%;transform:rotate(-12deg)}.menu-hero-stamp{z-index:1;text-align:center;border:2px solid var(--customer-ink);background:var(--customer-cream);width:112px;height:112px;color:var(--customer-ink);border-radius:50%;place-items:center;font-family:Barlow Condensed,Impact,sans-serif;font-size:21px;font-weight:900;line-height:.82;display:grid;position:absolute;top:15%;right:11%;transform:rotate(13deg)}.menu-hero-spark{color:var(--customer-yellow);font-size:70px;animation:18s linear infinite customer-spin;position:absolute;top:26%;left:8%}.quick-service{border-bottom:2px solid var(--customer-ink);justify-content:space-between;align-items:center;gap:20px;padding:27px 12px 24px;display:flex}.quick-service .eyebrow{letter-spacing:.16em;color:var(--brand-color);font-size:9px;font-weight:900}.quick-service h2{text-transform:uppercase;margin:4px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:38px;line-height:.9}.quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.quick-actions button{border:2px solid var(--customer-ink);color:var(--customer-ink);background:#fff;border-radius:50px;align-items:center;gap:8px;padding:11px 13px;font-size:11px;font-weight:900;transition:transform .2s,background .2s;display:inline-flex}.quick-actions button:hover:not(:disabled){background:var(--customer-yellow);transform:translateY(-3px)}.catalog{padding:48px 0 75px}.section-title{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 27px;display:flex}.section-title .eyebrow{letter-spacing:.15em;color:var(--brand-color);font-size:10px;font-weight:900}.section-title h2{letter-spacing:-.04em;margin:7px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(66px,11vw,145px);font-weight:900;line-height:.72}.section-title h2 span{color:var(--brand-color);vertical-align:top;margin-left:8px;font-family:Arial,sans-serif;font-size:.45em;display:inline-block}.section-title>span{letter-spacing:.12em;white-space:nowrap;font-size:11px;font-weight:900}.category-tabs{scrollbar-width:thin;gap:8px;padding:3px 0 20px;display:flex;overflow-x:auto}.category-tabs button{border:2px solid var(--customer-ink);min-height:42px;color:var(--customer-ink);background:#fff;border-radius:50px;flex:none;padding:9px 18px;font-size:11px;font-weight:900}.category-tabs button.active{background:var(--customer-ink);color:#fff}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.product-card{border:2px solid var(--customer-ink);min-width:0;box-shadow:4px 5px 0 var(--customer-ink);background:#fff;border-radius:20px;transition:transform .22s,box-shadow .22s;overflow:hidden}.product-card:hover{box-shadow:6px 9px 0 var(--customer-ink);transform:translateY(-5px)}.product-media{background:color-mix(in srgb,var(--brand-color) 16%,var(--customer-cream));height:clamp(230px,23vw,310px);min-height:230px;color:var(--brand-color);place-items:center;display:grid;position:relative;overflow:hidden}.product-media :is(img,video){object-fit:cover;width:100%;height:100%}.product-index{border:1.5px solid var(--customer-ink);background:var(--customer-yellow);color:var(--customer-ink);border-radius:50px;padding:7px 10px;font-size:11px;font-weight:900;position:absolute;top:12px;left:13px}.product-body{padding:20px}.product-body h3{text-transform:uppercase;margin:3px 0 8px;font-family:Barlow Condensed,Impact,sans-serif;font-size:32px;font-weight:900;line-height:.95}.product-body>p{color:#625c56;min-height:48px;margin:0 0 20px;font-size:12px;line-height:1.5}.media-pill{background:var(--customer-yellow);color:var(--customer-ink);border-radius:2px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;font-weight:900;display:inline-flex}.product-bottom{border-top:1px solid #ded9d0;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.product-bottom strong{font-size:19px;font-weight:900}.product-bottom button{border:2px solid var(--customer-ink);background:var(--brand-color);width:41px;height:41px;color:var(--brand-ink);border-radius:50%;place-items:center;transition:transform .2s;display:grid}.product-bottom button:hover:not(:disabled){transform:rotate(90deg)}.content-panel{border:2px solid var(--customer-ink);max-width:880px;box-shadow:8px 10px 0 var(--customer-ink);background:#fff;border-radius:22px;margin:38px auto 70px;padding:clamp(22px,4vw,50px)}.back-link{color:var(--customer-ink);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:900;display:inline-flex}.content-heading{border-bottom:2px solid var(--customer-ink);margin:37px 0 30px;padding-bottom:25px;position:relative}.content-heading .eyebrow{letter-spacing:.15em;color:var(--brand-color);font-size:10px;font-weight:900}.content-heading h1{letter-spacing:-.04em;margin:11px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(70px,11vw,125px);font-weight:900;line-height:.72}.content-heading h1 em{color:var(--brand-color);font-style:normal}.content-heading-mark{color:var(--customer-yellow);font-size:70px;position:absolute;bottom:20px;right:2%}.content-panel>p{font-size:13px;line-height:1.5}.cart-lines,.bill-orders{gap:0;display:grid}.cart-line{border-bottom:1px solid #ded9d0;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.cart-line>div:first-child{flex:1;gap:7px;display:grid}.cart-line strong{font-size:17px}.cart-line span,.customer-page .muted{color:#655f57;font-size:12px}.cart-line input{background:#fff;border:1px solid #aaa298;border-radius:7px;width:min(100%,440px);min-height:38px;padding:8px 10px}.quantity-control{align-items:center;gap:12px;font-weight:900;display:flex}.quantity-control button{border:1.5px solid var(--customer-ink);background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.quantity-control span{min-width:16px;color:var(--customer-ink);text-align:center;font-size:15px}.cart-total,.bill-total{border-top:2px solid var(--customer-ink);border-bottom:2px solid var(--customer-ink);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin:24px 0;padding:20px 0;font-size:13px;font-weight:900;display:flex}.cart-total strong,.bill-total strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:41px;line-height:1}.customer-page .content-panel>.muted{margin:15px 0}.bill-total{margin-bottom:8px}.bill-order{border:1.5px solid var(--customer-ink);background:var(--customer-cream);border-radius:13px;margin:17px 0;padding:20px}.bill-order-head,.bill-order-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.bill-order-head strong{font-size:15px}.bill-order-head small{color:#706961;margin-top:5px;font-size:10px;display:block}.bill-item{border-bottom:1px dashed #bdb4a8;flex-wrap:wrap;justify-content:space-between;gap:5px 15px;padding:10px 0;font-size:12px;display:flex}.bill-item small{color:#706961;width:100%}.bill-order-foot{padding-top:14px;font-size:11px;font-weight:900}.customer-page .status{color:#3c3732;text-transform:uppercase;text-align:center;background:#e8e4db;border-radius:5px;align-items:center;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex}.customer-page .status.pending,.customer-page .status.preparing{background:#ffedb0}.customer-page .status.confirmed,.customer-page .status.ready,.customer-page .status.delivered{background:#dcedd9}.customer-page .status.rejected,.customer-page .status.cancelled{background:#f9d7d0}.request-list{margin-top:30px}.request-list h2{text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif;font-size:35px}.request-list>div{border-bottom:1px solid #ded9d0;align-items:center;gap:9px;padding:10px 0;font-size:12px;display:flex}.customer-page .empty{text-align:center;background:#fff;border:2px dashed #bcb4a9;border-radius:13px;padding:44px 25px;font-size:13px}.customer-bottom{z-index:8;left:50%;bottom:max(15px,env(safe-area-inset-bottom));border:2px solid var(--customer-ink);background:var(--customer-ink);border-radius:50px;gap:6px;padding:7px;display:flex;position:fixed;transform:translate(-50%);box-shadow:4px 6px #0004}.customer-bottom button{color:#fff;white-space:nowrap;background:0 0;border:0;border-radius:50px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:11px;font-weight:900;display:inline-flex}.customer-bottom button.active{background:var(--customer-yellow);color:var(--customer-ink)}.customer-bottom b{background:var(--brand-color);min-width:19px;height:19px;color:var(--brand-ink);border-radius:50%;place-items:center;padding:0 4px;font-size:10px;display:grid}@keyframes customer-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.entry-wrap{grid-template-columns:minmax(0,1fr) minmax(330px,470px);gap:25px}.entry-poster span{font-size:clamp(80px,11vw,130px)}.menu-hero h1{font-size:clamp(65px,9vw,95px)}.menu-hero-art{min-height:350px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.customer-top-inner{min-height:68px;padding:9px 16px}.customer-logo{width:42px;height:42px}.customer-brand strong{font-size:15px}.customer-brand small{font-size:7px}.customer-top-right{font-size:9px}.entry-wrap{padding:15px 16px 45px;display:block}.entry-poster{min-height:190px;padding:12px 0 25px}.entry-poster span{font-size:clamp(62px,14vw,105px)}.entry-poster b{font-size:52px;bottom:5px;right:5%}.entry-poster:after{border-width:15px;width:28%;top:10%;right:7%}.entry-card{box-shadow:6px 7px 0 var(--customer-ink);margin:auto}.customer-container{padding:16px 14px 50px}.menu-hero{grid-template-columns:1fr;min-height:570px}.menu-hero-copy{padding:33px 25px}.menu-hero h1{font-size:clamp(72px,15vw,115px)}.menu-hero-art{min-height:160px}.menu-hero-disc{border-width:34px;width:240px;top:-115%;right:5%}.menu-hero-word{font-size:clamp(105px,25vw,170px);bottom:1%}.menu-hero-stamp{width:80px;height:80px;font-size:16px;top:-90%;right:6%}.menu-hero-spark{font-size:45px;top:-50%;left:4%}.quick-service{flex-direction:column;align-items:flex-start}.quick-actions{justify-content:flex-start}.catalog{padding-top:37px}.section-title h2{font-size:clamp(65px,15vw,105px)}.product-media{height:230px}.content-panel{margin:20px auto 60px}.content-heading h1{font-size:clamp(69px,14vw,100px)}}@media (max-width:520px){.entry-poster span{font-size:clamp(61px,16vw,86px)}.entry-head{padding:24px 22px}.entry-head h1{margin-top:30px;font-size:64px}.entry-form{padding:22px}.session-bar{flex-direction:column;align-items:flex-start;gap:4px}.session-bar>span:last-child{font-size:8px}.menu-hero{min-height:545px}.menu-hero-copy{padding:29px 20px}.menu-hero h1{font-size:clamp(65px,16vw,84px)}.menu-hero p{font-size:13px}.menu-hero-actions{gap:9px}.menu-hero-actions .button{min-height:43px;padding:9px 13px;font-size:10px}.menu-hero-word{font-size:125px}.section-title h2{font-size:clamp(61px,15vw,82px)}.section-title>span{font-size:9px}.product-grid{grid-template-columns:1fr}.product-media{height:260px}.product-body>p{min-height:0}.cart-line{flex-direction:column;align-items:flex-start}.quantity-control{align-self:flex-end}.bill-order-head{flex-direction:column;align-items:flex-start}.content-heading-mark{font-size:48px;right:0}.customer-bottom{bottom:calc(8px + env(safe-area-inset-bottom));justify-content:space-between;gap:2px;width:calc(100% - 20px);max-width:400px;padding:5px}.customer-bottom button{flex:1;gap:5px;min-height:42px;padding:7px 5px;font-size:9px}.customer-bottom button svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.customer-page *,.customer-page :before,.customer-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nfc-instructions{background:var(--customer-cream);min-height:100vh;color:var(--customer-ink)}.nfc-instructions-card{border:2px solid var(--customer-ink);width:min(720px,100% - 36px);box-shadow:10px 10px 0 var(--customer-ink);background:#fff;margin:clamp(55px,12vh,130px) auto;padding:clamp(28px,7vw,72px)}.nfc-instructions-card .eyebrow{color:var(--brand-color);letter-spacing:.12em;font-size:11px;font-weight:900}.nfc-instructions-card h1{text-transform:uppercase;max-width:600px;margin:27px 0 18px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(52px,9vw,100px);font-weight:900;line-height:.82}.nfc-instructions-card p{color:#625b53;max-width:520px;margin:0;font-size:16px;line-height:1.6}
.dashboard{background:var(--odc-cream,#fff9ed);min-height:100vh;color:var(--odc-ink,#1d1b1a);grid-template-columns:250px minmax(0,1fr);display:grid}.dashboard-side{background:var(--odc-ink,#1d1b1a);height:100vh;color:var(--odc-cream,#fff9ed);border-right:4px solid var(--odc-yellow,#f5bf1c);flex-direction:column;padding:25px 17px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.dashboard-side:before{content:"Ô";color:#ffffff09;font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;pointer-events:none;font-size:320px;font-weight:900;line-height:1;position:absolute;bottom:7%;left:-45px}.dashboard-side .brand{color:#fff;letter-spacing:-.04em;align-items:center;gap:10px;margin:0 8px 44px;font-size:16px;font-weight:900;display:flex;position:relative}.dashboard-side .brand-mark{background:url(/brand/odecasa-hand.svg) 50%/contain no-repeat;flex:none;width:40px;height:40px;display:block}.side-caption{color:var(--odc-yellow,#f5bf1c);letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere;border-bottom:1px solid #ffffff3b;margin:0 9px 13px;padding:0 0 15px;font-size:10px;font-weight:900;position:relative}.side-link{color:#fff9edc7;text-align:left;background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:11px;min-height:46px;margin:2px 0;padding:10px 13px;font-size:13px;font-weight:800;transition:background .18s,color .18s,translate .18s;display:flex;position:relative}.side-link:hover{color:#fff;background:#ffffff16;translate:3px}.side-link.active,.side-link.active:hover{border-color:var(--odc-yellow,#f5bf1c);background:var(--odc-yellow,#f5bf1c);color:var(--odc-ink,#1d1b1a);translate:0;box-shadow:4px 4px #000}.side-bottom{border-top:1px solid #ffffff3b;margin-top:auto;padding-top:17px;position:relative}.dashboard-side :focus-visible,.dashboard-mobile-nav :focus-visible{outline:3px solid var(--odc-yellow,#f5bf1c);outline-offset:2px}.dashboard-main{width:100%;min-width:0;max-width:1530px;margin:0 auto;padding:clamp(22px,3vw,54px) clamp(20px,3.5vw,65px) 90px}.dashboard-header{isolation:isolate;border:2px solid var(--odc-ink,#1d1b1a);background:var(--odc-red,#c93532);min-height:212px;box-shadow:7px 7px 0 var(--odc-ink,#1d1b1a);color:#fff;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;padding:clamp(22px,3vw,42px);display:flex;position:relative;overflow:hidden}.dashboard-header:before{content:"Ô";z-index:-1;color:#ffffff1c;font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;pointer-events:none;font-size:430px;font-weight:900;line-height:1;position:absolute;top:-65%;right:14%;transform:rotate(-11deg)}.dashboard-header .eyebrow{color:var(--odc-yellow,#f5bf1c);font-size:10px}.dashboard-header h1{color:#fff;font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:14px 0 12px;font-size:clamp(65px,7.5vw,116px);font-weight:900;line-height:.72}.dashboard-header p{color:#fff9eddf;max-width:560px;margin:0;font-size:13px;line-height:1.5}.dashboard-header .button{color:var(--odc-ink,#1d1b1a);text-transform:uppercase;background:#fff;border:2px solid #fff;border-radius:0;flex:none;font-size:11px;position:relative}.dashboard-header .button:hover{border-color:var(--odc-yellow,#f5bf1c);background:var(--odc-yellow,#f5bf1c)}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:21px 0 24px}.metric{border:2px solid var(--odc-ink,#1d1b1a);border-top:2px solid var(--odc-ink,#1d1b1a);min-height:125px;box-shadow:4px 4px 0 var(--odc-ink,#1d1b1a);background:#fffefa;border-radius:0;align-items:flex-start;gap:19px;padding:21px;display:flex}.metric:nth-child(2){background:var(--odc-yellow,#f5bf1c)}.metric:nth-child(3){background:#ffe8dc}.metric>svg{stroke-width:1.7px;flex:none;width:27px;height:27px}.metric>div{flex-direction:column;display:flex}.metric strong{font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;order:0;margin:0;font-size:56px;line-height:.75}.metric span{color:var(--odc-ink,#1d1b1a);order:1;margin-top:12px;font-size:12px;font-weight:800}.dashboard-card{border:2px solid var(--odc-ink,#1d1b1a);background:#fffefa;border-radius:0;min-width:0;margin:19px 0;padding:clamp(18px,2.2vw,32px);box-shadow:5px 5px #1d1b1a}.card-title{border-bottom:1px solid #1d1b1a3f;align-items:flex-end;margin-bottom:22px;padding-bottom:15px}.card-title h2,.dashboard-card>h2{font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;text-transform:uppercase;margin:0 0 5px;font-size:clamp(28px,3vw,42px);font-weight:900;line-height:.92}.card-title p,.dashboard-card>p{color:#504a43;margin:4px 0 0;font-size:12px;line-height:1.5}.dashboard .button,.dashboard .mini-button{text-transform:uppercase;letter-spacing:.025em;border-radius:0;min-height:35px;font-weight:900}.dashboard .button{border-color:var(--odc-ink,#1d1b1a);background:var(--odc-ink,#1d1b1a);color:#fff;min-height:44px}.dashboard .button:hover{border-color:var(--odc-red,#c93532);background:var(--odc-red,#c93532)}.dashboard .button.secondary{color:var(--odc-ink,#1d1b1a);background:#fffefa}.dashboard .button.secondary:hover{background:var(--odc-yellow,#f5bf1c)}.dashboard .mini-button{border:1px solid var(--odc-ink,#1d1b1a);color:var(--odc-ink,#1d1b1a);background:#fffefa;padding:8px 12px;font-size:10px}.dashboard .mini-button:hover{background:var(--odc-yellow,#f5bf1c)}.dashboard .mini-button.primary{background:var(--odc-red,#c93532);color:#fff}.dashboard .mini-button.primary:hover{background:var(--odc-ink,#1d1b1a)}.dashboard :focus-visible{outline:3px solid var(--odc-red,#c93532);outline-offset:3px}.dashboard-side :focus-visible{outline-color:var(--odc-yellow,#f5bf1c)}.session-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.session-card{border:1px solid var(--odc-ink,#1d1b1a);border-left:7px solid var(--odc-red,#c93532);background:#fffefa;border-radius:0;min-width:0;padding:20px;box-shadow:3px 3px #1d1b1a1f}.session-card-top{align-items:flex-start}.session-card-top h3{font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;text-transform:uppercase;margin:2px 0 0;font-size:38px;font-weight:900;line-height:.85}.session-card-total{border-block:1px dashed #1d1b1a70;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:15px 0;display:flex}.session-card-total span{font-size:12px;font-weight:800}.session-card-total strong{font-family:var(--font-display,"Barlow Condensed"), Impact, sans-serif;white-space:nowrap;font-size:31px}.service-request{background:var(--odc-yellow,#f5bf1c);border:1px solid var(--odc-ink,#1d1b1a);flex-wrap:wrap;font-size:11px;display:flex}.service-request>strong{flex:1}.owner-order{padding:15px 0}.owner-order-head strong{font-size:13px}.owner-order p{margin:9px 0;font-size:12px;line-height:1.5}.owner-order-bottom{color:var(--odc-ink,#1d1b1a)}.owner-order-bottom>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.session-close{justify-content:flex-end;margin-top:17px;padding-top:15px}.status{letter-spacing:.025em;border:1px solid #1d1b1a34;border-radius:0;font-size:10px;line-height:1.2}.status.pending,.status.preparing{color:#583904;background:#ffedab}.status.active,.status.accepted,.status.ready,.status.paid{color:#1f5d37;background:#d9f0d7}.status.suspended,.status.rejected,.status.cancelled{color:#8c2321;background:#ffe0da}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.75fr);align-items:start;gap:19px;display:grid}.catalog-dashboard{display:block}.simple-list{gap:0}.simple-list>div,.simple-list>article{border-bottom:1px solid #1d1b1a30;align-items:center;gap:11px;min-width:0;padding:13px 2px;display:flex}.simple-list strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.simple-list small{font-weight:500}.table-icon,.business-icon{border:1px solid var(--odc-ink,#1d1b1a);background:var(--odc-yellow,#f5bf1c);width:39px;height:39px;color:var(--odc-ink,#1d1b1a);border-radius:50%}.editor-form{gap:15px}.editor-form form{gap:14px;display:grid}.editor-form label{font-size:12px}.editor-form input:not([type=checkbox]):not([type=color]):not([type=file]),.editor-form select,.editor-form textarea,.inline-form input{border:1px solid var(--odc-ink,#1d1b1a);min-height:46px;color:var(--odc-ink,#1d1b1a);background:#fff;border-radius:0;padding:10px 12px;font-size:13px}.editor-form input:focus-visible,.editor-form select:focus-visible,.editor-form textarea:focus-visible,.inline-form input:focus-visible{outline:3px solid var(--odc-yellow,#f5bf1c);outline-offset:1px}.editor-form input[type=color]{border:1px solid var(--odc-ink,#1d1b1a);background:#fff;min-height:45px;padding:3px}.check-row{align-items:center;gap:10px;font-size:12px!important;display:flex!important}.check-row input{width:18px;height:18px;accent-color:var(--odc-red,#c93532)}.upload-label{border:1px dashed var(--odc-ink,#1d1b1a);background:#fff1ce;font-size:12px}.upload-label input[type=file]{max-width:100%}.inline-form{margin-top:18px}.inline-form input{flex:1;min-width:0}.product-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-admin-grid>article{border:1px solid #1d1b1a54;grid-template-columns:86px 1fr;align-items:center;gap:9px;min-width:0;padding:10px;display:grid}.product-admin-grid>article>div:nth-child(2){gap:4px;min-width:0;display:grid}.product-admin-grid strong{overflow-wrap:anywhere;font-size:13px}.product-admin-grid span{color:#635c54;font-size:11px}.product-admin-media{background:#ffe7b5;place-items:center;width:86px;height:86px;display:grid}.product-admin-media img,.product-admin-media video{object-fit:cover;width:100%;height:100%}.product-admin-grid .mini-button{grid-column:span 1}.link-box{border-color:var(--odc-ink,#1d1b1a);background:#fff1ce;margin:17px 0;padding:14px;font-size:12px}.nfc-table-list>.nfc-table-row{grid-template-columns:39px minmax(120px,1fr) auto minmax(220px,1.4fr) auto;align-items:center;gap:11px;padding:17px 0;display:grid}.nfc-table-row>strong{gap:5px;display:grid}.nfc-table-row>strong small{color:#625b53;font-size:10px;font-weight:600}.nfc-table-actions{grid-template-columns:1fr auto auto;align-items:center;gap:7px;min-width:0;display:grid}.nfc-table-actions .link-box{overflow-wrap:anywhere;min-width:0;margin:0;padding:10px;font-size:10px}.business-row{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #1d1b1a45;border-radius:0;align-items:flex-start;padding:19px 10px}.business-summary{min-width:0}.business-summary>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.business-summary strong{overflow-wrap:anywhere;font-size:16px}.business-summary .status{margin:0}.business-summary p{color:#4e4942;overflow-wrap:anywhere;margin:7px 0 5px;font-size:12px}.business-summary small{color:#685f55;font-size:11px}.row-actions{justify-content:flex-end;max-width:240px}.filter-tabs{gap:5px}.filter-tabs button{border:1px solid var(--odc-ink,#1d1b1a);color:var(--odc-ink,#1d1b1a);text-transform:uppercase;background:0 0;border-radius:0;font-size:10px}.filter-tabs button.active{border-color:var(--odc-ink,#1d1b1a);background:var(--odc-ink,#1d1b1a);color:#fff}.dashboard .empty{color:#635b52;padding:50px 20px;font-size:14px}.dashboard-mobile-nav{display:none}@media (max-width:1120px){.dashboard{grid-template-columns:215px minmax(0,1fr)}.dashboard-main{padding-inline:22px}.session-grid,.product-admin-grid{grid-template-columns:1fr}}@media (max-width:800px){.dashboard{padding-bottom:76px;display:block}.dashboard-side{display:none}.dashboard-main{padding:17px 16px 50px}.dashboard-header{min-height:185px}.dashboard-header h1{font-size:clamp(58px,13vw,84px)}.editor-grid{grid-template-columns:1fr}.nfc-table-list>.nfc-table-row{grid-template-columns:39px minmax(0,1fr) auto}.nfc-table-actions{grid-column:2/-1;grid-template-columns:1fr 1fr;width:100%}.nfc-table-actions .link-box{grid-column:1/-1}.nfc-table-row>.mini-button:last-child{grid-column:2/-1;justify-self:end}.dashboard-mobile-nav{z-index:40;min-height:68px;padding:6px 5px calc(6px + env(safe-area-inset-bottom));background:var(--odc-ink,#1d1b1a);border-top:3px solid var(--odc-yellow,#f5bf1c);justify-content:space-around;gap:1px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.dashboard-mobile-nav button{color:#fff9edb5;background:0 0;border:0;flex:1 0 auto;justify-items:center;gap:3px;min-width:48px;font-size:9px;font-weight:800;display:grid}.dashboard-mobile-nav button.active{color:var(--odc-yellow,#f5bf1c)}}@media (max-width:560px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:18px;min-height:0;padding:24px 20px}.dashboard-header h1{font-size:67px}.dashboard-header p{font-size:12px}.dashboard-header .button{min-height:38px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{min-height:105px;padding:10px;display:block}.metric>svg{width:20px;height:20px}.metric strong{margin-top:7px;font-size:40px}.metric span{margin-top:7px;font-size:9px;line-height:1.2}.dashboard-card{padding:17px}.card-title{flex-direction:column;align-items:flex-start}.filter-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.filter-tabs button{flex:none}.business-row{flex-wrap:wrap}.business-summary{flex:calc(100% - 54px)}.row-actions{justify-content:flex-start;width:100%;max-width:none;padding-left:0}.session-card-total{align-items:flex-start}.simple-list>div{flex-wrap:wrap}.simple-list .mini-button{margin-left:auto}.product-admin-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashboard .side-link,.dashboard .button{transition:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

