.okdo-brand-hero--light-studio{--okdo-studio-paper: #edf3f1;--okdo-studio-warm-paper: #f7f4ec;--okdo-studio-ink: #172326;--okdo-studio-muted: #566669;--okdo-studio-blue: #066dac;--okdo-studio-line: rgb(23 35 38 / 16%);--okdo-studio-fog: rgb(207 222 229 / 68%);position:relative;min-height:min(calc(100svh - 2rem),58rem);max-height:none;margin-top:-4.5rem;padding:6rem 0 2rem;overflow:clip;color:var(--okdo-studio-ink);background:radial-gradient(circle at 76% 24%,rgb(226 239 245 / 92%) 0,transparent 30%),radial-gradient(circle at 20% 92%,rgb(247 244 236 / 90%) 0,transparent 35%),linear-gradient(120deg,var(--okdo-studio-warm-paper) 0%,var(--okdo-studio-paper) 52%,#e9f0f2 100%)}.okdo-brand-hero--light-studio .okdo-brand-hero__grid{z-index:-3;opacity:.1;background-image:linear-gradient(var(--okdo-studio-line) .0625rem,transparent .0625rem),linear-gradient(90deg,var(--okdo-studio-line) .0625rem,transparent .0625rem);background-size:clamp(2.8rem,5vw,5rem) clamp(2.8rem,5vw,5rem);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 76%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 76%,transparent)}.okdo-brand-hero--light-studio .okdo-brand-hero__glow{z-index:-2;top:8%;right:3%;width:min(48vw,48rem);height:min(50vw,47rem);opacity:.8;background:radial-gradient(circle,rgb(192 221 237 / 76%) 0%,rgb(226 235 235 / 28%) 45%,transparent 72%);filter:blur(1.5rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__inner{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:center;height:clamp(30rem,calc(100svh - 12rem),46rem);min-height:0;max-height:none}.okdo-brand-hero--light-studio .okdo-brand-hero__copy{z-index:5;pointer-events:auto;width:min(100%,29rem);max-width:29rem;padding:clamp(1rem,3vw,3rem) 0;color:var(--okdo-studio-ink);transition:opacity .42s ease,transform .5s ease}.okdo-brand-hero--light-studio.is-cinematic-pending .okdo-brand-hero__copy,.okdo-brand-hero--light-studio.is-cinematic .okdo-brand-hero__copy{opacity:1;transform:none}.okdo-brand-hero--light-studio .okdo-brand-hero__copy .okdo-kicker{margin-bottom:1rem;color:var(--okdo-studio-blue);font-size:clamp(.68rem,.8vw,.78rem);letter-spacing:.15em}.okdo-brand-hero--light-studio .okdo-brand-hero__copy h1{color:var(--okdo-studio-ink);font-size:clamp(3rem,5.5vw,5rem);line-height:.8;letter-spacing:-.075em;text-shadow:.0625rem .0625rem 0 rgb(255 255 255 / 70%)}.okdo-brand-hero--light-studio .okdo-brand-hero__slogan{max-width:13ch;margin-top:clamp(1rem,2vw,1.75rem);color:var(--okdo-studio-ink);font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.045em}.okdo-brand-hero--light-studio .okdo-brand-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:clamp(1.5rem,3vw,2.5rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__actions .okdo-button{width:max-content;min-width:0;padding:.9rem 1.25rem;color:#fff;background:var(--okdo-studio-blue);border-color:var(--okdo-studio-blue);box-shadow:0 .75rem 1.5rem #087dca33}.okdo-brand-hero--light-studio .okdo-brand-hero__actions .okdo-button:hover,.okdo-brand-hero--light-studio .okdo-brand-hero__actions .okdo-button:focus-visible{color:#fff;background:#066aa9;border-color:#066aa9}.okdo-brand-hero--light-studio .okdo-brand-hero__text-link{min-height:2.75rem;padding:.5rem 0;color:var(--okdo-studio-ink);text-decoration-color:#17232659}.okdo-brand-hero--light-studio .okdo-brand-hero__text-link:hover,.okdo-brand-hero--light-studio .okdo-brand-hero__text-link:focus-visible{color:var(--okdo-studio-blue)}.okdo-brand-hero--light-studio .okdo-brand-hero__text-link span,.okdo-brand-hero--light-studio .okdo-brand-hero__reassurance{color:var(--okdo-studio-muted)}.okdo-brand-hero--light-studio .okdo-brand-hero__text-link span:before{content:none}.okdo-brand-hero--light-studio .okdo-brand-hero__reassurance{max-width:25rem;margin-top:.9rem;font-size:.75rem;letter-spacing:.03em}.okdo-brand-hero--light-studio .okdo-brand-hero__cinematic{z-index:1;opacity:.16;mix-blend-mode:multiply}.okdo-brand-hero--light-studio.is-cinematic .okdo-brand-hero__cinematic{opacity:.16}.okdo-brand-hero--light-studio .okdo-brand-hero__cinematic-word{color:#56666952;text-shadow:none}.okdo-brand-hero--light-studio .okdo-brand-hero__cinematic i{background:var(--okdo-studio-blue);box-shadow:0 0 1.5rem #087dca3d}.okdo-brand-hero--light-studio .okdo-brand-hero__scene{position:relative;z-index:3;inset:auto;width:100%;height:100%;min-height:0;max-height:none;background:radial-gradient(ellipse at 53% 58%,rgb(255 255 255 / 36%),transparent 67%);transition:right .5s ease,left .5s ease,width .5s ease,transform .5s ease}.okdo-brand-hero--light-studio.is-cinematic-pending .okdo-brand-hero__scene,.okdo-brand-hero--light-studio.is-cinematic .okdo-brand-hero__scene{inset:auto;width:100%;transform:none}.okdo-brand-hero--light-studio .okdo-brand-hero__scene:before{right:15%;bottom:7%;left:15%;height:18%;opacity:.75;background:radial-gradient(ellipse,rgb(23 35 38 / 28%) 0%,rgb(86 102 105 / 14%) 42%,transparent 72%);filter:blur(.9rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__scene:after{z-index:3;background:none}.okdo-brand-hero--light-studio .okdo-brand-hero__fallback{padding:3% 4% 6%;mix-blend-mode:multiply;filter:drop-shadow(0 1.4rem 1.25rem rgb(23 35 38 / 20%))}.okdo-brand-hero--light-studio .okdo-brand-hero__canvas:focus-visible{outline-color:var(--okdo-studio-blue)}.okdo-brand-hero--light-studio .okdo-brand-hero__orbit{opacity:.16;border-color:#087dca52}.okdo-brand-hero--light-studio .okdo-brand-hero__orbit:before,.okdo-brand-hero--light-studio .okdo-brand-hero__orbit:after{border-color:#087dca47}.okdo-brand-hero--light-studio.is-cinematic-pending .okdo-brand-hero__orbit,.okdo-brand-hero--light-studio.is-cinematic .okdo-brand-hero__orbit{opacity:.16;transform:none}.okdo-brand-hero--light-studio .okdo-brand-hero__interaction{top:auto;right:2%;bottom:0;min-width:0;padding:.6rem .7rem;color:var(--okdo-studio-muted);background:#f7f4eca8;border:.0625rem solid rgb(23 35 38 / 12%);border-radius:.25rem;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__interaction strong{color:var(--okdo-studio-ink)}.okdo-brand-hero--light-studio .okdo-brand-hero__interaction:after{background:var(--okdo-studio-blue)}.okdo-brand-hero--light-studio .okdo-brand-hero__scene.is-dragging .okdo-brand-hero__interaction{color:var(--okdo-studio-blue)}.okdo-brand-hero--light-studio .okdo-brand-hotspot{border-radius:50%;justify-content:center;color:var(--okdo-studio-ink);background:#f7f4ecdb;border-color:#087dca73;box-shadow:0 .35rem 1.25rem #17232624}.okdo-brand-hero--light-studio .okdo-brand-hotspot span{color:var(--okdo-studio-blue)}.okdo-brand-hero--light-studio .okdo-brand-hotspot:hover,.okdo-brand-hero--light-studio .okdo-brand-hotspot:focus-visible,.okdo-brand-hero--light-studio .okdo-brand-hotspot.is-active{color:#fff;background:var(--okdo-studio-blue);box-shadow:0 0 0 .4rem #087dca33}.okdo-brand-hero--light-studio .okdo-brand-hotspot:hover span,.okdo-brand-hero--light-studio .okdo-brand-hotspot:focus-visible span,.okdo-brand-hero--light-studio .okdo-brand-hotspot.is-active span{color:#fff}.okdo-brand-hero--light-studio .okdo-brand-hero__feature-panel{color:var(--okdo-studio-ink);background:#f7f4ecf0;border-color:#17232626;box-shadow:0 1rem 2.5rem #17232629}.okdo-brand-hero--light-studio .okdo-brand-hero__feature-panel>p{color:var(--okdo-studio-blue)}.okdo-brand-hero--light-studio .okdo-brand-hero__feature-panel div{color:var(--okdo-studio-muted)}.okdo-brand-hero--light-studio .okdo-brand-hero__feature-panel>button{color:var(--okdo-studio-ink)}.okdo-brand-hero--light-studio .okdo-brand-hero__scroll{bottom:-1rem;color:var(--okdo-studio-muted)}.okdo-brand-hero--light-studio .okdo-brand-hero__scroll span{background:var(--okdo-studio-blue)}.okdo-header--floating .okdo-header__inner{color:#172326;background:#f7f9f7f0;border-color:#1723261f;box-shadow:0 .5rem 1.5rem #1723260f}.okdo-header--floating .okdo-logo,.okdo-header--floating .okdo-header__tools,.okdo-header--floating .okdo-nav,.okdo-header--floating .okdo-nav a{color:#172326}.okdo-header--floating .okdo-language select,.okdo-header--floating .okdo-cart-link,.okdo-header--floating .okdo-menu-toggle,.okdo-header--floating .okdo-nav.is-open{color:#172326;background:#f7f9f7;border-color:#17232629}@media(max-width:60rem){.okdo-brand-hero--light-studio{min-height:0;padding-top:6rem}.okdo-brand-hero--light-studio .okdo-brand-hero__inner{grid-template-columns:minmax(0,40fr) minmax(0,60fr);height:clamp(30rem,calc(90svh - 10rem),44rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__copy{width:min(100%,24rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__copy h1{font-size:clamp(3rem,6vw,4rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__slogan{font-size:clamp(1.8rem,3.8vw,2.4rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__scene,.okdo-brand-hero--light-studio.is-cinematic-pending .okdo-brand-hero__scene,.okdo-brand-hero--light-studio.is-cinematic .okdo-brand-hero__scene{inset:auto;width:100%}.okdo-brand-hero--light-studio .okdo-brand-hotspot strong{display:none}}@media(max-width:42rem){.okdo-brand-hero--light-studio{min-height:0;max-height:none;padding:6rem 0 1.25rem}.okdo-brand-hero--light-studio .okdo-brand-hero__inner{display:block;height:auto;min-height:0;max-height:none}.okdo-brand-hero--light-studio .okdo-brand-hero__copy{width:100%;max-width:30rem;padding:0}.okdo-brand-hero--light-studio .okdo-brand-hero__copy .okdo-kicker{margin-bottom:.625rem;font-size:.6rem;letter-spacing:.12em}.okdo-brand-hero--light-studio .okdo-brand-hero__copy h1{font-size:clamp(2.25rem,9.5vw,3rem)}.okdo-brand-hero--light-studio .okdo-brand-hero__slogan{max-width:22ch;margin-top:.625rem;font-size:clamp(1.375rem,5.5vw,1.75rem);line-height:1.1;text-wrap:pretty}.okdo-brand-hero--light-studio .okdo-brand-hero__actions{display:flex;gap:.25rem .875rem;margin-top:.875rem}.okdo-brand-hero--light-studio .okdo-brand-hero__actions .okdo-button{width:max-content;max-width:100%;min-height:2.75rem;padding:.625rem .875rem;font-size:.75rem}.okdo-brand-hero--light-studio .okdo-brand-hero__text-link{font-size:.75rem}.okdo-brand-hero--light-studio .okdo-brand-hero__reassurance{max-width:100%;margin-top:.375rem;font-size:.625rem;line-height:1.35}.okdo-brand-hero--light-studio .okdo-brand-hero__scene,.okdo-brand-hero--light-studio.is-cinematic-pending .okdo-brand-hero__scene,.okdo-brand-hero--light-studio.is-cinematic .okdo-brand-hero__scene{inset:auto;width:100%;height:clamp(20rem,48svh,32rem);margin-top:.5rem;min-height:0;max-height:none}.okdo-brand-hero--light-studio .okdo-brand-hero__fallback{padding:0 2% 3%}.okdo-brand-hero--light-studio .okdo-brand-hero__scene:before{right:8%;bottom:4%;left:8%}.okdo-brand-hero--light-studio .okdo-brand-hero__orbit{top:16%;right:9%;bottom:12%;left:3%}.okdo-brand-hero--light-studio .okdo-brand-hero__interaction{top:auto;right:0;bottom:0;font-size:.58rem}.okdo-brand-hero--light-studio .okdo-brand-hero__hotspots{right:0}.okdo-brand-hero--light-studio .okdo-brand-hotspot{min-width:2.75rem;min-height:2.75rem;padding:.25rem}.okdo-brand-hero--light-studio .okdo-brand-hotspot strong,.okdo-brand-hero--light-studio .okdo-brand-hero__scroll{display:none}.okdo-brand-hero--light-studio .okdo-brand-hero__inner>.okdo-brand-hero__feature-panel{position:absolute;z-index:9;right:1rem;bottom:1rem;left:1rem;max-width:none}}@media(max-width:24rem){.okdo-brand-hero--light-studio .okdo-brand-hero__actions .okdo-button{white-space:normal}}@media(prefers-reduced-motion:reduce){.okdo-brand-hero--light-studio .okdo-brand-hero__copy,.okdo-brand-hero--light-studio .okdo-brand-hero__scene,.okdo-brand-hero--light-studio .okdo-brand-hero__orbit,.okdo-brand-hero--light-studio .okdo-brand-hero__canvas,.okdo-brand-hero--light-studio .okdo-brand-hero__fallback,.okdo-brand-hero--light-studio .okdo-brand-hotspot{transition:none}.okdo-brand-hero--light-studio *,.okdo-brand-hero--light-studio *:before,.okdo-brand-hero--light-studio *:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}.okdo-brand-hero--light-studio .okdo-brand-hero__cinematic{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/okdo-hero-light-studio.css.map */