@font-face{font-family:OTC Display;src:url(//offthecourtdxb.com/cdn/shop/t/6/assets/archivo-var.woff2?v=162496889553244667061790709995) format("woff2");font-weight:400 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:OTC Sans;src:url(//offthecourtdxb.com/cdn/shop/t/6/assets/instrumentsans_n4.woff2?v=178957372736640857801790709995) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:OTC Sans;src:url(//offthecourtdxb.com/cdn/shop/t/6/assets/instrumentsans_n7.woff2?v=129055520057421763531790709995) format("woff2");font-weight:700;font-display:swap}.otc{--otc-ink:#0b0b0b;--otc-paper:#f4f2ec;--otc-white:#fff;--otc-accent:#d7f23c;--otc-muted:#6b6b66;--otc-line:rgba(11,11,11,.14);--otc-display:"OTC Display","Archivo",Impact,sans-serif;--otc-sans:"OTC Sans","Instrument Sans",system-ui,sans-serif;--otc-pad:clamp(20px,4vw,56px);--otc-gap:clamp(64px,9vw,128px);font-family:var(--otc-sans);color:var(--otc-ink);background:var(--otc-paper);-webkit-font-smoothing:antialiased}.otc *,.otc *:before,.otc *:after{box-sizing:border-box}.otc img{display:block;max-width:100%}:where(.otc) a{color:inherit}.otc-wrap{padding-inline:var(--otc-pad);max-width:1600px;margin-inline:auto}.otc-display{font-family:var(--otc-display);font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:-.01em;line-height:.92;margin:0}.otc-kicker{font-family:var(--otc-sans);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;gap:.6em;align-items:center}.otc-kicker b{font-weight:700;color:var(--otc-muted)}.otc-h2{font-size:clamp(34px,5.6vw,84px)}.otc-h2 em{font-style:normal;background:var(--otc-accent);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.otc-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.55;max-width:46ch;color:#2b2b28}.otc-btn{--b:var(--otc-ink);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 26px;border:2px solid var(--b);background:var(--b);color:var(--otc-white);font:700 13px/1 var(--otc-sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.otc-btn:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--otc-accent)}.otc-btn--accent{--b:var(--otc-accent);color:var(--otc-ink)}.otc-btn--accent:hover{box-shadow:3px 3px 0 var(--otc-ink)}.otc-btn--ghost{background:transparent;color:var(--otc-ink)}.otc-btn--ghost-light{--b:#fff;background:transparent;color:#fff}.otc-btn--ghost-light:hover{background:#fff;color:var(--otc-ink)}.otc-btn .otc-arrow{transition:transform .2s}.otc-btn:hover .otc-arrow{transform:translate(4px)}.otc-marquee{overflow:hidden;background:var(--otc-ink);color:var(--otc-white);border-block:1px solid var(--otc-ink)}.otc-marquee--accent{background:var(--otc-accent);color:var(--otc-ink)}.otc-marquee__track{display:flex;width:max-content;animation:otc-marq var(--speed,32s) linear infinite}.otc-marquee:hover .otc-marquee__track{animation-play-state:paused}.otc-marquee__item{display:flex;align-items:center;gap:28px;padding:11px 14px;white-space:nowrap;font:700 12px/1 var(--otc-sans);letter-spacing:.18em;text-transform:uppercase}.otc-marquee__item:after{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.9}.otc-marquee--big .otc-marquee__item{font:900 clamp(34px,6vw,92px)/1 var(--otc-display);font-stretch:125%;letter-spacing:-.01em;padding:18px 24px;gap:48px}.otc-marquee--big .otc-marquee__item:after{width:.42em;height:.42em;background:radial-gradient(circle at 35% 35%,#eaff6a,#b9d320);border-radius:50%}.otc-marquee--accent.otc-marquee--big .otc-marquee__item:after{background:var(--otc-ink)}@keyframes otc-marq{to{transform:translate(-50%)}}.otc-hero{position:relative;min-height:min(100svh,980px);display:grid;grid-template-columns:1.05fr .95fr;background:var(--otc-ink);color:#fff;overflow:hidden}.otc-hero__media{position:relative;overflow:hidden}.otc-hero__media video,.otc-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.otc-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d 50%,#0000008c)}.otc-hero__side{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,64px) var(--otc-pad);gap:32px;position:relative}.otc-hero__word{font-size:clamp(48px,6.4vw,118px);line-height:.84;margin:0;position:relative;z-index:2}.otc-hero__word span{display:block}.otc-hero__word .otc-outline{color:var(--otc-accent)}.otc-hero__copy{max-width:520px}.otc-hero__copy p{font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:#ffffffd1;margin:0 0 28px}.otc-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.otc-hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;font-size:13px;color:#ffffffb8}.otc-hero__trust li{display:flex;gap:8px;align-items:center}.otc-hero__trust li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--otc-accent)}.otc-hero__tag{position:absolute;left:20px;bottom:20px;z-index:2;background:var(--otc-accent);color:var(--otc-ink);font:700 11px/1 var(--otc-sans);letter-spacing:.16em;text-transform:uppercase;padding:9px 12px}.otc-split{display:grid;grid-template-columns:1fr 1fr;gap:0}.otc .otc-split__tile{position:relative;display:block;min-height:clamp(420px,62vw,760px);overflow:hidden;text-decoration:none;color:#fff;background:#1a1a1a}.otc-split__tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.otc-split__tile:hover img{transform:scale(1.05)}.otc-split__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#000000b8)}.otc .otc-split__tile--light{color:var(--otc-ink);background:var(--otc-white)}.otc .otc-split__tile--light img{object-fit:contain;object-position:center top;padding:5% 12% 40%}.otc-split__tile--light:after{background:none}.otc-split__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(22px,3vw,44px);display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.otc-split__label{font-size:clamp(40px,6.4vw,104px)}.otc-split__label small{display:block;font:700 12px/1.4 var(--otc-sans);letter-spacing:.16em;margin-bottom:12px;opacity:.85}.otc-split__desc{max-width:30ch;font-size:15px;line-height:1.5;margin:14px 0 0;opacity:.88}.otc-split__go{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--otc-accent);color:var(--otc-ink);font-size:24px;transition:transform .3s}.otc-split__tile:hover .otc-split__go{transform:rotate(-45deg)}.otc-section{padding-block:var(--otc-gap)}.otc-section--white{background:var(--otc-white)}.otc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,4vw,52px);flex-wrap:wrap}.otc-head .otc-kicker{margin-bottom:16px}.otc-tabs{display:flex;gap:8px;flex-wrap:wrap}.otc-tab{border:2px solid var(--otc-ink);background:transparent;padding:10px 16px;font:700 12px/1 var(--otc-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.otc-tab[aria-pressed=true],.otc-tab:hover{background:var(--otc-ink);color:#fff}.otc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,24px)}.otc-card{min-width:0;position:relative;display:flex;flex-direction:column;background:var(--otc-white);border:1px solid var(--otc-line);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.otc-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px -22px #00000073}.otc-card[hidden]{display:none}.otc-card__media{position:relative;aspect-ratio:1/1.08;overflow:hidden;background:#fff;display:block}.otc-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:6%;transition:opacity .45s,transform .6s}.otc-card__media .otc-card__back{opacity:0;transform:scale(1.03)}.otc-card:hover .otc-card__back,.otc-card.is-flipped .otc-card__back{opacity:1;transform:none}.otc-card:hover .otc-card__front,.otc-card.is-flipped .otc-card__front{opacity:0}.otc-card__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2;align-items:flex-start}.otc-badge{font:700 10.5px/1 var(--otc-sans);letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;background:var(--otc-ink);color:#fff}.otc-badge--accent{background:var(--otc-accent);color:var(--otc-ink)}.otc-badge--line{background:#fff;color:var(--otc-ink);border:1px solid var(--otc-ink)}.otc-card__flip{position:absolute;right:12px;top:12px;z-index:2;border:1px solid var(--otc-ink);background:#fff;font:700 10.5px/1 var(--otc-sans);letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;cursor:pointer}.otc-card__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--otc-line);flex:1}.otc-card__row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.otc-card__title{font:800 15px/1.2 var(--otc-display);font-stretch:112%;text-transform:uppercase;margin:0;letter-spacing:.01em}.otc-card__title a{text-decoration:none}.otc-card__type{font-size:12px;color:var(--otc-muted);margin-top:4px;letter-spacing:.04em}.otc-price{font-weight:700;font-size:15px;white-space:nowrap;text-align:right}.otc-price s{display:block;font-weight:400;color:var(--otc-muted);font-size:12.5px}.otc-swatches{display:flex;gap:8px}.otc-swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--otc-line);cursor:pointer;outline-offset:2px;padding:0}.otc-swatch[aria-pressed=true]{outline:2px solid var(--otc-ink)}.otc-sizes{display:flex;gap:6px;flex-wrap:wrap}.otc-size{min-width:44px;height:38px;border:1px solid var(--otc-ink);background:#fff;font:700 12px/1 var(--otc-sans);letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.otc-size:hover:not(:disabled),.otc-size[aria-pressed=true]{background:var(--otc-ink);color:#fff}.otc-size:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.otc-card__add{margin-top:auto;width:100%}.otc-card__add[disabled]{background:transparent;color:var(--otc-ink);opacity:.6;pointer-events:none}.otc-card__note{font-size:12px;color:var(--otc-muted);min-height:1em;margin:-4px 0 0}.otc-spot{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,72px);align-items:center}.otc-spot__stage{position:relative;aspect-ratio:1/1;background:var(--otc-white);border:1px solid var(--otc-line);overflow:hidden}.otc-spot__stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:7%;transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1)}.otc-spot__stage img:not(.is-on){opacity:0;transform:scale(.96) rotate(-2deg)}.otc-spot__stamp{position:absolute;right:18px;bottom:18px;width:110px;height:110px;border-radius:50%;background:var(--otc-accent);display:grid;place-items:center;text-align:center;font:900 13px/1.05 var(--otc-display);font-stretch:112%;text-transform:uppercase;animation:otc-spin 14s linear infinite}@keyframes otc-spin{to{transform:rotate(360deg)}}.otc-spot__views{display:flex;gap:8px;margin:22px 0}.otc-spot__list{list-style:none;padding:0;margin:24px 0 30px;border-top:1px solid var(--otc-line)}.otc-spot__list li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--otc-line);font-size:15px}.otc-spot__list li span:first-child{color:var(--otc-muted)}.otc-world{background:var(--otc-ink);color:#fff}.otc-world__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(10px,1.4vw,20px);align-items:end}.otc-world__item{position:relative;overflow:hidden;background:#222}.otc-world__item video,.otc-world__item img{width:100%;height:100%;object-fit:cover;display:block}.otc-world__item--tall{aspect-ratio:9/15}.otc-world__item--mid{aspect-ratio:4/5.4;transform:translateY(calc(var(--p,0)*-60px))}.otc-world__cap{position:absolute;left:14px;bottom:14px;font:700 11px/1 var(--otc-sans);letter-spacing:.16em;text-transform:uppercase;background:#0009;padding:8px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.otc-world .otc-lead{color:#ffffffc7}.otc-trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--otc-ink);border-bottom:2px solid var(--otc-ink)}.otc-trust__item{padding:clamp(22px,3vw,40px) clamp(16px,2vw,28px);border-right:1px solid var(--otc-line)}.otc-trust__item:last-child{border-right:0}.otc-trust__num{font-size:clamp(34px,4vw,60px);display:block;margin-bottom:10px}.otc-trust__item p{margin:0;font-size:14.5px;line-height:1.5;color:#34342f}.otc-trust__item strong{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;color:var(--otc-ink)}.otc-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,90px)}.otc-faq details{border-bottom:1px solid var(--otc-line)}.otc-faq details:first-of-type{border-top:2px solid var(--otc-ink)}.otc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:800 clamp(16px,1.4vw,20px)/1.25 var(--otc-display);font-stretch:108%;text-transform:uppercase}.otc-faq summary::-webkit-details-marker{display:none}.otc-faq summary:after{content:"+";font-size:28px;line-height:.8;transition:transform .3s}.otc-faq details[open] summary:after{transform:rotate(45deg)}.otc-faq__a{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.otc-faq details[open] .otc-faq__a{grid-template-rows:1fr}.otc-faq__a>div{min-height:0}.otc-faq__a p{margin:0 0 22px;max-width:60ch;line-height:1.6;color:#34342f}.otc-join{background:var(--otc-accent);color:var(--otc-ink)}.otc-join__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,64px);align-items:end}.otc-join__row{display:flex;gap:0;border:2px solid var(--otc-ink);background:#fff}.otc-join input[type=email]{flex:1;min-width:0;border:0;padding:0 18px;min-height:58px;font:500 16px var(--otc-sans);background:transparent}.otc-join input:focus{outline:none}.otc-join .otc-btn{min-height:58px;border:0}.otc-join__fine{font-size:13px;margin-top:12px}.otc-join__ok{font-weight:700;margin-top:12px}.otc-closer{background:var(--otc-ink);color:#fff;padding-block:clamp(56px,8vw,110px) clamp(28px,3vw,40px);overflow:hidden}.otc-closer__word{font-size:min(clamp(30px,9vw,190px),calc((min(100vw,1600px) - 2 * var(--otc-pad)) / 10.2));line-height:.8;text-align:center;white-space:nowrap;letter-spacing:-.03em}.otc-closer__word span{display:inline-block}.otc-closer__row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:clamp(28px,4vw,48px);font-size:13px;color:#ffffffb3;letter-spacing:.06em}.otc-closer__row a{text-decoration:none;margin-right:18px}.otc-closer__row a:hover{color:var(--otc-accent)}.otc [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*90ms)}.otc [data-reveal].is-in,.otc-noreveal [data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.otc [data-reveal]{opacity:1;transform:none;transition:none}.otc-marquee__track,.otc-spot__stamp{animation:none}}.otc-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);background:var(--otc-ink);color:#fff;padding:14px 18px;display:flex;gap:16px;align-items:center;z-index:9999;font:600 14px var(--otc-sans);transition:transform .4s cubic-bezier(.2,.7,.2,1);box-shadow:0 10px 30px #0000004d}.otc-toast.is-on{transform:translate(-50%)}.otc-toast a{color:var(--otc-accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px}@media(max-width:989px){.otc-hero{grid-template-columns:1fr;min-height:auto}.otc-hero__media{aspect-ratio:4/5;max-height:78svh}.otc-grid{grid-template-columns:repeat(2,1fr)}.otc-spot,.otc-faq,.otc-join__inner{grid-template-columns:1fr}.otc-trust{grid-template-columns:1fr 1fr}.otc-trust__item:nth-child(2){border-right:0}.otc-trust__item:nth-child(-n+2){border-bottom:1px solid var(--otc-line)}}@media(max-width:640px){.otc-card__add{font-size:11px;letter-spacing:.08em;padding:0 10px;min-height:44px;white-space:normal;text-align:center;line-height:1.2}.otc-card__row{flex-direction:column;gap:6px}.otc-price{text-align:left}.otc-price s{display:inline;margin-right:6px}.otc-card__flip{display:none}.otc-split{grid-template-columns:1fr}.otc-split__tile{min-height:440px}.otc-grid{grid-template-columns:1fr 1fr;gap:10px}.otc-card__body{padding:12px}.otc-size{min-width:36px;height:34px}.otc-card__title{font-size:13px}.otc-world__grid{grid-template-columns:1fr 1fr}.otc-world__item--mid{display:none}.otc-hero__word{font-size:clamp(48px,15vw,90px)}}.otc-marquee{max-width:100%}.otc-grid-note{margin-top:28px;font-size:14px;color:var(--otc-muted)}.otc-section--compact{padding-block:clamp(36px,5vw,64px)}.otc-card-wrap{display:contents}.otc-marquee .otc-marquee__item{white-space:nowrap}.shopify-section:has(>.otc){margin:0}body{--font-heading--family:"OTC Display","Archivo",sans-serif;--font-body--family:"OTC Sans","Instrument Sans",sans-serif;--font-subheading--family:"OTC Sans","Instrument Sans",sans-serif;--style-border-radius-buttons-primary:0px;--style-border-radius-buttons-secondary:0px}body h1,body h2,body .h1,body .h2{font-stretch:112%;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}body .color-scheme-1,body:not(.x){--color-primary-button-background:rgb(11 11 11);--color-primary-button-border:rgb(11 11 11);--color-primary-button-text:rgb(255 255 255);--color-primary-button-hover-background:rgb(215 242 60);--color-primary-button-hover-border:rgb(11 11 11);--color-primary-button-hover-text:rgb(11 11 11)}.otc-world .otc-kicker{color:#fff}.otc-world .otc-kicker b{color:#fff9}.otc-world .otc-h2 em{color:#0b0b0b}.otc-join .otc-kicker b{color:#0b0b0b99}
/*# sourceMappingURL=/cdn/shop/t/6/assets/otc.css.map */