.okh{flex-direction:column;min-height:calc(100svh - 4rem - 140px);display:flex}@media (min-width:40rem){.okh{min-height:calc(100svh - 5rem - 140px)}}.okh:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--surface-0));height:140px;position:absolute;inset:auto 0 0}.okh-canvas{pointer-events:none;z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.okh-canvas[data-on]{opacity:1}html[data-okami-fx=off] :is(.okh-canvas,.okh-flow-canvas)[data-on]{opacity:0}.okh-fx{z-index:3;border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-0) 70%, transparent);min-height:2rem;color:var(--foreground-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.75rem;line-height:1;transition:color .2s,border-color .2s;display:inline-flex;position:absolute;top:0;left:0}.okh-fx:hover{color:var(--foreground);border-color:var(--foreground-dim)}.okh-fx:focus-visible{outline:2px solid var(--accent-ember);outline-offset:2px}.okh-fx svg{width:.875rem;height:.875rem;color:var(--accent-ember);transition:opacity .2s}.okh-fx[data-off] svg{color:currentColor;opacity:.6}.okh-grid{z-index:2;flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""stage""tabs""cta";align-content:start;padding-top:1.375rem;display:grid;position:relative}.okh-copy{grid-area:copy}.okh-stage{grid-area:stage}.okh-tabs{grid-area:tabs}.okh-cta{grid-area:cta}.okh-kicker{font-family:var(--font-mono);letter-spacing:.14em;color:var(--foreground-dim);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.6875rem;font-weight:500;display:flex}.okh-kicker i{background:var(--accent-ember);width:1.75rem;height:1px;display:block}.okh-h1{letter-spacing:-.005em;font-size:2.75rem;line-height:1.14;display:block}.okh-lede{color:var(--foreground-muted);margin-top:.625rem;font-size:.90625rem;line-height:1.55}.okh-cta{grid-template-columns:1fr auto;gap:.625rem;margin:1rem 0 .5rem;display:grid}.okh-btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.625rem;height:3.125rem;padding:0 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .25s,border-color .25s,transform .25s;display:inline-flex}.okh-btn svg{width:1rem;height:1rem;display:none}@media (max-width:63.99rem){.okh-btn{padding:0 1rem;font-size:.875rem}}.okh-btn-primary{background:var(--accent-ember);color:#160803;box-shadow:0 0 0 1px #ff834780,0 10px 40px -10px #ff6a2cb3}.okh-btn-primary:hover{background:var(--accent-ember-strong);transform:translateY(-1px)}.okh-btn-ghost{border:1px solid var(--surface-border);color:var(--foreground)}.okh-btn-ghost:hover{border-color:var(--foreground-dim)}.okh-stage{--okh-sh:clamp(230px, 36svh, 330px);height:var(--okh-sh);margin-top:.25rem;position:relative}.okh-floor{left:auto;right:calc(4% + .384 * var(--okh-sh));width:calc(.62 * var(--okh-sh));filter:blur(6px);background:radial-gradient(closest-side,#ff6a2c8c,#ff6a2c2e 55%,#ff6a2c00);height:11%;animation:9s ease-in-out infinite okh-floor-breathe;position:absolute;bottom:1%;transform:translate(50%)}.okh-floor:before{content:"";background:radial-gradient(closest-side,#040302f2,#04030280 55%,#04030200);border-radius:50%;position:absolute;inset:55% 22% 8%}@keyframes okh-floor-breathe{0%,to{opacity:.75;transform:translate(50%)scale(.86)}50%{opacity:1;transform:translate(50%)scale(1)}}.okh-prod{opacity:0;pointer-events:none;filter:blur(10px);justify-content:flex-end;align-items:center;transition:opacity .9s,transform 1.4s cubic-bezier(.16,1,.3,1),filter .9s;display:flex;position:absolute;inset:0 4% 4% 0;transform:translateY(28px)scale(.95)}.okh-prod[data-state=on]{opacity:1;filter:none;pointer-events:auto;transition-delay:.35s;transform:none}.okh-prod[data-state=out]{opacity:0;filter:blur(10px);transition-duration:.7s;transition-delay:0s;transform:translateY(-22px)scale(1.02)}.okh-float{aspect-ratio:4/5;will-change:transform;height:100%;animation:9s ease-in-out infinite okh-float-calm;display:block;position:relative}.okh-float img{filter:drop-shadow(0 30px 40px #0009)drop-shadow(0 0 30px #ff6a2c1f)}.okh-sheen{pointer-events:none;mix-blend-mode:screen;-webkit-mask:var(--okh-mask) center / contain no-repeat;-webkit-mask:var(--okh-mask) center / contain no-repeat;mask:var(--okh-mask) center / contain no-repeat;position:absolute;inset:0;overflow:hidden}.okh-sheen:before{content:"";will-change:transform;background:linear-gradient(105deg,#0000 47.5%,#ffe1c847 50%,#0000 52.5%);position:absolute;inset:0 -100%;transform:translate(22%)}.okh-prod[data-state=on] .okh-sheen:before{animation:2.2s cubic-bezier(.4,0,.2,1) .7s both okh-sheen}@keyframes okh-sheen{0%{transform:translate(22%)}to{transform:translate(-22%)}}@media (min-width:64rem){.okh-prod[data-flying] .okh-float{aspect-ratio:3/2;width:86%;height:auto;margin:0 14% 12% 0;animation:9s ease-in-out infinite okh-float-calm}.okh-prod[data-flying] .okh-float img{filter:brightness(.92)drop-shadow(0 0 22px #ff6a2c1f)drop-shadow(0 28px 34px #00000080)}.okh-prod[data-flying] .okh-sheen{-webkit-mask:var(--okh-mask-d) center / contain no-repeat;-webkit-mask:var(--okh-mask-d) center / contain no-repeat;mask:var(--okh-mask-d) center / contain no-repeat}.okh-floor{transition:opacity .6s,background .6s}.okh-stage:has(.okh-prod[data-flying][data-state=on]) .okh-floor{filter:blur(10px);background:radial-gradient(closest-side,#060403e6,#0604038c 45%,#06040300 70%),radial-gradient(closest-side,#ff6a2c4d,#ff6a2c1a 60%,#ff6a2c00);width:66%;height:11%;bottom:9%;left:46%}}@keyframes okh-float-calm{0%,to{transform:translateY(-2.5px)}50%{transform:translateY(2.5px)}}@media (prefers-reduced-motion:reduce){.okh-prod[data-flying] .okh-float{animation:none}}html[data-okami-lite="1"] .okh-prod[data-flying] .okh-float{animation:none}@keyframes okh-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.okh-meta{z-index:1;isolation:isolate;flex-direction:column;align-items:flex-start;gap:.25rem;max-width:52%;animation:.6s .5s both okh-meta-in;display:flex;position:absolute;bottom:12%;left:0}.okh-meta:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0e0e10b3,#0e0e1000);position:absolute;inset:-30px -40px}@keyframes okh-meta-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.okh-idx{letter-spacing:.14em;color:var(--accent-ember);font-size:.625rem}.okh-name{color:var(--foreground);font-size:1.375rem;font-weight:600;line-height:1.15}.okh-name:hover{color:var(--accent-ember-strong)}.okh-brand{letter-spacing:.14em;color:var(--foreground-dim);font-size:.625rem}.okh-go{color:var(--foreground);border-bottom:1px solid #ff6a2c99;margin-top:.375rem;padding-bottom:.1875rem;font-size:.8125rem}.okh-go:hover{color:var(--accent-ember-strong)}.okh-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.375rem;display:grid}.okh-tab{text-align:left;min-height:2.75rem;color:var(--foreground-dim);cursor:pointer;flex-direction:column;gap:.125rem;padding-top:.75rem;display:flex;position:relative}.okh-tab:before{content:"";background:var(--surface-border);height:1px;position:absolute;inset:0 0 auto}.okh-bar{background:var(--accent-ember);width:100%;height:1px;box-shadow:0 0 10px var(--accent-ember);transform-origin:0;position:absolute;top:0;left:0;transform:scaleX(0)}.okh-bar[data-run]{animation:6.5s linear both okh-progress}.okh-bar[data-full]{transform:none}.okh-tabs[data-paused] .okh-bar{animation-play-state:paused}@keyframes okh-progress{0%{transform:scaleX(0)}to{transform:none}}.okh-n{letter-spacing:.14em;font-size:.625rem}.okh-n em{font-style:normal;display:none}.okh-t{color:var(--foreground-muted);font-size:.75rem;font-weight:500;line-height:1.35;transition:color .4s}.okh-d{display:none}.okh-tab[aria-pressed=true] .okh-n{color:var(--accent-ember)}.okh-tab[aria-pressed=true] .okh-t,.okh-tab:hover .okh-t{color:var(--foreground)}@media (min-width:64rem){.okh{min-height:calc(100svh - 5rem)}.okh:after{height:140px}.okh-grid{grid-template:".stage"1fr"copy stage""cta stage"".stage"1fr"tabs tabs"/minmax(0,5fr) minmax(0,7fr);align-content:stretch;column-gap:1.5rem;padding-top:2.5rem;padding-bottom:2.125rem}.okh-copy{max-width:37.5rem}.okh-kicker{color:var(--foreground-muted);margin-bottom:1.5rem;font-size:.8125rem}.okh-h1{font-size:clamp(2.75rem,2rem + 3.4vw,5.375rem);line-height:1.08}.okh-lede{margin-top:1.625rem;font-size:1.125rem;line-height:1.65}.okh-cta{flex-wrap:wrap;gap:.75rem;margin:1.625rem 0 0;display:flex}.okh-btn{height:3.25rem;padding:0 1.625rem}.okh-btn svg{display:block}.okh-stage{align-self:center;height:min(74vh,700px);margin:0 0 1.5rem}.okh-fx{left:auto;right:0}.okh-prod{justify-content:center;inset:0 0 6%}.okh-float{height:96%;animation-name:okh-float;animation-duration:7s}.okh-floor{filter:blur(6px);background:radial-gradient(closest-side,#ff6a2c52,#ff6a2c00);width:62%;height:14%;animation:none;bottom:7%;left:50%;right:auto;transform:translate(-50%)}.okh-floor:before{display:none}.okh-meta{text-align:right;align-items:flex-end;gap:.5rem;max-width:none;bottom:12%;left:auto;right:0}.okh-idx,.okh-brand{font-size:.6875rem}.okh-name{font-size:1.875rem}.okh-go{font-size:.875rem}.okh-tabs{gap:1.5rem;margin-top:0}.okh-tab{gap:.375rem;padding-top:1.125rem}.okh-n{font-size:.6875rem}.okh-n em{display:inline}.okh-t{font-size:1rem}.okh-d{color:var(--foreground-muted);font-size:.8125rem;line-height:1.5;display:block}}@property --mx{syntax:"<length>";inherits:false;initial-value:-60rem}@property --my{syntax:"<length>";inherits:false;initial-value:-60rem}.okh-cards,.okh-lattice,.okh-fx-desk{display:none}@media (min-width:64rem){.okh[data-desk=cards] .okh-stage,.okh[data-desk=cards] .okh-tabs{display:none}.okh[data-desk=cards] .okh-grid{grid-template:"copy cta""cards cards"/minmax(0,1fr) auto;align-content:center;row-gap:clamp(1.25rem,3.5vh,2.25rem);padding-top:1.5rem;padding-bottom:2.5rem}.okh[data-desk=cards] .okh-h1{font-size:clamp(2.375rem,1.5rem + 2.4vw,4.25rem)}.okh[data-desk=cards] .okh-lede{margin-top:1.125rem}.okh[data-desk=cards] .okh-cta{justify-content:flex-end;align-self:end;align-items:center;margin:0}.okh[data-desk=cards] .okh-btn-ghost{background:color-mix(in srgb, var(--surface-0) 88%, transparent)}.okh[data-desk=cards] .okh-fx-desk{min-height:2rem;font-size:.75rem;display:inline-flex;top:1.5rem;left:auto;right:3rem}@media (max-height:50rem){.okh[data-desk=cards] .okh-grid{row-gap:1rem;padding-top:1rem}.okh[data-desk=cards] .okh-kicker{margin-bottom:1rem}.okh[data-desk=cards] .okh-h1{font-size:clamp(2.25rem,1.4rem + 2vw,3.25rem)}.okh[data-desk=cards] .okh-lede{margin-top:.75rem}}.okh-lattice{z-index:1;pointer-events:none;--okh-cell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='2' y='2' width='12' height='12' rx='1.5' fill='%23fff'/%3E%3C/svg%3E");display:block;position:absolute;inset:0}.okh-lattice:before,.okh-lattice:after{content:"";-webkit-mask:var(--okh-cell) 0 0 / 16px 16px repeat;-webkit-mask:var(--okh-cell) 0 0 / 16px 16px repeat;mask:var(--okh-cell) 0 0 / 16px 16px repeat;position:absolute;inset:0}.okh-lattice:before{background:#ffffff07}.okh-lattice:after{background:radial-gradient(circle 15rem at var(--mx) var(--my), #ff6a2c38, #ff6a2c0f 45%, transparent 72%);opacity:0;transition:opacity .5s,--mx .32s cubic-bezier(.2,.7,.2,1),--my .32s cubic-bezier(.2,.7,.2,1)}.okh-lattice[data-hot]:after{opacity:1}html[data-okami-fx=off] .okh-lattice:after{opacity:0}.okh[data-bg=none] .okh-lattice,.okh[data-bg=spot] .okh-lattice:before{display:none}.okh[data-bg=spot] .okh-lattice:after{background:radial-gradient(circle 26rem at var(--mx) var(--my), #ff6a2c1c, #ff6a2c0b 42%, transparent 72%);-webkit-mask:none;mask:none}.okh[data-layout=stagger] .okh-cards{align-items:start;gap:0}.okh[data-layout=stagger] .okh-card{padding-inline:1.375rem 2.25rem;box-shadow:-8px 0 14px -10px #000000bf}.okh[data-layout=stagger] .okh-card+.okh-card{margin-left:-1.125rem}.okh[data-layout=stagger] .okh-card:first-child{z-index:1}.okh[data-layout=stagger] .okh-card:nth-child(2){z-index:2}.okh[data-layout=stagger] .okh-card:nth-child(3){z-index:3}.okh[data-layout=stagger] .okh-card:nth-child(4){z-index:4}.okh[data-layout=stagger] .okh-card:hover,.okh[data-layout=stagger] .okh-card:focus-visible{z-index:10}.okh[data-layout=stagger] .okh-card:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ember) 25%, transparent), 0 24px 60px -30px #ff6a2c73, -8px 0 14px -10px #000000bf}.okh[data-layout=stagger] .okh-card:nth-child(odd){margin-top:1.5rem}.okh[data-layout=stagger] .okh-cards{margin-top:1.25rem}.okh[data-layout=stagger] .okh-card-img{height:clamp(7rem,100svh - 45.25rem,19rem)}.okh[data-layout=stagger] .okh-card{transition:border-color .3s,background-color .3s,box-shadow .35s,transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.okh[data-layout=stagger] .okh-cards:has(.okh-card:is(:hover,:focus-visible)) .okh-card:not(:hover,:focus-visible){filter:blur(3px)brightness(.55)}.okh[data-layout=stagger] .okh-card:is(:hover,:focus-visible){transform:translateY(-10px)scale(1.05)}.okh[data-layout=stagger] .okh-card:hover:after{content:"";height:1rem;position:absolute;inset:100% 0 auto}@media (max-height:50rem){.okh[data-layout=stagger] .okh-cards{margin-top:.75rem}.okh[data-layout=stagger] .okh-card-img{height:clamp(6.5rem,100svh - 44.75rem,19rem)}.okh[data-layout=stagger] .okh-card:is(:hover,:focus-visible){transform:translateY(-6px)scale(1.03)}}.okh-cards{grid-area:cards;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.okh[data-desk=stage] .okh-cards{display:none}.okh-card{background:color-mix(in srgb, var(--surface-1) 94%, transparent);border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:.75rem;padding:1rem 1.125rem 1.125rem;transition:border-color .3s,background-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative}.okh-card:hover{border-color:color-mix(in srgb, var(--accent-ember) 70%, transparent);background:var(--surface-1);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ember) 25%, transparent), 0 24px 60px -30px #ff6a2c73;transform:translateY(-3px)}.okh-card:focus-visible{outline:2px solid var(--accent-ember);outline-offset:3px}.okh-card-top{letter-spacing:.14em;color:var(--foreground-dim);align-items:center;gap:.75rem;font-size:.6875rem;display:flex}.okh-card-brand{color:var(--foreground-muted);flex:1;transition:color .3s}.okh-card:hover .okh-card-brand{color:var(--accent-ember)}.okh-card-arrow{width:.875rem;height:.875rem;transition:transform .3s,color .3s}.okh-card:hover .okh-card-arrow{color:var(--accent-ember);transform:translate(2px,-2px)}.okh-card-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.okh-card-name{white-space:nowrap;min-width:0;color:var(--foreground);font-size:clamp(1.0625rem,.6rem + .9vw,1.375rem);font-weight:600;line-height:1.15;overflow:hidden}.okh-card-price{font-family:var(--font-display);color:var(--foreground);flex:none;font-size:1rem;font-weight:700}.okh-card-img{width:100%;height:clamp(7rem,100svh - 42.5rem,20rem);margin:.25rem 0 .5rem;animation:5.6s ease-in-out infinite okh-sway;display:block;position:relative}.okh-card:nth-child(2) .okh-card-img{animation-duration:6.2s;animation-delay:-1.6s}.okh-card:nth-child(3) .okh-card-img{animation-duration:5.9s;animation-delay:-3.1s}.okh-card:nth-child(4) .okh-card-img{animation-duration:6.5s;animation-delay:-4.4s}.okh-card-img img{transform-origin:50% 55%;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:scale(1.1)}.okh-card:hover .okh-card-img img{transform:scale(1.16)}.okh-card-foot{height:2.25rem;display:block;position:relative}.okh-card-tags,.okh-card-cta{align-items:center;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:0}.okh-card-tags{gap:.5rem}.okh-card-tags em{height:1.75rem;color:var(--foreground-muted);border:1px solid #ffffff1a;border-radius:4px;align-items:center;padding:0 .625rem;font-size:.75rem;font-style:normal;display:inline-flex}.okh-card-tags em.label-mono{letter-spacing:.12em;font-size:.625rem}.okh-card-tags em{white-space:nowrap;flex:none}@media (max-width:79.99rem){.okh-card-tags em.label-mono{display:none}}.okh-card-cta{background:var(--accent-ember);color:#14100d;opacity:0;border-radius:4px;justify-content:space-between;padding:0 .875rem;font-size:.875rem;font-weight:600;transform:translateY(6px)}.okh-card-cta svg{width:1rem;height:1rem}.okh-card:hover .okh-card-tags,.okh-card:focus-visible .okh-card-tags{opacity:0;transform:translateY(-6px)}.okh-card:hover .okh-card-cta,.okh-card:focus-visible .okh-card-cta{opacity:1;transform:none}html[data-okami-lite="1"] :is(.okh-card,.okh-card-img img,.okh-card-tags,.okh-card-cta,.okh-card-arrow){transition:none}html[data-okami-lite="1"] :is(.okh-card:hover,.okh-card:hover .okh-card-arrow){transform:none}html[data-okami-lite="1"] .okh-card:hover .okh-card-img img{transform:scale(1.1)}html[data-okami-lite="1"] .okh-lattice:after{transition:opacity .2s}html[data-okami-lite="1"] .okh[data-layout] .okh-card{transition:none}html[data-okami-lite="1"] .okh[data-layout=stagger] .okh-card:is(:hover,:focus-visible){transform:none}html[data-okami-lite="1"] .okh-card .okh-card-img{animation:none}}@keyframes okh-sway{0%,to{transform:translateY(-5px)rotate(-1.5deg)}50%{transform:translateY(5px)rotate(1.5deg)}}@media (min-width:64rem) and (prefers-reduced-motion:reduce){.okh-card .okh-card-img{animation:none}.okh[data-layout] .okh-card{transition:none}.okh[data-layout=stagger] .okh-card:is(:hover,:focus-visible){transform:none}.okh-card,.okh-card-img img,.okh-card-tags,.okh-card-cta,.okh-card-arrow{transition:none}.okh-card:hover,.okh-card:hover .okh-card-arrow{transform:none}.okh-card:hover .okh-card-img img{transform:scale(1.1)}.okh-lattice:after{transition:opacity .2s}}.okh-flow{isolation:isolate;background:var(--surface-0);position:relative}.okh-flow-stage{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.okh-flow-probe{visibility:hidden;width:1px;height:100lvh;position:fixed;top:0;left:0}.okh-flow-canvas{opacity:0;width:100%;height:100vh;transition:opacity 1.4s;position:absolute;top:0;left:0}.okh-flow-canvas[data-on]{opacity:1}.okh-flow>:not(.okh-flow-stage){z-index:1;position:relative}.okh-flow>section.bg-surface-0{background-color:#0000}.okh-flow>section.bg-surface-1{background-color:color-mix(in srgb, var(--surface-1) 55%, transparent)}.okh-flow>nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.okh-flow section :is(.bg-surface-0,.bg-surface-1){background-color:color-mix(in srgb, var(--surface-1) 42%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2)}@media (max-width:1023px){.okh-flow>nav,.okh-flow section :is(.bg-surface-0,.bg-surface-1){-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.okh-float,.okh-floor,.okh-prod[data-state=on] .okh-sheen:before,.okh-meta{animation:none}.okh-prod{filter:none;transition:opacity .3s;transform:none}.okh-bar[data-run]{animation:none;transform:none}}html[data-okami-lite="1"] .okh-float,html[data-okami-lite="1"] .okh-floor,html[data-okami-lite="1"] .okh-prod[data-state=on] .okh-sheen:before{animation:none}html[data-okami-lite="1"] .okh-bar[data-run]{animation:none;transform:none}@media (min-width:64rem) and (hover:hover){.okh-rail{margin-top:-.75rem;padding-top:.75rem}.okh-rail>*{transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.okh-rail:has(>:hover)>:not(:hover){filter:blur(2px)brightness(.6)}.okh-rail>:hover{transform:translateY(-6px)}html[data-okami-lite="1"] .okh-rail>*{transition:none}html[data-okami-lite="1"] .okh-rail>:hover{transform:none}}@media (min-width:64rem) and (hover:hover) and (prefers-reduced-motion:reduce){.okh-rail>*{transition:none}.okh-rail>:hover{transform:none}}.okh-card-ph{display:block;position:absolute;inset:0}@supports (animation-timeline:view()){@media (min-width:64rem) and (min-height:44rem) and (prefers-reduced-motion:no-preference){html:not([data-okami-lite="1"]) .okh-pin{view-timeline:--okh-pin block;view-timeline-inset:5rem 0;height:calc(160svh - 5rem)}html:not([data-okami-lite="1"]) .okh-pin>.okh{position:sticky;top:5rem}.okh[data-travel] .okh-card{--okh-a:16%;--okh-b:74%;--okh-gap:24px}.okh[data-travel] .okh-card:nth-child(2){--okh-a:20%;--okh-b:78%}.okh[data-travel] .okh-card:nth-child(3){--okh-a:24%;--okh-b:82%}.okh[data-travel] .okh-card:nth-child(4){--okh-a:28%;--okh-b:86%}.okh[data-travel] :is(.okh-copy,.okh-cta>*){animation:ease-in both okh-t-out;animation-timeline:--okh-pin;animation-range:contain 4% contain 26%}.okh[data-travel] .okh-card{animation:linear both okh-t-frame,cubic-bezier(.45,0,.2,1) both okh-t-card;animation-timeline:--okh-pin,--okh-pin;animation-range:contain 10% contain 32%, contain var(--okh-a) contain var(--okh-b)}.okh[data-travel] .okh-card-foot{animation:linear both okh-t-gone;animation-timeline:--okh-pin;animation-range:contain 10% contain 32%}.okh[data-travel] .okh-card-top{animation:cubic-bezier(.45,0,.2,1) both okh-t-lift;animation-timeline:--okh-pin;animation-range:contain var(--okh-a) contain var(--okh-b)}.okh[data-travel] .okh-card-ph{inset:auto auto 0 calc(50% - 50% / var(--okh-k));width:calc(100% / var(--okh-k));height:var(--okh-H);transform-origin:50% 100%;scale:var(--okh-k);animation:cubic-bezier(.45,0,.2,1) both okh-t-grow;animation-timeline:--okh-pin;animation-range:contain var(--okh-a) contain var(--okh-b)}.okh[data-travel] .okh-card-ph img{filter:drop-shadow(0 28px 34px #0000008c)}.okh[data-travel] .okh-card-ph{pointer-events:none}.okh[data-travel] .okh-card:before{content:"";height:var(--okh-grow);transform-origin:50% 100%;animation:cubic-bezier(.45,0,.2,1) both okh-t-hit;animation-timeline:--okh-pin;animation-range:contain var(--okh-a) contain var(--okh-b);position:absolute;bottom:100%;left:0;right:0;scale:1 0}.okh[data-layout=stagger][data-moving] .okh-cards:has(.okh-card:is(:hover,:focus-visible)) .okh-card:not(:hover,:focus-visible){filter:none}.okh[data-layout=stagger][data-moving] .okh-card:is(:hover,:focus-visible){transform:none}.okh[data-moving] .okh-card:hover .okh-card-img img{transform:scale(1.1)}}}@keyframes okh-t-out{to{opacity:0;visibility:hidden;translate:0 -4vh}}@keyframes okh-t-gone{to{opacity:0;visibility:hidden}}@keyframes okh-t-frame{to{box-shadow:none;background-color:#0000;border-color:#0000}}@keyframes okh-t-card{to{translate:0 var(--okh-dy,0px)}}@keyframes okh-t-lift{to{translate:0 calc(-1 * var(--okh-grow,0px))}}@keyframes okh-t-grow{to{scale:1;translate:0 calc(-1 * var(--okh-gap,0px))}}@keyframes okh-t-hit{to{scale:1}}