/* =========================================================
   GENERATED — do not hand-edit.
   Every rule here replaces one Tailwind arbitrary value or
   responsive utility. Regenerate with tools/tw_arbitrary.py
   ========================================================= */
.ok-fs-72rem{font-size:.72rem}
.ok-ls-16em{letter-spacing:.16em}
.ok-bc-varokline{border-color:var(--ok-line)}
.ok-minw-14rem{min-width:14rem}
.ok-gc-105fr1fr{grid-template-columns:1.05fr 1fr}
.ok-ar-1610{aspect-ratio:16/10}
.ok-bc-varokhairline{border-color:var(--ok-hairline)}
.ok-ls-025em{letter-spacing:-.025em}
.ok-lh-105{line-height:1.05}
.ok-fs-11px{font-size:11px}
.ok-minw-640px{min-width:640px}
.ok-r-175rem{border-radius:1.75rem}
.ok-ar-45{aspect-ratio:4/5}
.ok-fs-6rem{font-size:.6rem}
.ok-mt-clamp115rem17vw15r{margin-top:clamp(1.15rem,1.7vw,1.5rem)}
.ok-minh-16rem{min-height:16rem}
.ok-fs-clamp16rem24vw215r{font-size:clamp(1.6rem,2.4vw,2.15rem)}
.ok-minh-300px{min-height:300px}
.ok-left-125{left:12.5%}
.ok-right-125{right:12.5%}
.ok-maxw-16rem{max-width:16rem}
.ok-fs-66rem{font-size:.66rem}
.ok-w-195rem{width:19.5rem}
.ok-fs-95rem{font-size:.95rem}
.ok-w-325rem{width:3.25rem}
.ok-h-325rem{height:3.25rem}
.ok-fs-62rem{font-size:.62rem}
.ok-ls-12em{letter-spacing:.12em}
.ok-ls-02em{letter-spacing:-.02em}
.ok-fs-68rem{font-size:.68rem}
.ok-z-82{z-index:82}
.ok-gc-1fr380px{grid-template-columns:1fr 380px}
.ok-minw-2rem{min-width:2rem}
.ok-gc-1fr400px{grid-template-columns:1fr 400px}
.ok-minw-56px{min-width:56px}
.ok-fs-65rem{font-size:.65rem}
.ok-fs-7rem{font-size:.7rem}
.ok-gc-260px1fr{grid-template-columns:260px 1fr}
.ok-gc-1frauto{grid-template-columns:1fr auto}
.ok-minh-80vh{min-height:80vh}
.ok-minh-220px{min-height:220px}
.ok-minh-260px{min-height:260px}
.ok-ar-169{aspect-ratio:16/9}
.ok-z-90{z-index:90}
.ok-fs-78rem{font-size:.78rem}
.ok-minw-135rem{min-width:13.5rem}
.ok-w-clamp240px34vw440p{width:clamp(240px,34vw,440px)}
.ok-ls-018em{letter-spacing:0.18em}
.ok-z-85{z-index:85}
.ok-maxh-90vh{max-height:90vh}
.ok-z-80{z-index:80}
.ok-bgc-f4f5f7{background-color:#f4f5f7}
.ok-fs-55rem{font-size:.55rem}
.ok-ls-2em{letter-spacing:.2em}
.ok-fs-9rem{font-size:.9rem}
@media (min-width:640px){
  .ok-gap-075rem-sm{gap:0.75rem}
  .ok-gridco-span2span2-sm{grid-column:span 2/span 2}
  .ok-paddin-25rem-sm{padding:2.5rem}
  .ok-width-auto-sm{width:auto}
  .ok-width-14rem-sm{width:14rem}
  .ok-paddin-15rem-sm{padding:1.5rem}
  .ok-paddin-125rem-sm{padding-inline:1.25rem}
  .ok-width-10rem-sm{width:10rem}
  .ok-gap-05rem-sm{gap:0.5rem}
  .ok-aligns-auto-sm{align-self:auto}
}
@media (min-width:768px){
  .ok-gap-3rem-md{gap:3rem}
  .ok-order-1-md{order:1}
  .ok-order-2-md{order:2}
  .ok-paddin-5rem-md{padding-block:5rem}
  .ok-gap-15rem-md{gap:1.5rem}
  .ok-paddin-25rem-md{padding:2.5rem}
  .ok-paddin-2rem-md{padding:2rem}
  .ok-gap-125rem-md{gap:1.25rem}
  .ok-paddin-3rem-md{padding:3rem}
  .ok-justif-end-md{justify-self:end}
  .ok-paddin-175rem-md{padding:1.75rem}
  .ok-paddin-15rem-md{padding:1.5rem}
  .ok-paddin-1rem-md{padding-inline:1rem}
  .ok-top-5rem-md{top:5rem}
  .ok-paddin-35rem-md{padding-block:3.5rem}
  .ok-paddin-125rem-md{padding:1.25rem}
  .ok-width-7rem-md{width:7rem}
  .ok-height-7rem-md{height:7rem}
  .ok-gc-1frauto-md{grid-template-columns:1fr auto}
  .ok-paddin-0rem-md{padding-left:0rem}
  .ok-minh-260px-md{min-height:260px}
  .ok-width-auto-md{width:auto}
  .ok-width-18rem-md{width:18rem}
  .ok-gridco-span1span1-md{grid-column:span 1/span 1}
  .ok-height-5rem-md{height:5rem}
  .ok-height-35rem-md{height:3.5rem}
  .ok-gap-0375rem-md{gap:0.375rem}
  .ok-gap-075rem-md{gap:0.75rem}
}
@media (min-width:1024px){
  .ok-gc-105fr1fr-lg{grid-template-columns:1.05fr 1fr}
  .ok-gap-3rem-lg{gap:3rem}
  .ok-positi-sticky-lg{position:sticky}
  .ok-top-7rem-lg{top:7rem}
  .ok-gap-5rem-lg{gap:5rem}
  .ok-paddin-5rem-lg{padding-inline:5rem}
  .ok-aligns-auto-lg{align-self:auto}
  .ok-gc-1fr380px-lg{grid-template-columns:1fr 380px}
  .ok-gc-1fr400px-lg{grid-template-columns:1fr 400px}
  .ok-gap-2rem-lg{gap:2rem}
  .ok-top-6rem-lg{top:6rem}
  .ok-gc-260px1fr-lg{grid-template-columns:260px 1fr}
  .ok-gridco-span2span2-lg{grid-column:span 2/span 2}
  .ok-paddin-16rem-lg{padding-left:16rem}
  .ok-paddin-15rem-lg{padding-inline:1.5rem}
}
@media (min-width:1280px){
  .ok-gap-175rem-xl{gap:1.75rem}
}

/* ---- hand-written tail (must be appended AFTER generation) ---- */
.ok-nofocus:focus{outline:none}
.ok-checkable{transition:background-color .15s ease,border-color .15s ease}
.ok-checkable:has(:checked){border-color:var(--ok-yellow)!important;background-color:rgba(255,243,204,.5)!important}
.ok-divide-y > * + *{border-top:1px solid var(--ok-line)}
.ok-grayscale-35{filter:grayscale(.35)}
.ok-hovergroup:hover .ok-ungray{filter:grayscale(0)}
.ok-hovergroup:hover .ok-hover-gold{color:var(--ok-amber)}
.ok-hover-underline:hover{text-decoration:underline}
.ok-bc-w07{border-color:rgba(255,255,255,.07)}
.ok-tr-filter{transition:filter .5s ease}
.ok-grad-ink{background-image:linear-gradient(160deg,#16181f,#101216)}
.ok-bw-15{border-width:1.5px}
@media (min-width:768px){
  .ok-fs-25rem-md{font-size:2.5rem}
  .ok-ar-auto-md{aspect-ratio:auto}
  .ok-minh-0-md{min-height:0}
  .ok-ty-2-md{transform:translateY(-.5rem)}
  .ok-p-3rem-md{padding:3rem!important}
  .ok-stack-20-md > * + *{margin-top:5rem}
}
.max-w-sm{max-width:24rem}   .max-w-md{max-width:28rem}
.max-w-lg{max-width:32rem}   .max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}  .max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}  .max-w-5xl{max-width:64rem}
.transition{transition:all .2s var(--e-out,ease)}
.tracking-wide{letter-spacing:.025em} .tracking-tight{letter-spacing:-.025em}
.blur-3xl{filter:blur(64px)} .fill-current{fill:currentColor}
.accent-okyellow{accent-color:var(--ok-yellow)} .text-okyellow{color:var(--ok-yellow)}
.font-normal{font-weight:400}
.top-2{top:.5rem} .top-3{top:.75rem} .top-4{top:1rem}
.left-2{left:.5rem} .left-3{left:.75rem} .left-4{left:1rem} .left-6{left:1.5rem}
.right-2{right:.5rem} .right-3{right:.75rem} .right-4{right:1rem} .right-5{right:1.25rem}
.bottom-2{bottom:.5rem} .bottom-4{bottom:1rem} .bottom-6{bottom:1.5rem}
.-top-3{top:-.75rem} .-top-05{top:-.125rem} .-right-05{right:-.125rem}
.snap-x{scroll-snap-type:x mandatory} .snap-start{scroll-snap-align:start}
.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.scroll-mt-24{scroll-margin-top:6rem} .scroll-mt-40{scroll-margin-top:10rem}

/* utilities the old markup still uses */
.max-w-xs{max-width:20rem} .max-w-xl{max-width:36rem}
.ml-auto{margin-left:auto} .mr-auto{margin-right:auto}
.blur-2xl{filter:blur(40px)} .blur-3xl{filter:blur(64px)}
.rounded-none{border-radius:0}
.font-body{font-family:'Quicksand','Inter',system-ui,sans-serif}
.divide-y > * + *{border-top:1px solid var(--ok-line)}
.top-1\/2{top:50%} .left-1\/2{left:50%}
.-translate-y-1\/2{transform:translateY(-50%)}
.-translate-x-1\/2{transform:translateX(-50%)}
.-top-3{top:-.75rem} .-top-5{top:-1.25rem} .-top-16{top:-4rem} .-top-20{top:-5rem}
.-top-24{top:-6rem} .-left-2{left:-.5rem} .-left-5{left:-1.25rem} .-left-20{left:-5rem}
.-left-24{left:-6rem} .-left-32{left:-8rem} .-right-5{right:-1.25rem}
.-right-10{right:-2.5rem} .-right-20{right:-5rem} .-right-24{right:-6rem}
.-bottom-5{bottom:-1.25rem} .-bottom-6{bottom:-1.5rem} .-bottom-10{bottom:-2.5rem}
.-bottom-24{bottom:-6rem}
.inset-y-0{top:0;bottom:0}

/* gradients, transitions and the last position/colour one-offs */
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--gf,transparent),var(--gt,transparent))}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--gf,transparent),var(--gt,transparent))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--gf,transparent),var(--gt,transparent))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--gf,transparent),var(--gt,transparent))}
.from-jet{--gf:var(--ok-jet)} .from-jet\/55{--gf:rgba(20,20,20,.55)} .from-jet\/80{--gf:rgba(20,20,20,.8)}
.via-jet\/35{--gv:rgba(20,20,20,.35)} .via-jet\/85{--gv:rgba(20,20,20,.85)}
.via-okamber\/40{--gv:rgba(224,162,0,.4)}
.to-jet\/20{--gt:rgba(20,20,20,.2)} .to-jet\/60{--gt:rgba(20,20,20,.6)}
.to-transparent{--gt:transparent}
.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.transition-opacity{transition:opacity .2s ease}
.transition-transform{transition:transform .3s ease}
.transition-all{transition:all .2s ease}
.scroll-smooth{scroll-behavior:smooth}
.pointer-events-auto{pointer-events:auto}
.justify-self-center{justify-self:center} .justify-self-end{justify-self:end}
.tracking-widest{letter-spacing:.1em}
.top-3\.5{top:.875rem} .right-3\.5{right:.875rem}
.-right-16{right:-4rem} .-right-32{right:-8rem}
.border-white\/40{border-color:rgba(255,255,255,.4)}
.text-okred{color:var(--ok-red)} .text-okgreen{color:var(--ok-green)}
.text-okamber{color:var(--ok-amber)} .text-okbrandred{color:var(--ok-brand-red)}
.bg-okyellow{background-color:var(--ok-yellow)} .bg-softyellow{background-color:var(--ok-soft)}
.bg-jet{background-color:var(--ok-jet)} .text-jet{color:var(--ok-jet)}
.text-slate{color:var(--ok-slate)} .border-okyellow{border-color:var(--ok-yellow)}
.opacity-20{opacity:.2} .opacity-15{opacity:.15} .opacity-40{opacity:.4}
.grayscale-0{filter:grayscale(0)}
.ok-order-last-md{}
@media (min-width:768px){ .ok-order-last-md{order:99} .ok-py-25rem-md{padding-block:2.5rem!important} }
/* nav dropdown + chevron, previously group-hover: utilities */
.ok-dropdown{display:none}
.ok-hovergroup:hover .ok-dropdown,.ok-hovergroup:focus-within .ok-dropdown{display:block}
.ok-chev{transition:transform .3s ease}
.ok-hovergroup:hover .ok-chev{transform:rotate(180deg)}

