/* The transition follows the exact edge of the dark iris. */
.gateway{position:absolute;left:83%;top:62%;width:var(--portal-width,0%);height:var(--portal-height,0%);transform:translate(-50%,-50%);z-index:4;pointer-events:none;opacity:var(--portal-opacity,0);will-change:width,height}.gateway>svg{width:100%;height:100%;display:block}.no-motion .gateway{display:none}.hero.letters-free .hero-line{overflow:visible}
.detail-section{position:relative;isolation:isolate;overflow:hidden}.detail-toggle{display:none;position:absolute;left:var(--pad);top:199px;max-width:21%;gap:12px;align-items:center;font-size:10px;line-height:1.6;padding:12px 0;text-align:left}.js .detail-toggle{display:flex}.detail-toggle-icon{font-size:22px;width:28px;height:28px;min-width:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;line-height:1;transition:transform .5s var(--ease),background .3s,color .3s}.detail-toggle:hover .detail-toggle-icon,.detail-toggle[aria-pressed="true"] .detail-toggle-icon{background:var(--blue);color:var(--paper);border-color:var(--blue)}.detail-toggle[aria-pressed="true"] .detail-toggle-icon{transform:rotate(45deg)}.detail-lens{--lens-size:220px;position:absolute;left:60%;top:50%;width:var(--lens-size);height:var(--lens-size);border-radius:50%;background:#1644ef;z-index:8;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6);box-shadow:0 24px 60px #10111522,0 0 0 1px #f2f2eca0,inset 0 0 0 8px #ffffff0d;transition:opacity .28s var(--ease),transform .6s var(--ease);contain:paint;will-change:left,top,transform}.detail-section.lens-active .detail-lens{opacity:1;transform:translate(-50%,-50%) scale(1)}.detail-lens:after{content:'';position:absolute;inset:7px;border:1px solid #ffffff40;border-radius:50%;pointer-events:none}.lens-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#ffffff0b 1px,transparent 1px),linear-gradient(to bottom,#ffffff0b 1px,transparent 1px);background-size:17px 17px}.lens-content{position:absolute;left:0;top:0;transform:scale(1.4);transform-origin:0 0;color:#f2f2ec}.lens-content h2{margin:0;color:#f2f2ec;white-space:normal;opacity:1!important;transform:none!important}.lens-content h2 span{color:#e5f179}.lens-label{position:absolute;left:0;right:0;z-index:2;text-align:center;font-size:7px;line-height:1;letter-spacing:.075em;color:#ced7ff;pointer-events:none}.lens-label-top{top:21px}.lens-label-bottom{bottom:21px}.lens-axis{position:absolute;background:#ffffff70;pointer-events:none;z-index:3}.lens-axis-x{width:15px;height:1px;left:calc(50% - 7px);top:50%}.lens-axis-y{width:1px;height:15px;left:50%;top:calc(50% - 7px)}.no-motion .detail-lens,.no-motion .detail-toggle-icon{transition:none}
.dialog-open .studio-asterisk,.dialog-open .demo-slider>i,.dialog-open .word-care svg,.dialog-open .art-halo:after,.dialog-open .sound-bars>i{animation-play-state:paused}
@media(max-width:1100px){.detail-toggle{top:190px;font-size:9px;gap:8px}.detail-toggle-icon{width:25px;height:25px;min-width:25px;font-size:19px}}
@media(max-width:760px){.detail-toggle{position:relative;left:auto;top:auto;max-width:none;width:max-content;margin-top:0;padding:10px 0;font-size:10px}.detail-section{padding-bottom:50px;gap:24px}.detail-lens{--lens-size:170px}.lens-label{font-size:6px}.lens-label-top{top:15px}.lens-label-bottom{bottom:15px}.gateway{filter:none}}
@media(prefers-reduced-motion:reduce){.gateway{display:none}.detail-lens,.detail-toggle-icon{transition:none}}