.instrument{isolation:isolate;background:radial-gradient(circle at 50% 45%,#292b29 0%,#111210 46%,#070807 100%);position:fixed;inset:0;overflow:hidden}.instrument__video{z-index:0;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0;transform:scaleX(-1)}.instrument__video--camera{z-index:0}.instrument__video--glow{z-index:1;opacity:0;filter:blur(13px)brightness(1.18)saturate(.86);mix-blend-mode:screen;transform:scaleX(-1)scale(1.018)}.instrument--live .instrument__video--camera,.instrument--starting .instrument__video--camera{opacity:1}.instrument--live .instrument__video--glow,.instrument--starting .instrument__video--glow{opacity:.16}.instrument__angel-light{z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at 50% 36%,#fffaef16,#0000 45%),linear-gradient(118deg,#dec6cf09,#0000 42%,#c5c6dc08);position:absolute;inset:0}.instrument__canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.entry-gateway{z-index:5;color:#30332c;background:radial-gradient(circle at 50% 40%,#d2c49c29,#0000 46%),linear-gradient(125deg,#2e2b25 0%,#514738 48%,#292824 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.entry-gateway:before{content:"";pointer-events:none;background:radial-gradient(circle at 17% 13%,#efd89e21,#0000 22%),linear-gradient(98deg,#0000 30%,#ffe7af0d 52%,#0000 70%);position:absolute;inset:-18%;transform:rotate(-4deg)}.entry-gateway__book{background:linear-gradient(90deg,#0000 49.3%,#403d3229 49.8%,#fffff452 50.25%,#0000 50.8%),#dedfce;border:1px solid #302f2757;border-radius:4% 2.2% 3.4% 2.5%/2.2% 3.5% 2.4% 3.8%;grid-template-columns:1fr 1fr;width:min(86vw,1120px);height:min(78vh,710px);min-height:500px;display:grid;position:relative;overflow:hidden;transform:rotate(-.8deg);box-shadow:0 38px 70px #00000075,0 5px #b8b6a4,inset 0 0 48px #524e3f1f}.entry-gateway__book:before{z-index:0;content:"";pointer-events:none;opacity:.66;mix-blend-mode:multiply;background:repeating-linear-gradient(4deg,#0000 0 19px,#393d3506 20px),radial-gradient(circle at 8% 4%,#fffff2c7,#0000 28%),radial-gradient(circle at 75% 78%,#6a7c4e14,#0000 26%);position:absolute;inset:0}.entry-gateway__book:after{z-index:3;content:"";pointer-events:none;background:linear-gradient(90deg,#34322a00,#34322a1f,#fffff847,#34322a00);width:22px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.entry-gateway__page{z-index:1;min-width:0;padding:clamp(34px,4vw,68px);position:relative}.entry-gateway__page--left{overflow:hidden}.entry-gateway__page--left:after,.entry-gateway__page--right:after{z-index:-1;content:"";opacity:.78;filter:blur(.3px);mix-blend-mode:multiply;position:absolute}.entry-gateway__page--left:after{background:radial-gradient(at 33% 40%,#6e7f436b,#0000 68%),radial-gradient(at 69% 62%,#55704240,#0000 65%);border-radius:43% 57% 61% 39%/54% 32% 68% 46%;width:52%;height:29%;top:13%;left:13%;transform:rotate(8deg)}.entry-gateway__page--right:after{background:radial-gradient(#6f824a40,#0000 70%);border-radius:68% 32% 42% 58%/35% 62% 38% 65%;width:54%;height:20%;bottom:9%;right:8%;transform:rotate(-6deg)}.entry-gateway__margin-note,.entry-gateway__eyebrow,.entry-gateway__flow,.entry-gateway__permission,.entry-gateway__footer{font-family:Noteworthy,Bradley Hand,Comic Sans MS,cursive}.entry-gateway__margin-note{color:#272a24a8;letter-spacing:.08em;margin:0;font-size:clamp(9px,.88vw,13px);transform:rotate(-1.5deg)}.entry-gateway__glyph-field{color:#2d312ac7;height:45%;margin-top:3%;font-family:Noteworthy,Bradley Hand,Comic Sans MS,cursive;font-weight:300;position:relative}.entry-glyph{text-shadow:.7px .3px #2d312a6b,-.6px .6px #2d312a33;line-height:1;display:block;position:absolute}.entry-glyph--one{font-size:clamp(74px,9vw,142px);top:7%;left:2%;transform:rotate(-12deg)scaleX(1.35)}.entry-glyph--two{font-size:clamp(62px,7vw,108px);top:3%;right:15%;transform:rotate(13deg)}.entry-glyph--three{font-size:clamp(78px,8vw,128px);bottom:10%;right:-2%;transform:rotate(-5deg)scaleX(1.12)}.entry-glyph--four{font-size:clamp(44px,5vw,76px);bottom:1%;left:12%;transform:rotate(7deg)}.entry-glyph--five{font-size:clamp(38px,4.4vw,68px);top:43%;left:44%;transform:rotate(-9deg)}.entry-glyph--six{font-size:clamp(48px,5.7vw,88px);top:36%;left:2%;transform:rotate(5deg)}.entry-glyph--seven{font-size:clamp(54px,6vw,98px);bottom:-4%;left:43%;transform:rotate(-12deg)}.entry-glyph--eight{font-size:clamp(36px,4.2vw,66px);top:3%;right:-3%;transform:rotate(16deg)}.entry-glyph--nine{font-size:clamp(46px,5.5vw,86px);bottom:19%;left:28%;transform:rotate(3deg)}.entry-gateway__script{color:#2a2e27b3;letter-spacing:.035em;text-transform:uppercase;margin:1.6rem 0 0 7%;font-family:Noteworthy,Bradley Hand,Comic Sans MS,cursive;font-size:clamp(10px,1.08vw,15px);line-height:1.42;transform:rotate(1.1deg)}.entry-gateway__notation{color:#30342c9e;text-align:center;grid-template-columns:repeat(4,1fr);gap:2px 12px;font-family:Noteworthy,Bradley Hand,Comic Sans MS,cursive;font-size:clamp(16px,1.7vw,27px);display:grid;position:absolute;bottom:7%;left:10%;right:10%;transform:rotate(-1deg)}.entry-gateway__page--right{text-align:center;flex-direction:column;align-items:center;padding-top:clamp(48px,6vw,96px);display:flex}.entry-gateway__eyebrow{color:#262a238f;letter-spacing:.25em;margin:0 0 .8rem;font-size:clamp(9px,.8vw,12px);transform:rotate(1.3deg)}.entry-gateway__title{color:#252822e6;letter-spacing:-.055em;text-shadow:1px 0 #25282247,-.8px .8px #2528222e;flex-direction:column;align-items:center;margin:0;font-family:Noteworthy,Bradley Hand,Comic Sans MS,cursive;font-size:clamp(46px,6vw,88px);font-weight:400;line-height:.78;display:flex;transform:rotate(-2.2deg)}.entry-gateway__title span:last-child{color:#56693df0;letter-spacing:.015em;margin-left:.38em;font-size:.71em;transform:rotate(2.8deg)}.entry-gateway__invitation{color:#252822b8;text-wrap:balance;max-width:430px;margin:clamp(26px,4vh,44px) 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.2vw,17px);font-style:italic;line-height:1.55;transform:rotate(.5deg)}.activation{z-index:2;color:#23281fe0;cursor:pointer;background:#85995670;border:0;border-radius:47% 55% 45% 52%/52% 44% 58% 48%;place-items:center;width:clamp(98px,9vw,132px);height:clamp(78px,7vw,102px);margin-top:clamp(20px,3.5vh,38px);padding:0 0 7px;transition:transform .42s,background-color .42s;display:grid;position:relative;transform:rotate(-3deg)}.activation:before,.activation:after{content:"";border:1.5px solid #2e3329c2;border-radius:47% 52% 46% 55%;transition:transform .5s,border-color .5s;position:absolute;inset:4px 2px 2px 6px}.activation:after{border-color:#2e332957;inset:0 7px 7px 1px;transform:rotate(8deg)}.activation:hover,.activation:focus-visible{background:#899f53b3;transform:rotate(2deg)scale(1.055)}.activation:focus-visible{outline-offset:7px;outline:2px solid #282d24bf}.activation:hover:before,.activation:focus-visible:before{border-color:#262a23eb;transform:rotate(10deg)scale(1.03)}.activation__glyph{margin-top:-3px;font:400 clamp(39px,4vw,57px)/.7 Noteworthy,Bradley Hand,Comic Sans MS,cursive;position:relative;transform:rotate(-8deg)scaleX(1.2)}.activation__word{letter-spacing:.16em;text-transform:uppercase;font-family:Noteworthy,Bradley Hand,Comic Sans MS,cursive;font-size:clamp(10px,.88vw,13px);position:absolute;bottom:9px}.entry-gateway__permission{color:#2b2f277a;letter-spacing:.04em;margin:14px 0 0;font-size:clamp(8px,.72vw,11px);transform:rotate(.8deg)}.entry-gateway__flow{color:#2f342b8f;letter-spacing:.09em;text-transform:uppercase;justify-content:space-evenly;align-items:center;font-size:clamp(10px,1vw,14px);display:flex;position:absolute;bottom:7%;left:8%;right:8%;transform:rotate(-1deg)}.entry-gateway__flow b{color:#5c703ddb;font-size:2em;font-weight:400;transform:translateY(-2px)scaleX(1.4)}.entry-gateway__footer{right:0;bottom:max(16px, env(safe-area-inset-bottom));color:#efe9d880;letter-spacing:.12em;text-align:center;text-transform:uppercase;margin:0;font-size:clamp(8px,.72vw,11px);position:absolute;left:0}.loop-glyph{z-index:5;top:50%;right:max(12px, env(safe-area-inset-right));width:46px;height:86px;color:var(--pearl);cursor:pointer;opacity:.34;background:0 0;border:0;padding:0;transition:opacity .35s,transform .35s;position:absolute;transform:translateY(-50%)}.clear-glyph{z-index:5;top:calc(50% + 67px);right:max(16px, env(safe-area-inset-right));width:38px;height:38px;color:var(--pearl);cursor:pointer;opacity:.4;background:0 0;border:0;padding:0;transition:opacity .3s,transform .3s;position:absolute;transform:rotate(-4deg)}.clear-glyph:hover,.clear-glyph:focus-visible{opacity:.92;transform:rotate(5deg)scale(1.08)}.clear-glyph:focus-visible{outline-offset:3px;outline:1px solid #eeeae18c}.clear-glyph:disabled{cursor:default;opacity:.13}.clear-glyph__orbit{border:1.2px solid;border-radius:53% 45% 58% 44%;position:absolute;inset:5px 4px 4px 6px}.clear-glyph__cross:before,.clear-glyph__cross:after{content:"";transform-origin:50%;background:currentColor;width:1.4px;height:22px;position:absolute;top:8px;left:18px;transform:rotate(43deg)}.clear-glyph__cross:after{transform:rotate(-49deg)}.loop-glyph:hover,.loop-glyph:focus-visible,.loop-glyph[data-state=recording],.loop-glyph[data-state=overdubbing]{opacity:.9;transform:translateY(-50%)scale(1.06)}.loop-glyph:focus-visible{outline-offset:4px;outline:1px solid #eeeae18c}.loop-glyph__orbit,.loop-glyph__echo{border:1.5px solid;border-radius:48% 54% 43% 57%;width:30px;height:41px;position:absolute;top:21px;left:8px;transform:rotate(-7deg)}.loop-glyph__orbit:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:11px;height:11px;position:absolute;bottom:5px;right:-6px;transform:rotate(23deg)}.loop-glyph__centre{border:1px solid;border-radius:50%;width:6px;height:6px;position:absolute;top:39px;left:20px}.loop-glyph__echo{opacity:0;transform:rotate(8deg)scale(.78)}.loop-glyph[data-state=recording] .loop-glyph__centre{background:var(--rose);box-shadow:0 0 12px var(--rose);animation:1.4s ease-in-out infinite loop-pulse}.loop-glyph[data-state=playing] .loop-glyph__orbit,.loop-glyph[data-state=overdubbing] .loop-glyph__orbit{animation:8s linear infinite loop-turn}.loop-glyph[data-state=overdubbing] .loop-glyph__echo{opacity:.62;animation:11s linear infinite reverse loop-turn}.instrument__status{z-index:6;bottom:max(28px, env(safe-area-inset-bottom));color:#eeeae1ad;letter-spacing:.04em;text-align:center;text-wrap:balance;max-width:min(76vw,460px);margin:0;font-family:Georgia,serif;font-size:clamp(12px,1.2vw,15px);font-style:italic;animation:.5s both status-in;position:absolute;left:50%;transform:translate(-50%)}.instrument__status--error{color:#eed8d8db}.instrument__privacy{z-index:4;top:max(16px, env(safe-area-inset-top));color:#eeeae157;letter-spacing:.11em;text-transform:lowercase;pointer-events:none;margin:0;font-size:9px;transition:opacity 1.8s 3s;position:absolute;left:18px}.instrument--live .instrument__privacy{opacity:0}.instrument__breath{z-index:4;border:1px solid #ede8dd57;border-radius:47% 56% 44% 52%;width:64px;height:64px;animation:1.8s ease-in-out infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loop-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}@keyframes loop-turn{to{transform:rotate(353deg)}}@keyframes breathe{0%,to{opacity:.22;transform:translate(-50%,-50%)scale(.82)rotate(-5deg)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.1)rotate(7deg)}}@keyframes status-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@media (width<=680px){.entry-gateway__book{grid-template-columns:34% 66%;width:93vw;height:min(82vh,720px);min-height:490px}.entry-gateway__page{padding:24px 18px}.entry-gateway__page--left{opacity:.82}.entry-gateway__margin-note{width:170px;transform:rotate(-90deg)translate(-76px,-70px)}.entry-gateway__glyph-field{height:58%;margin-top:0}.entry-glyph--three,.entry-glyph--five,.entry-glyph--eight,.entry-gateway__script{display:none}.entry-gateway__notation{gap:3px;left:8px;right:8px}.entry-gateway__page--right{padding-top:58px}.entry-gateway__title{font-size:clamp(43px,13vw,66px)}.entry-gateway__invitation br{display:none}.entry-gateway__flow{left:4%;right:4%}.entry-gateway__footer{padding:0 18px}.loop-glyph{right:max(5px, env(safe-area-inset-right));transform:translateY(-50%)scale(.9)}.clear-glyph{right:max(9px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.entry-gateway{color:#000;background:#fff;place-items:center;display:grid}.entry-gateway:before{content:none}.entry-gateway__illustration{width:min(94vw,76.06vh);height:min(94vh,116.16vw);position:relative}.entry-gateway__illustration img{object-fit:contain;width:100%;height:100%;display:block}.entry-gateway .activation{z-index:2;color:#0000;clip-path:polygon(0 30%,48% 34%,42% 0,100% 50%,72% 100%,70% 67%,0 64%);cursor:pointer;background:0 0;border:0;border-radius:0;width:23.8%;height:14.3%;margin:0;padding:0;display:block;position:absolute;top:28.8%;left:35.6%;transform:none}.entry-gateway .activation:before,.entry-gateway .activation:after{content:none}.entry-gateway .activation:hover,.entry-gateway .activation:focus-visible{color:#0000;background:0 0;transform:none}.entry-gateway .activation:focus-visible{outline-offset:5px;outline:3px solid #000}