:root{
    /* ---- ground: warm paper, ink tinted toward the brand blue ---- */
    --paper:      oklch(97.6% 0.009 85);
    --paper-2:    oklch(94.8% 0.012 85);
    --paper-3:    oklch(92.0% 0.014 85);
    --ink:        oklch(21.5% 0.024 255);
    --ink-2:      oklch(17.5% 0.026 255);
    --ink-soft:   oklch(30.0% 0.024 255);

    --text:       oklch(23.0% 0.022 255);
    --muted:      oklch(47.0% 0.018 255);
    --faint:      oklch(62.0% 0.015 255);
    --rule:       oklch(87.0% 0.013 85);
    --rule-soft:  oklch(91.5% 0.011 85);

    /* on ink */
    --text-inv:   oklch(95.5% 0.008 85);
    --muted-inv:  oklch(75.0% 0.014 255);
    --faint-inv:  oklch(58.0% 0.018 255);
    --rule-inv:   oklch(32.0% 0.020 255);

    /* accents — colorblind-safe pair, no red/green encoding anywhere */
    --blue:       oklch(56.0% 0.150 250);
    --blue-soft:  oklch(93.0% 0.035 250);
    --blue-lift:  oklch(72.0% 0.130 250);
    --amber:      oklch(60.0% 0.135 62);
    --amber-lift: oklch(78.0% 0.140 68);
    --amber-soft: oklch(94.0% 0.045 75);

    --serif: 'Spectral', Georgia, 'Times New Roman', serif;
    --sans:  'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --mono:  'Martian Mono', ui-monospace, 'SF Mono', Menlo, monospace;

    --sp-2:4px; --sp-3:8px; --sp-4:12px; --sp-5:16px; --sp-6:24px;
    --sp-7:32px; --sp-8:48px; --sp-9:64px; --sp-10:96px;

    --maxw:1160px;
    --gut: clamp(20px, 5vw, 56px);
    --out: cubic-bezier(0.22, 1, 0.36, 1);      /* ease-out-quint */
    --out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
  body{
    background:var(--paper);
    color:var(--text);
    font-family:var(--sans);
    font-size:clamp(1rem, 0.97rem + 0.14vw, 1.075rem);
    line-height:1.62;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  ::selection{background:var(--blue-soft);color:var(--ink)}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}

  /* ============ shared type ============ */
  .mono{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;font-feature-settings:"tnum" 1}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}

  h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-0.015em;line-height:1.1}
  h2{font-size:clamp(1.85rem, 1.1rem + 2.6vw, 3.05rem);max-width:19ch}
  h3{font-size:clamp(1.18rem, 1.05rem + 0.5vw, 1.42rem);line-height:1.24;font-weight:600}

  /* ---- typography: no single word stranded on a last line ----
     balance evens out short headings; pretty lets the engine pull a word
     down from the previous line rather than leaving an orphan. Browsers
     without support simply ignore both and wrap as before. ---- */
  h1, h2, h3, .hero-tag{text-wrap:balance}
  p, .lede, .aside, .bio p, blockquote, .item p, .col li span{text-wrap:pretty}

  .lede{font-family:var(--serif);font-size:clamp(1.12rem, 1.02rem + 0.5vw, 1.35rem);line-height:1.55;color:var(--ink-soft);max-width:60ch}
  p.body{max-width:68ch;color:var(--muted)}
  p.body + p.body{margin-top:var(--sp-5)}
  p.body b, .lede b{color:var(--text);font-weight:600}
  .ln{color:var(--ink);box-shadow:inset 0 -1px 0 var(--rule);transition:box-shadow .2s var(--out), color .2s var(--out)}
  .ln:hover{color:var(--blue);box-shadow:inset 0 -1px 0 var(--blue)}
  .band .ln{color:var(--text-inv);box-shadow:inset 0 -1px 0 rgba(255,255,255,.30)}
  .band .ln:hover{color:var(--amber-lift);box-shadow:inset 0 -1px 0 var(--amber-lift)}

  /* ---- ready-to-paste third-person bio (the thing conference organizers always ask for) ---- */
  .bio{margin-top:var(--sp-8);border:1px solid var(--rule-inv);padding:var(--sp-6);max-width:70ch;position:relative}
  .bio-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);margin-bottom:var(--sp-5)}
  .bio-lab{font-family:var(--mono);font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:var(--faint-inv);font-weight:600}
  .bio-copy{font-family:var(--mono);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-inv);border:1px solid var(--rule-inv);background:none;padding:6px 12px;cursor:pointer;transition:color .2s var(--out),border-color .2s var(--out)}
  .bio-copy:hover{color:var(--text-inv);border-color:var(--muted-inv)}
  .bio-copy[data-done="1"]{color:var(--amber-lift);border-color:var(--amber-lift)}
  .bio p{color:var(--muted-inv);font-size:.96rem;line-height:1.62}

  /* ============ editorial row: mono label left, content right ============ */
  section{padding:clamp(64px, 9vw, 116px) 0;position:relative}
  .row{display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
  .row-label{display:flex;flex-direction:column;gap:var(--sp-3);position:sticky;top:96px}
  .row-label .idx{font-family:var(--mono);font-size:.66rem;font-weight:600;color:var(--amber);letter-spacing:.1em}
  .row-label .nm{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:500;line-height:1.5}
  .row-label::before{content:"";width:30px;height:2px;background:var(--amber);margin-bottom:var(--sp-2)}
  @media(max-width:840px){
    .row{grid-template-columns:1fr;gap:var(--sp-5)}
    .row-label{position:static;flex-direction:row;align-items:center;gap:var(--sp-4)}
    .row-label::before{margin:0}
  }

  /* ink bands */
  .band{background:var(--ink);color:var(--text-inv)}
  .band h2,.band h3{color:var(--text-inv)}
  .band .lede{color:var(--muted-inv)}
  .band p.body{color:var(--muted-inv)}
  .band p.body b{color:var(--text-inv)}
  .band .row-label .nm{color:var(--faint-inv)}
  .band .row-label .idx{color:var(--amber-lift)}
  .band .row-label::before{background:var(--amber-lift)}

  /* ============ nav ============ */
  nav{position:fixed;inset:0 0 auto 0;z-index:60;transition:background .35s var(--out), border-color .35s var(--out), backdrop-filter .35s}
  nav .bar{max-width:var(--maxw);margin:0 auto;padding:var(--sp-5) var(--gut);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);transition:padding .35s var(--out)}
  nav.stuck{background:color-mix(in oklch, var(--paper) 84%, transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--rule)}
  nav.stuck .bar{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
  .brand{font-family:var(--serif);font-size:1.02rem;font-weight:600;letter-spacing:-0.01em;white-space:nowrap}
  .brand i{font-style:normal;color:var(--faint)}
  .nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
  .nav-links a{font-family:var(--mono);font-size:.63rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:6px 0;position:relative;transition:color .2s}
  .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--out)}
  .nav-links a:hover{color:var(--ink)}
  .nav-links a:hover::after,.nav-links a[aria-current="true"]::after{transform:scaleX(1)}
  .nav-links a[aria-current="true"]{color:var(--ink)}
  @media(max-width:800px){.nav-links a{display:none}}

  /* ============ hero ============ */
  .hero{padding-top:clamp(124px,17vh,180px);padding-bottom:clamp(48px,7vw,80px)}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:clamp(32px,5vw,72px);align-items:end}
  .kicker{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
  .kicker span{white-space:nowrap}
  .kicker span + span::before{content:"·";margin-right:var(--sp-4);color:var(--amber)}
  h1{font-size:clamp(3.1rem, 1.4rem + 7.6vw, 6.6rem);line-height:0.94;letter-spacing:-0.035em;font-weight:500;margin:var(--sp-6) 0 0}
  h1 em{display:block;font-style:italic;font-weight:400;color:var(--ink)}
  .hero-tag{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1rem + 0.8vw,1.6rem);color:var(--ink-soft);margin-top:var(--sp-6);max-width:34ch;line-height:1.35}
  .hero-sub{margin-top:var(--sp-6);max-width:56ch;color:var(--muted)}
  .hero-sub b{color:var(--text);font-weight:600}

  .actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-7)}
  .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;padding:13px 20px;border:1px solid var(--rule);border-radius:2px;transition:transform .25s var(--out), background .25s var(--out), border-color .25s var(--out), color .25s var(--out)}
  .btn .a{transition:transform .25s var(--out)}
  .btn:hover{transform:translateY(-2px)}
  .btn:hover .a{transform:translate(2px,-2px)}
  .btn-solid{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .btn-solid:hover{background:var(--blue);border-color:var(--blue)}
  .btn-line:hover{border-color:var(--ink);background:var(--paper-2)}
  .band .btn-line{border-color:var(--rule-inv);color:var(--text-inv)}
  .band .btn-line:hover{border-color:var(--text-inv);background:oklch(26% 0.025 255)}
  .band .btn-solid{background:var(--paper);border-color:var(--paper);color:var(--ink)}
  .band .btn-solid:hover{background:var(--blue-lift);border-color:var(--blue-lift)}

  /* portrait — the one toy on the page */
  .portrait{justify-self:end;width:100%;max-width:300px}
  .flip{position:relative;width:100%;aspect-ratio:3/4;perspective:1600px;cursor:pointer;background:none;border:0;padding:0;display:block}
  .flip-in{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s var(--out-soft)}
  .flip[data-flipped="true"] .flip-in{transform:rotateY(180deg)}
  .face{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:2px;background:var(--paper-3);box-shadow:0 1px 0 var(--rule), 0 22px 48px -28px oklch(20% 0.03 255 / 0.45)}
  .face img{width:100%;height:100%;object-fit:cover;filter:saturate(.94)}
  .face.back{transform:rotateY(180deg)}
  .face .lbl{position:absolute;left:0;bottom:0;right:0;padding:26px 14px 11px;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(to top, oklch(18% 0.03 255 / .72), transparent);text-align:left}
  .flip-hint{display:flex;align-items:center;gap:8px;margin-top:var(--sp-4);font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);transition:color .25s}
  .flip-hint svg{flex:none;transition:transform .5s var(--out)}
  .portrait:hover .flip-hint{color:var(--amber)}
  .portrait:hover .flip-hint svg{transform:rotate(180deg)}
  @media(max-width:840px){
    .hero-grid{grid-template-columns:1fr;align-items:start}
    .portrait{justify-self:start;max-width:210px;order:-1}
  }

  /* ============ instrument strip ============ */
  .strip{background:var(--ink);color:var(--text-inv);padding:0}
  .strip-in{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:repeat(4,1fr)}
  .metric{padding:clamp(28px,3.6vw,44px) clamp(14px,2vw,28px) clamp(28px,3.6vw,44px) 0;border-right:1px solid var(--rule-inv)}
  .metric:first-child{padding-left:0}
  .metric:not(:first-child){padding-left:clamp(14px,2vw,28px)}
  .metric:last-child{border-right:0}
  .metric .v{font-family:var(--serif);font-size:clamp(1.9rem,1.1rem + 2.4vw,3rem);font-weight:500;line-height:1;color:var(--text-inv);font-feature-settings:"tnum" 1;letter-spacing:-0.02em}
  .metric .v sup{font-size:.42em;vertical-align:super;color:var(--amber-lift);margin-left:2px;font-weight:600}
  .metric .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint-inv);margin-top:var(--sp-4);line-height:1.6;font-weight:500}
  .metric .k b{color:var(--muted-inv);font-weight:500;display:block}
  @media(max-width:760px){
    .strip-in{grid-template-columns:repeat(2,1fr)}
    .metric{padding-left:clamp(14px,3vw,20px)!important;padding-right:clamp(14px,3vw,20px)}
    .metric:nth-child(1),.metric:nth-child(3){padding-left:0!important}
    .metric:nth-child(2){border-right:0}
    .metric:nth-child(1),.metric:nth-child(2){border-bottom:1px solid var(--rule-inv)}
  }

  /* ============ pull quote ============ */
  .pull{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.35rem,1rem + 1.5vw,2.05rem);line-height:1.32;color:var(--ink);max-width:22ch;margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--rule)}
  .pull span{color:var(--amber);font-style:normal}

  /* ============ work: editorial index, not cards ============ */
  .index{margin-top:var(--sp-8);border-top:1px solid var(--rule)}
  .item{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:clamp(16px,3vw,40px);padding:var(--sp-7) 0;border-bottom:1px solid var(--rule);transition:background .3s var(--out)}
  .item:hover{background:var(--paper-2)}
  .item .when{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);line-height:1.75;font-weight:500;padding-top:5px}
  .item .when b{display:block;color:var(--amber);font-weight:600}
  .item p{color:var(--muted);margin-top:var(--sp-4);max-width:64ch;font-size:.985rem}
  .item p b{color:var(--text);font-weight:600}
  .chips{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
  .chip{font-family:var(--mono);font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);padding:5px 9px;border-radius:2px;font-weight:500}
  .band .item{border-color:var(--rule-inv)}
  .band .index{border-color:var(--rule-inv)}
  .band .item:hover{background:oklch(24% 0.026 255)}
  .band .item .when{color:var(--faint-inv)}
  .band .item .when b{color:var(--amber-lift)}
  .band .item p{color:var(--muted-inv)}
  .band .item p b{color:var(--text-inv)}
  .band .chip{color:var(--muted-inv);border-color:var(--rule-inv)}
  @media(max-width:680px){.item{grid-template-columns:1fr;gap:var(--sp-4)}.item .when{padding-top:0}.item .when b{display:inline;margin-right:6px}}

  /* ============ publications instrument ============ */
  .console{margin-top:var(--sp-7);display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;justify-content:space-between;padding-bottom:var(--sp-5);border-bottom:1px solid var(--rule)}
  .filters{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
  .f{font-family:var(--mono);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500;color:var(--muted);background:none;border:1px solid var(--rule);border-radius:2px;padding:8px 12px;cursor:pointer;transition:.22s var(--out)}
  .f:hover{border-color:var(--ink);color:var(--ink)}
  .f[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .f .c{opacity:.55;margin-left:6px}
  .seek{display:flex;align-items:center;gap:var(--sp-3);border:1px solid var(--rule);border-radius:2px;padding:8px 12px;background:var(--paper);transition:border-color .22s}
  .seek:focus-within{border-color:var(--blue)}
  .seek svg{flex:none;color:var(--faint)}
  .seek input{border:0;background:none;font-family:var(--mono);font-size:.63rem;letter-spacing:.04em;color:var(--ink);width:170px;outline:0}
  .seek input::placeholder{color:var(--faint);text-transform:uppercase;letter-spacing:.07em}

  .readout{font-family:var(--mono);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-top:var(--sp-5);font-weight:500}
  .readout b{color:var(--amber);font-weight:600}

  .biblio{list-style:none;margin-top:var(--sp-3)}
  .pub{display:grid;grid-template-columns:minmax(0,84px) minmax(0,1fr);gap:clamp(14px,2.5vw,32px);padding:var(--sp-5) 0;border-bottom:1px solid var(--rule-soft);align-items:baseline}
  .pub[hidden]{display:none}
  .pub .yr{font-family:var(--mono);font-size:.66rem;font-weight:600;color:var(--amber);letter-spacing:.03em;font-feature-settings:"tnum" 1}
  .pub .t{font-family:var(--serif);font-size:1.045rem;line-height:1.36;color:var(--ink);font-weight:500}
  .pub .t a{box-shadow:inset 0 -1px 0 var(--rule);transition:box-shadow .2s, color .2s}
  .pub .t a:hover{color:var(--blue);box-shadow:inset 0 -1px 0 var(--blue)}
  .pub .m{font-size:.83rem;color:var(--muted);margin-top:5px;line-height:1.5}
  .pub .m em{font-style:italic;color:var(--ink-soft)}
  .pub .m .v{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-left:2px}
  .empty{padding:var(--sp-8) 0;font-family:var(--mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);text-align:center}
  @media(max-width:600px){.pub{grid-template-columns:1fr;gap:var(--sp-2)}}

  /* ============ profile columns ============ */
  /* 4 lists: one row when there is room, otherwise a balanced 2x2 -- never one orphan column */
  .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.6vw,38px);margin-top:var(--sp-8)}
  @media(min-width:1180px){.cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media(max-width:560px){.cols{grid-template-columns:1fr}}
  .col h4{font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-weight:600;padding-bottom:var(--sp-4);border-bottom:1px solid var(--rule);margin-bottom:var(--sp-2)}
  .col ul{list-style:none}
  .col li{padding:var(--sp-4) 0;border-bottom:1px solid var(--rule-soft)}
  .col li b{display:block;font-weight:600;font-size:.94rem;color:var(--text);line-height:1.35}
  .col li span{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.05em;color:var(--faint);margin-top:6px;line-height:1.65;text-transform:uppercase}

  /* ============ evidence lines under the building cards ============ */
  .ev{margin-top:var(--sp-4);font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.8;color:var(--muted);padding-left:14px;border-left:2px solid var(--amber);max-width:64ch}
  .ev b{color:var(--text);font-weight:600}
  .band .ev{color:var(--muted-inv);border-left-color:var(--amber-lift)}
  .band .ev b{color:var(--text-inv)}

  /* ============ scholar line + short bio ============ */
  .scholar{margin-top:var(--sp-5);font-family:var(--mono);font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-weight:500}
  .scholar b{color:var(--amber);font-weight:600}
  .bio + .bio{margin-top:var(--sp-5)}

  /* ============ essay page ============ */
  .essay-head{padding-top:clamp(124px,17vh,180px);padding-bottom:0}
  .essay-title{font-size:clamp(2.3rem, 1.2rem + 4.2vw, 4.4rem);line-height:1.02;letter-spacing:-0.03em;font-weight:500;margin-top:var(--sp-6);max-width:16ch}
  .essay{padding-top:clamp(40px,6vw,72px)}
  .prose p.body{font-family:var(--serif);font-size:clamp(1.06rem, 1rem + 0.35vw, 1.22rem);line-height:1.62;color:var(--text);max-width:62ch}
  .prose p.body + p.body{margin-top:var(--sp-6)}
  .prose .pull{max-width:30ch}

  /* ============ closing ============ */
  .closing .lede{max-width:58ch}

  /* ============ footer ============ */
  footer{background:var(--ink-2);color:var(--muted-inv);padding:clamp(48px,6vw,72px) 0 clamp(32px,4vw,48px)}
  .foot{display:flex;flex-wrap:wrap;gap:var(--sp-8);justify-content:space-between;align-items:flex-start}
  .foot .aside{font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.5;color:var(--muted-inv);max-width:40ch}
  .foot .out{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6)}
  .foot .out a{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint-inv);transition:color .2s}
  .foot .out a:hover{color:var(--amber-lift)}
  .foot .rule{width:100%;border-top:1px solid var(--rule-inv);padding-top:var(--sp-5);font-family:var(--mono);font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint-inv);display:flex;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap}

  /* ============ motion ============ */
  .rise{opacity:0;transform:translateY(22px);transition:opacity .78s var(--out), transform .78s var(--out)}
  .rise.on{opacity:1;transform:none}
  .rise[data-d="1"]{transition-delay:.07s}
  .rise[data-d="2"]{transition-delay:.14s}
  .rise[data-d="3"]{transition-delay:.21s}
  .rise[data-d="4"]{transition-delay:.28s}
  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
    .rise{opacity:1;transform:none}
  }