:root{--bg:#000;--ink:#f2f1ed;--muted:#7c7b76;--line:#272724;--paper:#1a1a18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius:22px;--gap:clamp(14px, 3.5vw, 56px);--edge:clamp(14px, 3.2vw, 50px);--side:clamp(200px, 19vw, 300px);--font:"Outfit", sans-serif;--serif:"Instrument Serif", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.shell{grid-template-columns:var(--side) minmax(0, 1fr);min-height:100vh;display:grid}.side{z-index:30;background:var(--bg);height:100vh;padding:var(--edge) 20px;flex-direction:column;justify-content:space-between;display:flex;position:sticky;top:0}.brand{color:inherit;align-self:flex-start;display:inline-flex}.brand-logo{width:120px;height:auto;fill:var(--ink);display:block}.side-study{transition:opacity .2s;animation:.4s .35s backwards panel-in;position:absolute;top:50%;left:20px;right:12px;transform:translateY(-50%)}.side-study.is-closing{opacity:0}.side-study h2{letter-spacing:-.01em;font-size:26px;font-weight:640;line-height:1.1}.side-study p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.35}.side-drawer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .3s;display:grid}.side-drawer.is-open{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .4s .12s}.side-drawer>div{flex-direction:column;gap:4px;min-height:0;display:flex;overflow:hidden}.side-drawer p,.side-drawer a{max-width:230px;color:var(--muted);font-size:14px;line-height:1.4}.side-drawer>div>:first-child{margin-top:8px}.side-drawer>div>:last-child{margin-bottom:14px}.side-drawer a{text-decoration:none;transition:color .2s}.side-drawer a:hover{color:var(--ink)}.side-nav{flex-direction:column;align-items:flex-start;display:flex}.side-nav button{letter-spacing:-.01em;font-size:24px;font-weight:640;line-height:1.25;transition:opacity .2s}.side-nav:hover button:not(:hover):not(.is-on){opacity:.5}.content{min-width:0;padding:var(--edge) var(--edge) var(--edge) 0}.view-toggle{--pad:4px;z-index:5;background:var(--bg);height:36px;margin-bottom:var(--gap);padding:var(--pad);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;display:inline-grid;position:relative}.view-toggle-thumb{inset:var(--pad);background:var(--ink);clip-path:inset(0 50% 0 0 round 999px);border-radius:999px;position:absolute}.view-toggle.is-projects .view-toggle-thumb{clip-path:inset(0 0 0 50% round 999px)}.view-toggle.is-moved.is-projects .view-toggle-thumb{animation:.75s linear both toggle-right}.view-toggle.is-moved.is-studies .view-toggle-thumb{animation:.75s linear both toggle-left}@keyframes toggle-right{0%{clip-path:inset(0 50% 0 0 round 999px);animation-timing-function:cubic-bezier(.4,0,.6,1)}32%{clip-path:inset(0 round 999px);animation-timing-function:cubic-bezier(.3,0,.2,1)}62%{clip-path:inset(0 0 0 56% round 999px);animation-timing-function:ease-in-out}80%{clip-path:inset(0 0 0 48% round 999px);animation-timing-function:ease-in-out}92%{clip-path:inset(0 0 0 50.8% round 999px);animation-timing-function:ease-in-out}to{clip-path:inset(0 0 0 50% round 999px)}}@keyframes toggle-left{0%{clip-path:inset(0 0 0 50% round 999px);animation-timing-function:cubic-bezier(.4,0,.6,1)}32%{clip-path:inset(0 round 999px);animation-timing-function:cubic-bezier(.3,0,.2,1)}62%{clip-path:inset(0 56% 0 0 round 999px);animation-timing-function:ease-in-out}80%{clip-path:inset(0 48% 0 0 round 999px);animation-timing-function:ease-in-out}92%{clip-path:inset(0 50.8% 0 0 round 999px);animation-timing-function:ease-in-out}to{clip-path:inset(0 50% 0 0 round 999px)}}.view-toggle button{z-index:1;min-width:92px;color:var(--muted);border-radius:999px;padding:0 18px;font-size:14px;font-weight:560;transition:color .3s;position:relative}.view-toggle button:hover{color:var(--ink)}.view-toggle button.is-on{color:var(--bg)}.view-stage.is-leaving{overflow-clip-margin:120vh;overflow:clip}.view-stage.is-leaving .study-card,.view-stage.is-leaving .project-card{animation:card-fall .8s cubic-bezier(.55, .085, .68, .53) var(--fall-delay,0s) forwards;pointer-events:none}.view-stage.is-entering .study-card,.view-stage.is-entering .project-card{animation:card-drop .95s var(--enter-delay,0s) both}@keyframes card-drop{0%{translate:0 -70vh;rotate:var(--enter-rot,0deg);opacity:0;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}12%{opacity:1}58%{animation-timing-function:cubic-bezier(.25,1,.5,1);translate:0;rotate:0deg}72%{translate:0 -18px;rotate:calc(var(--enter-rot,0deg) * -.12);animation-timing-function:cubic-bezier(.5,0,.75,0)}84%{animation-timing-function:cubic-bezier(.25,1,.5,1);translate:0;rotate:0deg}92%{animation-timing-function:cubic-bezier(.5,0,.75,0);translate:0 -5px}to{opacity:1;translate:0;rotate:0deg}}@keyframes card-fall{0%{translate:0;rotate:0deg}14%{translate:0 -10px;rotate:calc(var(--fall-rot,0deg) * -.15)}to{translate:0 115vh;rotate:var(--fall-rot,0deg)}}.project-grid{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.project-grid{grid-template-columns:minmax(0,1fr)}}.project-card{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:28px;display:flex}.project-card h3{letter-spacing:-.01em;font-size:26px;font-weight:640;line-height:1.1}.project-card p{color:var(--muted);font-size:14px;font-weight:560}.grid{gap:var(--gap);align-items:flex-start;display:flex}.grid-column{flex:1;min-width:0}.study-card{width:100%;margin:0 0 var(--gap);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;text-align:left;padding:0;display:block;position:relative;overflow:hidden}.study-card[data-size=tall] .study-card-stage{aspect-ratio:.56}.study-card[data-size=phone] .study-card-stage{aspect-ratio:.72}.study-card[data-size=large] .study-card-stage,.study-card[data-size=square] .study-card-stage{aspect-ratio:1}.study-card[data-size=wide] .study-card-stage{aspect-ratio:1.45}.study-card-stage{pointer-events:none;height:auto}.study-card-meta{z-index:1;color:#fff;text-shadow:0 1px 8px #00000059;opacity:0;align-items:baseline;gap:8px;transition:opacity .22s,transform .22s;display:flex;position:absolute;bottom:14px;left:14px;transform:translateY(4px)}.study-card-meta strong{font-size:14px;font-weight:560}.study-card:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000,#0000006b);height:88px;transition:opacity .22s;position:absolute;inset:auto 0 0}.study-card:hover:after,.study-card:focus-visible:after{opacity:1}.study-card:hover .study-card-meta,.study-card:focus-visible .study-card-meta{opacity:1;transform:none}.empty{color:var(--muted);padding:48px 0}.overlay{top:0;bottom:0;right:0;left:var(--side);z-index:20;padding:var(--edge) var(--edge) var(--edge) 0;place-items:center;display:grid;position:fixed}.overlay-dim{background:0 0;position:absolute;inset:0}.overlay-close{top:var(--edge);right:var(--edge);z-index:2;width:36px;height:36px;color:var(--ink);place-items:center;transition:opacity .2s;animation:.4s .6s backwards close-in;display:grid;position:absolute}.overlay-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}.overlay.is-closing .overlay-close{opacity:0;pointer-events:none}.overlay-stage{z-index:1;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);transform-origin:0 0;will-change:transform, clip-path;position:relative;overflow:hidden}[data-size=tall]{--ratio:.56}[data-size=phone]{--ratio:.72}[data-size=large],[data-size=square]{--ratio:1}[data-size=wide]{--ratio:1.45}.overlay-body{z-index:1;pointer-events:none;justify-items:center;gap:14px;width:100%;display:grid;position:relative}.overlay-body>*{pointer-events:auto}.overlay-stage{aspect-ratio:var(--ratio)}.overlay-body[data-size=tall] .overlay-stage{height:min(86vh,900px)}.overlay-body[data-size=phone] .overlay-stage{height:min(78vh,780px)}.overlay-body[data-size=square] .overlay-stage{width:min(640px,70vh,100%)}.overlay-body[data-size=large] .overlay-stage{width:min(900px,86vh,100%)}.overlay-body[data-size=wide] .overlay-stage{width:min(1040px,100%)}.overlay-info{justify-self:center;transition:opacity .2s;animation:.4s .6s backwards close-in;display:none}.overlay.is-closing .overlay-info{opacity:0}.overlay-info h2{font-size:22px;font-weight:640;line-height:1.15}.overlay-info p{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.35}.study{width:100%;height:100%;position:relative;overflow:hidden}.status-bar{color:#fff;justify-content:space-between;align-items:center;height:36px;padding:0 18px;font-size:12px;font-weight:560;display:flex}.status-bar.is-light{color:#111}.status-bar-island{background:#000;border-radius:999px;width:72px;height:18px}.status-bar.is-light .status-bar-island{background:#111}.status-bar-icons{gap:3px;display:flex}.status-bar-icons i{opacity:.85;background:currentColor;border-radius:2px;width:8px;height:8px;display:block}.study-magnetic{color:#f4f4f2;background:#0d0d0f}.study-magnetic-body{flex-direction:column;justify-content:flex-end;height:calc(100% - 36px);padding:28px 24px 32px;display:flex}.study-magnetic-kicker,.study-segment-kicker,.study-stack-kicker,.study-field-kicker,.study-type-label,.study-island-hint,.study-blend-label,.study-reveal-caption{letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:11px}.study-magnetic h3,.study-segment h3{font-family:var(--serif);letter-spacing:-.03em;margin:8px 0 6px;font-size:clamp(28px,6vw,42px);font-weight:400}.study-magnetic-copy,.study-segment-copy{color:#ffffff9e;max-width:14em;margin-bottom:22px;font-size:13px;line-height:1.45}.study-magnetic-btn{color:#111;background:#fff;border-radius:999px;align-self:flex-start;min-width:132px;height:48px;padding:0 22px;font-weight:560;transition:background .2s,color .2s;animation:2.2s ease-in-out infinite glow;box-shadow:0 0 #ffffff59}.study-magnetic-btn.is-sent{color:#fff;background:#1f7a4d}.study-type{color:#1b1712;background:#efe8dc;place-items:center;display:grid}.study-type-label{position:absolute;top:18px;left:20px}.study-type-stage{height:1.05em;font-size:clamp(52px,10vw,96px);overflow:hidden}.study-type-word{font-family:var(--serif);letter-spacing:-.04em;font-style:italic;line-height:1;animation:.7s cubic-bezier(.22,1,.36,1) word-in;display:block}.study-type-track{gap:6px;display:flex;position:absolute;bottom:20px}.study-type-track i{background:#1b171233;width:16px;height:2px}.study-type-track i.is-on{background:#1b1712}.study-reveal{background:#1b1a17}.study-reveal-base,.study-reveal-vivid{position:absolute;inset:0}.study-reveal-base{background:radial-gradient(circle at 28% 22%,#d9b48a 0%,#0000 34%),linear-gradient(#2a241c 0%,#6a5340 48%,#1a1612 100%)}.study-reveal-vivid{background:radial-gradient(circle at 70% 30%,#ffd89a 0 12%,#0000 13%),radial-gradient(circle at 32% 68%,#c96b3c 0 16%,#0000 17%),linear-gradient(#4d6d8b 0%,#e6c39a 46%,#7a4a32 100%);animation:5.6s ease-in-out infinite reveal-sweep}.study-reveal-grain,.study-blend-mix{pointer-events:none;position:absolute;inset:0}.study-reveal-grain{opacity:.18;background-image:radial-gradient(#fff .5px,#0000 .6px);background-size:3px 3px}.study-reveal-caption{color:#fff;position:absolute;bottom:16px;left:18px}.study-segment{color:#171717;background:#f1f0ec}.study-segment-body{height:calc(100% - 36px);padding:20px 22px 24px}.study-segment-copy{color:#6d6d68}.study-segment-control{background:#e4e3de;border-radius:14px;grid-template-columns:repeat(3,1fr);margin:18px 0 22px;padding:4px;display:grid;position:relative}.study-segment-pill{background:#fff;border-radius:11px;width:calc(33.3333% - 2.66667px);transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 16px #14141414}.study-segment-control button{z-index:1;height:34px;font-size:13px;position:relative}.study-segment-bars{align-items:flex-end;gap:8px;height:42%;display:flex}.study-segment-bars span{background:#d5d3cc;border-radius:8px 8px 3px 3px;flex:1;transition:background .3s}.study-segment-bars span.is-on{background:#171717}.study-orbit{background:#09090b}.study-orbit-core,.study-orbit-ring,.study-orbit-ring i{border-radius:50%;position:absolute;inset:50% auto auto 50%}.study-orbit-core{background:#fff;width:18px;height:18px;margin:-9px 0 0 -9px;box-shadow:0 0 32px #fff}.study-orbit-ring{border:1px solid #ffffff29}.study-orbit-ring-a{width:92px;height:92px;margin:-46px 0 0 -46px;animation:8s linear infinite spin}.study-orbit-ring-b{width:148px;height:148px;margin:-74px 0 0 -74px;animation:12s linear infinite reverse spin}.study-orbit-ring-c{width:210px;height:210px;margin:-105px 0 0 -105px;animation:18s linear infinite spin}.study-orbit-ring i{background:#fff;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;top:0;left:50%}.study-island{color:#fff;background:#050505}.study-island-stage{place-items:start center;height:calc(100% - 36px);padding-top:8px;display:grid}.study-island-chip{background:#000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:86px;height:28px;padding:0 14px;transition:min-width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.study-island-chip.is-record,.study-island-chip.is-music{min-width:188px;height:36px}.study-island-dot{background:#ff4d4d;border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite pulse}.study-island-time{color:#ff8b8b;font-variant-numeric:tabular-nums}.study-island-eq{align-items:flex-end;gap:2px;height:12px;display:flex}.study-island-eq i{background:#7dffb3;width:2px;animation:.7s ease-in-out infinite alternate eq;display:block}.study-island-eq i:nth-child(2){height:10px;animation-delay:.12s}.study-island-eq i:nth-child(3){height:6px;animation-delay:.24s}.study-island-hint{position:absolute;bottom:20px}.study-blend{cursor:inherit;background:#111;display:block}.overlay-stage .study-blend{cursor:pointer}.study-blend-orb{aspect-ratio:1;filter:blur(18px);border-radius:50%;width:62%;animation:6s ease-in-out infinite alternate drift;position:absolute}.study-blend-orb-a{background:var(--a);top:-10%;left:-8%}.study-blend-orb-b{background:var(--b);animation-delay:-2s;bottom:-16%;right:-10%}.study-blend-mix{background:radial-gradient(circle,#ffffff24,#0000 42%)}.study-blend-label{color:#fff;position:absolute;bottom:16px;left:18px}.study-field{color:#171717;background:#fff;place-items:center;display:grid}.study-field-kicker{position:absolute;top:18px;left:20px}.study-field-box{background:#f3f2ee;border-radius:16px;align-items:center;gap:10px;width:min(86%,320px);height:52px;padding:0 16px;transition:box-shadow .25s,background .25s;display:flex;box-shadow:inset 0 0 0 1px #0000}.study-field-box.is-on{background:#fff;box-shadow:inset 0 0 0 1.5px #171717}.study-field-icon{border:1.5px solid #171717;border-radius:50%;width:10px;height:10px}.study-field-box input{background:0 0;border:0;outline:none;flex:1;min-width:0}.study-field-caret{opacity:0;background:#171717;width:1px;height:16px}.study-field-caret.is-on{animation:1s step-end infinite blink}.study-stack{color:#171717;background:#e8e4dc}.study-stack-body{height:calc(100% - 36px);padding:18px 20px 24px}.study-stack-deck{height:72%;margin-top:22px;position:relative}.study-stack-card{text-align:left;background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;height:58%;padding:20px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s;display:flex;position:absolute;inset:0 0 auto;box-shadow:0 12px 30px #14141414}.study-stack-card strong{font-family:var(--serif);font-size:28px;font-weight:400}.study-stack-card span{color:#7a776f;font-size:13px}.study-ticker{color:#f5f5f2;background:#111;flex-direction:column;justify-content:center;gap:10px;display:flex}.study-ticker-row{width:max-content;font-family:var(--serif);letter-spacing:-.03em;white-space:nowrap;gap:24px;font-size:clamp(28px,4vw,46px);font-style:italic;animation:16s linear infinite ticker;display:flex}.study-ticker-row.is-reverse{opacity:.38;animation-direction:reverse}@property --t{syntax:"<number>";inherits:true;initial-value:0}@property --slot{syntax:"<number>";inherits:false;initial-value:0}.study-ring{background:var(--bg)}@property --spin{syntax:"<angle>";inherits:true;initial-value:0deg}.study-ring-frame{--spin:0deg;animation:2.8s linear infinite ring-spin;position:absolute;inset:0}.study-ring.is-expanded{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.study-ring.is-expanded .study-ring-frame{animation:none}.study-ring.is-dragging{cursor:grabbing}@keyframes ring-spin{0%,28%{--spin:0deg;animation-timing-function:cubic-bezier(.85,0,.15,1)}to{--spin:360deg}}.study-ring-sq{--a:0deg;--r:0%;aspect-ratio:1;width:22.5158%;left:calc(50% - 11.2579% + cos(var(--a) + var(--spin)) * var(--r));top:calc(50% - 11.2579% + sin(var(--a) + var(--spin)) * var(--r));background-position:50%;background-size:cover;border-radius:10.0004%;position:absolute}@keyframes glow{50%{box-shadow:0 0 0 12px #fff0}}@keyframes pulse{50%{opacity:.7;transform:scale(.86)}}@keyframes word-in{0%{opacity:0;filter:blur(7px);transform:translateY(40%)}to{opacity:1;filter:none;transform:none}}@keyframes reveal-sweep{0%,12%{clip-path:inset(0 100% 0 0)}38%,62%{clip-path:inset(0)}88%,to{clip-path:inset(0 0 0 100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(8%,-6%)scale(1.08)}}@keyframes eq{0%{height:3px}to{height:12px}}@keyframes blink{50%{opacity:0}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}}@keyframes close-in{0%{opacity:0}}@media (width<=640px){.shell{grid-template-columns:minmax(0,1fr)}:root{--logo:25px}.overlay{--top:calc(var(--edge) + 10px + var(--logo) + 28px);--bottom:calc(var(--edge) + 10px + 80px);--room:calc(100dvh - var(--top) - var(--bottom));padding:var(--top) var(--edge) var(--bottom);left:0}.overlay .overlay-body .overlay-stage{width:min(100%, calc(var(--room) * var(--ratio)));height:auto}.overlay-info{left:var(--edge);right:var(--edge);bottom:calc(var(--edge) + 10px);z-index:2;justify-self:stretch;display:block;position:fixed}.side-nav{transition:opacity .3s}.shell.is-viewing .side-nav{opacity:0;pointer-events:none}.side-study{display:none}.side{z-index:auto;height:auto;padding:calc(var(--edge) + 10px + var(--logo) + 40px) var(--edge) 40px;background:0 0;position:relative}.brand{top:calc(var(--edge) + 10px);left:var(--edge);z-index:30;mix-blend-mode:difference;position:fixed}.brand-logo{fill:#fff;width:84px}.side-nav button{font-size:26px}.side-drawer p,.side-drawer a{max-width:340px;font-size:16px}.content{padding:0 var(--edge) var(--edge)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.study-spiral{background:var(--bg);color:#f4efe6}.study-spiral.is-expanded{cursor:grab;touch-action:none}.study-spiral.is-expanded:active{cursor:grabbing}.study-spiral-canvas,.study-spiral-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-hint{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f4efe6c7;white-space:nowrap;pointer-events:none;background:#0e0e0d99;border-radius:999px;padding:5px 11px;font-size:12px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.study-walker{background:var(--bg)}.study-walker.is-expanded{touch-action:none}.study-walker-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-holo{--px:.5;--py:.5;--rx:0deg;--ry:0deg;--reach:0;--iris:#7d6cf2, #5fa8ff, #5fd3c6, #b9e68d, #f3d56b, #ff94bd, #a17cf5, #5fa8ff, #7d6cf2;--scales:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.05'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.4'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.05'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='0' r='24' fill='url(%23b)'/%3E%3Ccircle cx='0' cy='24' r='24' fill='url(%23a)'/%3E%3Ccircle cx='48' cy='24' r='24' fill='url(%23b)'/%3E%3Ccircle cx='24' cy='48' r='24' fill='url(%23a)'/%3E%3C/svg%3E");background:var(--bg);perspective:1100px;place-items:center;display:grid;container-type:size}.study-holo.is-expanded{touch-action:none}.study-holo-card{aspect-ratio:.7;isolation:isolate;width:54%;transform:rotateX(var(--rx)) rotateY(var(--ry));background-image:linear-gradient(calc(125deg + (var(--px) - .5) * 60deg), var(--iris));background-size:170% 170%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);filter:saturate(1.2)contrast(1.06);will-change:transform;border-radius:3.6cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffffb3,inset 0 0 18px #ffffff73}.study-holo-scales,.study-holo-foil,.study-holo-glare{pointer-events:none;position:absolute;inset:0}.study-holo-scales{background-image:var(--scales);background-size:11cqw 11cqw;background-position:calc(var(--px) * 1.5cqw) calc(var(--py) * 1.5cqw);mix-blend-mode:overlay;opacity:.7}.study-holo-foil{background-image:linear-gradient(calc(-55deg + (var(--py) - .5) * 80deg), #b69cff, #7fd6ff, #8ff0c4, #ffe58a, #ff9fd0, #9c8cff, #7fd6ff, #b69cff);background-size:260% 260%;background-position:calc(100% - var(--px) * 100%) calc(100% - var(--py) * 100%);-webkit-mask:var(--scales) calc(var(--px) * 1.5cqw) calc(var(--py) * 1.5cqw) / 11cqw 11cqw;-webkit-mask:var(--scales) calc(var(--px) * 1.5cqw) calc(var(--py) * 1.5cqw) / 11cqw 11cqw;mask:var(--scales) calc(var(--px) * 1.5cqw) calc(var(--py) * 1.5cqw) / 11cqw 11cqw;mix-blend-mode:color;opacity:calc(.45 + var(--reach) * .45)}.study-holo-glare{background:linear-gradient(calc(115deg + (var(--px) - .5) * 30deg), transparent 30%, #ffffff8c 45%, #ffffffb3 50%, #ffffff80 55%, transparent 70%), radial-gradient(circle at calc(var(--px) * 100%) calc(var(--py) * 100%), #fff9, transparent 50%);background-size:260% 260%,100% 100%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%), 0 0;mix-blend-mode:soft-light;opacity:calc(.35 + var(--reach) * .4)}.study-glass{background:#f3f3f1}.study-glass-canvas,.study-glass-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-stretch{background:#000}.study-stretch-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-clock{background:var(--bg)}.study-clock-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-clock.is-expanded .study-clock-canvas{touch-action:none}.study-balls{background:var(--bg)}.study-balls-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.study-ribbon{background:#000}.study-ribbon canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.study-relief{background:#0b0b0b}.study-relief-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.study-softtype{touch-action:none;background:#000}.study-softtype canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-globe{touch-action:none;background:#000}.study-globe.is-expanded{cursor:grab}.study-globe canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-farol{background:#000}.study-farol-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.study-farol-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-password{background:#000;place-items:center;display:grid;container-type:size}.study-password:not(.is-expanded) .study-password-field{pointer-events:none}.study-password-field{--ease:cubic-bezier(.65, 0, .35, 1);--ink:#fff;box-sizing:border-box;background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(100deg,#6e7075 0%,#e9eaec 18%,#8f9196 34%,#fff 52%,#7c7f84 70%,#d6d7da 86%,#75777c 100%) border-box;border:1px solid #0000;border-radius:999px;width:50.4cqw;height:10.5cqw;position:relative}.study-password-field.is-open{--ink:#000}@property --lid{syntax:"<length>";inherits:false;initial-value:0}@keyframes password-lid-open{0%{--lid:0cqw;animation-timing-function:cubic-bezier(.25,1,.5,1)}42%{--lid:13.5cqw;animation-timing-function:ease-in}52%{--lid:.5cqw;animation-timing-function:ease-out}62%{--lid:13.5cqw;animation-timing-function:ease-in}72%{--lid:.5cqw;animation-timing-function:ease-out}84%,to{--lid:13.5cqw}}@keyframes password-text-focus{0%{filter:blur(1.4cqw);opacity:.6}42%{filter:blur(.9cqw);opacity:.85}82%{filter:blur(.7cqw);opacity:1}88%,to{filter:blur();opacity:1}}@keyframes password-lid-close{0%{--lid:13.5cqw}to{--lid:0cqw}}.study-password-light{z-index:1;border-radius:inherit;pointer-events:none;--lid-mask:linear-gradient(to top, #000 calc(var(--lid) - 2.5cqw), transparent var(--lid));-webkit-mask-image:var(--lid-mask);-webkit-mask-image:var(--lid-mask);mask-image:var(--lid-mask);background:#fff;position:absolute;inset:0}.study-password-field.is-open .study-password-light{animation:1.8s forwards password-lid-open}.study-password-field.is-open .study-password-light .study-password-text{animation:1.8s linear forwards password-text-focus}.study-password-field.is-closing .study-password-light{animation:.45s cubic-bezier(.5,0,.75,0) forwards password-lid-close}.study-password-text,.study-password-input{height:4.6cqw;font:400 calc(3.64cqw - 5px)/4.6cqw var(--font);white-space:pre;padding:0;position:absolute;top:calc(50% - 2.3cqw);left:4.2cqw;right:9.6cqw;overflow:hidden}.study-password-text{color:#000;pointer-events:none}.study-password-text.is-dots{color:#fff}.study-password-input{z-index:2;color:#0000;caret-color:var(--ink);background:0 0;border:0;outline:0}.study-password-eye{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:50%;width:7.7cqw;height:7.7cqw;padding:0;position:absolute;top:50%;right:1.7cqw;transform:translateY(-50%)}.study-password-icon{fill:none;stroke:#fff;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:4.62cqw;height:4.62cqw;position:absolute;top:50%;right:3.24cqw;overflow:visible;transform:translateY(-50%)}.study-password-light .study-password-icon{stroke:#000}.study-password-pupil{fill:#000;stroke:none}.study-domino{background:#000;container-type:size}.study-domino-time{z-index:1;color:#fff;font:640 5.4cqw/1 var(--font);letter-spacing:-.01em;font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;top:5cqw;left:5.5cqw}.study-domino canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-letterchain{touch-action:none;background:#000}.study-letterchain.is-expanded{cursor:grab}.study-letterchain-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-tagdrawer{touch-action:none;background:#000}.study-tagdrawer.is-expanded{cursor:grab}.study-tagdrawer-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-cloth{touch-action:none;background:#000}.study-cloth.is-expanded{cursor:grab}.study-cloth canvas{width:100%;height:100%;display:block;position:absolute;inset:0}