.site .head{container-type:inline-size}.site .fit{white-space:nowrap}.site .fit-title{--k:.74;font-size:min(var(--max,4.75rem), calc(100cqi / (var(--n) * var(--k))));letter-spacing:-.035em;line-height:1}.site .fit-sub{--k:.5;font-size:min(1.5rem, calc(100cqi / (var(--n) * var(--k))));line-height:1.3}@media (max-width:640px){.site .fit-title{--k:.55;font-variation-settings:"wdth" 100;letter-spacing:-.03em;font-stretch:100%}}.site .hero-title{white-space:nowrap;letter-spacing:-.05em;font-size:min(8.4rem,6.84932cqi);line-height:.9}.site .hero-title .line{vertical-align:top;display:inline-block}.site .hero-sub{font-size:min(1.75rem, calc(100cqi / (var(--n) * .5)))}@media (max-width:640px){.site .hero-title{font-size:min(7rem,18.5cqi);line-height:.92}.site .hero-title .line{display:block}}.site .hero-tilt{transform-origin:50% 100%;transform:perspective(1800px) rotateX(calc((1 - min(1, var(--p,1) * 3.2)) * 16deg)) scale(calc(.94 + min(1, var(--p,1) * 3.2) * .06));will-change:transform}.site .frame{background:var(--char);box-shadow:clamp(8px, 1.2vw, 18px) clamp(8px, 1.2vw, 18px) 0 var(--char);padding:.6%}.site .float-a{transform:translateY(calc(var(--p,0) * -260px)) rotate(-4deg);will-change:transform}.site .float-b{transform:translateY(calc(var(--p,0) * -420px)) rotate(3deg);will-change:transform}.site .pillar{z-index:var(--z);align-items:center;min-height:100svh;display:flex;position:sticky;top:0}.site .pillar-inner{width:100%}.site .pillar-name{--max:9.5rem;letter-spacing:-.06em;line-height:.85}@media (max-width:640px){.site .pillar-name{--max:4.75rem}}.site .cut{clip-path:inset(calc((1 - var(--p,1)) * 16%) calc((1 - var(--p,1)) * 9%));transform:scale(calc(.9 + var(--p,1) * .1));transform-origin:50% 60%;will-change:clip-path, transform}.site .stack{aspect-ratio:16/10;overflow:hidden}.site .stack-item{opacity:0;transition:opacity .7s var(--ease-out), transform 1.1s var(--ease-out);position:absolute;inset:0;transform:scale(1.04)}.site .stack-item img{object-fit:cover;object-position:top left;height:100%}.site [data-steps]:not([data-active]) .stack-item[data-index="0"],.site [data-steps][data-active="0"] .stack-item[data-index="0"],.site [data-steps][data-active="1"] .stack-item[data-index="1"],.site [data-steps][data-active="2"] .stack-item[data-index="2"],.site [data-steps][data-active="3"] .stack-item[data-index="3"]{opacity:1;transform:none}.site .step{transition:opacity .5s ease, transform .7s var(--ease-out), background-color .5s ease}.site [data-steps][data-active] .step:not([data-on]){opacity:.45}.site .step[data-on]{transform:translate(6px)}.site .step[data-on] h3{color:var(--bonnet)}@media (max-width:1023px){.site [data-steps][data-active] .step:not([data-on]){opacity:1}.site .step[data-on]{transform:none}}.site .htrack{height:320vh}.site .htrack-rail{transform:translate3d(calc(var(--p,0) * var(--travel,0px) * -1), 0, 0);will-change:transform}.site .panel{width:min(74vw,980px);height:min(60svh,620px)}.site .panel-art{min-height:0}.site .step-shot{transform:translateX(calc(var(--p,0) * -8%))}.site .htrack-bar>div{transform:scaleX(var(--p,0))}@media (max-width:640px){.site .panel{width:84vw;height:min(64svh,560px)}}@media (prefers-reduced-motion:reduce){.site .htrack{height:auto}.site .htrack-sticky{height:auto;padding:5rem 0;position:static}.site .htrack-rail{scroll-snap-type:x mandatory;overflow-x:auto;transform:none}.site .panel{scroll-snap-align:start}}.site .slit{clip-path:inset(calc((1 - var(--p,1)) * 49%) 0);will-change:clip-path}.site .tilt-in{transform-origin:50% 100%;transform:perspective(1400px) rotateX(calc((1 - var(--p,1)) * 24deg)) translateY(calc((1 - var(--p,1)) * 40px));opacity:calc(.3 + var(--p,1) * .7)}.site .duo{padding-bottom:14%}.site .duo-back{width:80%;transform:translateY(calc((.5 - var(--p,.5)) * 50px))}.site .duo-front{width:52%;box-shadow:12px 12px 0 var(--char);transform:translateY(calc((.5 - var(--p,.5)) * -160px)) rotate(calc((.5 - var(--p,.5)) * -4deg));position:absolute;bottom:0;right:0}.site .phone{transform:translateY(calc((.5 - var(--p,.5)) * var(--k,1) * 140px));will-change:transform}.site .rule,.site .file,.site .store{transition:transform .42s var(--ease-out), background-color .3s ease, color .3s ease}@media (hover:hover) and (pointer:fine){.site .rule:hover{background:var(--bonnet);transform:translateY(-6px)}.site .file:hover{background:var(--jollof);transform:translateY(-4px)}.site .store:hover{background:var(--jollof);transform:translateY(-3px)}}.site .compare{border-collapse:collapse;font-size:clamp(.875rem,.8rem + .35vw,1.0625rem)}.site .compare-row:nth-child(odd){background:var(--ground-2)}.site .compare-us{background:color-mix(in srgb, var(--jollof) 12%, transparent);color:var(--jollof)}[data-theme=dark] .site .compare-us{color:var(--pepper)}.site .compare-row{transition:background-color .25s}@media (hover:hover) and (pointer:fine){.site .compare-row:hover{background:color-mix(in srgb, var(--bonnet) 40%, transparent)}}.site .kind{isolation:isolate;text-align:center;background:color-mix(in srgb, var(--char) 16%, transparent);justify-items:center;gap:.25rem;margin-top:4px;padding:clamp(1.1rem,2vw,1.75rem) 1rem;display:grid;position:relative;overflow:hidden}.site .kind:before{content:"";z-index:-1;background:var(--char);transform-origin:0;transition:transform .6s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.site .kind-name{letter-spacing:-.045em;font-size:clamp(1.75rem,1rem + 3.2vw,4rem);line-height:1}.site .kind-body{color:color-mix(in srgb, var(--cream) 92%, transparent)}@media (hover:hover) and (pointer:fine){.site .kind:hover:before{transform:none}.site .kind:hover .kind-name{color:var(--bonnet)}}.site .kind-name{transition:color .3s}.site .faq{transition:background-color .3s,color .3s}.site .faq summary::-webkit-details-marker{display:none}.site .faq[open]{background:var(--char);color:var(--cream)}.site .faq .plus-v{transition:transform .4s var(--ease-out)}.site .faq[open] .plus-v{transform:translate(-50%)rotate(90deg)}@media (prefers-reduced-motion:no-preference){.site .faq[open]>div{animation:jp-open .5s var(--ease-out)}}@keyframes jp-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.site .faq:not([open]):hover{background:var(--cream)}[data-theme=dark] .site .faq:not([open]):hover{background:var(--char-2)}}.site .cta-book{opacity:.5;transform:translate(-50%,-50%)}.site .cta-page{transform-origin:50% 100%;transform:rotate(calc(var(--p,.5) * var(--r,0deg)));position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.site .hero-tilt,.site .float-a,.site .float-b,.site .cut,.site .tilt-in,.site .duo-back,.site .duo-front,.site .phone,.site .step-shot{clip-path:none!important;opacity:1!important;transform:none!important}.site .slit{clip-path:none}.site .cta-book{opacity:.5!important;transform:translate(-50%,-50%)!important}.site .cta-page{transform:rotate(calc(.5 * var(--r,0deg)))!important}}.site .legal h2{letter-spacing:-.02em;margin-top:2.5em;font-size:clamp(1.375rem,1.1rem + .9vw,1.875rem);font-weight:700;line-height:1.15}.site .legal h3{margin-top:1.6em;font-size:1.1875rem;font-weight:700}.site .legal p,.site .legal li{max-width:68ch;margin-top:.9em}.site .legal ul{padding-left:1.3em;list-style:outside}.site .legal a{text-underline-offset:.2em;text-decoration:underline}
