.intro__frame{flex:1;width:100%;height:100%;position:relative}.nav__bar{padding-inline:32px;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;display:flex}.nav__left{align-items:center;gap:8px;display:flex}.nav__logo{letter-spacing:.14em;text-transform:uppercase;color:#111827;font-size:.85rem;font-weight:600;text-decoration:none}.nav__section-label{text-transform:uppercase;letter-spacing:.16em;color:#9ca3af;font-size:.8rem}.nav__enter-code{color:#f9fafb;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#111827;border:none;border-radius:999px;padding:10px 18px;font-size:.75rem;font-weight:500}.intro__headline-shell{backface-visibility:hidden;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro__headline-inner{text-align:center;transition:text-align .5s}.intro__headline-shell--fading{opacity:0}.intro__headline{letter-spacing:-.07em;white-space:nowrap;margin:0;font-size:clamp(64px,8vw,128px);font-weight:300;line-height:120px}.intro__headline-shell--left{transform:translate(-50%,-50%)translate(-30vw)}.intro__headline-shell--right{transform:translate(-50%,-50%)translate(30vw)}.intro__headline-shell--left .intro__headline-inner{text-align:left;padding-left:4vw;padding-right:0;transition:all .5s;transition:all .5s!important}.intro__headline-shell--right .intro__headline-inner{text-align:right;padding-left:0;padding-right:4vw;transition:all .5s;transition:all .5s!important}.diamond-ring{pointer-events:auto;border:2px solid #d1d5db;border-radius:12px;width:50vh;max-width:600px;height:50vh;max-height:600px;transition:all .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.diamond-ring--left{left:-30vh}.diamond-ring--right{right:-30vh}@media (max-width:768px){.diamond-ring{border-color:#fff!important}.diamond-ring--left,.diamond-ring--right{left:0;right:0}}.diamond-ring--peek-hide{opacity:0;transform:translateY(-50%)rotate(45deg)translate(-60px)}.diamond-ring--hover{border:2px solid #fff}.diamond-ring--expanding{animation:.6s cubic-bezier(.25,.46,.45,.94) forwards ring-expand;z-index:100!important}.diamond-btn-left,.diamond-btn-right{cursor:pointer;z-index:20;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;width:140px;height:140px;transition:all .25s ease-out;display:flex;position:absolute;top:50%}.diamond-btn-left:before,.diamond-btn-right:before{content:"";border:inherit;background:inherit;border-radius:0;position:absolute;inset:0;transform:rotate(45deg)}.diamond-btn-left{padding:0;left:24px;transform:translateY(-50%)}.diamond-btn-right{right:24px;transform:translateY(-50%)}.diamond-btn-label-diam,.diamond-label-diam-icon{z-index:1;position:relative}.diamond-label-diam-icon{align-items:center;gap:8px;display:flex}.diamond-btn-label-diam{letter-spacing:.14em;text-transform:uppercase;color:#9ca3af;padding:0 8px;font-size:.8rem;font-weight:500}.diamond-btn-play-icon{border:1px solid #111827;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.flip{transform:rotate(180deg)}.diamond-btn-play-icon:before{content:"▶";font-size:.6rem}.diamond-btn-left:hover{transform:translateY(-50%)translate(4px)scale(1.1)}.diamond-btn-right:hover{transform:translateY(-50%)translate(-4px)scale(1.1)}.diamond-btn--fade-out{opacity:0;transform:translateY(-50%)scale(.92)}.intro__frame--expanding *{pointer-events:none!important}@keyframes ring-expand{to{transform:translateY(-50%)rotate(45deg)scale(3)}}.diamond-btn-inner{pointer-events:none;background:#fff;border:1px solid #111827;justify-content:center;align-items:center;display:flex;transform:rotate(45deg);width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important}.diamond-btn-icon{justify-content:center;align-items:center;display:flex;transform:rotate(-45deg)}.diamond-btn-icon:before{content:"▶";color:#111827;font-size:.8rem}.diamond-btn-icon.flip:before{content:"◀︎"}@media (max-width:500px){.diamond-ring{border:2px solid #fff;width:50vh;max-width:600px;height:50vh;max-height:600px;position:absolute;top:50%}}