@charset "UTF-8";
:root {
  color-scheme:dark;
  --bg:#090c12;
  --ink:#f0f0e9;
  --muted:#a1a5af;
  --line:#ffffff26;
  --accent:#9fb6ff;
  --mood:75,105,205;
  --pad:clamp(24px,6vw,100px)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased
}
button,input,a {
  -webkit-tap-highlight-color:transparent
}
button,a {
  touch-action:manipulation
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit;
  color:inherit;
  cursor:pointer
}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:7px
}
::selection {
  background:#a6baff;
  color:#090c12
}
button {
  border:0
}
p {
  line-height:1.7
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  font-weight:400
}
em {
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400
}
h2 {
  font-size:clamp(40px,5.6vw,86px);
  line-height:1.09;
  letter-spacing:-.055em;
  margin-bottom:32px
}
.muted {
  color:#7c8391
}
.eyebrow,.section-label,.small-note,.hero-top,.hero-bottom,.hero-caption,.edition,.tagline,.visual-label,.persona-meta,.persona-hint,.world-strip>span,.project-row>span,.photo>span,.lab-control,.experiment>span,.lab-footnote,footer,.dock {
  font-family:'Courier New',monospace;
  font-size:11px;
  letter-spacing:.08em
}
.atmosphere {
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 75% 35%,rgba(var(--mood),.12),transparent 65%);
  transition:background 1s;
  z-index:-1
}
.progress {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  z-index:30
}
.header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  padding:28px var(--pad);
  display:flex;
  align-items:center;
  justify-content:space-between;
  z-index:10
}
.wordmark {
  font-size:36px;
  font-weight:bold;
  letter-spacing:-5px
}
.wordmark span {
  color:var(--accent)
}
nav {
  display:flex;
  gap:30px;
  background:#11151bc9;
  border:1px solid var(--line);
  padding:15px 26px;
  border-radius:40px;
  backdrop-filter:blur(12px)
}
nav a {
  font-size:12px;
  color:#bdc1ca;
  transition:color .2s
}
nav a:hover,nav a[aria-current] {
  color:#fff
}
.edition {
  color:var(--muted)
}
.scene {
  position:relative
}
.hero {
  min-height:850px;
  height:100svh;
  max-height:1200px;
  padding:150px var(--pad) 90px;
  overflow:hidden;
  isolation:isolate
}
.hero-top {
  display:flex;
  justify-content:space-between;
  color:var(--muted)
}
.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#a8bfff;
  margin-right:8px;
  box-shadow:0 0 12px #a8bfff
}
.hero-title {
  position:relative;
  margin-top:clamp(75px,12vh,145px);
  z-index:2;
  pointer-events:none
}
.hero-title .eyebrow {
  color:#b4bdd0;
  margin-bottom:28px;
  font-size:10px
}
h1 {
  font-size:clamp(76px,10.8vw,168px);
  line-height:.98;
  letter-spacing:-.075em;
  margin:0
}
h1 em {
  color:#b6c9ff;
  letter-spacing:-.07em
}
.asterisk {
  display:inline-block;
  font-size:.58em;
  color:#b6c9ff;
  vertical-align:top;
  margin-left:32px;
  transform:rotate(15deg)
}
.hero-bottom {
  position:absolute;
  bottom:92px;
  left:var(--pad);
  right:var(--pad);
  display:flex;
  justify-content:space-between;
  align-items:end;
  z-index:2
}
.hero-bottom p {
  font:14px/1.7 Arial,sans-serif;
  color:#bec1ca;
  margin:0
}
.coordinates {
  color:#9b9fab;
  line-height:1.8;
  font-size:9px
}
.explore {
  display:flex;
  align-items:center;
  gap:16px;
  font-size:10px
}
.circle-arrow {
  width:46px;
  height:46px;
  border:1px solid #ffffff45;
  border-radius:50%;
  display:grid;
  place-items:center;
  font:22px Arial;
  transition:transform .3s,background .3s
}
.explore:hover .circle-arrow {
  transform:translateY(5px);
  background:#ffffff12
}
.hero-caption {
  position:absolute;
  right:var(--pad);
  bottom:30px;
  font-size:9px;
  color:#7e879c
}
.portal {
  position:absolute;
  top:14%;
  right:-9%;
  width:70vw;
  height:70vw;
  max-width:1050px;
  max-height:1050px;
  z-index:-1;
  transform:translate3d(var(--px,0px),calc(var(--py,0px) + var(--scroll,0px)),0);
  will-change:transform
}
.portal-ring {
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:radial-gradient(ellipse,#05070b 49%,#111d39 56%,#718bbc 60%,#d5e2ff 60.4%,#6e91c7 61%,#283f66 63%,#12203a 66%,transparent 71%);
  transform:rotate(-30deg) scaleY(.81);
  box-shadow:inset 0 0 90px #05070b
}
.portal-core {
  position:absolute;
  inset:28%;
  border-radius:50%;
  background:#060910;
  box-shadow:0 0 75px #11172c
}
.orbit {
  position:absolute;
  border:1px solid #a7c0ff21;
  inset:4%;
  border-radius:50%;
  transform:rotate(-30deg) scaleY(.81)
}
.orbit-two {
  inset:0%;
  border-style:dashed;
  opacity:.5
}
.section-pad {
  padding:100px var(--pad) 110px
}
.section-label {
  display:flex;
  justify-content:space-between;
  color:#a5aab5;
  border-top:1px solid var(--line);
  padding-top:22px;
  margin-bottom:80px;
  font-size:10px
}
.about {
  background:linear-gradient(180deg,transparent,#14111d66,transparent)
}
.about-grid {
  display:grid;
  grid-template-columns:1.3fr .8fr;
  gap:10%;
  align-items:center
}
.body-copy {
  max-width:430px;
  font-size:16px;
  color:#aaaeba;
  line-height:1.9
}
.small-note {
  color:#979daa;
  font-size:10px;
  line-height:1.8
}
.persona {
  width:100%;
  height:450px;
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at 50% 70%,#555275,#181821 63%);
  border:1px solid #ffffff22;
  text-align:left
}
.portrait-lines {
  position:absolute;
  inset:25px;
  border:1px solid #ffffff19;
  background:repeating-linear-gradient(0deg,transparent 0 49px,#ffffff06 50px)
}
.silhouette {
  position:absolute;
  width:64%;
  height:60%;
  bottom:0;
  left:18%;
  border-radius:45% 45% 0 0;
  background:linear-gradient(100deg,#15141c,#292536 60%,#514969);
  box-shadow:15px 0 40px #b6a1e62b;
  transition:filter .7s,transform .7s
}
.silhouette>span {
  position:absolute;
  width:48%;
  height:52%;
  top:-37%;
  left:26%;
  border-radius:47% 47% 40% 40%;
  background:linear-gradient(100deg,#121119,#302b41 75%,#827194);
  box-shadow:5px -5px 15px #b0a1cc22
}
.persona-symbol {
  position:absolute;
  left:28%;
  top:20%;
  font-size:190px;
  color:#bfcdff;
  opacity:0;
  transform:scale(.5) rotate(-45deg);
  transition:opacity .7s,transform .8s
}
.persona.is-alternate .persona-symbol {
  opacity:1;
  transform:scale(1) rotate(15deg)
}
.persona.is-alternate .silhouette {
  filter:blur(15px);
  transform:scale(1.1);
  opacity:.4
}
.persona.is-alternate {
  background:radial-gradient(ellipse,#3e458a,#141721 70%)
}
.frame-corner {
  position:absolute;
  top:14px;
  left:16px;
  font:20px monospace;
  color:#a5a5b5
}
.persona-meta {
  position:absolute;
  top:25px;
  right:20px;
  color:#bbbcca;
  line-height:1.8;
  font-size:9px
}
.persona-meta small {
  font-size:8px
}
.persona-hint {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:20px;
  background:#0a0b109c;
  font-size:9px
}
.world-strip {
  border-bottom:1px solid var(--line);
  margin-top:90px;
  padding-bottom:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}
.world-strip>span {
  color:#9096a3;
  font-size:9px
}
.world-strip p {
  font-size:clamp(16px,2.5vw,35px);
  margin:0;
  letter-spacing:-.04em
}
.world-strip i {
  font-style:normal;
  color:#77738e;
  margin:0 20px
}
.work {
  background:linear-gradient(180deg,transparent,#11201955,transparent)
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:40px
}
.section-heading .body-copy {
  font-size:14px
}
.feature {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  border:1px solid var(--line);
  min-height:540px;
  background:#10181477
}
.device-scene {
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:radial-gradient(ellipse at 50% 80%,#39554355,transparent 65%),#0d1411;
  min-height:480px
}
.device-grid {
  position:absolute;
  inset:0;
  background:linear-gradient(#a4c6ac09 1px,transparent 1px),linear-gradient(90deg,#a4c6ac09 1px,transparent 1px);
  background-size:50px 50px;
  mask-image:linear-gradient(transparent,#000)
}
.device-orbit {
  position:absolute;
  width:85%;
  height:70%;
  border:1px solid #92b49d24;
  border-radius:50%;
  transform:rotate(-28deg)
}
.phone {
  width:180px;
  height:350px;
  position:relative;
  border:5px solid #646f68;
  border-radius:30px;
  background:radial-gradient(ellipse at 10% 90%,#5b7968,#172f25 43%,#07100d 70%);
  transform:rotate(-16deg);
  box-shadow:18px 25px 40px #0009,inset 0 0 0 2px #050b08;
  transition:transform .7s
}
.feature:hover .phone {
  transform:rotate(-9deg) translateY(-8px)
}
.camera {
  position:absolute;
  width:58px;
  height:16px;
  top:10px;
  left:56px;
  border-radius:20px;
  background:#060a08
}
.phone-symbol {
  position:absolute;
  left:30px;
  top:82px;
  font-size:110px;
  font-weight:bold;
  letter-spacing:-13px;
  color:#c5dbbd
}
.phone-symbol span {
  font-size:55px;
  vertical-align:top;
  letter-spacing:-8px
}
.phone-label {
  position:absolute;
  bottom:35px;
  left:26px;
  font:12px/1.4 monospace;
  letter-spacing:3px;
  color:#c5dbbd
}
.visual-label {
  position:absolute;
  bottom:20px;
  left:25px;
  color:#a6b2aa;
  font-size:9px
}
.feature-copy {
  padding:65px 13%;
  align-self:center
}
.feature-copy .eyebrow {
  font-size:9px;
  color:#9bad9f
}
.feature-copy h3 {
  font-size:clamp(45px,5vw,72px);
  line-height:1;
  letter-spacing:-.055em;
  margin:35px 0 26px
}
.green {
  color:#b8cfa7
}
.feature-copy p {
  font-size:14px;
  color:#a7b0aa
}
.tagline {
  display:block;
  color:#8fa193;
  font-size:8px;
  margin-top:38px
}
details {
  border-bottom:1px solid #ffffff35;
  padding:16px 0
}
summary {
  cursor:pointer;
  font-size:13px
}
summary span {
  float:right
}
details p {
  padding-top:15px
}
.project-row {
  display:grid;
  grid-template-columns:50px 1fr auto 35px;
  gap:20px;
  align-items:center;
  padding:30px 0;
  border-bottom:1px solid var(--line);
  transition:padding .3s,color .3s
}
.project-row:hover {
  padding-left:12px;
  color:#c6d9bd
}
.project-row h3 {
  font-size:clamp(22px,3vw,38px);
  letter-spacing:-.04em;
  margin:0
}
.project-row>span {
  color:#a0a8a1;
  font-size:9px
}
.project-row>span:last-child {
  font-size:24px;
  text-align:right
}
.gallery {
  background:linear-gradient(180deg,transparent,#35231444,transparent)
}
.gallery h2 em {
  color:#d2baa0
}
.gallery-grid {
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:10%;
  margin-top:60px
}
.photo {
  display:block;
  padding:0;
  background:none;
  width:100%;
  text-align:left
}
.photo img {
  display:block;
  width:100%;
  height:auto;
  transition:transform .8s,filter .8s;
  filter:saturate(.8)
}
.photo:hover img {
  transform:scale(.98);
  filter:saturate(1.15)
}
.photo>span {
  display:flex;
  justify-content:space-between;
  font-size:9px;
  margin-top:20px;
  color:#c4b6a7
}
.gallery-aside {
  padding-top:50px
}
.gallery-aside .body-copy {
  max-width:310px;
  margin-bottom:90px
}
.gallery-aside .small-note {
  display:block;
  margin-top:35px;
  font-size:8px
}
.playground {
  background:linear-gradient(180deg,transparent,#24203e66,transparent)
}
.lab-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10%;
  align-items:center
}
.lab-control {
  display:block;
  margin-top:50px;
  color:#bbc1d5;
  font-size:10px
}
.lab-control>span {
  float:right
}
input[type=range] {
  display:block;
  width:100%;
  accent-color:#c4b9ed;
  margin:25px 0 12px;
  cursor:ew-resize;
  height:24px
}
.range-labels {
  display:flex!important;
  float:none!important;
  justify-content:space-between;
  color:#9294ad;
  font-size:9px
}
.experiment {
  height:460px;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid var(--line);
  background:radial-gradient(ellipse,#52497533,transparent 65%);
  overflow:hidden
}
.sculpture {
  width:240px;
  height:240px;
  position:relative;
  transform:rotate(-25deg)
}
.sculpture i {
  position:absolute;
  inset:0;
  border:1px solid #c2b5fa;
  box-shadow:inset 8px 4px 20px #c9b5ff18,4px 3px 12px #c9b5ff12;
  border-radius:var(--shape,35%);
  transform:rotate(calc(var(--i) * var(--twist,22deg))) scale(calc(1 - var(--i) * .12));
  transition:border-radius .2s,transform .2s
}
.sculpture i:nth-child(1) {
  --i:0
}
.sculpture i:nth-child(2) {
  --i:1
}
.sculpture i:nth-child(3) {
  --i:2
}
.sculpture i:nth-child(4) {
  --i:3
}
.sculpture i:nth-child(5) {
  --i:4
}
.experiment>span {
  position:absolute;
  bottom:22px;
  font-size:8px;
  color:#a29cb6
}
.lab-footnote {
  color:#8f8aa4;
  font-size:9px;
  margin-top:35px;
  text-align:right
}
.ending {
  text-align:center;
  padding-bottom:95px
}
.ending .section-label {
  margin-bottom:120px
}
.ending>.eyebrow {
  color:#a1a9bc;
  font-size:9px
}
.ending h2 {
  font-size:clamp(46px,7vw,110px);
  margin-top:35px
}
.ending h2 em {
  color:#b6c9ff
}
.ending-links {
  display:flex;
  justify-content:center;
  gap:50px;
  margin:55px 0 120px
}
.ending-links a {
  font-size:13px;
  border-bottom:1px solid #ffffff55;
  padding-bottom:15px
}
.ending-links span {
  margin-left:30px
}
footer {
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:25px;
  color:#989fab;
  font-size:9px
}
footer p {
  margin:0
}
#secret {
  font-size:30px;
  background:none;
  color:#b6c9ff
}
.dock {
  position:fixed;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:16px;
  background:#10131be8;
  border:1px solid #ffffff26;
  border-radius:30px;
  padding:10px 18px;
  backdrop-filter:blur(12px);
  z-index:20;
  white-space:nowrap;
  font-size:9px
}
.dock button {
  font:inherit;
  background:transparent;
  padding:7px 0;
  color:#b7bfce
}
.dock button[aria-pressed=true] {
  color:#d3e3ff
}
.chapter {
  padding-right:15px;
  border-right:1px solid #ffffff25;
  color:#828b9d
}
.chapter>span {
  color:#e2e8f8
}
.skip-link {
  position:fixed;
  top:10px;
  left:10px;
  padding:15px;
  background:#fff;
  color:#000;
  z-index:50;
  transform:translateY(-150%)
}
.skip-link:focus {
  transform:none
}
.toast {
  position:fixed;
  bottom:85px;
  left:50%;
  transform:translate(-50%,20px);
  max-width:calc(100% - 40px);
  width:max-content;
  background:#202635;
  border:1px solid #ffffff30;
  padding:15px 22px;
  border-radius:6px;
  font-size:13px;
  z-index:40;
  opacity:0;
  pointer-events:none;
  transition:opacity .3s,transform .3s
}
.toast.visible {
  opacity:1;
  transform:translate(-50%,0)
}
dialog {
  background:#11141b;
  color:var(--ink);
  border:1px solid var(--line);
  width:min(900px,92vw);
  max-height:90svh;
  padding:24px
}
dialog::backdrop {
  background:#000d;
  backdrop-filter:blur(8px)
}
dialog img {
  display:block;
  max-height:63svh;
  max-width:100%;
  margin:auto
}
dialog h3 {
  margin:22px 0 8px
}
dialog p {
  color:var(--muted);
  font-size:13px;
  margin-bottom:0
}
.close-dialog {
  display:block;
  margin:0 0 20px auto;
  padding:10px;
  background:#ffffff12
}
.cursor {
  display:none;
  position:fixed;
  left:0;
  top:0;
  width:38px;
  height:38px;
  border:1px solid #cad8ff66;
  border-radius:50%;
  pointer-events:none;
  z-index:100;
  align-items:center;
  justify-content:center;
  font:9px monospace;
  color:#e4eaff;
  opacity:0;
  transition:width .2s,height .2s,opacity .2s;
  transform:translate(-50%,-50%)
}
.cursor.over {
  width:66px;
  height:66px;
  background:#19223699
}
.motion-ready .reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .85s,transform .85s
}
.motion-ready .reveal.visible {
  opacity:1;
  transform:translateY(0)
}
.motion-ready .hero-title {
  animation:arrive 1.1s both
}
.motion-ready .portal-ring {
  animation:breathe 9s ease-in-out infinite alternate
}
@keyframes arrive {
  from {
    opacity:0;
    translate:0 25px
  }
  to {
    opacity:1;
    translate:0 0
  }
}
@keyframes breathe {
  from {
    opacity:.75
  }
  to {
    opacity:1
  }
}
.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important
}
.reduced-motion .reveal {
  opacity:1;
  transform:none
}
.reduced-motion .portal {
  transform:none
}
.reduced-motion .cursor {
  display:none!important
}
html.reduced-motion {
  scroll-behavior:auto
}
@media(hover:hover) and (pointer:fine) {
  .cursor {
    display:flex
  }
}
@media(min-width:1600px) {
  main {
    max-width:1800px;
    margin:auto
  }
}
@media(max-width:900px) {
  .edition {
    display:none
  }
  .hero {
    min-height:760px
  }
  .portal {
    width:100vw;
    height:100vw;
    top:24%;
    right:-30%
  }
  .hero-title {
    margin-top:120px
  }
  h1 {
    font-size:12vw
  }
  .coordinates {
    display:none
  }
  .about-grid {
    gap:6%
  }
  .persona {
    height:380px
  }
  .persona-symbol {
    font-size:140px
  }
  .feature-copy {
    padding:40px 10%
  }
  .world-strip {
    align-items:start;
    flex-direction:column
  }
  .lab-grid {
    gap:6%
  }
  .sculpture {
    width:190px;
    height:190px
  }
  .gallery-grid {
    gap:7%
  }
  .section-heading {
    align-items:start;
    flex-direction:column;
    gap:0
  }
}
@media(max-width:600px) {
  .header {
    padding-top:20px
  }
  nav {
    gap:19px;
    padding:13px 19px
  }
  nav a {
    font-size:11px
  }
  .wordmark {
    font-size:30px
  }
  .hero {
    min-height:730px;
    max-height:950px;
    padding-top:125px
  }
  .hero-top {
    font-size:8px
  }
  .hero-top>span:last-child {
    display:none
  }
  .hero-title {
    margin-top:95px
  }
  .hero-title .eyebrow {
    font-size:8px;
    max-width:220px;
    line-height:1.7;
    margin-bottom:24px
  }
  h1 {
    font-size:15vw;
    line-height:1.08
  }
  .asterisk {
    margin-left:12px
  }
  .portal {
    width:145vw;
    height:145vw;
    right:-62%;
    top:27%
  }
  .hero-bottom {
    bottom:90px;
    align-items:start;
    flex-direction:column-reverse;
    gap:30px
  }
  .hero-bottom p {
    font-size:13px
  }
  .hero-caption {
    font-size:7px;
    bottom:30px
  }
  .section-pad {
    padding-top:65px;
    padding-bottom:65px
  }
  .section-label {
    margin-bottom:45px;
    font-size:8px;
    gap:20px;
    line-height:1.7
  }
  .section-label>span:last-child {
    text-align:right;
    max-width:130px
  }
  .about-grid,.feature,.gallery-grid,.lab-grid {
    grid-template-columns:1fr;
    gap:36px
  }
  .body-copy {
    font-size:15px
  }
  .persona {
    height:430px;
    max-width:380px;
    margin:auto
  }
  .persona-symbol {
    font-size:190px
  }
  .world-strip {
    margin-top:55px;
    gap:20px
  }
  .world-strip p {
    font-size:19px
  }
  .world-strip i {
    margin:0 8px
  }
  .section-heading h2 {
    margin-bottom:22px
  }
  .device-scene {
    min-height:400px
  }
  .feature {
    gap:0
  }
  .feature-copy {
    padding:35px 28px
  }
  .feature-copy h3 {
    font-size:56px
  }
  .project-row {
    grid-template-columns:24px 1fr 24px;
    gap:10px;
    padding:25px 0
  }
  .project-row>span:nth-child(3) {
    display:none
  }
  .project-row h3 {
    font-size:25px
  }
  .gallery-grid {
    margin-top:40px
  }
  .gallery-aside {
    padding-top:0;
    padding-left:30px
  }
  .gallery-aside .body-copy {
    margin-bottom:35px
  }
  .photo>span {
    font-size:8px
  }
  .experiment {
    height:360px
  }
  .sculpture {
    width:220px;
    height:220px
  }
  .lab-footnote {
    text-align:left;
    line-height:1.8
  }
  .ending .section-label {
    margin-bottom:75px
  }
  .ending>.eyebrow {
    font-size:8px
  }
  .ending-links {
    gap:25px;
    margin-bottom:75px
  }
  .ending-links a {
    font-size:11px
  }
  .ending-links span {
    margin-left:8px
  }
  footer {
    flex-wrap:wrap;
    gap:15px;
    font-size:8px
  }
  footer p {
    order:3;
    width:100%;
    text-align:left
  }
  .ending {
    padding-bottom:110px
  }
  .dock {
    gap:12px;
    font-size:8px;
    padding:8px 14px
  }
  dialog {
    padding:16px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
  .motion-ready .reveal {
    opacity:1;
    transform:none
  }
  .portal {
    transform:none!important
  }
  .cursor {
    display:none!important
  }
}