:root{--warm: #F5EFE6;--neutral:#EAE8EA;--cool: #D2D5E1;--deep: #B7BCCE;--pearl-hi: #FFFFFF;--pearl: #F1EEEA;--pearl-lo: #DCDAE0;--pearl-edge: #C4C6D4;--iris-1: #F6CFDF;--iris-2: #F8DEC4;--iris-3: #C9E9DF;--iris-4: #CBD2F2;--ink: #2A2D35;--ink-soft: #6A7080;--ink-mute: #9AA0AE;--hair: rgba(42, 45, 53, .14);--shade: rgba(104, 112, 140, .3);--sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif: "Amiri", Georgia, serif;--edge: clamp(1.25rem, 3.6vw, 3.25rem);--ease: cubic-bezier(.18, .82, .3, 1);--disc: clamp(70px, 9vw, 126px)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--neutral);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:1rem;line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased}h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:4px}.disc-btn:focus-visible{border-radius:50%;outline-offset:10px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:var(--ink);padding:.7rem 1.1rem;font-family:var(--mono);font-size:.78rem}.skip-link:focus{left:1rem;top:1rem}.light{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(148deg,var(--warm) 0%,#F0EBE6 22%,var(--neutral) 48%,var(--cool) 78%,var(--deep) 100%)}.light__warm{position:absolute;inset:-20% 30% 40% -20%;background:radial-gradient(circle at 30% 30%,rgba(255,246,232,.95),transparent 62%);filter:blur(40px)}.light__cool{position:absolute;inset:42% -18% -22% 26%;background:radial-gradient(circle at 70% 74%,rgba(150,158,196,.48),transparent 66%);filter:blur(50px)}.light__dust{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1.5px 1.5px at 18% 24%,rgba(255,255,255,.95),transparent 100%),radial-gradient(1.5px 1.5px at 73% 16%,rgba(255,255,255,.85),transparent 100%),radial-gradient(1.5px 1.5px at 41% 62%,rgba(255,255,255,.8),transparent 100%),radial-gradient(1.5px 1.5px at 88% 54%,rgba(255,255,255,.9),transparent 100%),radial-gradient(1.5px 1.5px at 62% 86%,rgba(255,255,255,.75),transparent 100%),radial-gradient(1.5px 1.5px at 9% 78%,rgba(255,255,255,.8),transparent 100%),radial-gradient(1.5px 1.5px at 52% 34%,rgba(255,255,255,.7),transparent 100%);animation:dust 26s var(--ease) infinite alternate}@keyframes dust{to{transform:translate3d(-14px,-20px,0);opacity:.34}}.masthead{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:var(--edge);pointer-events:none}.masthead a,.masthead button{pointer-events:auto}.wordmark__id{display:block;font-size:clamp(1.5rem,4vw,2rem);font-weight:500;letter-spacing:.3em;line-height:1}.wordmark__full{display:block;margin-top:.7rem;font-family:var(--mono);font-size:.66rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.wordmark__rule{display:block;width:42px;height:1px;margin-top:1.1rem;background:var(--hair)}.about-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--hair);border-radius:50%;background:#ffffff6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink-soft);cursor:pointer;transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.about-btn:hover,.about-btn[aria-expanded=true]{color:var(--ink);background:#fff;border-color:#2a2d354d;transform:scale(1.06)}.about-btn__grid{display:grid;grid-template-columns:repeat(3,3.5px);gap:3.5px}.about-btn__grid i{width:3.5px;height:3.5px;border-radius:50%;background:currentColor}.marks{position:fixed;inset:0;z-index:5;pointer-events:none}.mark{position:absolute;font-family:var(--mono);font-size:.64rem;font-weight:400;letter-spacing:.16em;color:var(--ink-mute)}.mark--tl{top:27%;left:var(--edge)}.mark--tr{top:29%;right:var(--edge)}.mark--bl{bottom:26%;left:var(--edge)}.mark--br{bottom:12%;right:var(--edge)}.field{position:fixed;inset:0;z-index:10;perspective:1400px;perspective-origin:42% 38%}.links{position:absolute;inset:0;width:100%;height:100%}.discs{position:absolute;inset:0;transform-style:preserve-3d}.fallback{position:absolute;inset:auto 0 42%;text-align:center;font-size:1.1rem}.fallback a{border-bottom:1px solid var(--hair)}.disc-btn{position:absolute;left:0;top:0;width:var(--size, 120px);height:var(--size, 120px);transform:translate3d(var(--tx, 0px),var(--ty, 0px),0) translate(-50%,-50%) scale(var(--scale, 1));padding:0;border:0;background:none;color:inherit;font-family:inherit;cursor:grab;touch-action:none;overflow:visible;will-change:transform}.disc-btn.is-held{cursor:grabbing}.disc{position:absolute;inset:0;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d}.disc__shadow{position:absolute;left:6%;right:6%;bottom:calc(-14% - var(--lift, 0px));height:26%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,var(--shade),transparent 72%);filter:blur(calc(9px + var(--lift, 0px) * .1));opacity:var(--shadow-alpha, .5);transform:translateZ(-40px)}.disc__edge{position:absolute;inset:0;border-radius:50%;transform:translateY(7.5%) scale(.985);background:linear-gradient(178deg,var(--pearl-edge) 0%,#AEB2C6 46%,#C9CBD8 100%);box-shadow:0 6px 14px #60688447}.disc__top{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(120% 110% at 30% 22%,var(--pearl-hi) 0%,#F7F5F2 32%,var(--pearl) 58%,var(--pearl-lo) 100%);border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 6px 18px #fffffff5,inset 0 -14px 26px #8c94b038,0 2px 3px #fffc}.disc__iris{position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 200deg,var(--iris-1),var(--iris-2),var(--iris-3),var(--iris-4),var(--iris-1));mask:radial-gradient(circle,transparent 63%,#000 76%,#000 100%);-webkit-mask:radial-gradient(circle,transparent 63%,#000 76%,#000 100%);filter:blur(3px);opacity:.62;animation:irisTurn 44s linear infinite;transition:opacity .5s var(--ease)}@keyframes irisTurn{to{transform:rotate(360deg)}}.disc__gloss{position:absolute;left:8%;top:5%;width:62%;height:40%;border-radius:50%;background:linear-gradient(150deg,#fffffff2,#fff0 72%);filter:blur(5px);opacity:.85}.disc-btn:hover .disc__iris,.disc-btn:focus-visible .disc__iris{opacity:.95}.disc-btn.is-active .disc__iris{opacity:1}.disc__face{position:absolute;inset:0;display:grid;place-items:center;padding:16%}.face__img{width:100%;height:auto}.face__img--wide{width:100%}.face__img--tight{width:62%}.arb{display:grid;justify-items:center;gap:.18em;text-align:center}.arb__en{font-family:var(--sans);font-weight:700;font-size:calc(var(--size) * .135);letter-spacing:.04em;line-height:1;white-space:nowrap}.arb__ar{font-family:var(--serif);font-weight:700;font-size:calc(var(--size) * .145);line-height:1;white-space:nowrap}.arb__sub{font-family:var(--serif);font-size:calc(var(--size) * .052);color:var(--ink-soft);line-height:1.2;white-space:nowrap;margin-top:.1em}.label{position:absolute;top:calc(50% + var(--ly, 62%));left:calc(50% + var(--lx, 0px));transform:translate(-50%);display:grid;justify-items:center;gap:.35rem;white-space:nowrap;pointer-events:none}.label__domain{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.68rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.label__dot{width:5px;height:5px;border-radius:50%;background:var(--dot, var(--iris-4))}.label__rule{width:26px;height:1px;background:var(--hair)}.cue{position:fixed;z-index:25;left:var(--edge);bottom:var(--edge);display:flex;align-items:center;gap:.9rem;pointer-events:none;transition:opacity .8s var(--ease)}.cue.is-quiet{opacity:0}.cue__ring{display:grid;place-items:center;width:62px;height:62px;flex:none;border:1px dashed rgba(42,45,53,.28);border-radius:50%}.cue__ring svg{width:24px;height:24px;fill:none;stroke:var(--ink-soft);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.cue__text{font-family:var(--mono);font-size:.68rem;line-height:1.7;letter-spacing:.08em;color:var(--ink-soft)}.panel{position:fixed;z-index:40;left:var(--edge);right:var(--edge);bottom:var(--edge);display:grid;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.6rem,3.6vw,2.8rem);max-height:62dvh;overflow:auto;border-radius:20px;border:1px solid rgba(255,255,255,.8);background:#f6f4f1d1;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 24px 60px #58607e38;opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.panel.is-open{opacity:1;transform:none}.panel[hidden]{display:none}.panel:not(.is-open){pointer-events:none}.sheet{grid-template-columns:1.15fr .85fr}.about{grid-template-columns:minmax(160px,.55fr) 1.45fr}.panel__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:8px;background:#ffffff80;color:var(--ink-soft);cursor:pointer;transition:color .3s var(--ease),background .3s var(--ease)}.panel__close:hover{color:var(--ink);background:#fff}.panel__close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.panel__eyebrow{font-family:var(--mono);font-size:.64rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.panel__title{font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:400;letter-spacing:-.015em;line-height:1.14;margin-top:.6rem}.panel__title:focus{outline:none}.sheet__text{max-width:34rem}.sheet__blurb{color:var(--ink-soft);font-size:.96rem;line-height:1.7;margin-top:1rem}.enter{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.7rem;padding:1rem 1.7rem;border:1px solid var(--ink);font-family:var(--mono);font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;transition:background .35s var(--ease),color .35s var(--ease)}.enter svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.enter:hover{background:var(--ink);color:var(--warm)}.sheet__url{margin-top:1.2rem;font-family:var(--mono);font-size:.68rem;color:var(--ink-mute);word-break:break-all}.sheet__mark{display:grid;place-items:center}.sheet__mark[hidden]{display:none}.sheet__mark .face__img{width:100%;max-width:300px}.sheet__mark .face__img--tight{width:46%}.sheet__mark .arb__en{font-size:2rem}.sheet__mark .arb__ar{font-size:2.1rem}.sheet__mark .arb__sub{font-size:.74rem}.turntable{display:grid;gap:.9rem;justify-items:center}.turntable[hidden]{display:none}.turntable__stage{position:relative;width:100%;height:clamp(230px,34vh,360px);display:grid;grid-template-rows:minmax(0,1fr);align-items:end;justify-items:center;overflow:hidden;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.turntable__stage.is-held{cursor:grabbing}.turntable__frame{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(88,96,126,.22))}.turntable__ground{position:absolute;left:50%;bottom:4px;width:46%;height:16px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(104,112,140,.28),transparent 70%);filter:blur(3px)}.turntable__bar{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hair);transition:opacity .6s var(--ease)}.turntable__bar i{display:block;width:0;height:100%;background:var(--ink-soft);transition:width .3s var(--ease)}.turntable__pick{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.turntable__name{padding:.45rem .8rem;border:1px solid var(--hair);border-radius:999px;background:#ffffff73;color:var(--ink-soft);font-family:var(--mono);font-size:.6rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}.turntable__name:hover{color:var(--ink);background:#fff}.turntable__name[aria-pressed=true]{color:var(--warm);background:var(--ink);border-color:var(--ink)}.turntable__hint{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute)}.about__portrait{margin:0;display:grid;justify-items:center;gap:.9rem}.about__frame{position:relative;display:block;width:min(210px,46vw);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(120% 110% at 30% 22%,var(--pearl-hi) 0%,#F7F5F2 34%,var(--pearl) 62%,var(--pearl-lo) 100%);border:1px solid rgba(255,255,255,.92);box-shadow:0 16px 34px #60688442}.about__frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about__initials{position:absolute;inset:0;display:grid;place-items:center;font-size:2.6rem;font-weight:300;letter-spacing:.12em;color:var(--ink-mute)}.about__frame:after{content:"";position:absolute;left:8%;top:5%;width:62%;height:40%;border-radius:50%;background:linear-gradient(150deg,#ffffffb3,#fff0 72%);filter:blur(6px);pointer-events:none}.about__caption{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute)}.about__text{max-width:38rem}.about__role{margin-top:.5rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--ink-soft)}.about__body{color:var(--ink-soft);font-size:.94rem;line-height:1.75;margin-top:1rem}.about__meta{display:grid;gap:.45rem;margin-top:1.3rem;font-family:var(--mono);font-size:.68rem;line-height:1.5;color:var(--ink-mute)}.about__meta li{padding-left:1.1rem;position:relative}.about__meta li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--iris-4)}.about .enter{margin-top:1.5rem}@media(max-width:900px){.panel{grid-template-columns:1fr;gap:1.6rem}.sheet__mark{order:-1;justify-items:start}.turntable{order:-1}.turntable__stage{height:clamp(200px,30vh,280px)}.sheet__mark .face__img{max-width:210px}.sheet__mark .arb__en{font-size:1.5rem}.sheet__mark .arb__ar{font-size:1.6rem}.about__portrait{justify-items:start}.about__frame{width:min(148px,38vw)}.mark--tr,.mark--br{display:none}}@media(max-width:700px){.wordmark__full{font-size:.58rem;letter-spacing:.16em}.wordmark__rule{display:none}.about-btn{width:40px;height:40px}.label__domain{font-size:.6rem;letter-spacing:.16em}.cue{bottom:calc(var(--edge) + .4rem)}.cue__ring{width:48px;height:48px}.cue__ring svg{width:19px;height:19px}.panel{left:0;right:0;bottom:0;border-radius:20px 20px 0 0;max-height:76dvh;padding-bottom:calc(1.8rem + env(safe-area-inset-bottom))}.enter{width:100%;justify-content:center}}@media(max-height:620px){.cue,.marks{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.light__dust,.disc__iris{animation:none}}