.v3-about{isolation:isolate;color:var(--x-pearl);position:relative}.v3-about__shell{width:var(--x-content);grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);grid-template-areas:"head head""record copy";align-items:start;gap:clamp(36px,4vw,56px) clamp(40px,5vw,88px);margin:0 auto;padding:clamp(80px,9vw,128px) 0 clamp(88px,9vw,132px);display:grid}.v3-about__head{gap:calc(3 * var(--x-px));grid-area:head;justify-items:center;display:grid}.v3-about__record{flex-direction:column;grid-area:record;align-items:center;min-width:0;display:flex}.v3-about__copy{grid-area:copy;align-content:start;align-self:center;gap:clamp(24px,2.6vw,34px);display:grid}.s1-dialogue{position:relative}.s1-dialogue .x-frame__in{padding:clamp(18px,2vw,28px)}.s1-dialogue__grid{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:clamp(16px,1.8vw,24px);display:grid}.s1-dialogue__portrait{background:var(--x-ice-400);width:96px;height:96px;clip-path:var(--x-clip,none);padding:2px;display:block}.s1-dialogue__portrait img{width:100%;height:100%;image-rendering:pixelated;display:block}.s1-dialogue__text{gap:14px;min-width:0;display:grid}.s1-dialogue__open{color:var(--x-pearl);font-weight:500}.s1-dialogue__text .x-body{max-width:58ch}.s1-dialogue__more{right:calc(4 * var(--x-px));bottom:calc(2 * var(--x-px));color:var(--x-magenta);font:500 var(--x-text-hud-s) / 1 var(--x-font-hud);visibility:hidden;position:absolute}.s1-dialogue__more[data-on=true]{visibility:visible}html[data-motion=on] .s1-dialogue__more[data-on=true]{animation:.7s steps(2,end) infinite s1-more}@keyframes s1-more{50%{transform:translateY(3px)}}.s1-sheet{gap:calc(2 * var(--x-px)) clamp(20px, 2.4vw, 40px);padding:calc(3 * var(--x-px)) 0 0;border-top:2px solid rgb(var(--x-ice-400-rgb) / .5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.s1-sheet__row{gap:calc(2 * var(--x-px));grid-template-columns:62px minmax(0,1fr);align-items:baseline;min-width:0;display:grid}.s1-sheet__row--status{grid-column:1/-1}.s1-sheet__key{color:var(--x-ice-200)}.s1-sheet__val{align-items:baseline;gap:calc(2 * var(--x-px));min-width:0;color:var(--x-pearl);font:500 var(--x-text-body) / 1.3 var(--x-font-human);font-variant-numeric:tabular-nums;letter-spacing:-.005em;display:flex}.s1-sheet__val--hud,.s1-sheet__row--status .s1-sheet__val{font:400 var(--x-text-hud) / 1.3 var(--x-font-hud);letter-spacing:var(--x-hud-ls);text-transform:uppercase}.s1-sheet__row--status .s1-sheet__val{color:var(--x-magenta-200)}.s1-sheet .x-blip{position:relative;top:-1px}.v3-about__cta{width:min(100%,360px);margin-top:calc(5 * var(--x-px))}.v3-about__cta .x-magnet{width:100%;display:block}.v3-video-trigger.v3-button{--v3-button-halo:1;width:100%;min-height:56px;font-size:1.0625rem}.v3-video-trigger__play{width:0;height:0;transition:transform var(--x-dur-press) var(--x-ease-out);border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid}.v3-video-trigger .x-magnet__label{align-items:center;gap:10px;display:inline-flex}.v3-video-trigger:hover .v3-video-trigger__play{transform:translate(2px)}.i2-record{grid-area:record;place-self:center;width:100%;min-width:0;max-width:500px;margin:0}.i2-record__stage{transform:perspective(1100px) rotateX(var(--record-x,0deg)) rotateY(var(--record-y,0deg));transition:transform var(--x-dur-hud) var(--x-ease-out)}.i2-record .vinyl-object{aspect-ratio:1;width:100%}.i2-record .vinyl-object__art{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;filter:drop-shadow(0 34px 44px rgb(var(--x-void-rgb) / .62)) drop-shadow(0 0 38px rgb(var(--x-cobalt-rgb) / .13));transition:filter var(--x-dur-enter) var(--x-ease-out);display:block}.i2-record[data-playing=true] .vinyl-object__art{filter:drop-shadow(0 34px 44px rgb(var(--x-void-rgb) / .62)) drop-shadow(0 0 46px rgb(var(--x-cobalt-rgb) / .3))}.i2-record .vinyl-object__disc-mask{pointer-events:none;mix-blend-mode:screen;-webkit-mask:var(--i2-vinyl-mask) center / 100% 100% no-repeat;-webkit-mask:var(--i2-vinyl-mask) center / 100% 100% no-repeat;mask:var(--i2-vinyl-mask) center / 100% 100% no-repeat;--i2-vinyl-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1254 1254'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='645' cy='592' r='496'/%3E%3C/clipPath%3E%3Cfilter id='b' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3C/filter%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Cg filter='url(%23b)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M502 590a166 166 0 1 0 332 0a166 166 0 1 0-332 0ZM-40 -40H1294V826L1160 832 1100 858 1020 864 950 846 900 812 850 768 790 736 710 726 630 734 570 760 520 804 470 842 400 860 300 864 240 852 180 838 -40 820Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0;overflow:hidden}.i2-record .vinyl-object__disc{aspect-ratio:1;width:89.3%;position:absolute;top:2.4%;left:8.6%}.i2-record .vinyl-object__spin{border-radius:50%;animation:9s linear infinite paused i2-record-spin;position:absolute;inset:0}.i2-record .vinyl-object__spin[data-spinning=true]{animation-play-state:running}.i2-record .vinyl-object__sheen{background:conic-gradient(from 20deg, transparent 0 4%, rgb(var(--x-pearl-rgb) / .17) 9%, transparent 16% 50%, rgb(var(--x-cobalt-rgb) / .26) 56%, transparent 63% 84%, rgb(var(--x-pearl-rgb) / .08) 88%, transparent 94%);border-radius:50%;position:absolute;inset:0}.i2-record .vinyl-object__label{text-align:center;pointer-events:none;width:46%;position:absolute;top:25.6%;left:53.3%;transform:translate(-50%,-50%)}.i2-record .vinyl-object__title{color:var(--x-pearl);font:500 clamp(18px, 2.1vw, 24px) / 1.15 var(--x-font-human);letter-spacing:-.035em;text-shadow:0 1px 10px rgb(var(--x-void-rgb) / .95), 0 0 2px rgb(var(--x-void-rgb) / .9);text-wrap:balance;margin:0}.i2-record .vinyl-object__artist{color:var(--x-fog);font:400 12px / 1.2 var(--x-font-human);text-shadow:0 1px 8px rgb(var(--x-void-rgb) / .95);margin:3px 0 0}.i2-record__transport{pointer-events:none;border:0;min-width:0;margin:0;padding:0;position:absolute;inset:0}.i2-record .controls{position:absolute;inset:0}.i2-record .ctrl{color:var(--x-pearl);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.i2-record .ctrl-play{aspect-ratio:1;width:23.4%;top:72.2%;left:56.8%}.i2-record .ctrl-prev{aspect-ratio:1;width:7.4%;top:74.6%;left:33.1%}.i2-record .ctrl-next{aspect-ratio:1;width:7.4%;top:75.5%;left:77.75%}.i2-record .ctrl-prev:before,.i2-record .ctrl-next:before{content:"";border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.i2-record .ctrl-face.v3-button{place-content:stretch;place-items:center;width:100%;height:100%;display:grid;position:relative}.i2-record .ctrl-play .ctrl-face{width:41%;height:41%}.i2-record .ctrl svg{grid-area:1/1;width:46%;height:46%}.i2-record .ctrl-play svg{width:40%;height:40%}.i2-record .glyph{transition:opacity var(--x-dur-press) var(--x-ease-out), transform var(--x-dur-press) var(--x-ease-out), filter var(--x-dur-press) var(--x-ease-out)}.i2-record .glyph-play{margin-left:6%}.i2-record .ctrl-play[data-state=play] .glyph-pause,.i2-record .ctrl-play[data-state=pause] .glyph-play{opacity:0;filter:blur(2px);transform:scale(.6)}.i2-record .ctrl:is(:hover,:focus-visible) .ctrl-face.v3-button{--v3-button-halo:1;--v3-button-dust-alpha:.24;--v3-button-sheen-x:18%;border-color:var(--v3-button-edge-hover);transform:none}.i2-record .ctrl:is(:hover,:focus-visible) .ctrl-face.v3-button:before{animation:2.4s linear infinite v3-button-mercury}.i2-record .ctrl:active .ctrl-face.v3-button{transform:scale(.94)}.i2-record .ctrl:focus-visible{outline:none}.i2-record .ctrl:focus-visible .ctrl-face.v3-button{outline:2px solid var(--x-amber);outline-offset:3px}.i2-record__transport:disabled .ctrl{cursor:not-allowed;opacity:.55}.i2-record[data-entered=true][data-playing=false] .ctrl-play:after{pointer-events:none;border:1px solid rgb(var(--x-cobalt-200-rgb) / .8);opacity:0;animation:i2-record-invite 2.2s var(--x-ease-out) .6s 3;content:"";border-radius:50%;position:absolute;inset:calc(29.5% - 2px)}.i2-record__deck{width:min(100%,360px);min-width:0;margin:calc(4 * var(--x-px)) auto 0;border:0;padding:0}.i2-record__now{align-items:center;gap:calc(2 * var(--x-px));margin:0 0 calc(2 * var(--x-px));min-width:0;display:flex}.i2-record__state{color:var(--x-ice-200);flex:none}.i2-record[data-playing=true] .i2-record__state{color:var(--x-magenta-200)}.i2-record__track{min-width:0;color:var(--x-fog);font:400 var(--x-text-small) / 1.3 var(--x-font-human);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.i2-record__track i{color:var(--x-fog-dim);font-style:normal}.i2-record .vinyl-object__label{display:none}.i2-record .scales{width:18px;height:18px;fill:var(--x-ice-400);opacity:.5;transition:opacity var(--x-dur-hud) steps(3, end), fill var(--x-dur-hud) steps(3, end);flex:none;display:block}.i2-record[data-playing=true] .scales{fill:var(--x-magenta-200);opacity:.95}.i2-record .progress{align-items:center;gap:calc(3 * var(--x-px));grid-template-columns:auto 1fr auto;display:grid}.i2-record .time{min-width:4ch;color:var(--x-ice-200);font:500 var(--x-text-hud-s) / 1 var(--x-font-hud);font-variant-numeric:tabular-nums;letter-spacing:var(--x-hud-ls)}.i2-record .time.total{text-align:right;color:var(--x-fog-dim)}.i2-record .bar{cursor:pointer;touch-action:pan-y;height:24px;position:relative}.i2-record .bar[aria-disabled=true]{cursor:default}.i2-record .bar:before{height:calc(2 * var(--x-px));background:var(--x-ice-800);-webkit-mask-image:repeating-linear-gradient(90deg, #000 0 calc(2 * var(--x-px)), transparent 0 calc(3 * var(--x-px)));mask-image:repeating-linear-gradient(90deg, #000 0 calc(2 * var(--x-px)), transparent 0 calc(3 * var(--x-px)));content:"";position:absolute;top:11px;left:0;right:0}.i2-record .bar-fill{width:100%;height:calc(2 * var(--x-px));background:var(--x-ice-200);transform-origin:0;-webkit-mask-image:repeating-linear-gradient(90deg, #000 0 calc(2 * var(--x-px)), transparent 0 calc(3 * var(--x-px)));mask-image:repeating-linear-gradient(90deg, #000 0 calc(2 * var(--x-px)), transparent 0 calc(3 * var(--x-px)));position:absolute;top:11px;left:0}.i2-record[data-playing=true] .bar-fill{background:var(--x-magenta-200)}.i2-record__row{align-items:center;gap:calc(3 * var(--x-px));margin-top:calc(2 * var(--x-px));display:flex}.i2-record__mute.v3-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.i2-record__volume{align-items:center;gap:calc(2 * var(--x-px));color:var(--x-ice-200);display:flex}.i2-record__volume input{cursor:pointer;width:96px;height:28px;accent-color:var(--x-magenta);background:0 0;margin:0}.i2-record :is(.bar,input):focus-visible{outline:2px solid var(--x-amber);outline-offset:4px}.i2-record__note{text-align:center;font:400 var(--x-text-small) / 1.5 var(--x-font-human);color:var(--x-fog);grid-area:record;margin:0}.v3-video-dialog{--p:var(--x-px);width:min(460px,100% - 32px);max-width:460px;max-height:calc(100dvh - 32px);color:var(--x-pearl);background:var(--x-ice-400);clip-path:polygon(0 calc(2 * var(--p)), var(--p) calc(2 * var(--p)), var(--p) var(--p), calc(2 * var(--p)) var(--p), calc(2 * var(--p)) 0, calc(100% - 2 * var(--p)) 0, calc(100% - 2 * var(--p)) var(--p), calc(100% - var(--p)) var(--p), calc(100% - var(--p)) calc(2 * var(--p)), 100% calc(2 * var(--p)), 100% calc(100% - 2 * var(--p)), calc(100% - var(--p)) calc(100% - 2 * var(--p)), calc(100% - var(--p)) calc(100% - var(--p)), calc(100% - 2 * var(--p)) calc(100% - var(--p)), calc(100% - 2 * var(--p)) 100%, calc(2 * var(--p)) 100%, calc(2 * var(--p)) calc(100% - var(--p)), var(--p) calc(100% - var(--p)), var(--p) calc(100% - 2 * var(--p)), 0 calc(100% - 2 * var(--p)));opacity:0;transition:opacity var(--x-dur-hud) steps(4, end), transform var(--x-dur-hud) steps(4, end), overlay var(--x-dur-hud) allow-discrete, display var(--x-dur-hud) allow-discrete;border:0;margin:auto;padding:2px;transform:translateY(12px)}.v3-video-dialog[open]{opacity:1;transform:none}@starting-style{.v3-video-dialog[open]{opacity:0;transform:translateY(12px)}}.v3-video-dialog::backdrop{background:rgb(var(--x-void-rgb) / .92)}.v3-video-dialog__box{background:var(--x-rock);clip-path:inherit;padding:clamp(16px,2vw,24px)}.v3-video-dialog__head{justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.v3-video-dialog__head h3{color:var(--x-pearl);font:600 var(--x-text-hud-l) / 1.2 var(--x-font-hud);letter-spacing:0;text-wrap:balance;margin:0}.v3-video-dialog__frame{aspect-ratio:16/9;background:var(--x-void);outline:1px solid rgb(var(--x-ice-400-rgb) / .5);outline-offset:-1px;width:100%;overflow:hidden}.v3-video-dialog__frame[data-tall=true]{aspect-ratio:9/16;width:min(100%,56.25dvh - 84.375px);margin:0 auto}.v3-video-dialog video{object-fit:contain;width:100%;height:100%;display:block}@keyframes i2-record-spin{to{transform:rotate(360deg)}}@keyframes i2-record-invite{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@media (max-width:1023px){.v3-about__shell{column-gap:32px}.s1-dialogue .x-frame__in{padding:18px}}@media (max-width:860px){.v3-about__shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""record""copy";row-gap:clamp(28px,6vw,40px);padding:clamp(56px,12vw,80px) 0 clamp(64px,12vw,88px)}.i2-record{max-width:360px}.s1-dialogue__grid{grid-template-columns:72px minmax(0,1fr);gap:14px}.s1-dialogue__portrait{width:72px;height:72px}.s1-sheet{grid-template-columns:minmax(0,1fr)}.s1-sheet__row{grid-template-columns:56px minmax(0,1fr)}.v3-video-dialog__box{padding:14px}.v3-video-dialog__head{gap:12px;padding-bottom:12px}}html[data-motion=off] .i2-record .vinyl-object__spin,html[data-motion=off] .i2-record .ctrl-play:after,html[data-motion=off] .s1-dialogue__more{animation:none}html[data-motion=off] .i2-record__stage{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.i2-record .vinyl-object__spin,.i2-record .ctrl-play:after,.s1-dialogue__more{animation:none!important}.i2-record__stage{transition:none;transform:none}.v3-video-trigger__play,.i2-record .glyph,.i2-record .ctrl-face{transition:none}.v3-video-dialog{transition:opacity .15s linear, overlay .15s allow-discrete, display .15s allow-discrete;transform:none}@starting-style{.v3-video-dialog[open]{transform:none}}}
