.sci{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(56px,8vw,130px);--pt-base: clamp(56px, 8vw, 130px);--pb-base: clamp(56px, 8vw, 130px);background:url(mesh-bg.jpg) center / cover no-repeat,linear-gradient(180deg,#eef8f3,#e9f6f1 55%,#f3faf6)}.sci__inner{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;column-gap:clamp(30px,5vw,96px);row-gap:clamp(28px,4vw,48px)}.sci__figure{position:relative;display:flex;justify-content:center;align-items:center}.sci__figure-img{width:100%;max-width:560px;height:auto;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(120,110,150,.22));animation:sci-float 7s var(--ease, ease-in-out) infinite}.sci__content{max-width:760px}.sci__heading{font-family:var(--font-head);font-weight:400;color:var(--text-soft);font-size:clamp(2.4rem,4.6vw,4.5rem);line-height:1;letter-spacing:0;margin:0}.sci__eyebrow{margin:clamp(16px,1.9vw,30px) 0 0;font-family:var(--font-body);font-weight:300;color:#a0a2a4;font-size:clamp(.9rem,1.35vw,1.5rem);letter-spacing:.02em;line-height:1.2}.sci__freq{position:relative;margin-top:clamp(30px,3.6vw,58px);padding-top:clamp(8px,1vw,16px)}.sci__freq-label{display:block;font-family:var(--font-body);font-weight:800;color:#9a9a9a;font-size:clamp(.85rem,1.36vw,1.45rem);letter-spacing:.2em;text-transform:lowercase;position:relative;z-index:3}.sci__freq-word{position:absolute;left:0;top:clamp(34px,3.4vw,58px);display:block;width:100%;font-family:var(--font-body);font-weight:400;color:#fff;opacity:.9;font-size:clamp(2.4rem,4.7vw,4.4rem);letter-spacing:clamp(.4em,4vw,1em);line-height:1;white-space:nowrap;pointer-events:none;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.6)}.sci__wave{position:relative;z-index:2;display:block;width:100%;height:auto;margin-top:clamp(6px,1vw,14px)}.sci__play{position:relative;z-index:3;display:inline-flex;align-items:center;gap:clamp(10px,1vw,16px);margin-top:clamp(14px,1.8vw,30px);padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-body);color:#6dceff;transition:transform .25s var(--ease, ease)}.sci__play:hover{transform:translateY(-2px)}.sci__play:hover .sci__play-icon{transform:scale(1.06);filter:drop-shadow(0 6px 14px rgba(109,206,255,.45))}.sci__play-text{font-weight:400;font-size:clamp(.85rem,1.36vw,1.45rem);letter-spacing:.1em}.sci__play-text strong{font-weight:600}@keyframes sci-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.sci3d{position:relative;width:100%;max-width:540px;aspect-ratio:.64 / 1;margin-inline:auto}.sci3d__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}.sci3d.is-pointing{cursor:pointer}.sci3d__fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:90%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(120,110,150,.22));transition:opacity .5s ease;pointer-events:none}.sci3d__fallback.is-hidden{opacity:0;visibility:hidden}.sci3d__legend{position:absolute;top:50%;right:clamp(0px,1vw,12px);transform:translateY(-50%);display:flex;flex-direction:column;gap:clamp(8px,1.4vw,16px);margin:0;padding:0;list-style:none;z-index:4}.sci3d__legend button{display:flex;align-items:center;gap:8px;flex-direction:row-reverse;background:none;border:0;padding:4px;cursor:pointer}.sci3d__dot{width:11px;height:11px;border-radius:50%;background:var(--c);flex:none;opacity:.5;box-shadow:0 0 0 0 var(--c);transition:transform .25s var(--ease, ease),box-shadow .3s,opacity .3s}.sci3d__legend button:hover .sci3d__dot,.sci3d__legend button:focus-visible .sci3d__dot{opacity:1;transform:scale(1.25);box-shadow:0 0 10px 1px var(--c)}.sci3d__legend button[aria-pressed=true] .sci3d__dot{opacity:1;transform:scale(1.45);box-shadow:0 0 12px 2px var(--c)}.sci3d__name{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--text-soft);background:#ffffff9e;border-radius:999px;padding:3px 9px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:translate(6px);transition:opacity .25s,transform .25s;pointer-events:none}.sci3d__legend button:hover .sci3d__name,.sci3d__legend button:focus-visible .sci3d__name,.sci3d__legend button[aria-pressed=true] .sci3d__name{opacity:1;transform:translate(0)}.sci3d__hint{position:absolute;left:50%;bottom:clamp(2px,2vw,14px);transform:translate(-50%);margin:0;font-family:var(--font-body);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8aa0ad;background:#ffffff94;border-radius:999px;padding:6px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s;z-index:4;animation:sci-hint 2.4s ease-in-out infinite}.sci3d__hint.is-gone{opacity:0;pointer-events:none}@keyframes sci-hint{0%,to{opacity:.6}50%{opacity:1}}.sci__freq{--chakra: #6dceff}.sci__play-icon{position:relative;display:inline-block;flex:none;width:clamp(40px,3.6vw,48px);height:clamp(40px,3.6vw,48px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--chakra));box-shadow:0 6px 18px -4px var(--chakra);transition:transform .25s var(--ease, ease),filter .25s,box-shadow .35s,background .35s}.sci__play-icon:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;transition:opacity .2s}.sci__play.is-playing .sci__play-icon:before{border:0;width:12px;height:13px;left:50%;background:linear-gradient(90deg,#fff 0 34%,transparent 34% 66%,#fff 66% 100%)}.sci__wave{max-width:520px}.sci__visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:900px){.sci__inner{grid-template-columns:1fr;text-align:center;row-gap:clamp(24px,5vw,40px)}.sci__figure{order:2}.sci__content{order:1;max-width:600px;margin-inline:auto}.sci__figure-img{max-width:360px}.sci__freq{display:inline-block;text-align:left}.sci__eyebrow{margin-inline:auto}}@media(max-width:480px){.sci__freq-word{letter-spacing:.35em;font-size:clamp(2rem,11vw,2.8rem)}}@media(prefers-reduced-motion:reduce){.sci__figure-img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/s-science.css.map */