/* !important variants the old markup used (Tailwind's ! prefix) */
.\!text-okyellow{color:var(--ok-yellow)!important}
.\!bg-okyellow{background-color:var(--ok-yellow)!important}
.\!text-jet{color:var(--ok-jet)!important}
.\!border-okyellow{border-color:var(--ok-yellow)!important}
.\!py-3{padding-block:.75rem!important}
.\!bg-transparent{background-color:transparent!important}
.\!text-white{color:#fff!important}
.\!border-white{border-color:#fff!important}
.\!text-slate{color:var(--ok-slate)!important}
.\!font-normal{font-weight:400!important}
.\!text-xs{font-size:.75rem!important}
.\!mt-4{margin-top:1rem!important}
.\!rounded-none{border-radius:0!important}
.\!p-0{padding:0!important}
.\!text-base{font-size:1rem!important}
.\!px-3{padding-inline:.75rem!important}
.\!text-okamber{color:var(--ok-amber)!important}
.ok-hov-w10:hover{background-color:rgba(255,255,255,.1)}
.ok-hov-b5:hover{background-color:rgba(0,0,0,.05)}
.ok-hov-white:hover{color:#fff}
@media (min-width:1024px){ .ok-tx0-lg{transform:translateX(0)} }
.icon{display:inline-block}