.tape{--tape-color: #fffdf9;--tape-tick: var(--aw-color-persian-red);position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tape--back{z-index:0}.tape--front{z-index:2}.tape--back{--tape-color: #f2eae1}.tape__seg path{fill:none;stroke-linecap:butt}.tape__edge{stroke:var(--tape-tick);stroke-width:var(--tp-edge)}.tape__base{stroke:var(--tape-color);stroke-width:var(--tp-base)}.tape__minor{stroke:var(--tape-tick);stroke-width:var(--tp-base);stroke-dasharray:var(--tp-minor)}.tape__band{stroke:var(--tape-color);stroke-width:var(--tp-band)}.tape__major{stroke:var(--tape-tick);stroke-width:var(--tp-base);stroke-dasharray:var(--tp-major)}.tape__centre{stroke:var(--tape-color);stroke-width:var(--tp-centre)}.tape__num{font-family:var(--aw-font-sans);font-size:var(--tp-font);font-weight:700;font-variant-numeric:tabular-nums;fill:var(--tape-tick);dominant-baseline:middle}.tape__coil{transform-origin:500px 500px;transform-box:view-box;will-change:transform}.tape__reveal{fill:none;stroke:#fff;stroke-width:var(--tp-reveal);stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1}.is-playing .tape__reveal{animation:tape-draw var(--len) var(--ease) var(--d) forwards,tape-hide var(--ulen) var(--intro-ease-in-out) var(--u) forwards}@keyframes tape-draw{to{stroke-dashoffset:0}}@keyframes tape-hide{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--to)}}.intro{--intro-ease-out: cubic-bezier(.23, 1, .32, 1);--intro-ease-in-out: cubic-bezier(.77, 0, .175, 1);--intro-paper: var(--aw-color-bg-page);--intro-case: var(--aw-color-accent);--tape-tick: var(--aw-color-persian-red);--logo-w: min(92vw, 720px);--tx: 0px;--ty: 0px;--s: 1;position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none;display:grid;place-items:center;animation:intro-done var(--intro-duration) step-end both}.intro__sheet{position:absolute;inset:0;background:var(--intro-paper);display:grid;place-items:center}.intro__box{position:relative;width:var(--logo-w);aspect-ratio:1}.intro__logo-box{position:absolute;inset:0;z-index:1;mix-blend-mode:multiply;will-change:transform}.intro__logo{width:100%;height:auto;display:block}.intro .tape__coil{transform-origin:535px 493px}.intro__seg--mob{display:none}.intro__reel{position:absolute;z-index:3;left:calc(98.5% - var(--logo-w) * .13);top:calc(49.3% - var(--logo-w) * .13);width:calc(var(--logo-w) * .26);aspect-ratio:1;transform:translateY(-120vh) scale(1) rotate(0);will-change:transform}.intro__reel svg{width:100%;height:100%;overflow:visible}@media (max-width: 640px){.intro__reel{left:calc(90% - var(--logo-w) * .13);top:calc(22.5% - var(--logo-w) * .13)}.intro__seg--desk{display:none}.intro__seg--mob{display:initial}}.intro.is-playing .intro__reel{animation:intro-reel var(--intro-duration) linear 0ms forwards}.intro.is-playing .tape__coil{animation:intro-cinch .45s var(--intro-ease-in-out) 1.65s forwards}.intro.is-playing .intro__logo-box{animation:intro-squeeze .45s var(--intro-ease-in-out) 1.65s forwards,intro-fly .6s var(--intro-ease-in-out) 2.65s forwards}.intro.is-playing .intro__sheet{animation:intro-fade .26s var(--intro-ease-out) 3s forwards}@keyframes intro-reel{0%{transform:translateY(-120vh) scale(1) rotate(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}12.8%{transform:translate(0) scale(1) rotate(0);animation-timing-function:ease-out}14.5%{transform:translate(0) scale(1.06,.94) rotate(0);animation-timing-function:ease-out}16%{transform:translate(0) scale(1) rotate(0)}49.3%{transform:translate(0) scale(1) rotate(0);animation-timing-function:cubic-bezier(.77,0,.175,1)}57%{transform:translate(0) scale(1) rotate(-12deg)}64.2%{transform:translate(0) scale(1) rotate(-12deg);animation-timing-function:cubic-bezier(.23,1,.32,1)}81.2%{transform:translate(0) scale(1) rotate(-560deg);animation-timing-function:cubic-bezier(.77,0,.175,1)}94%{transform:translate(70vw) scale(1) rotate(-1100deg)}to{transform:translate(70vw) scale(1) rotate(-1100deg)}}@keyframes intro-cinch{0%{transform:scale(1)}55%{transform:scaleY(.86)}80%{transform:scaleY(.86)}to{transform:scale(1)}}@keyframes intro-squeeze{0%{transform:scale(1)}55%{transform:scale(.96,1.02)}80%{transform:scale(.96,1.02)}to{transform:scale(1)}}@keyframes intro-fade{to{opacity:0}}@keyframes intro-fly{to{transform:translate(var(--tx),var(--ty)) scale(var(--s))}}@keyframes intro-done{0%{opacity:1}to{opacity:1}}@media (prefers-reduced-motion: reduce){.intro.is-playing *{animation:none!important}.intro{--intro-duration: .7s;animation:intro-rm-fade .35s var(--intro-ease-out) .35s both!important}@keyframes intro-rm-fade{0%{opacity:1}to{opacity:0}}}