@font-face{
  font-family:Manrope Variable;
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url(data:font/woff2;base64,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) format("woff2-variations");
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face{
  font-family:Manrope Variable;
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
  font-family:Manrope Variable;
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face{
  font-family:Manrope Variable;
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face{
  font-family:Manrope Variable;
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
  font-family:Manrope Variable;
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
  font-family:Cinzel Variable;
  font-style:normal;
  font-display:swap;
  font-weight:400 900;
  src:url(/assets/cinzel-latin-ext-wght-normal-CG36JvV6.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
  font-family:Cinzel Variable;
  font-style:normal;
  font-display:swap;
  font-weight:400 900;
  src:url(/assets/cinzel-latin-wght-normal-DMUuCU8H.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
  font-family:JetBrains Mono Variable;
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url(data:font/woff2;base64,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) format("woff2-variations");
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face{
  font-family:JetBrains Mono Variable;
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
  font-family:JetBrains Mono Variable;
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face{
  font-family:JetBrains Mono Variable;
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face{
  font-family:JetBrains Mono Variable;
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
  font-family:JetBrains Mono Variable;
  font-style:normal;
  font-display:swap;
  font-weight:100 800;
  src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
:root{
  color-scheme:dark;
  --bg: #07080c;
  --bg-sunken: #050609;
  --surface: #101219;
  --surface-2: #161923;
  --surface-3: #1b1f2a;
  --surface-4: #242936;
  --border: rgb(196 214 255 / 8%);
  --border-strong: rgb(196 214 255 / 14%);
  --border-loud: rgb(210 224 255 / 24%);
  --text: #ece7dc;
  --text-2: #a8a79f;
  --text-3: #8a8b88;
  --text-faint: #63656a;
  --deep-rgb: 74 111 168;
  --deep: rgb(var(--deep-rgb));
  --accent-rgb: 255 51 80;
  --accent: rgb(var(--accent-rgb));
  --ember-rgb: 255 178 122;
  --ember: rgb(var(--ember-rgb));
  --accent-fg: #fff;
  --accent-weak: rgb(var(--accent-rgb) / 14%);
  --accent-weaker: rgb(var(--accent-rgb) / 8%);
  --accent-border: rgb(var(--accent-rgb) / 40%);
  --success: #3fcf8e;
  --success-weak: rgb(63 207 142 / 14%);
  --danger-rgb: 244 54 76;
  --danger: rgb(var(--danger-rgb));
  --font: "Manrope Variable", Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Cinzel Variable", Cinzel, "Trajan Pro", Georgia, serif;
  --font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, Consolas, monospace;
  --tracking-carved: .06em;
  --text-display: clamp(2.4rem, 5vw, 4.5rem);
  --text-xl: 1.375rem;
  --text-lg: 1.0625rem;
  --text-md: .9375rem;
  --text-base: .875rem;
  --text-sm: .8125rem;
  --text-xs: .75rem;
  --leading-tight: 1.2;
  --leading-snug: 1.4;
  --leading-normal: 1.6;
  --tracking-tight: -.035em;
  --tracking-snug: -.011em;
  --tracking-wide: .06em;
  --weight-normal: 400;
  --weight-book: 450;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-display: 600;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 35%), 0 1px 2px rgb(0 0 0 / 20%);
  --shadow-lg: 0 16px 40px rgb(0 0 0 / 45%), 0 2px 8px rgb(0 0 0 / 25%);
  --duration-fast: .16s;
  --duration-base: .24s;
  --duration-slow: .36s;
  --ease: cubic-bezier(.2, 0, 0, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --ease-back: cubic-bezier(.34, 1.56, .64, 1);
  --ease-anticipate: cubic-bezier(.36, 0, .66, -.4);
  --ease-settle: cubic-bezier(.34, .12, .1, 1);
  --ease-drift: cubic-bezier(.42, .04, .22, .98);
  --ease-arrive: cubic-bezier(.16, 1, .3, 1);
  --ease-rise: cubic-bezier(.24, .72, .18, 1);
  --ease-snap: cubic-bezier(.32, 0, .18, 1);
  --ease-glide: cubic-bezier(.22, .61, .24, 1);
  --duration-hover: .2s;
  --duration-leave: .46s;
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 3px rgb(var(--ember-rgb) / 70%), 0 0 18px rgb(var(--ember-rgb) / 22%);
  --scrollbar-gutter: 0px;
  --page-max: 1140px;
  --page-gutter: clamp(16px, 5vw, 40px);
  --control-height: 36px;
  --control-height-sm: 30px;
  --z-dock: 200;
  --z-popover: 400;
  --z-modal: 600;
  --z-toast: 800
}
[data-room=cidade]{
  --accent-fg: #05080f;
  --surface: #0e1420;
  --surface-2: #131b2a;
  --surface-3: #182031;
  --surface-4: #212b3f;
  --bg: #05080f;
  --bg-sunken: #04060b;
  --deep-rgb: 74 122 196;
  --accent-rgb: 92 148 255;
  --ember-rgb: 168 206 255
}
[data-room=jardins]{
  --accent-fg: #060b08;
  --surface: #0f1512;
  --surface-2: #141b17;
  --surface-3: #19211c;
  --surface-4: #212b25;
  --bg: #060b08;
  --bg-sunken: #040705;
  --deep-rgb: 92 152 108;
  --accent-rgb: 226 118 152;
  --ember-rgb: 236 176 152
}
[data-room=cristal]{
  --accent-fg: #09070f;
  --surface: #12101b;
  --surface-2: #171525;
  --surface-3: #1c1a2c;
  --surface-4: #262239;
  --bg: #09070f;
  --bg-sunken: #06040a;
  --deep-rgb: 138 104 196;
  --accent-rgb: 236 92 196;
  --ember-rgb: 246 168 230
}
[data-room=seda]{
  --accent-fg: #0b0904;
  --surface: #15120c;
  --surface-2: #1b1710;
  --surface-3: #211c14;
  --surface-4: #2c261b;
  --bg: #0b0904;
  --bg-sunken: #070603;
  --deep-rgb: 176 140 84;
  --accent-rgb: 236 168 62;
  --ember-rgb: 255 208 150
}
[data-room=estrada]{
  --accent-fg: #fff;
  --surface: #17110e;
  --surface-2: #1e1712;
  --surface-3: #241c16;
  --surface-4: #30251d;
  --bg: #0b0806;
  --bg-sunken: #070504;
  --deep-rgb: 96 168 186;
  --accent-rgb: 214 44 40;
  --ember-rgb: 255 150 96
}
body{
  transition:background-color .72s var(--ease-glide)
}
*,*:before,*:after{
  box-sizing:border-box
}
html{
  scrollbar-width:thin;
  scrollbar-color:rgb(210 224 255 / 12%) transparent
}
html::-webkit-scrollbar{
  width:10px
}
html::-webkit-scrollbar-track{
  background:transparent
}
html::-webkit-scrollbar-thumb{
  border:3px solid transparent;
  border-radius:var(--radius-full);
  background:#d2e0ff1f;
  background-clip:content-box
}
html::-webkit-scrollbar-thumb:hover{
  background:#d2e0ff42;
  background-clip:content-box
}
html:has(body.has-entry-gate){
  scrollbar-color:transparent transparent
}
html:has(body.has-entry-gate)::-webkit-scrollbar-thumb{
  background:transparent
}
html{
  color-scheme:dark;
  overflow-x:hidden;
  overflow-y:scroll;
  scroll-behavior:smooth;
  scroll-padding-top:var(--space-4);
  -webkit-text-size-adjust:100%
}
body{
  margin:0;
  min-width:20rem;
  min-height:100svh;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:var(--text-base);
  font-optical-sizing:auto;
  font-synthesis:none;
  line-height:var(--leading-normal);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
h1,h2,h3,p,figure,blockquote{
  margin:0
}
h1,h2,h3{
  color:var(--text);
  font-family:var(--font-display);
  font-weight:var(--weight-display);
  line-height:var(--leading-tight);
  letter-spacing:var(--tracking-carved);
  text-wrap:balance
}
a{
  color:inherit;
  text-decoration:none
}
img,svg{
  display:block;
  max-width:100%
}
button{
  margin:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  cursor:pointer
}
:focus{
  outline:none
}
:focus-visible{
  outline:none;
  border-radius:var(--radius-sm);
  box-shadow:var(--focus-ring)
}
::selection{
  background:#ffffff2e;
  color:var(--text)
}
.u-mono{
  color:var(--text-3);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-variant-numeric:tabular-nums;
  letter-spacing:.025em
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0
}
.skip-link{
  position:fixed;
  top:var(--space-3);
  left:var(--space-3);
  z-index:var(--z-toast);
  padding:var(--space-2) var(--space-4);
  border-radius:var(--radius-md);
  background:var(--surface-3);
  transform:translateY(calc(-100% - var(--space-4)));
  transition:transform var(--duration-base) var(--ease)
}
.skip-link:focus-visible{
  transform:translateY(0)
}
.js.has-gate body{
  visibility:visible
}
.reveal{
  transition:opacity var(--duration-base) var(--ease)
}
.js.has-gate body:not(.is-loaded) .reveal{
  opacity:0
}
.js.has-gate body.is-loaded .reveal{
  opacity:1
}
.identity h1:focus,.page__title:focus{
  box-shadow:none
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  *,*:before,*:after{
    animation-duration:1ms!important;
    animation-delay:0ms!important;
    animation-iteration-count:1!important;
    transition-duration:.2s!important;
    transition-delay:0ms!important
  }
}
.ambient-atmosphere,.ambient-canvas,.ambient-vignette,.ambient-grain{
  position:fixed;
  inset:0;
  pointer-events:none;
  contain:strict
}
.ambient-atmosphere{
  z-index:0;
  background:radial-gradient(58vmax 44vmax at 68% -8%,rgb(var(--deep-rgb) / 15%),transparent 62%),radial-gradient(50vmax 40vmax at 12% 22%,rgb(58 84 130 / 11%),transparent 64%),radial-gradient(70vmax 40vmax at 50% 112%,rgb(var(--accent-rgb) / 8%),transparent 58%),linear-gradient(180deg,rgb(10 14 24 / 55%) 0%,transparent 34%,transparent 62%,rgb(6 7 12 / 70%) 100%);
  filter:blur(10px) saturate(1.08);
  transition:filter .3s var(--ease);
  opacity:0;
  transform:scale(1.16);
  animation:atmosphere-fade 1.4s var(--ease) 80ms forwards,atmosphere-drift 58s var(--ease-in-out) infinite;
  will-change:transform,opacity
}
@keyframes atmosphere-fade{
  to{
    opacity:1
  }
}
.is-room-shifting .ambient-atmosphere{
  filter:blur(14px) saturate(1.08) brightness(.3)
}
@keyframes atmosphere-drift{
  0%{
    transform:scale(1.16) translateZ(0) rotate(0)
  }
  27%{
    transform:scale(1.23) translate3d(-2.4%,1.4%,0) rotate(1.2deg)
  }
  58%{
    transform:scale(1.19) translate3d(1.6%,-1.8%,0) rotate(-.9deg)
  }
  81%{
    transform:scale(1.21) translate3d(.8%,1.1%,0) rotate(.5deg)
  }
  to{
    transform:scale(1.16) translateZ(0) rotate(0)
  }
}
[data-room=cidade] .ambient-atmosphere{
  background:radial-gradient(58vmax 46vmax at 50% -14%,rgb(var(--ember-rgb) / 15%),transparent 62%),linear-gradient(178deg,rgb(var(--deep-rgb) / 17%) 0%,transparent 48%),radial-gradient(92vmax 30vmax at 50% 108%,rgb(var(--accent-rgb) / 11%),transparent 60%),linear-gradient(180deg,rgb(8 14 26 / 62%) 0%,transparent 38%,transparent 60%,rgb(4 6 12 / 80%) 100%)
}
[data-room=jardins] .ambient-atmosphere{
  background:radial-gradient(52vmax 40vmax at 20% -8%,rgb(var(--deep-rgb) / 22%),transparent 64%),radial-gradient(44vmax 34vmax at 86% 12%,rgb(var(--accent-rgb) / 11%),transparent 66%),radial-gradient(74vmax 34vmax at 50% 106%,rgb(var(--deep-rgb) / 13%),transparent 60%),linear-gradient(180deg,rgb(8 16 10 / 52%),transparent 36%,transparent 62%,rgb(4 9 6 / 74%))
}
[data-room=cristal] .ambient-atmosphere{
  background:linear-gradient(104deg,transparent 30%,rgb(var(--ember-rgb) / 10%) 44%,transparent 58%),linear-gradient(256deg,transparent 32%,rgb(var(--accent-rgb) / 9%) 46%,transparent 60%),radial-gradient(48vmax 40vmax at 50% 6%,rgb(var(--deep-rgb) / 20%),transparent 62%),linear-gradient(180deg,rgb(12 8 20 / 58%),transparent 40%,transparent 64%,rgb(6 4 12 / 78%))
}
[data-room=seda] .ambient-atmosphere{
  background:radial-gradient(64vmax 42vmax at 50% -12%,rgb(var(--accent-rgb) / 15%),transparent 60%),radial-gradient(84vmax 30vmax at 50% 104%,rgb(var(--ember-rgb) / 13%),transparent 62%),radial-gradient(36vmax 36vmax at 14% 34%,rgb(var(--deep-rgb) / 12%),transparent 64%),linear-gradient(180deg,rgb(20 14 6 / 52%),transparent 38%,transparent 62%,rgb(10 7 3 / 76%))
}
[data-room=estrada] .ambient-atmosphere{
  background:linear-gradient(180deg,rgb(5 9 14 / 90%) 0%,rgb(10 8 6 / 34%) 50%,transparent 58%),radial-gradient(46vmax 24vmax at 50% 58%,rgb(var(--ember-rgb) / 17%),transparent 66%),radial-gradient(38vmax 30vmax at 10% 24%,rgb(var(--deep-rgb) / 15%),transparent 64%),linear-gradient(0deg,rgb(14 8 4 / 72%) 0%,transparent 36%)
}
[data-room=estrada] .ambient-vignette{
  background:radial-gradient(136% 116% at 50% 54%,transparent 40%,rgb(3 3 5 / 42%) 78%,rgb(2 2 4 / 84%) 100%)
}
[data-room=cidade] .ambient-vignette{
  background:radial-gradient(118% 104% at 50% 38%,transparent 28%,rgb(3 5 9 / 52%) 72%,rgb(2 3 6 / 88%) 100%)
}
.ambient-canvas{
  z-index:1;
  opacity:0;
  animation:canvas-fade 1.1s var(--ease) 60ms forwards
}
@keyframes canvas-fade{
  to{
    opacity:1
  }
}
.ambient-vignette{
  z-index:3;
  background:radial-gradient(126% 108% at 50% 42%,transparent 34%,rgb(3 4 7 / 46%) 74%,rgb(2 3 5 / 82%) 100%);
  animation:vignette-breathe 19s var(--ease-in-out) infinite
}
@keyframes vignette-breathe{
  0%,to{
    opacity:.88;
    transform:scale(1)
  }
  50%{
    opacity:1;
    transform:scale(1.035)
  }
}
.ambient-grain{
  z-index:4;
  opacity:.045;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain-shift 5.4s steps(7) infinite
}
@keyframes grain-shift{
  0%{
    background-position:0 0
  }
  17%{
    background-position:-32px 18px
  }
  34%{
    background-position:22px -20px
  }
  51%{
    background-position:-16px -28px
  }
  68%{
    background-position:30px 24px
  }
  85%{
    background-position:-24px 8px
  }
  to{
    background-position:0 0
  }
}
.bio-page{
  position:relative;
  z-index:5
}
.skip-link{
  z-index:var(--z-toast)
}
@media(prefers-reduced-motion:reduce){
  .ambient-atmosphere{
    animation:none;
    transform:scale(1.16);
    opacity:1
  }
  .is-room-shifting .ambient-atmosphere{
    filter:blur(10px) saturate(1.08)
  }
  .ambient-canvas{
    animation:none;
    opacity:1
  }
  .ambient-vignette{
    animation:none;
    opacity:.92
  }
  .ambient-grain{
    animation:none;
    opacity:.03
  }
}
.bio-page{
  width:min(100% - (var(--page-gutter) * 2),720px);
  margin-inline:auto;
  padding-block:var(--space-8) var(--space-16)
}
.bio-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  min-height:40px
}
.site-signature{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2-5);
  height:40px;
  padding:var(--space-1) var(--space-2);
  border-radius:var(--radius-md);
  font-family:var(--font);
  font-size:var(--text-md);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-snug);
  transition:background-color var(--duration-leave) var(--ease-glide)
}
.site-signature:hover{
  background:rgb(var(--ember-rgb) / 7%);
  color:var(--text);
  transition-duration:var(--duration-hover)
}
.site-signature:focus-visible{
  box-shadow:var(--focus-ring)
}
.site-signature img{
  width:32px;
  height:32px
}
.bio-tools{
  display:flex;
  align-items:center;
  gap:var(--space-1-5)
}
.language-switch{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:2px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--bg-sunken)
}
.language-switch button{
  min-width:31px;
  height:26px;
  padding-inline:var(--space-1-5);
  border-radius:var(--radius-sm);
  color:var(--text-3);
  font-family:var(--font-mono);
  font-size:.625rem;
  font-weight:var(--weight-medium);
  letter-spacing:.025em;
  transition:background-color var(--duration-leave) var(--ease-glide),color var(--duration-leave) var(--ease-glide)
}
.language-switch button:hover{
  color:var(--text);
  transition-duration:var(--duration-hover),var(--duration-hover)
}
.language-switch button[aria-pressed=true]{
  background:var(--surface-3);
  color:var(--text);
  box-shadow:var(--shadow-sm)
}
.bio-profile{
  position:relative;
  display:grid;
  justify-items:center;
  gap:var(--space-3);
  padding:var(--space-12) 0 var(--space-10);
  text-align:center
}
.bio-profile:before{
  position:absolute;
  inset:-6% -14%;
  z-index:-1;
  background:radial-gradient(58% 48% at 50% 52%,rgb(5 6 10 / 78%),rgb(5 6 10 / 42%) 58%,transparent 78%);
  content:"";
  pointer-events:none
}
.profile-avatar{
  position:relative;
  width:112px;
  height:112px;
  margin-bottom:var(--space-1);
  overflow:visible;
  border:1px solid var(--border-strong);
  border-radius:26px;
  background:var(--surface);
  box-shadow:var(--shadow-md)
}
.profile-avatar:after{
  position:absolute;
  inset:0;
  z-index:2;
  border:1px solid rgb(255 255 255 / 6%);
  border-radius:inherit;
  content:"";
  pointer-events:none
}
.profile-avatar img{
  position:absolute;
  inset:-4px;
  width:calc(100% + 8px);
  max-width:none;
  height:calc(100% + 8px);
  border-radius:29px;
  object-fit:cover;
  object-position:56% 48%;
  clip-path:inset(4px round 26px);
  filter:saturate(.84) contrast(1.08)
}
.profile-avatar__fallback{
  position:absolute;
  inset:0;
  display:none;
  place-items:center;
  color:var(--text-2);
  font-size:2.5rem;
  font-weight:var(--weight-semibold)
}
.profile-avatar.is-missing img{
  display:none
}
.profile-avatar.is-missing .profile-avatar__fallback{
  display:grid
}
.profile-avatar__status{
  position:absolute;
  right:-3px;
  bottom:-3px;
  z-index:3;
  width:18px;
  height:18px;
  border:4px solid var(--bg);
  border-radius:50%;
  background:var(--success)
}
.bio-profile h1{
  position:relative;
  padding-block:var(--space-4);
  font-size:clamp(1.9rem,7.4vw,3.1rem);
  text-transform:uppercase;
  font-weight:var(--weight-display);
  letter-spacing:.1em;
  line-height:1.05;
  text-indent:.1em
}
.bio-profile h1:before,.bio-profile h1:after{
  position:absolute;
  left:50%;
  width:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgb(210 224 255 / 34%) 22%,rgb(var(--ember-rgb) / 52%) 50%,rgb(210 224 255 / 34%) 78%,transparent);
  content:"";
  transform:translate(-50%);
  transition:width .9s var(--ease-arrive) .64s
}
.bio-profile h1:before{
  top:0
}
.bio-profile h1:after{
  bottom:0
}
.motion-ready body.is-loaded .bio-profile.is-in-view h1:before,.motion-ready body.is-loaded .bio-profile.is-in-view h1:after{
  width:min(320px,78%)
}
.js:not(.motion-ready) .bio-profile h1:before,.js:not(.motion-ready) .bio-profile h1:after,html:not(.js) .bio-profile h1:before,html:not(.js) .bio-profile h1:after{
  width:min(320px,78%)
}
.bio-profile h1:focus{
  box-shadow:none
}
.bio-profile__quote{
  max-width:41ch;
  color:var(--text);
  font-size:var(--text-lg);
  font-weight:var(--weight-book);
  letter-spacing:-.012em;
  line-height:var(--leading-snug);
  text-wrap:balance
}
.bio-profile__roles{
  color:var(--text-2);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.22em;
  text-indent:.22em;
  text-transform:uppercase
}
.badge{
  display:inline-flex;
  align-items:center;
  gap:var(--space-1-5);
  width:fit-content;
  min-height:22px;
  padding-inline:var(--space-2);
  border-radius:var(--radius-sm);
  background:var(--surface-3);
  color:var(--text-2);
  font-size:var(--text-xs);
  font-weight:var(--weight-medium);
  line-height:1
}
.badge i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor
}
.badge--success{
  background:var(--success-weak);
  color:var(--success)
}
.badge--accent{
  background:rgb(var(--accent-rgb) / 13%);
  color:color-mix(in srgb,var(--accent) 62%,#fff)
}
.badge{
  font-family:var(--font-mono);
  letter-spacing:.08em
}
.bio-links{
  display:grid;
  gap:var(--space-10)
}
.card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  background:var(--surface);
  transition:border-color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide)
}
.card:hover{
  border-color:var(--border-strong);
  background:var(--surface-2);
  transition-duration:var(--duration-hover),var(--duration-hover)
}
.project-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  grid-template-rows:1fr auto
}
.project-card:hover,.project-card:focus-visible{
  border-color:rgb(var(--ember-rgb) / 34%)
}
.project-card:focus-visible{
  outline:none;
  box-shadow:0 0 0 1px rgb(var(--ember-rgb) / 40%),inset 0 0 60px rgb(var(--ember-rgb) / 6%),0 0 36px rgb(var(--ember-rgb) / 14%)
}
.project-card__content{
  display:grid;
  align-content:center;
  gap:var(--space-3);
  padding:var(--space-6)
}
.project-card__title{
  color:var(--text);
  font-family:var(--font-display);
  font-size:clamp(1.35rem,4.2vw,1.85rem);
  font-weight:var(--weight-display);
  letter-spacing:.045em;
  line-height:1.14;
  text-transform:uppercase
}
.project-card__text{
  max-width:38ch;
  color:var(--text-2);
  font-size:var(--text-sm);
  line-height:var(--leading-normal)
}
.project-card__art{
  grid-column:2;
  grid-row:1 / 3;
  overflow:hidden;
  border-left:1px solid rgb(var(--ember-rgb) / 16%);
  background:radial-gradient(120% 90% at 50% 110%,rgb(var(--accent-rgb) / 12%),transparent 62%),linear-gradient(180deg,#0c0e15eb,#080a10f5)
}
.project-card__art img{
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:clamp(12px,2vw,24px);
  object-fit:contain;
  object-position:center;
  image-rendering:pixelated;
  opacity:.9;
  transition:opacity var(--duration-leave) var(--ease-glide),transform .72s var(--ease-glide)
}
.project-card:hover .project-card__art img{
  opacity:.96;
  transform:scale(1.02)
}
.project-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  padding:var(--space-4) var(--space-6);
  border-top:1px solid var(--border)
}
.project-card__meta{
  display:grid;
  color:var(--text-2);
  font-size:var(--text-xs)
}
.project-card__meta strong{
  color:var(--text);
  font-weight:var(--weight-medium)
}
.project-card__meta small{
  color:var(--text-3)
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  height:var(--control-height);
  padding-inline:var(--space-3-5);
  border:1px solid transparent;
  border-radius:var(--radius-md);
  font-weight:var(--weight-medium);
  line-height:1;
  white-space:nowrap;
  transition:background-color var(--duration-leave) var(--ease-glide),border-color var(--duration-leave) var(--ease-glide),color var(--duration-leave) var(--ease-glide)
}
.btn:hover{
  transition-duration:var(--duration-hover),var(--duration-hover),var(--duration-hover)
}
.btn--primary{
  border-color:var(--accent);
  background:var(--accent);
  color:var(--accent-fg)
}
.btn--primary:hover{
  border-color:color-mix(in srgb,var(--accent) 88%,#fff);
  background:color-mix(in srgb,var(--accent) 88%,#fff)
}
.btn--secondary{
  border-color:var(--border-strong);
  background:var(--surface-2);
  color:var(--text)
}
.btn--secondary:hover{
  border-color:var(--border-loud);
  background:var(--surface-3)
}
.btn--ghost{
  color:var(--text-2)
}
.btn--ghost:hover{
  background:var(--surface-2);
  color:var(--text)
}
.btn--icon{
  width:var(--control-height);
  padding:0
}
.btn--sm{
  width:var(--control-height-sm);
  height:var(--control-height-sm);
  padding:0;
  border-radius:var(--radius-sm)
}
.btn__icon{
  display:grid;
  width:14px;
  place-items:center
}
.btn__icon svg{
  width:14px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8
}
.link-main__secret{
  display:none;
  color:var(--accent);
  font:var(--text-xs) var(--font-mono)
}
.project-card.is-secret .link-main__secret{
  display:block
}
.social-section{
  display:grid;
  gap:var(--space-4)
}
.section__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--space-4)
}
.section__head>div{
  display:grid;
  gap:var(--space-1)
}
.section__head h2{
  font-size:var(--text-lg);
  font-weight:var(--weight-display);
  letter-spacing:.14em;
  text-transform:uppercase
}
.section__head p{
  color:var(--text-2);
  font-size:var(--text-sm)
}
.social-grid{
  display:grid;
  gap:var(--space-2)
}
.social-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 16px;
  align-items:center;
  gap:var(--space-3);
  min-height:72px;
  padding:var(--space-3) var(--space-3) var(--space-3) var(--space-6);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface);
  transition:border-color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide),transform var(--duration-leave) var(--ease-glide)
}
.social-card:hover,.social-card:focus-visible{
  border-color:rgb(var(--ember-rgb) / 30%);
  background:var(--surface-2);
  transition-duration:var(--duration-hover)
}
.social-card:focus-visible{
  outline:none;
  box-shadow:0 0 0 1px rgb(var(--ember-rgb) / 34%),0 0 26px rgb(var(--ember-rgb) / 12%)
}
.social-card__icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--surface-3);
  color:var(--text-2);
  transition:color var(--duration-leave) var(--ease-glide)
}
.social-card__icon svg,.social-card__arrow svg{
  width:17px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.6
}
.social-card__copy{
  display:grid;
  min-width:0
}
.social-card__copy strong{
  font-family:var(--font);
  font-size:var(--text-md);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-snug)
}
.social-card__copy small{
  overflow:hidden;
  color:var(--text-3);
  font-size:var(--text-sm);
  text-overflow:ellipsis;
  white-space:nowrap
}
.social-card__arrow{
  display:grid;
  width:17px;
  place-items:center;
  color:var(--text-faint);
  transition:color var(--duration-leave) var(--ease-glide),transform var(--duration-leave) var(--ease-glide)
}
.bio-footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3) var(--space-5);
  padding-top:var(--space-6);
  margin-top:var(--space-12);
  border-top:1px solid var(--border);
  color:var(--text-3);
  font-size:var(--text-sm)
}
.bio-footer__mark{
  white-space:nowrap
}
.footer-source{
  padding:var(--space-1);
  border-radius:var(--radius-sm)
}
.footer-source:hover{
  color:var(--text-2)
}
@media(max-width:620px){
  .bio-page{
    width:min(100% - 32px,720px);
    padding-block:var(--space-4) var(--space-10)
  }
  .bio-profile{
    padding-block:var(--space-10) var(--space-8)
  }
  .profile-avatar{
    width:100px;
    height:100px;
    border-radius:24px
  }
  .profile-avatar img{
    border-radius:27px;
    clip-path:inset(4px round 24px)
  }
  .project-card{
    grid-template-columns:1fr
  }
  .project-card__art{
    grid-column:1;
    grid-row:1;
    aspect-ratio:16 / 7;
    border-left:0;
    border-bottom:1px solid var(--accent-border)
  }
  .project-card__content{
    grid-row:2;
    padding:var(--space-5)
  }
  .project-card__footer{
    grid-row:3;
    padding:var(--space-4) var(--space-5)
  }
}
@media(max-width:420px){
  .bio-profile__quote{
    font-size:var(--text-md)
  }
  .bio-profile__roles{
    letter-spacing:.12em;
    text-indent:.12em
  }
  .bio-profile h1{
    letter-spacing:.07em;
    text-indent:.07em
  }
  .project-card__footer{
    align-items:stretch;
    flex-direction:column
  }
  .project-card__footer .btn{
    width:100%
  }
  .section__head>.u-mono,.bio-footer .u-mono{
    display:none
  }
}
body.has-entry-gate{
  touch-action:none
}
body.has-entry-gate .bio-page{
  pointer-events:none
}
body.has-entry-gate .skip-link{
  display:none
}
.sound-toggle{
  position:relative
}
.sound-toggle__glyph{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:15px;
  height:15px
}
.sound-toggle__glyph i{
  display:block;
  width:2px;
  height:4px;
  border-radius:1px;
  background:currentcolor;
  transition:height .32s var(--ease-out),background-color var(--duration-base) var(--ease)
}
.sound-toggle.is-on{
  color:var(--text)
}
.sound-toggle.is-on .sound-toggle__glyph i{
  animation:sound-bars 1.15s var(--ease-in-out) infinite alternate;
  animation-delay:calc(var(--i) * .13s)
}
@keyframes sound-bars{
  0%{
    height:4px
  }
  to{
    height:calc(9px + var(--i) * 2px)
  }
}
.toast{
  position:fixed;
  left:50%;
  bottom:var(--space-8);
  z-index:var(--z-toast);
  max-width:calc(100vw - var(--space-8));
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--border-strong);
  border-radius:var(--radius-md);
  background:var(--surface-3);
  box-shadow:var(--shadow-md);
  color:var(--text);
  font-size:var(--text-sm);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,var(--space-2));
  transition:opacity var(--duration-base),transform var(--duration-base)
}
.toast.is-visible{
  opacity:1;
  transform:translate(-50%)
}
.profile-card.is-egg{
  animation:profile-confirm var(--duration-slow) var(--ease-out)
}
@keyframes profile-confirm{
  50%{
    border-color:var(--border-loud);
    background:var(--surface-2)
  }
}
.secret-mode:before{
  position:fixed;
  top:var(--space-6);
  left:50%;
  z-index:var(--z-popover);
  display:grid;
  place-items:center;
  max-width:calc(100vw - var(--space-8));
  padding:var(--space-3) var(--space-6);
  border:1px solid rgb(var(--ember-rgb) / 34%);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg,#181c26f0,#0e1118f5);
  box-shadow:0 18px 46px #0000008c,0 0 60px rgb(var(--ember-rgb) / 12%);
  color:var(--text);
  content:"CONQUISTA / CURIOSO O BASTANTE";
  font:var(--weight-semibold) var(--text-xs)/1.4 var(--font-mono);
  letter-spacing:.2em;
  text-indent:.2em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  animation:achievement 5s var(--ease-out) both
}
html[lang=en] .secret-mode:before{
  content:"ACHIEVEMENT / CURIOUS ENOUGH"
}
@keyframes achievement{
  0%{
    opacity:0;
    transform:translate(-50%,-20px) scale(.96)
  }
  9%,88%{
    opacity:1;
    transform:translate(-50%) scale(1)
  }
  to{
    opacity:0;
    transform:translate(-50%,-12px) scale(.99)
  }
}
@media(max-width:480px){
  .secret-mode:before{
    padding:var(--space-2-5) var(--space-4);
    font-size:.625rem;
    letter-spacing:.12em;
    text-indent:.12em
  }
}
@media(max-width:780px){
  .toast{
    bottom:calc(58px + var(--space-5) + env(safe-area-inset-bottom,0px))
  }
}
@media(prefers-reduced-motion:reduce){
  .secret-mode:before{
    opacity:1;
    transform:translate(-50%);
    animation:none
  }
}
.save-readout{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2-5);
  color:var(--text-3);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em
}
.save-readout__label{
  color:var(--text-faint);
  letter-spacing:.18em;
  text-transform:uppercase
}
.save-readout__bar{
  position:relative;
  display:block;
  width:64px;
  height:3px;
  overflow:hidden;
  border-radius:var(--radius-full);
  background:#040509cc;
  box-shadow:inset 0 1px 2px #000000b3,0 1px #d2e0ff0d
}
.save-readout__bar:after{
  position:absolute;
  inset:0;
  z-index:2;
  background:repeating-linear-gradient(90deg,transparent 0 calc(16.6667% - 1px),rgb(4 5 9 / 90%) calc(16.6667% - 1px) 16.6667%);
  content:""
}
.save-readout__bar i{
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgb(var(--accent-rgb) / 70%),rgb(var(--ember-rgb) / 90%));
  transition:width .9s var(--ease-arrive),box-shadow .62s var(--ease-glide)
}
.save-readout__value{
  color:rgb(var(--ember-rgb) / 82%);
  transition:color .62s var(--ease-glide),text-shadow .62s var(--ease-glide)
}
.save-readout__count{
  color:var(--text-faint)
}
.save-readout.is-ticking .save-readout__bar i{
  box-shadow:0 0 12px rgb(var(--ember-rgb) / 60%)
}
.save-readout.is-ticking .save-readout__value{
  color:var(--ember);
  text-shadow:0 0 14px rgb(var(--ember-rgb) / 45%)
}
.save-readout.is-ticking .save-readout__count{
  animation:save-tick .9s var(--ease-out)
}
@keyframes save-tick{
  0%{
    color:var(--ember);
    transform:translateY(-2px)
  }
  to{
    color:var(--text-faint);
    transform:translateY(0)
  }
}
.toast{
  display:flex;
  align-items:center;
  gap:var(--space-3)
}
.toast.toast--plain{
  gap:0
}
.toast__text{
  color:var(--text)
}
.toast__tag{
  padding:2px var(--space-2);
  border:1px solid rgb(var(--ember-rgb) / 34%);
  border-radius:var(--radius-xs);
  background:rgb(var(--ember-rgb) / 10%);
  color:var(--ember);
  font-family:var(--font-mono);
  font-size:.625rem;
  font-weight:var(--weight-medium);
  letter-spacing:.18em;
  text-indent:.18em;
  text-transform:uppercase
}
.toast.is-visible .toast__tag{
  animation:toast-tag 1.4s var(--ease-out)
}
@keyframes toast-tag{
  0%{
    opacity:0;
    transform:translate(-6px)
  }
  16%{
    opacity:1;
    transform:translate(0)
  }
  40%{
    box-shadow:0 0 rgb(var(--ember-rgb) / 40%)
  }
  to{
    box-shadow:0 0 0 10px rgb(var(--ember-rgb) / 0)
  }
}
@media(max-width:620px){
  .save-readout__count{
    display:none
  }
}
@media(prefers-reduced-motion:reduce){
  .save-readout.is-ticking .save-readout__count,.toast.is-visible .toast__tag{
    animation:none
  }
}
.panel-scrim{
  position:fixed;
  inset:0;
  z-index:var(--z-modal);
  display:grid;
  place-items:safe center;
  padding:var(--space-6);
  background:radial-gradient(120% 100% at 50% 45%,#0304079e,#020305db);
  opacity:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  transition:opacity .26s var(--ease)
}
.panel-scrim::-webkit-scrollbar{
  width:0;
  height:0
}
.panel-scrim.is-open{
  opacity:1
}
.panel-scrim.is-closing{
  opacity:0
}
.panel{
  position:relative;
  display:grid;
  justify-items:center;
  gap:var(--space-4);
  width:min(100%,520px);
  padding:var(--space-8) var(--space-6) var(--space-6);
  border:1px solid rgb(210 224 255 / 12%);
  border-radius:var(--radius-xl);
  background:radial-gradient(120% 80% at 50% 0%,rgb(var(--ember-rgb) / 5%),transparent 62%),linear-gradient(180deg,#161a23f5,#0c0f15f7);
  box-shadow:0 30px 80px #0000009e,inset 0 1px #e2ecff12;
  text-align:center;
  transform:translateY(14px) scale(.97);
  transition:transform .42s var(--ease-settle),opacity .26s var(--ease)
}
.panel-scrim.is-open .panel{
  transform:none
}
.panel-scrim.is-closing .panel{
  transform:translateY(6px) scale(.99);
  transition-duration:.22s
}
.panel__corners{
  position:absolute;
  inset:-1px;
  pointer-events:none
}
.panel__corners i{
  position:absolute;
  width:14px;
  height:14px;
  border:1px solid rgb(var(--ember-rgb) / 40%)
}
.panel__corners i:nth-child(1){
  top:-1px;
  left:-1px;
  border-right:0;
  border-bottom:0;
  border-top-left-radius:var(--radius-xl)
}
.panel__corners i:nth-child(2){
  top:-1px;
  right:-1px;
  border-left:0;
  border-bottom:0;
  border-top-right-radius:var(--radius-xl)
}
.panel__corners i:nth-child(3){
  bottom:-1px;
  left:-1px;
  border-right:0;
  border-top:0;
  border-bottom-left-radius:var(--radius-xl)
}
.panel__corners i:nth-child(4){
  bottom:-1px;
  right:-1px;
  border-left:0;
  border-top:0;
  border-bottom-right-radius:var(--radius-xl)
}
.panel__eyebrow{
  color:var(--text-3);
  font-family:var(--font-display);
  font-size:var(--text-xs);
  font-weight:var(--weight-semibold);
  letter-spacing:.46em;
  text-indent:.46em;
  text-transform:uppercase
}
.panel__title{
  font-size:clamp(1.25rem,4.6vw,1.6rem);
  letter-spacing:.12em;
  text-indent:.12em;
  text-transform:uppercase
}
.panel__body{
  display:grid;
  gap:var(--space-2);
  width:100%
}
.panel__body:empty{
  display:none
}
.panel__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--space-2);
  width:100%;
  margin-top:var(--space-2)
}
.panel__hint{
  color:var(--text-faint);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.14em;
  text-transform:uppercase
}
.panel-save{
  padding-bottom:var(--space-3);
  border-bottom:1px solid var(--border);
  color:var(--text-3);
  letter-spacing:.1em;
  text-transform:uppercase
}
.panel-text{
  color:var(--text-2);
  font-size:var(--text-sm);
  line-height:var(--leading-snug);
  text-wrap:balance
}
.panel-dest{
  display:flex;
  align-items:center;
  gap:var(--space-4);
  padding:var(--space-4);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:#06080d99;
  text-align:left
}
.panel-dest__icon{
  display:grid;
  width:42px;
  height:42px;
  flex:none;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--surface-3);
  color:var(--ember)
}
.panel-dest__icon svg{
  width:19px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.6
}
.panel-dest__icon img{
  width:34px;
  height:34px;
  object-fit:contain;
  image-rendering:pixelated
}
.panel-dest__copy{
  display:grid;
  gap:2px;
  min-width:0
}
.panel-dest__copy strong{
  color:var(--text);
  font-size:var(--text-md);
  font-weight:var(--weight-semibold)
}
.panel-dest__copy small{
  overflow:hidden;
  color:var(--text-3);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  text-overflow:ellipsis
}
.panel-row{
  display:grid;
  grid-template-columns:minmax(72px,1fr) minmax(0,1.6fr) auto;
  align-items:center;
  gap:var(--space-3);
  min-height:40px;
  padding:var(--space-1) var(--space-2);
  border-radius:var(--radius-md);
  transition:background-color var(--duration-leave) var(--ease-glide)
}
.panel-row__label{
  color:var(--text-2);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.18em;
  text-align:left;
  text-transform:uppercase
}
.panel-row__value{
  min-width:2.5ch;
  color:var(--ember);
  text-align:right
}
.panel-row__control{
  position:relative;
  display:grid;
  align-items:center;
  height:24px
}
.panel-row__control input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none
}
.panel-row__track{
  position:relative;
  height:4px;
  border-radius:var(--radius-full);
  background:#040509cc;
  box-shadow:inset 0 1px 2px #000000b3,0 1px #d2e0ff0d;
  pointer-events:none
}
.panel-row__track:after{
  position:absolute;
  inset:0;
  z-index:2;
  background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgb(4 5 9 / 88%) calc(10% - 1px) 10%);
  content:""
}
.panel-row__track i{
  position:absolute;
  inset:0 auto 0 0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgb(var(--accent-rgb) / 70%),rgb(var(--ember-rgb) / 92%));
  transition:width .12s var(--ease-out),box-shadow var(--duration-leave) var(--ease-glide)
}
.panel-row__control:after{
  position:absolute;
  top:50%;
  left:var(--fill, 0%);
  z-index:3;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--ember);
  box-shadow:0 0 12px rgb(var(--ember-rgb) / 45%);
  content:"";
  transform:translate(-50%,-50%);
  transition:left .12s var(--ease-out),transform .22s var(--ease-back),box-shadow var(--duration-leave) var(--ease-glide)
}
.panel-row--option{
  grid-template-columns:minmax(72px,1fr) auto minmax(0,1.2fr) auto
}
.panel-row__stepper{
  width:22px;
  color:var(--text-faint);
  font-size:var(--text-xs);
  line-height:1;
  transition:color var(--duration-leave) var(--ease-glide),transform var(--duration-leave) var(--ease-glide)
}
.panel-row__option{
  min-width:0;
  padding:var(--space-1) var(--space-2);
  border-radius:var(--radius-sm);
  color:var(--text);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide)
}
.panel-row__option span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.panel [data-item]{
  outline:none
}
.panel-row:has([data-item]:focus-visible),.panel-row:has(.is-cursor){
  background:rgb(var(--ember-rgb) / 8%)
}
.panel-row:has(.is-cursor) .panel-row__label{
  color:var(--text)
}
.panel-row:has(.is-cursor) .panel-row__stepper{
  color:var(--ember)
}
.panel-row--option:has(.is-cursor) .panel-row__stepper[data-step="-1"]{
  transform:translate(-2px)
}
.panel-row--option:has(.is-cursor) .panel-row__stepper[data-step="1"]{
  transform:translate(2px)
}
.panel-row:has(.is-cursor) .panel-row__track i{
  box-shadow:0 0 14px rgb(var(--ember-rgb) / 55%)
}
.panel-row:has(.is-cursor) .panel-row__control:after{
  transform:translate(-50%,-50%) scale(1.25)
}
.panel-action{
  position:relative;
  min-width:132px;
  padding:var(--space-3) var(--space-5);
  border:1px solid var(--border-strong);
  border-radius:var(--radius-md);
  background:#0a0d13b3;
  color:var(--text-2);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.2em;
  text-indent:.2em;
  text-transform:uppercase;
  transition:border-color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide),color var(--duration-leave) var(--ease-glide),box-shadow var(--duration-leave) var(--ease-glide),transform .32s var(--ease-glide)
}
.panel-action:hover,.panel-action.is-cursor{
  border-color:rgb(var(--ember-rgb) / 52%);
  background:rgb(var(--ember-rgb) / 10%);
  color:var(--text);
  box-shadow:0 0 26px rgb(var(--ember-rgb) / 16%);
  transform:translateY(-1px);
  transition-duration:var(--duration-hover),var(--duration-hover),var(--duration-hover),var(--duration-hover),.2s
}
.panel-action:active,.panel-action.is-pressed{
  transform:translateY(0) scale(.972);
  transition-duration:90ms
}
.panel-row [data-item].is-pressed{
  transform:scale(.985)
}
.panel-action--primary{
  border-color:rgb(var(--ember-rgb) / 34%);
  color:var(--text)
}
.panel-action--danger.is-cursor,.panel-action--danger:hover{
  border-color:rgb(var(--danger-rgb) / 62%);
  background:rgb(var(--danger-rgb) / 12%);
  box-shadow:0 0 26px rgb(var(--danger-rgb) / 18%)
}
.panel-action--danger.is-cursor:before{
  border-left-color:rgb(var(--danger-rgb) / 90%)
}
.panel-action:before{
  position:absolute;
  top:50%;
  left:8px;
  width:0;
  height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:6px solid rgb(var(--ember-rgb) / 90%);
  content:"";
  opacity:0;
  transform:translate3d(-8px,-50%,0);
  transition:opacity .2s var(--ease),transform .32s var(--ease-out)
}
.panel-action.is-cursor:before{
  opacity:1;
  transform:translate3d(0,-50%,0)
}
.panel-scrim--door .panel{
  width:min(100%,460px)
}
.panel-scrim--danger .panel{
  border-color:rgb(var(--danger-rgb) / 30%)
}
.panel-scrim--danger .panel__corners i{
  border-color:rgb(var(--danger-rgb) / 60%)
}
.panel-scrim--danger .panel__title{
  color:color-mix(in srgb,var(--danger) 62%,#fff)
}
body.is-paused .bio-page{
  filter:blur(5px) saturate(.86);
  transform:scale(.994);
  transition:filter .42s var(--ease-glide),transform .52s var(--ease-glide);
  pointer-events:none
}
.bio-page{
  transition:filter .52s var(--ease-glide),transform .62s var(--ease-glide)
}
body.is-paused{
  touch-action:none
}
.keyhint{
  position:fixed;
  right:var(--space-6);
  bottom:var(--space-5);
  z-index:var(--z-toast);
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--space-1) var(--space-4);
  max-width:calc(100vw - var(--space-8));
  padding:var(--space-2) var(--space-4);
  border:1px solid var(--border);
  border-radius:var(--radius-full);
  background:#080a10d1;
  color:var(--text-faint);
  font-family:var(--font-mono);
  font-size:.625rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .32s var(--ease),transform .42s var(--ease-out)
}
.keyhint.is-visible{
  opacity:1;
  transform:translateY(0)
}
.keyhint span+span{
  position:relative
}
.keyhint span+span:before{
  position:absolute;
  left:calc(var(--space-4) / -2);
  color:var(--text-faint);
  content:"·";
  opacity:.6;
  transform:translate(-50%)
}
.options-toggle__glyph{
  display:grid;
  gap:3px;
  width:15px
}
.options-toggle__glyph i{
  display:block;
  height:1.5px;
  border-radius:1px;
  background:currentcolor;
  transition:width .32s var(--ease-out),background-color var(--duration-base) var(--ease)
}
.options-toggle__glyph i:nth-child(1){
  width:15px
}
.options-toggle__glyph i:nth-child(2){
  width:10px
}
.options-toggle__glyph i:nth-child(3){
  width:13px
}
.options-toggle:hover .options-toggle__glyph i,.options-toggle:focus-visible .options-toggle__glyph i,.options-toggle.is-cursor .options-toggle__glyph i{
  width:15px
}
@media(max-width:620px){
  .panel{
    padding:var(--space-6) var(--space-4) var(--space-5)
  }
  .panel-row{
    grid-template-columns:minmax(56px,.85fr) minmax(0,1.5fr) auto;
    gap:var(--space-2);
    min-height:46px
  }
  .panel-row__stepper{
    width:32px;
    height:32px;
    font-size:var(--text-sm)
  }
  .panel-row__control{
    height:32px
  }
  .panel-row--option{
    grid-template-columns:minmax(48px,.7fr) auto minmax(0,1.8fr) auto
  }
  .panel-row__label{
    letter-spacing:.08em
  }
  .panel-save{
    font-size:.625rem;
    letter-spacing:.06em
  }
  .panel-action{
    min-width:0;
    flex:1 1 40%;
    padding-inline:var(--space-3)
  }
  .keyhint{
    display:none
  }
}
@media(prefers-reduced-motion:reduce){
  .panel{
    transform:none!important;
    transition:opacity .2s var(--ease)
  }
  body.is-paused .bio-page{
    transform:none;
    filter:blur(4px)
  }
  .panel-action.is-cursor,.panel-action:hover,.panel-action:active{
    transform:none
  }
  .panel-action:before{
    transform:translate3d(0,-50%,0)
  }
  .panel-row--option:has(.is-cursor) .panel-row__stepper{
    transform:none
  }
  .keyhint{
    transform:none
  }
}
@property --near{
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --breath{
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.cinema{
  position:fixed;
  inset:0 var(--scrollbar-gutter, 0px) 0 0;
  z-index:var(--z-modal);
  display:grid;
  place-items:center;
  padding:var(--space-6);
  opacity:0;
  overscroll-behavior:contain;
  transition:opacity .9s var(--ease),--near .26s var(--ease-glide)
}
.cinema.is-ready{
  opacity:1;
  animation:cinema-breath 7.2s var(--ease-in-out) .9s infinite
}
@keyframes cinema-breath{
  0%,to{
    --breath: 0
  }
  50%{
    --breath: 1
  }
}
.cinema__stage{
  display:grid;
  justify-items:center;
  gap:var(--space-6);
  width:min(100%,520px)
}
.cinema__eyebrow{
  font-family:var(--font-display);
  font-size:var(--text-xs);
  font-weight:var(--weight-semibold);
  letter-spacing:.46em;
  text-indent:.46em;
  text-transform:uppercase;
  color:var(--text-3);
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .9s var(--ease) .2s,transform .9s var(--ease-out) .2s
}
.cinema.is-ready .cinema__eyebrow{
  opacity:1;
  transform:translateY(0)
}
.save-slot{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  width:100%;
  padding:var(--space-4) var(--space-5);
  border:1px solid rgb(210 224 255 / calc(9% + var(--near, 0) * 16%));
  border-radius:var(--radius-lg);
  background:radial-gradient(220px 140px at var(--lx, 50%) var(--ly, 50%),rgb(var(--ember-rgb) / calc(var(--near, 0) * 7%)),transparent 70%),linear-gradient(180deg,#181c26d1,#0e1118e0);
  box-shadow:inset 0 1px rgb(226 236 255 / calc(4% + var(--near, 0) * 6%)),0 18px 46px #0000008c,0 0 calc(var(--near, 0) * 60px) rgb(var(--ember-rgb) / calc(var(--near, 0) * 10%));
  cursor:pointer;
  opacity:0;
  transform:translateY(14px) scale(.985);
  transition:opacity .9s var(--ease) .32s,transform 1s var(--ease-out) .32s,border-color var(--duration-leave) var(--ease-glide),box-shadow var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide)
}
.save-slot:hover{
  transition-duration:.9s,1s,var(--duration-hover),var(--duration-hover),var(--duration-hover)
}
.save-slot__corners{
  position:absolute;
  inset:-1px;
  pointer-events:none
}
.save-slot__corners i{
  position:absolute;
  width:13px;
  height:13px;
  border:1px solid rgb(var(--ember-rgb) / calc(14% + var(--near, 0) * 58%));
  opacity:calc(.4 + var(--near, 0) * .6)
}
.save-slot__corners i:nth-child(1){
  top:-1px;
  left:-1px;
  border-right:0;
  border-bottom:0;
  border-top-left-radius:var(--radius-lg);
  transform:translate3d(calc(var(--near, 0) * -3px),calc(var(--near, 0) * -3px),0)
}
.save-slot__corners i:nth-child(2){
  top:-1px;
  right:-1px;
  border-left:0;
  border-bottom:0;
  border-top-right-radius:var(--radius-lg);
  transform:translate3d(calc(var(--near, 0) * 3px),calc(var(--near, 0) * -3px),0)
}
.save-slot__corners i:nth-child(3){
  bottom:-1px;
  left:-1px;
  border-right:0;
  border-top:0;
  border-bottom-left-radius:var(--radius-lg);
  transform:translate3d(calc(var(--near, 0) * -3px),calc(var(--near, 0) * 3px),0)
}
.save-slot__corners i:nth-child(4){
  bottom:-1px;
  right:-1px;
  border-left:0;
  border-top:0;
  border-bottom-right-radius:var(--radius-lg);
  transform:translate3d(calc(var(--near, 0) * 3px),calc(var(--near, 0) * 3px),0)
}
.cinema.is-ready .save-slot{
  opacity:1;
  transform:translateY(0) scale(1)
}
.save-slot__glow{
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:0 0 calc(26px + var(--breath, 0) * 30px) rgb(var(--ember-rgb) / calc(2% + var(--breath, 0) * 4% + var(--near, 0) * 7%))
}
.save-slot__glow:before,.save-slot__glow:after{
  position:absolute;
  left:50%;
  width:calc(var(--near, 0) * 86%);
  height:1px;
  background:linear-gradient(90deg,transparent,rgb(var(--ember-rgb) / 62%),transparent);
  content:"";
  opacity:calc(var(--near, 0) * .9);
  transform:translate(-50%);
  transition:width .52s var(--ease-out),opacity .4s var(--ease)
}
.save-slot__glow:before{
  top:-1px
}
.save-slot__glow:after{
  bottom:-1px
}
.save-slot__crest{
  position:relative;
  display:grid;
  width:56px;
  height:56px;
  place-items:center;
  border-radius:50%
}
.save-slot__crest img{
  width:56px;
  height:56px;
  border-radius:50%;
  object-fit:cover;
  object-position:56% 48%;
  filter:saturate(calc(.5 + var(--near, 0) * .45)) contrast(1.08) brightness(calc(.84 + var(--near, 0) * .26));
  transition:filter .52s var(--ease)
}
.save-slot__ring{
  position:absolute;
  inset:-5px;
  border:1px solid rgb(210 224 255 / calc(8% + var(--near, 0) * 22%));
  border-radius:50%;
  transition:border-color .4s var(--ease),transform .7s var(--ease-out);
  transform:scale(calc(1 - var(--near, 0) * .03))
}
.save-slot__body{
  display:grid;
  gap:var(--space-2-5);
  min-width:0;
  text-align:left
}
.save-slot__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-3)
}
.save-slot__name{
  font-family:var(--font-display);
  font-size:var(--text-md);
  font-weight:var(--weight-display);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--text)
}
.save-slot__pct{
  color:rgb(var(--ember-rgb) / calc(56% + var(--near, 0) * 44%));
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-variant-numeric:tabular-nums;
  font-weight:var(--weight-medium);
  letter-spacing:.06em
}
.save-slot__stats{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);
  gap:var(--space-1) var(--space-4)
}
.save-slot__stat{
  display:flex;
  align-items:baseline;
  gap:var(--space-1-5);
  min-width:0;
  color:var(--text-2);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
  white-space:nowrap
}
.save-slot__stat b{
  color:var(--text-faint);
  font-weight:var(--weight-normal);
  font-size:.625rem;
  letter-spacing:.14em;
  text-transform:uppercase
}
.save-slot__stat span{
  overflow:hidden;
  text-overflow:ellipsis
}
.save-slot__bar{
  position:relative;
  display:block;
  width:min(210px,100%);
  height:3px;
  border-radius:var(--radius-full);
  background:#040509cc;
  box-shadow:inset 0 1px 2px #000000b3,0 1px #d2e0ff0d;
  overflow:hidden
}
.save-slot__bar:after{
  position:absolute;
  inset:0;
  z-index:2;
  background:repeating-linear-gradient(90deg,transparent 0 calc(16.6667% - 1px),rgb(4 5 9 / 90%) calc(16.6667% - 1px) 16.6667%);
  content:"";
  pointer-events:none
}
.save-slot__bar i{
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgb(var(--accent-rgb) / 70%),rgb(var(--ember-rgb) / 90%));
  box-shadow:0 0 calc(6px + var(--breath, 0) * 8px) rgb(var(--ember-rgb) / 40%);
  transition:width 1.1s var(--ease-arrive) .9s
}
.cinema.is-ready .save-slot__bar i{
  width:var(--pct, 0%)
}
.cinema.is-ready .save-slot__bar i:after{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgb(255 236 214 / 55%),transparent);
  content:"";
  animation:bar-sheen 3.4s var(--ease-in-out) 2s infinite
}
@keyframes bar-sheen{
  0%,62%{
    opacity:0;
    transform:translate(-100%)
  }
  70%{
    opacity:.8
  }
  to{
    opacity:0;
    transform:translate(100%)
  }
}
.save-slot__action{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:var(--weight-medium);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgb(236 231 220 / calc(38% + var(--near, 0) * 62%));
  white-space:nowrap;
  transition:color .4s var(--ease),transform .4s var(--ease-out),letter-spacing .5s var(--ease-out)
}
.save-slot:hover .save-slot__action{
  transform:translate(3px);
  letter-spacing:.26em
}
.save-slot:focus-visible{
  outline:none;
  border-color:rgb(var(--ember-rgb) / 62%);
  box-shadow:inset 0 1px #e2ecff1a,0 18px 46px #0000008c,0 0 0 1px rgb(var(--ember-rgb) / 34%),0 0 44px rgb(var(--ember-rgb) / 16%)
}
.cinema:has(.save-slot:focus-visible),.cinema:has(.save-slot.is-cursor){
  --near: .85
}
.save-slot.is-cursor{
  border-color:rgb(var(--ember-rgb) / 62%);
  box-shadow:inset 0 1px #e2ecff1a,0 18px 46px #0000008c,0 0 0 1px rgb(var(--ember-rgb) / 34%),0 0 44px rgb(var(--ember-rgb) / 16%)
}
.cinema.is-returning .cinema__eyebrow,.cinema.is-returning .save-slot,.cinema.is-returning .save-ghost,.cinema.is-returning .cinema__menu,.cinema.is-returning .cinema__hint{
  transition-delay:40ms
}
.cinema.is-returning{
  transition-duration:.42s
}
.cinema.is-returning.is-ready .save-slot__bar i{
  transition-delay:.26s
}
.save-ghost{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
  padding:var(--space-3);
  border:1px dashed rgb(210 224 255 / calc(7% + var(--near, 0) * 5%));
  border-radius:var(--radius-lg);
  color:var(--text-faint);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.34em;
  text-indent:.34em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(10px) scale(.99);
  transition:opacity .9s var(--ease) .52s,transform 1s var(--ease-out) .52s,border-color var(--duration-leave) var(--ease-glide);
  pointer-events:none
}
.cinema.is-ready .save-ghost{
  opacity:.5;
  transform:none
}
.cinema.is-choosing .save-ghost{
  opacity:.16;
  transition:opacity .3s var(--ease)
}
@media(max-height:600px){
  .save-ghost{
    display:none
  }
}
.cinema__menu{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:var(--space-2) var(--space-5);
  opacity:0;
  transform:translateY(8px);
  transition:opacity .9s var(--ease) .56s,transform .9s var(--ease-out) .56s
}
.cinema.is-ready .cinema__menu{
  opacity:1;
  transform:none
}
.cinema.is-choosing .cinema__menu{
  opacity:0;
  transform:translateY(6px);
  transition:opacity .24s var(--ease),transform .3s var(--ease-in)
}
.cinema__option{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
  min-height:34px;
  padding:var(--space-1) var(--space-3);
  border-radius:var(--radius-sm);
  color:var(--text-faint);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.2em;
  text-indent:.2em;
  text-transform:uppercase;
  transition:color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide)
}
.cinema__option:before{
  position:absolute;
  top:50%;
  left:-2px;
  width:0;
  height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:6px solid rgb(var(--ember-rgb) / 90%);
  content:"";
  opacity:0;
  transform:translate3d(-6px,-50%,0);
  transition:opacity .2s var(--ease),transform .32s var(--ease-out)
}
.cinema__option:hover,.cinema__option.is-cursor,.cinema__option:focus-visible{
  outline:none;
  color:var(--text);
  background:rgb(var(--ember-rgb) / 8%);
  transition-duration:var(--duration-hover)
}
.cinema__option.is-cursor:before,.cinema__option:focus-within:before{
  opacity:1;
  transform:translate3d(0,-50%,0)
}
.cinema__option--split{
  gap:var(--space-1);
  padding-inline:var(--space-2)
}
.cinema__option--split button{
  min-height:30px;
  padding-inline:var(--space-2);
  border-radius:var(--radius-xs);
  color:inherit;
  font:inherit;
  letter-spacing:.16em;
  transition:color var(--duration-leave) var(--ease-glide)
}
.cinema__option--split button.is-current{
  color:var(--ember)
}
.cinema__option--split button.is-cursor,.cinema__option--split button:hover{
  color:var(--text)
}
.cinema__option--split span{
  color:var(--text-faint);
  opacity:.5
}
.cinema__hint{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-faint);
  opacity:0;
  transform:translateY(6px);
  transition:opacity .9s var(--ease) .62s,transform .9s var(--ease-out) .62s,color .4s var(--ease)
}
.cinema.is-ready .cinema__hint{
  opacity:1;
  transform:translateY(0)
}
.save-slot:hover~.cinema__hint,.save-slot:focus-visible~.cinema__hint{
  color:var(--text-3)
}
.cinema.is-choosing{
  --near: 1
}
.cinema.is-choosing .save-slot{
  border-color:rgb(var(--ember-rgb) / 70%);
  background:radial-gradient(260px 160px at 50% 50%,rgb(var(--ember-rgb) / 12%),transparent 72%),linear-gradient(180deg,#20222ae5,#12141beb);
  box-shadow:inset 0 1px #ffecd624,0 20px 50px #0009,0 0 70px rgb(var(--ember-rgb) / 22%);
  transform:translateY(2px) scale(.988);
  transition:transform .18s var(--ease-in-out),border-color .18s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)
}
.cinema.is-choosing .save-slot__crest img{
  filter:saturate(1) contrast(1.1) brightness(1.14)
}
.cinema.is-choosing .save-slot__action{
  color:var(--ember);
  letter-spacing:.3em
}
.cinema.is-choosing .cinema__eyebrow,.cinema.is-choosing .cinema__hint{
  opacity:0;
  transform:translateY(6px);
  transition:opacity .24s var(--ease),transform .3s var(--ease-in)
}
.cinema.is-diving .cinema__stage{
  transform:translate3d(0,-46vh,0) scale(.94);
  opacity:0;
  transition:transform .72s cubic-bezier(.55,0,.78,.3),opacity .52s var(--ease-in) .14s
}
.cinema.is-diving{
  background:linear-gradient(180deg,rgb(3 4 7 / 62%),transparent 62%);
  transition:background .42s var(--ease)
}
.cinema.is-landing{
  opacity:0;
  pointer-events:none;
  transition:opacity .62s var(--ease)
}
.cinema.is-out{
  opacity:0;
  pointer-events:none;
  transition:opacity .16s var(--ease)
}
@media(max-width:620px){
  .cinema{
    padding:var(--space-5)
  }
  .cinema__menu{
    gap:var(--space-1) var(--space-3)
  }
  .cinema__option{
    min-height:40px;
    letter-spacing:.14em;
    text-indent:.14em
  }
  .cinema__stage{
    gap:var(--space-4)
  }
  .save-slot{
    grid-template-columns:auto minmax(0,1fr);
    gap:var(--space-3);
    padding:var(--space-4)
  }
  .save-slot__crest,.save-slot__crest img{
    width:46px;
    height:46px
  }
  .save-slot__stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-1) var(--space-3)
  }
  .save-slot__stat:first-child{
    grid-column:1 / -1
  }
  .save-slot__stat{
    gap:var(--space-1-5)
  }
  .save-slot__stat b{
    letter-spacing:.12em
  }
  .save-slot__action{
    grid-column:1 / -1;
    padding-top:var(--space-3);
    margin-top:var(--space-1);
    border-top:1px solid rgb(210 224 255 / calc(6% + var(--near, 0) * 10%));
    text-align:center
  }
  .save-slot:hover .save-slot__action{
    transform:none
  }
  .save-ghost{
    min-height:44px;
    letter-spacing:.24em;
    text-indent:.24em
  }
}
.has-signal-cursor,.has-signal-cursor a,.has-signal-cursor button,.has-signal-cursor [role=button],.has-signal-cursor .save-slot{
  cursor:none
}
.signal-cursor{
  position:fixed;
  top:0;
  left:0;
  z-index:900;
  width:22px;
  height:22px;
  margin:-11px 0 0 -11px;
  border-radius:50%;
  border:1px solid rgb(210 224 255 / 34%);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s var(--ease),width .3s var(--ease-out),height .3s var(--ease-out),border-color .26s var(--ease),margin .3s var(--ease-out);
  will-change:transform
}
.signal-cursor__dot{
  position:absolute;
  top:50%;
  left:50%;
  width:3px;
  height:3px;
  margin:-1.5px 0 0 -1.5px;
  border-radius:50%;
  background:rgb(var(--ember-rgb) / 90%);
  box-shadow:0 0 8px rgb(var(--ember-rgb) / 70%)
}
.signal-cursor.is-visible{
  opacity:1
}
.signal-cursor.is-hot{
  width:40px;
  height:40px;
  margin:-20px 0 0 -20px;
  border-color:rgb(var(--ember-rgb) / 62%)
}
.signal-cursor.is-press{
  width:16px;
  height:16px;
  margin:-8px 0 0 -8px;
  border-color:rgb(var(--ember-rgb) / 90%)
}
@media(prefers-reduced-motion:reduce){
  .cinema{
    --near: 1;
    transition:opacity 1ms
  }
  .cinema__menu{
    opacity:1;
    transform:none;
    transition:none
  }
  .cinema__option:before{
    transform:translate3d(0,-50%,0)
  }
  .cinema.is-ready{
    animation:none
  }
  .cinema__eyebrow,.cinema__hint,.save-slot{
    opacity:1;
    transform:none;
    transition:none
  }
  .save-ghost{
    opacity:.5;
    transform:none;
    transition:none
  }
  .save-slot__corners i{
    transform:none
  }
  .cinema.is-ready .save-slot__bar i:after{
    animation:none;
    opacity:0
  }
  .save-slot__glow:before,.save-slot__glow:after{
    width:86%;
    opacity:.9;
    transition:none
  }
  .cinema.is-ready .save-slot__bar i{
    transition:none
  }
  .cinema.is-choosing .save-slot{
    transform:none
  }
  .cinema.is-diving .cinema__stage{
    transform:none;
    opacity:0;
    transition:opacity 1ms
  }
}
.motion-ready .reveal{
  --motion-delay: 0ms;
  --motion-x: 0px;
  --motion-y: 18px;
  --motion-scale: 1.012;
  --motion-blur: 5px;
  --motion-ease: var(--ease-rise);
  opacity:0;
  filter:blur(var(--motion-blur));
  transform:translate3d(var(--motion-x),var(--motion-y),0) scale(var(--motion-scale));
  transition:opacity .62s var(--ease) var(--motion-delay),filter .76s var(--ease-drift) var(--motion-delay),transform .72s var(--motion-ease) var(--motion-delay),border-color var(--duration-base) var(--ease),background-color var(--duration-base) var(--ease),box-shadow var(--duration-base) var(--ease);
  will-change:opacity,filter,transform
}
.motion-ready [data-reveal=topline]{
  --motion-y: -10px;
  --motion-scale: 1.006;
  --motion-ease: var(--ease-drift)
}
.motion-ready [data-reveal=identity]{
  --motion-delay: 70ms;
  --motion-y: 14px;
  --motion-scale: 1.018;
  --motion-ease: var(--ease-settle)
}
.motion-ready [data-reveal=main-link]{
  --motion-delay: .16s;
  --motion-y: 34px;
  --motion-scale: 1.028;
  --motion-blur: 3.5px;
  --motion-ease: var(--ease-settle)
}
.motion-ready [data-reveal=bio]{
  --motion-delay: 80ms;
  --motion-scale: 1.009;
  --motion-ease: var(--ease-drift)
}
.motion-ready [data-reveal=social-link]{
  --motion-delay: calc(var(--reveal-index, 0) * 66ms);
  --motion-y: 14px;
  --motion-scale: 1.01
}
.motion-ready .social-card[data-reveal=social-link]:nth-child(1){
  --motion-delay: 0ms;
  --motion-x: -8px
}
.motion-ready .social-card[data-reveal=social-link]:nth-child(2){
  --motion-delay: 84ms;
  --motion-x: 8px
}
.motion-ready .social-card[data-reveal=social-link]:nth-child(3){
  --motion-delay: .15s;
  --motion-x: -8px
}
.motion-ready .social-card[data-reveal=social-link]:nth-child(4){
  --motion-delay: 234ms;
  --motion-x: 8px
}
.motion-ready [data-reveal=footer]{
  --motion-y: 10px;
  --motion-scale: 1.004;
  --motion-ease: var(--ease-drift)
}
.motion-ready body:not(.is-loaded) .reveal.is-in-view{
  opacity:0;
  filter:blur(var(--motion-blur))
}
.motion-ready body.is-loaded .reveal.is-in-view{
  opacity:1;
  filter:blur(0);
  transform:translateZ(0) scale(1);
  will-change:auto
}
.motion-ready body.is-loaded .reveal.is-motion-settled{
  transition-delay:0ms
}
.motion-word-mask{
  display:inline-block;
  overflow:clip;
  padding-block:.08em .14em;
  margin-block:-.08em -.14em;
  vertical-align:baseline
}
.motion-word{
  display:inline-block;
  transform-origin:left bottom;
  transition:opacity .52s var(--ease),filter .56s var(--ease-drift),transform .68s var(--ease-arrive)
}
.motion-ready body:not(.is-loaded) .reveal .motion-word,.motion-ready body.is-loaded .reveal:not(.is-in-view) .motion-word{
  opacity:0;
  filter:blur(3px);
  transform:translateY(108%) rotate(1.2deg)
}
.motion-ready body.is-loaded .reveal.is-in-view .motion-word{
  opacity:1;
  filter:blur(0);
  transform:translateY(0) rotate(0);
  transition-delay:calc(var(--word-base, .16s) + (var(--word-index) * 24ms))
}
[data-motion-words=name]{
  --word-base: 235ms
}
[data-motion-words=quote]{
  --word-base: 285ms
}
[data-motion-words=about]{
  --word-base: 335ms
}
[data-motion-words=project]{
  --word-base: 325ms
}
[data-motion-words=section]{
  --word-base: .12s
}
.motion-ready.js.has-gate body.is-loaded .reveal:not(.is-in-view){
  opacity:0;
  filter:blur(var(--motion-blur));
  transform:translate3d(0,var(--motion-y),0) scale(var(--motion-scale))
}
.motion-ready .bio-profile>*{
  opacity:0;
  transform:translateY(9px);
  transition:opacity .52s var(--ease),transform .62s var(--ease-rise)
}
.motion-ready .bio-profile>.profile-avatar{
  transform:translateY(14px) scale(.82) rotate(-4deg);
  transition:opacity .56s var(--ease),transform .82s var(--ease-back)
}
.motion-ready .bio-profile>.bio-profile__quote{
  transform:translateY(6px);
  filter:blur(6px);
  transition:opacity .9s var(--ease-drift),transform .9s var(--ease-drift),filter 1s var(--ease-drift)
}
.motion-ready body.is-loaded .bio-profile.is-in-view>*{
  opacity:1;
  transform:translateY(0)
}
.motion-ready body.is-loaded .bio-profile.is-in-view>.profile-avatar{
  transform:translateY(0) scale(1) rotate(0);
  transition-delay:90ms
}
.motion-ready body.is-loaded .bio-profile.is-in-view>.bio-profile__quote{
  filter:blur(0)
}
.motion-ready body.is-loaded .bio-profile.is-in-view>.badge{
  transition-delay:.3s
}
.motion-ready body.is-loaded .bio-profile.is-in-view>h1{
  transition-delay:.38s
}
.motion-ready body.is-loaded .bio-profile.is-in-view>.bio-profile__quote{
  transition-delay:.62s
}
.motion-ready body.is-loaded .bio-profile.is-in-view>.bio-profile__roles{
  transition-delay:.72s
}
.motion-ready body.is-loaded .bio-profile.is-motion-settled>*{
  transition-delay:0ms
}
.motion-ready .bio-topline>*,.motion-ready .section__head h2,.motion-ready .section__head p,.motion-ready .section__head>.u-mono,.motion-ready .social-card>.social-card__icon,.motion-ready .social-card>.social-card__copy,.motion-ready .social-card>.social-card__arrow,.motion-ready .bio-footer>*{
  opacity:0;
  transform:translateY(6px);
  transition:opacity .44s var(--ease-out),transform .54s var(--ease-out)
}
.motion-ready body.is-loaded .bio-topline.is-in-view>*,.motion-ready body.is-loaded .section__head.is-in-view h2,.motion-ready body.is-loaded .section__head.is-in-view p,.motion-ready body.is-loaded .section__head.is-in-view>.u-mono,.motion-ready body.is-loaded .social-card.is-in-view>.social-card__icon,.motion-ready body.is-loaded .social-card.is-in-view>.social-card__copy,.motion-ready body.is-loaded .social-card.is-in-view>.social-card__arrow,.motion-ready body.is-loaded .bio-footer.is-in-view>*{
  opacity:1;
  transform:translateY(0)
}
.motion-ready body.is-loaded .bio-topline.is-in-view>:first-child{
  transition-delay:70ms
}
.motion-ready body.is-loaded .bio-topline.is-in-view>:last-child{
  transition-delay:.13s
}
.motion-ready body.is-loaded .section__head.is-in-view h2{
  transition-delay:90ms
}
.motion-ready body.is-loaded .section__head.is-in-view p{
  transition-delay:145ms
}
.motion-ready body.is-loaded .section__head.is-in-view>.u-mono{
  transition-delay:.19s
}
.motion-ready body.is-loaded .social-card.is-in-view>.social-card__icon{
  transition-delay:calc(var(--motion-delay) + 80ms)
}
.motion-ready body.is-loaded .social-card.is-in-view>.social-card__copy{
  transition-delay:calc(var(--motion-delay) + .13s)
}
.motion-ready body.is-loaded .social-card.is-in-view>.social-card__arrow{
  transition-delay:calc(var(--motion-delay) + .18s)
}
.motion-ready body.is-loaded .bio-footer.is-in-view>:first-child{
  transition-delay:80ms
}
.motion-ready body.is-loaded .bio-footer.is-in-view>.save-readout{
  transition-delay:.13s
}
.motion-ready body.is-loaded .bio-footer.is-in-view>:last-child{
  transition-delay:.18s
}
.motion-ready body.is-loaded .bio-topline.is-motion-settled>*,.motion-ready body.is-loaded .section__head.is-motion-settled>*,.motion-ready body.is-loaded .social-card.is-motion-settled>*,.motion-ready body.is-loaded .bio-footer.is-motion-settled>*{
  transition-delay:0ms
}
.profile-avatar{
  --avatar-x: 0px;
  --avatar-y: 0px;
  transition:border-color var(--duration-base) var(--ease),box-shadow .52s var(--ease)
}
.profile-avatar img{
  transform:translate3d(var(--avatar-x),var(--avatar-y),0) scale(1);
  transition:transform .65s var(--ease-out),filter .52s var(--ease)
}
.profile-avatar:hover,.profile-avatar:focus-within{
  border-color:rgb(var(--ember-rgb) / 34%);
  box-shadow:var(--shadow-lg),0 0 42px rgb(var(--ember-rgb) / 16%)
}
.profile-avatar:hover img,.profile-avatar:focus-within img{
  filter:saturate(1.06) contrast(1.06) brightness(1.06);
  transform:translate3d(var(--avatar-x),var(--avatar-y),0) scale(1.03)
}
.profile-avatar:active img{
  transform:translate3d(var(--avatar-x),var(--avatar-y),0) scale(.99);
  transition-duration:.14s
}
.motion-ready body.is-loaded .bio-profile.is-motion-settled>.profile-avatar{
  animation:avatar-float 9s var(--ease-in-out) infinite
}
@keyframes avatar-float{
  0%,to{
    transform:translateZ(0)
  }
  50%{
    transform:translate3d(0,-5px,0)
  }
}
.profile-avatar__status{
  animation:status-breathe 2.8s var(--ease-in-out, ease-in-out) infinite
}
@keyframes status-breathe{
  0%,to{
    box-shadow:0 0 #3fcf8e00
  }
  50%{
    box-shadow:0 0 0 5px #3fcf8e1a
  }
}
.badge i{
  position:relative
}
.badge i:after{
  position:absolute;
  inset:-3px;
  border:1px solid currentcolor;
  border-radius:50%;
  content:"";
  opacity:0;
  transform:scale(.55)
}
.project-card:hover .badge--accent i:after,.project-card:focus-visible .badge--accent i:after,.project-card:active .badge--accent i:after{
  animation:badge-signal .9s var(--ease-out) both
}
@keyframes badge-signal{
  0%{
    opacity:0;
    transform:scale(.55)
  }
  35%{
    opacity:.5
  }
  to{
    opacity:0;
    transform:scale(1.8)
  }
}
.site-signature img{
  transition:transform .48s var(--ease-out),filter .3s var(--ease)
}
.site-signature span{
  transition:color var(--duration-fast) var(--ease),letter-spacing .4s var(--ease-out)
}
.site-signature:hover img{
  transform:translate3d(2px,-2px,0) rotate(-2deg) scale(1.04);
  filter:brightness(1.08)
}
.site-signature:hover span{
  letter-spacing:-.004em
}
.site-signature:active img{
  transform:translate3d(1px,0,0) scale(.97)
}
.language-switch{
  position:relative;
  isolation:isolate;
  overflow:hidden
}
.language-switch:before{
  position:absolute;
  top:2px;
  bottom:2px;
  left:2px;
  z-index:-1;
  width:31px;
  border-radius:var(--radius-sm);
  background:var(--surface-3);
  box-shadow:var(--shadow-sm);
  content:"";
  transform:translate(0);
  transition:transform .36s var(--ease-out),background-color var(--duration-base) var(--ease)
}
.language-switch[data-current-language=fr]:before{
  transform:translate(33px)
}
.language-switch button{
  position:relative;
  z-index:1;
  width:31px;
  min-width:31px;
  background:transparent!important;
  box-shadow:none!important;
  transition:color .24s var(--ease),transform .18s var(--ease-out)
}
.language-switch button:active{
  transform:scale(.88)
}
.project-card{
  --art-x: 0px;
  --art-y: 0px;
  --spot-x: 50%;
  --spot-y: 50%;
  position:relative;
  box-shadow:0 0 #0000
}
.project-card:before{
  position:absolute;
  top:0;
  left:50%;
  z-index:3;
  width:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgb(var(--ember-rgb) / 85%),transparent);
  box-shadow:0 0 10px 1px rgb(var(--ember-rgb) / 26%);
  content:"";
  transform:translate(-50%);
  transition:width .62s var(--ease-arrive);
  pointer-events:none
}
.project-card:hover:before,.project-card:focus-visible:before{
  width:82%
}
.motion-ready body.is-loaded .project-card.is-in-view:hover{
  box-shadow:inset 0 0 60px rgb(var(--ember-rgb) / 5%),0 14px 34px #0006
}
.motion-ready .project-card__content>.badge,.motion-ready .project-card__content>.project-card__title,.motion-ready .project-card__content>.project-card__text,.motion-ready .project-card__footer>*{
  opacity:0;
  transform:translateY(7px);
  transition:opacity .46s var(--ease-out),transform .56s var(--ease-out)
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__content>.badge,.motion-ready body.is-loaded .project-card.is-in-view .project-card__content>.project-card__title,.motion-ready body.is-loaded .project-card.is-in-view .project-card__content>.project-card__text,.motion-ready body.is-loaded .project-card.is-in-view .project-card__footer>*{
  opacity:1;
  transform:translateY(0)
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__content>.badge{
  transition-delay:.25s
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__content>.project-card__title{
  transition-delay:.31s
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__content>.project-card__text{
  transition-delay:365ms
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__footer>*{
  transition-delay:.42s
}
.motion-ready body.is-loaded .project-card.is-motion-settled .project-card__content>*,.motion-ready body.is-loaded .project-card.is-motion-settled .project-card__footer>*{
  transition-delay:0ms
}
.motion-ready .project-card__art{
  opacity:0;
  transform:translate(12px);
  transition:opacity .62s var(--ease-out),transform .72s var(--ease-out)
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__art{
  opacity:1;
  transform:translate(0);
  transition-delay:.22s
}
.project-card__art{
  position:relative;
  isolation:isolate
}
.project-card__art:before{
  position:absolute;
  inset:10% 8% 10% 3%;
  z-index:1;
  background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / 58%)) 0 18% / 68% 2px no-repeat,linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / 34%)) 18% 34% / 45% 1px no-repeat,linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / 48%)) 2% 51% / 58% 2px no-repeat,linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / 28%)) 24% 68% / 38% 1px no-repeat,linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / 42%)) 8% 83% / 52% 2px no-repeat;
  content:"";
  opacity:0;
  transform:translate(22px) scaleX(.72);
  transform-origin:right center;
  transition:opacity .32s var(--ease),transform .76s var(--ease-out)
}
.project-card__art:after{
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle 150px at var(--spot-x) var(--spot-y),rgb(var(--accent-rgb) / 18%),transparent 72%);
  content:"";
  opacity:.28;
  transition:opacity .42s var(--ease)
}
.project-card:hover .project-card__art:before,.project-card:focus-visible .project-card__art:before,.project-card:active .project-card__art:before{
  opacity:.82;
  transform:translate(-7px) scaleX(1)
}
.project-card:hover .project-card__art:after,.project-card:focus-visible .project-card__art:after,.project-card:active .project-card__art:after{
  opacity:1
}
.project-card__art img{
  position:relative;
  z-index:2;
  transform:translate3d(var(--art-x),var(--art-y),0) scale(1);
  transition:opacity var(--duration-base),transform .7s var(--ease-out),filter .42s var(--ease)
}
.project-card:hover .project-card__art img,.project-card:focus-visible .project-card__art img{
  transform:translate3d(var(--art-x),var(--art-y),0) scale(1.035);
  filter:brightness(1.08) drop-shadow(-10px 0 rgb(var(--accent-rgb) / 12%)) drop-shadow(-20px 0 rgb(var(--accent-rgb) / 6%))
}
.project-card .btn__icon{
  transition:transform .32s var(--ease-out)
}
.project-card:hover .btn__icon,.project-card:focus-visible .btn__icon{
  transform:translate(3px)
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__footer>.btn:hover{
  transform:translateY(-1px)
}
.motion-ready body.is-loaded .project-card.is-in-view .project-card__footer>.btn:active{
  transform:scale(.97)
}
.project-card:active{
  transition-duration:.14s
}
.motion-ready body.is-loaded .project-card.is-in-view:active{
  transform:scale(.9945)
}
.social-card{
  position:relative;
  overflow:hidden
}
.social-card:before{
  position:absolute;
  top:50%;
  left:6px;
  z-index:3;
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:7px solid rgb(var(--ember-rgb) / 90%);
  content:"";
  opacity:0;
  transform:translate3d(-10px,-50%,0);
  transition:opacity .22s var(--ease),transform .38s var(--ease-out)
}
.social-card:after{
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgb(var(--ember-rgb) / 11%),rgb(var(--ember-rgb) / 3%) 34%,transparent 68%);
  content:"";
  opacity:0;
  transform:translate(-14%);
  transition:opacity .3s var(--ease),transform .52s var(--ease-out);
  pointer-events:none
}
.social-card:hover:before,.social-card:focus-visible:before{
  opacity:1;
  transform:translate3d(0,-50%,0)
}
.social-card:hover:after,.social-card:focus-visible:after{
  opacity:1;
  transform:translate(0)
}
.motion-ready body.is-loaded .social-card.is-in-view:hover,.motion-ready body.is-loaded .social-card.is-in-view:focus-visible{
  transform:translate3d(9px,0,0)
}
.motion-ready body.is-loaded .social-card.is-in-view:active{
  transform:translate3d(5px,0,0) scale(.997);
  transition-duration:.13s
}
.social-card.is-selected{
  animation:card-select .46s var(--ease-out)
}
.social-card.is-selected:before{
  animation:marker-select .46s var(--ease-out)
}
@keyframes card-select{
  0%{
    border-color:rgb(var(--ember-rgb) / 82%);
    background:rgb(var(--ember-rgb) / 12%);
    box-shadow:0 0 0 1px rgb(var(--ember-rgb) / 44%),0 0 34px rgb(var(--ember-rgb) / 26%)
  }
  to{
    border-color:rgb(var(--ember-rgb) / 30%);
    background:var(--surface-2);
    box-shadow:0 0 rgb(var(--ember-rgb) / 0),0 0 rgb(var(--ember-rgb) / 0)
  }
}
@keyframes marker-select{
  0%{
    opacity:1;
    transform:translate3d(4px,-50%,0) scale(1.5)
  }
  to{
    opacity:1;
    transform:translate3d(0,-50%,0) scale(1)
  }
}
.social-card>*{
  position:relative;
  z-index:1
}
.social-card__copy strong{
  transition:letter-spacing .42s var(--ease-out),color var(--duration-fast) var(--ease)
}
.social-card:hover .social-card__copy strong,.social-card:focus-visible .social-card__copy strong{
  letter-spacing:.028em
}
.social-card__icon{
  transition:color var(--duration-fast),background-color var(--duration-fast),box-shadow .32s var(--ease)
}
.social-card:hover .social-card__icon,.social-card:focus-visible .social-card__icon{
  color:var(--ember);
  box-shadow:0 0 20px rgb(var(--ember-rgb) / 14%)
}
.social-card__arrow{
  transition:color var(--duration-fast),opacity var(--duration-fast),transform .42s var(--ease-out)
}
.motion-ready body.is-loaded .social-card.is-in-view:hover>.social-card__arrow,.motion-ready body.is-loaded .social-card.is-in-view:focus-visible>.social-card__arrow{
  color:var(--text);
  transform:translate(3px,-3px)
}
.social-card.is-cursor{
  border-color:rgb(var(--ember-rgb) / 30%);
  background:var(--surface-2)
}
.social-card.is-cursor:before{
  opacity:1;
  transform:translate3d(0,-50%,0)
}
.social-card.is-cursor:after{
  opacity:1;
  transform:translate(0)
}
.social-card.is-cursor .social-card__copy strong{
  letter-spacing:.028em
}
.social-card.is-cursor .social-card__icon{
  color:var(--ember);
  box-shadow:0 0 20px rgb(var(--ember-rgb) / 14%)
}
.motion-ready body.is-loaded .social-card.is-in-view.is-cursor{
  transform:translate3d(9px,0,0)
}
.motion-ready body.is-loaded .social-card.is-in-view.is-cursor>.social-card__arrow{
  color:var(--text);
  transform:translate(3px,-3px)
}
.project-card.is-cursor{
  border-color:rgb(var(--ember-rgb) / 34%);
  box-shadow:inset 0 0 60px rgb(var(--ember-rgb) / 5%),0 14px 34px #0006
}
.project-card.is-cursor:before{
  width:82%
}
.project-card.is-cursor .project-card__art:before{
  opacity:.82;
  transform:translate(-7px) scaleX(1)
}
.project-card.is-cursor .project-card__art:after{
  opacity:1
}
.project-card.is-cursor .btn__icon{
  transform:translate(3px)
}
.site-signature.is-cursor{
  background:rgb(var(--ember-rgb) / 7%);
  color:var(--text)
}
.footer-source.is-cursor{
  color:var(--text-2);
  letter-spacing:.055em
}
.sound-toggle.is-cursor,.language-switch button.is-cursor{
  color:var(--text)
}
.btn{
  position:relative;
  overflow:hidden;
  transform:translateY(0);
  transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform .24s var(--ease-out),box-shadow .24s var(--ease)
}
.btn:hover{
  transform:translateY(-1px)
}
.btn:active{
  transform:translateY(0) scale(.97)
}
.btn--primary:hover{
  box-shadow:0 6px 20px rgb(var(--accent-rgb) / 24%),0 0 30px rgb(var(--ember-rgb) / 12%)
}
.motion-ripple{
  position:absolute;
  z-index:4;
  width:14px;
  height:14px;
  border:1px solid rgb(var(--ember-rgb) / 80%);
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(0);
  animation:motion-ripple .62s var(--ease-out) forwards
}
@keyframes motion-ripple{
  0%{
    opacity:0;
    transform:translate(-50%,-50%) scale(0)
  }
  22%{
    opacity:1
  }
  to{
    opacity:0;
    border-width:.5px;
    transform:translate(-50%,-50%) scale(9)
  }
}
.toast{
  transition:opacity .26s var(--ease),transform .38s var(--ease-out),visibility 0s linear .38s;
  visibility:hidden
}
.toast.is-visible{
  visibility:visible;
  transition-delay:0s
}
.footer-source{
  transition:color var(--duration-fast) var(--ease),letter-spacing .42s var(--ease-out),transform .24s var(--ease-out)
}
.footer-source:hover{
  letter-spacing:.055em;
  transform:translateY(-1px)
}
.motion-ready body.is-loaded .bio-footer.is-in-view>.footer-source:hover{
  transform:translateY(-1px)
}
.motion-ready body.is-loaded .bio-topline.is-motion-settled>.site-signature{
  transition:background-color var(--duration-fast) var(--ease),box-shadow var(--duration-base) var(--ease)
}
.motion-ready body.is-loaded .bio-profile.is-motion-settled>.profile-avatar{
  transition:border-color var(--duration-base) var(--ease),box-shadow .52s var(--ease)
}
.motion-ready body.is-loaded .project-card.is-motion-settled{
  transition:border-color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide),box-shadow var(--duration-leave) var(--ease-glide),transform .52s var(--ease-glide)
}
.motion-ready body.is-loaded .project-card.is-motion-settled:hover,.motion-ready body.is-loaded .project-card.is-motion-settled:focus-visible{
  transition-duration:var(--duration-hover),var(--duration-hover),var(--duration-hover),.3s
}
.motion-ready body.is-loaded .project-card.is-motion-settled .project-card__footer>.btn{
  transition:background-color var(--duration-leave) var(--ease-glide),border-color var(--duration-leave) var(--ease-glide),color var(--duration-leave) var(--ease-glide),transform .42s var(--ease-glide),box-shadow var(--duration-leave) var(--ease-glide)
}
.motion-ready body.is-loaded .project-card.is-motion-settled .project-card__footer>.btn:hover{
  transition-duration:var(--duration-hover),var(--duration-hover),var(--duration-hover),.24s,var(--duration-hover)
}
.motion-ready body.is-loaded .social-card.is-motion-settled{
  transition:border-color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide),box-shadow var(--duration-leave) var(--ease-glide),transform .52s var(--ease-glide)
}
.motion-ready body.is-loaded .social-card.is-motion-settled:hover,.motion-ready body.is-loaded .social-card.is-motion-settled:focus-visible{
  transition-duration:var(--duration-hover),var(--duration-hover),var(--duration-hover),.34s
}
.motion-ready body.is-loaded .social-card.is-motion-settled>.social-card__icon{
  transition:color var(--duration-leave) var(--ease-glide),background-color var(--duration-leave) var(--ease-glide),box-shadow var(--duration-leave) var(--ease-glide)
}
.motion-ready body.is-loaded .social-card.is-motion-settled:hover>.social-card__icon,.motion-ready body.is-loaded .social-card.is-motion-settled:focus-visible>.social-card__icon{
  transition-duration:var(--duration-hover)
}
.motion-ready body.is-loaded .social-card.is-motion-settled>.social-card__arrow{
  transition:color var(--duration-leave) var(--ease-glide),opacity var(--duration-leave) var(--ease-glide),transform var(--duration-leave) var(--ease-glide)
}
.motion-ready body.is-loaded .social-card.is-motion-settled:hover>.social-card__arrow,.motion-ready body.is-loaded .social-card.is-motion-settled:focus-visible>.social-card__arrow{
  transition-duration:var(--duration-hover),var(--duration-hover),.38s
}
.motion-ready body.is-loaded .bio-footer.is-motion-settled>.footer-source{
  transition:color var(--duration-fast) var(--ease),letter-spacing .42s var(--ease-out),transform .24s var(--ease-out),box-shadow var(--duration-base) var(--ease)
}
::view-transition-old(root){
  animation:language-old .15s var(--ease) both
}
::view-transition-new(root){
  animation:language-new .34s var(--ease-out) both
}
@keyframes language-old{
  to{
    opacity:0;
    filter:blur(2px);
    transform:translateY(-3px)
  }
}
@keyframes language-new{
  0%{
    opacity:0;
    filter:blur(3px);
    transform:translateY(5px)
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translateY(0)
  }
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal,.motion-ready .bio-profile>*,.project-card__content>*,.project-card__footer>*,.project-card__art{
    opacity:1!important;
    filter:none!important;
    transform:none!important
  }
  .motion-word{
    opacity:1!important;
    filter:none!important;
    transform:none!important
  }
  .motion-ready body.is-loaded .bio-profile.is-in-view h1:before,.motion-ready body.is-loaded .bio-profile.is-in-view h1:after,.bio-profile h1:before,.bio-profile h1:after{
    width:min(320px,78%)
  }
  .profile-avatar__status,.badge--accent i:after,.sound-toggle.is-on .sound-toggle__glyph i{
    animation:none!important
  }
  .motion-ready body.is-loaded .bio-profile.is-motion-settled>.profile-avatar,.social-card.is-selected,.social-card.is-selected:before{
    animation:none!important
  }
  .sound-toggle.is-on .sound-toggle__glyph i{
    height:9px
  }
  .motion-ripple{
    display:none
  }
  .motion-ready body.is-loaded .social-card.is-in-view:hover,.motion-ready body.is-loaded .social-card.is-in-view:focus-visible,.motion-ready body.is-loaded .social-card.is-in-view:active,.motion-ready body.is-loaded .project-card.is-in-view:active,.motion-ready body.is-loaded .project-card.is-in-view:hover,.social-card:hover .social-card__copy strong,.social-card:hover .social-card__arrow,.social-card:focus-visible .social-card__arrow,.motion-ready body.is-loaded .social-card.is-in-view:hover>.social-card__arrow,.motion-ready body.is-loaded .social-card.is-in-view:focus-visible>.social-card__arrow,.project-card:hover .project-card__art:before,.project-card:focus-visible .project-card__art:before,.project-card:hover .project-card__art img,.project-card:focus-visible .project-card__art img,.project-card:hover .btn__icon,.project-card:focus-visible .btn__icon,.profile-avatar:hover img,.profile-avatar:focus-within img,.profile-avatar:active img,.site-signature:hover img,.site-signature:active img,.language-switch button:active,.footer-source:hover,.btn:hover,.btn:active,.save-slot:hover .save-slot__action{
    transform:none!important
  }
  .motion-ready body.is-loaded .social-card.is-in-view.is-cursor,.motion-ready body.is-loaded .social-card.is-in-view.is-cursor>.social-card__arrow,.project-card.is-cursor .project-card__art:before,.project-card.is-cursor .btn__icon{
    transform:none!important
  }
  .social-card:before{
    transform:translate3d(0,-50%,0)!important
  }
  .social-card:after{
    transform:none!important
  }
  .footer-source:hover,.social-card:hover .social-card__copy strong{
    letter-spacing:inherit
  }
}