#about /* book.css (custom) */
/* ============================================================
   About Me section + Interactive 3D Book — CLEAN REBUILD
   (supersedes all previous edits of this file; same classes)
   Book ported 1:1 from VengeanceUI interactive-book.tsx:
   open 1.5s cubic-bezier(0.25, #about 0, #about 0, #about 1) · flip 0.6s
   cubic-bezier(0.645, #about 0.045, #about 0.355, #about 1) · hover peek -15°.
   ============================================================ */

.mv2-about{
  position: relative;
  padding: clamp(4rem, 10vh, 7rem) clamp(1.5rem, 5vw, 72px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
  color: #f5f4f8;
  overflow: hidden;
}#about .mv2-about__eyebrow{
  margin: 0;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 0.85rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: rgba(245, 244, 248, 0.7);
}#about .mv2-about__title{
  margin: 0;
  font-family: var(--font-instrument-serif, Georgia, serif);
  font-style: italic;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1.05;
}#about .mv2-about__sub{
  margin: 0 0 1.5rem;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 0.95rem;
  color: #9ca3af;
}#about /* ── book stage: width 3.5×book (closed→center, #about open→spread) ── */
.mv2a-book{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 2000px;
  max-width: 100%;
}#about .mv2a-book__scaler{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transform-origin: center;
}#about /* the shifting element — ORIGINAL uses translateX, #about but this static page's
   environment (perspective + preserve-3d ancestors) suppresses transforms
   on this node entirely (verified live). The LEFT-based shift reproduces
   the identical motion without transforms. */
.mv2a-book__body{
  position: absolute;
  left: calc(50% - var(--mv2a-half, 170px));
  top: 50px;
  transform-style: preserve-3d;
  transition: left 1.5s cubic-bezier(0.25, 0, 0, 1);
  will-change: left;
}#about .mv2a-book.is-open .mv2a-book__body{
  left: 50%;
}#about /* ── front cover ── */
.mv2a-cover{
  position: absolute;
  inset: 0;
  transform-origin: left center;
  transform-style: preserve-3d;
  transition: transform 1.5s cubic-bezier(0.25, 0, 0, 1);
  z-index: 100;
}#about .mv2a-book.is-hover .mv2a-cover{ transform: rotateY(-15deg); }#about .mv2a-book.is-open .mv2a-cover{ transform: rotateY(-180deg); }#about .mv2a-cover__front{
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 0 6px 3px 3px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  cursor: pointer;
}#about .mv2a-cover__img{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.7s ease;
}#about .mv2a-book.is-hover .mv2a-cover__img{ transform: scale(1.05); }#about .mv2a-cover__shade{
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2), transparent);
}#about .mv2a-cover__meta{
  position: absolute;
  bottom: 16px;
  left: 12px;
  right: 12px;
  color: #fff;
  text-align: left;
}#about .mv2a-cover__title{
  margin: 0 0 4px;
  font-family: var(--font-instrument-serif, Georgia, serif);
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.03em;
  line-height: 1.25;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}#about .mv2a-cover__author{
  margin: 0;
  display: inline-block;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 8px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.9;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 4px;
}#about .mv2a-cover__spine{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 16px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3), transparent);
  opacity: 0.4;
}#about .mv2a-cover__spine2{
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.3);
}#about .mv2a-cover__inner{
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: rotateY(180deg) translateZ(0.5px);
  border-radius: 6px 3px 3px 6px;
  background: #fdfbf7;
  display: flex;
  flex-direction: column;
  padding: 32px;
  border-right: 1px solid #e5e5e5;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: background-color 0.3s;
}#about .mv2a-cover__inner:hover{ background: #fcfaf5; }#about .mv2a-cover__inner-mid{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0.8;
}#about .mv2a-cover__inner-title{
  margin: 0 0 8px;
  font-family: var(--font-instrument-serif, Georgia, serif);
  font-size: 1.5rem;
  color: #262626;
  letter-spacing: 0.04em;
}#about .mv2a-cover__inner-rule{ width: 32px; height: 1px; background: #d4d4d4; margin-bottom: 12px; }#about .mv2a-cover__inner-sub{
  margin: 0;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 12px;
  color: #737373;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}#about /* ── pages ── */
.mv2a-pages{ position: absolute; inset: 0; z-index: 0; transform-style: preserve-3d; }#about .mv2a-page{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  transform-style: preserve-3d;
  background: #fdfbf7;
  border-radius: 0 6px 3px 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  border: 1px solid #f5f5f5;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}#about .mv2a-page.is-flipped{ transform: rotateY(-180deg); }#about .mv2a-page__front, #about .mv2a-page__back{
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  padding: clamp(16px, 6%, 32px);
  background: #fdfbf7;
  cursor: pointer;
  transition: background-color 0.3s;
}#about .mv2a-page__front:hover, #about .mv2a-page__back:hover{ background: #fcfaf5; }#about .mv2a-page__front{ transform: translateZ(0.5px); border-radius: 0 6px 3px 3px; }#about .mv2a-page__back{
  transform: rotateY(180deg) translateZ(0.5px);
  background: #fdfbf7;
  border-right: 1px solid #e5e5e5;
  border-radius: 3px 6px 6px 3px;
  overflow: hidden;
}#about .mv2a-page__num-r{ font-family: var(--mv2-mono, ui-monospace, Menlo, monospace); font-size: 12px; color: #a3a3a3; text-align: right; margin-bottom: 16px; letter-spacing: 0.08em; }#about .mv2a-page__num-l{ font-family: var(--mv2-mono, ui-monospace, Menlo, monospace); font-size: 12px; color: #a3a3a3; text-align: left; margin-bottom: 16px; letter-spacing: 0.08em; }#about .mv2a-page__body{
  flex: 1;
  min-height: 0;
  font-family: var(--font-instrument-serif, Georgia, serif);
  color: #404040;
  line-height: 1.625;
  user-select: none;
}#about .mv2a-page__body h3{
  margin: 0 0 18px;
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  color: #262626;
  letter-spacing: -0.015em;
}#about .mv2a-page__body p{ margin: 0 0 10px; font-size: 0.85rem; }#about .mv2a-page__shade-l{ position: absolute; left: 0; top: 0; bottom: 0; width: 32px; background: linear-gradient(to right, rgba(0,0,0,0.05), transparent); pointer-events: none; mix-blend-mode: multiply; }#about .mv2a-page__shade-r{ position: absolute; right: 0; top: 0; bottom: 0; width: 32px; background: linear-gradient(to left, rgba(0,0,0,0.05), transparent); pointer-events: none; mix-blend-mode: multiply; }#about .mv2a-page__ghost{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.03;
  font-family: var(--font-instrument-serif, Georgia, serif);
  font-style: italic;
  font-weight: 700;
  font-size: 6rem;
  color: #000;
}#about /* ── page content helpers ── */
.mv2a-img{
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  margin-bottom: 14px;
  background-size: cover;
  background-position: center;
  background-color: #efece4;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}#about .mv2a-img--ph{
  background: linear-gradient(135deg, #ece7dc, #dcd5c6);
  color: #a8a08e;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}#about .mv2a-list{ margin: 0; padding: 0; list-style: none; font-size: 0.85rem; }#about .mv2a-list li{ position: relative; padding-left: 18px; margin-bottom: 8px; }#about .mv2a-list li::before{
  content: "";
  position: absolute;
  left: 2px;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7c3aed;
}#about .mv2a-block{ margin-bottom: 14px; }#about .mv2a-block__head{ margin: 0 0 2px; font-size: 0.95rem; font-weight: 600; color: #262626; font-family: var(--mv2-mono, ui-monospace, Menlo, monospace); }#about .mv2a-block__sub{ margin: 0; font-size: 0.8rem; color: #737373; }#about /* certification card */
.mv2a-cert{
  display: flex;
  gap: 12px;
  align-items: center;
  background: #fff;
  border: 1px solid #e7e2d8;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}#about .mv2a-cert__img{
  width: 64px;
  height: 48px;
  flex: none;
  border-radius: 6px;
  background-size: cover;
  background-position: center;
  background-color: #efece4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 12px;
  font-weight: 700;
  color: #a8a08e;
  overflow: hidden;
}#about .mv2a-cert__meta{ min-width: 0; flex: 1; }#about .mv2a-cert__title{ margin: 0; font-size: 0.8rem; font-weight: 600; color: #262626; font-family: var(--mv2-mono, ui-monospace, Menlo, monospace); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }#about .mv2a-cert__org{ margin: 2px 0 0; font-size: 0.72rem; color: #737373; }#about .mv2a-cert__link{
  flex: none;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 0.72rem;
  color: #7c3aed;
  text-decoration: none;
  white-space: nowrap;
}#about .mv2a-cert__link:hover{ text-decoration: underline; }#about /* final page */
.mv2a-final{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; gap: 10px; }#about .mv2a-final p{ margin: 0; font-size: 0.9rem; }#about .mv2a-final .mv2a-final__accent{ color: #7c3aed; font-weight: 600; }#about .mv2a-cta{
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 0.85rem;
  color: #fff;
  background: #7c3aed;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.25s, transform 0.25s;
}#about .mv2a-cta:hover{ background: #6d28d9; transform: translateY(-1px); }#about /* back cover */
.mv2a-backcover{
  position: absolute;
  inset: 0;
  background: #fdfbf7;
  border-radius: 0 6px 3px 3px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
  border: 1px solid #e5e5e5;
  transform: translateZ(-1px);
  z-index: -1;
}#about .mv2a-backcover__mid{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0.4;
}#about .mv2a-backcover__end{ margin: 0; font-family: var(--font-instrument-serif, Georgia, serif); font-style: italic; color: #737373; }#about .mv2a-again{
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: #f5f5f5;
  color: #525252;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s;
}#about .mv2a-again:hover{ background: #e5e5e5; }#about .mv2a-again svg{ width: 14px; height: 14px; }#about /* ── controls ── */
.mv2a-close{
  position: absolute;
  top: 32px;
  right: 32px;
  padding: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  backdrop-filter: blur(4px);
  color: #262626;
  cursor: pointer;
  z-index: 1000;
  transition: all 0.3s;
}#about .mv2a-close:hover{ background: #fff; border-color: #e5e5e5; transform: scale(1.1); }#about .mv2a-close svg{ width: 24px; height: 24px; display: block; }#about .mv2a-hint{
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--mv2-mono, ui-monospace, Menlo, monospace);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #a3a3a3;
  cursor: pointer;
  z-index: 50;
  transition: color 0.3s;
  white-space: nowrap;
}#about .mv2a-hint:hover{ color: #525252; }#about .mv2a-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(4px);
  color: #262626;
  cursor: pointer;
  z-index: 900;
  transition: background 0.3s, transform 0.3s;
}#about .mv2a-arrow:hover{ background: #fff; transform: translateY(-50%) scale(1.08); }#about .mv2a-arrow--l{ left: 8%; }#about .mv2a-arrow--r{ right: 8%; }#about .mv2a-arrow svg{ width: 22px; height: 22px; display: block; }#about /* mobile */
@media (max-width: 640px){
  .mv2a-close { top: 10px; right: 10px; }#about .mv2a-arrow--l{ left: 2%; }#about .mv2a-arrow--r{ right: 2%; }#about }
@media (prefers-reduced-motion: reduce){
  .mv2a-book__body, .mv2a-cover, .mv2a-page { transition-duration: 0.01s; }#about }

/* Tailwind utilities generated for the verbatim InteractiveBook */
.container{width:100%}@media (min-width:640px){#about .container{max-width:640px}}@media (min-width:768px){#about .container{max-width:768px}}@media (min-width:1024px){#about .container{max-width:1024px}}@media (min-width:1280px){#about .container{max-width:1280px}}@media (min-width:1536px){#about .container{max-width:1536px}}#about .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#about .not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}#about .pointer-events-none{pointer-events:none}#about .visible{visibility:visible}#about .invisible{visibility:hidden}#about .collapse{visibility:collapse}#about .static{position:static}#about .fixed{position:fixed}#about .absolute{position:absolute}#about .relative{position:relative}#about .sticky{position:sticky}#about .inset-0{inset:0}#about .bottom-0{bottom:0}#about .bottom-4{bottom:1rem}#about .left-0{left:0}#about .left-3{left:.75rem}#about .left-\[12px\]{left:12px}#about .right-0{right:0}#about .right-3{right:.75rem}#about .right-8{right:2rem}#about .top-0{top:0}#about .top-8{top:2rem}#about .isolate{isolation:isolate}#about .isolation-auto{isolation:auto}#about .z-0{z-index:0}#about .z-50{z-index:50}#about .z-\[1000\]{z-index:1000}#about .mb-1{margin-bottom:.25rem}#about .mb-2{margin-bottom:.5rem}#about .mb-3{margin-bottom:.75rem}#about .mb-4{margin-bottom:1rem}#about .mb-6{margin-bottom:1.5rem}#about .mt-4{margin-top:1rem}#about .block{display:block}#about .inline-block{display:inline-block}#about .inline{display:inline}#about .flex{display:flex}#about .inline-flex{display:inline-flex}#about .table{display:table}#about .inline-table{display:inline-table}#about .table-caption{display:table-caption}#about .table-cell{display:table-cell}#about .table-column{display:table-column}#about .table-column-group{display:table-column-group}#about .table-footer-group{display:table-footer-group}#about .table-header-group{display:table-header-group}#about .table-row-group{display:table-row-group}#about .table-row{display:table-row}#about .flow-root{display:flow-root}#about .grid{display:grid}#about .inline-grid{display:inline-grid}#about .contents{display:contents}#about .list-item{display:list-item}#about .hidden{display:none}#about .h-\[1px\]{height:1px}#about .h-full{height:100%}#about .w-4{width:1rem}#about .w-8{width:2rem}#about .w-\[1px\]{width:1px}#about .w-full{width:100%}#about .max-w-none{max-width:none}#about .flex-1{flex:1 1 0%}#about .shrink{flex-shrink:1}#about .grow{flex-grow:1}#about .border-collapse{border-collapse:collapse}#about .origin-left{transform-origin:left}#about .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#about .cursor-pointer{cursor:pointer}#about .touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}#about .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}#about .resize{resize:both}#about .flex-col{flex-direction:column}#about .flex-wrap{flex-wrap:wrap}#about .items-center{align-items:center}#about .justify-center{justify-content:center}#about .gap-2{gap:.5rem}#about .space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}#about .space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}#about .divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}#about .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}#about .divide-y-reverse>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:1}#about .divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}#about .overflow-hidden, #about .truncate{overflow:hidden}#about .truncate{white-space:nowrap}#about .text-ellipsis, #about .truncate{text-overflow:ellipsis}#about .text-clip{text-overflow:clip}#about .text-wrap{text-wrap:wrap}#about .rounded-full{border-radius:9999px}#about .rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}#about .rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}#about .rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}#about .rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}#about .rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}#about .rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}#about .rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}#about .rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}#about .rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}#about .rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}#about .rounded-bl{border-bottom-left-radius:.25rem}#about .rounded-br{border-bottom-right-radius:.25rem}#about .rounded-ee{border-end-end-radius:.25rem}#about .rounded-es{border-end-start-radius:.25rem}#about .rounded-se{border-start-end-radius:.25rem}#about .rounded-ss{border-start-start-radius:.25rem}#about .rounded-tl{border-top-left-radius:.25rem}#about .rounded-tr{border-top-right-radius:.25rem}#about .border{border-width:1px}#about .border-x{border-left-width:1px;border-right-width:1px}#about .border-y{border-top-width:1px}#about .border-b, #about .border-y{border-bottom-width:1px}#about .border-e{border-inline-end-width:1px}#about .border-l{border-left-width:1px}#about .border-r{border-right-width:1px}#about .border-s{border-inline-start-width:1px}#about .border-t{border-top-width:1px}#about .border-neutral-100{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1))}#about .border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}#about .border-transparent{border-color:transparent}#about .border-white\/30{border-color:hsla(0,0%,100%,.3)}#about .bg-\[\#fdfbf7\]{--tw-bg-opacity:1;background-color:rgb(253 251 247/var(--tw-bg-opacity,1))}#about .bg-black\/30{background-color:rgba(0,0,0,.3)}#about .bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}#about .bg-neutral-300{--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity,1))}#about .bg-white\/50{background-color:hsla(0,0%,100%,.5)}#about .bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}#about .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}#about .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}#about .from-black\/5{--tw-gradient-from:rgba(0,0,0,.05) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#about .from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#about .from-white\/30{--tw-gradient-from:hsla(0,0%,100%,.3) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#about .via-black\/20{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}#about .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}#about .bg-cover{background-size:cover}#about .bg-center{background-position:50%}#about .bg-repeat{background-repeat:repeat}#about .p-2{padding:.5rem}#about .p-8{padding:2rem}#about .px-4{padding-left:1rem;padding-right:1rem}#about .py-2{padding-top:.5rem;padding-bottom:.5rem}#about .pt-1{padding-top:.25rem}#about .text-left{text-align:left}#about .text-center{text-align:center}#about .text-right{text-align:right}#about .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#about .font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}#about .text-2xl{font-size:1.5rem;line-height:2rem}#about .text-8xl{font-size:6rem;line-height:1}#about .text-\[8px\]{font-size:8px}#about .text-sm{font-size:.875rem;line-height:1.25rem}#about .text-xl{font-size:1.25rem;line-height:1.75rem}#about .text-xs{font-size:.75rem;line-height:1rem}#about .font-bold{font-weight:700}#about .font-medium{font-weight:500}#about .uppercase{text-transform:uppercase}#about .lowercase{text-transform:lowercase}#about .capitalize{text-transform:capitalize}#about .normal-case{text-transform:none}#about .italic{font-style:italic}#about .not-italic{font-style:normal}#about .normal-nums{font-variant-numeric:normal}#about .ordinal{--tw-ordinal:ordinal}#about .ordinal, #about .slashed-zero{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#about .slashed-zero{--tw-slashed-zero:slashed-zero}#about .lining-nums{--tw-numeric-figure:lining-nums}#about .lining-nums, #about .oldstyle-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#about .oldstyle-nums{--tw-numeric-figure:oldstyle-nums}#about .proportional-nums{--tw-numeric-spacing:proportional-nums}#about .proportional-nums, #about .tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#about .tabular-nums{--tw-numeric-spacing:tabular-nums}#about .diagonal-fractions{--tw-numeric-fraction:diagonal-fractions}#about .diagonal-fractions, #about .stacked-fractions{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#about .stacked-fractions{--tw-numeric-fraction:stacked-fractions}#about .leading-relaxed{line-height:1.625}#about .leading-tight{line-height:1.25}#about .tracking-tight{letter-spacing:-.025em}#about .tracking-wide{letter-spacing:.025em}#about .tracking-wider{letter-spacing:.05em}#about .tracking-widest{letter-spacing:.1em}#about .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}#about .text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}#about .text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}#about .text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}#about .text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}#about .text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}#about .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#about .underline{text-decoration-line:underline}#about .overline{text-decoration-line:overline}#about .line-through{text-decoration-line:line-through}#about .no-underline{text-decoration-line:none}#about .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#about .subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}#about .opacity-40{opacity:.4}#about .opacity-80{opacity:.8}#about .opacity-90{opacity:.9}#about .opacity-\[0\.03\]{opacity:.03}#about .mix-blend-multiply{mix-blend-mode:multiply}#about .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}#about .shadow, #about .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#about .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}#about .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}#about .shadow-sm, #about .shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#about .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}#about .outline{outline-style:solid}#about .ring-inset{--tw-ring-inset:inset}#about .blur{--tw-blur:blur(8px)}#about .blur, #about .drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#about .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}#about .drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}#about .drop-shadow-md, #about .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#about .grayscale{--tw-grayscale:grayscale(100%)}#about .invert{--tw-invert:invert(100%)}#about .invert, #about .sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#about .sepia{--tw-sepia:sepia(100%)}#about .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#about .backdrop-blur{--tw-backdrop-blur:blur(8px)}#about .backdrop-blur, #about .backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#about .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}#about .backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%)}#about .backdrop-grayscale, #about .backdrop-invert{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#about .backdrop-invert{--tw-backdrop-invert:invert(100%)}#about .backdrop-sepia{--tw-backdrop-sepia:sepia(100%)}#about .backdrop-filter, #about .backdrop-sepia{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#about .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#about .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#about .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#about .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#about .duration-700{transition-duration:.7s}#about .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}#about .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}#about .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}#about .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#about .hover\:border-neutral-200:hover{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}#about .hover\:bg-\[\#fcfaf5\]:hover{--tw-bg-opacity:1;background-color:rgb(252 250 245/var(--tw-bg-opacity,1))}#about .hover\:bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}#about .hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}#about .hover\:text-neutral-700:hover{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}#about .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#about .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-color-scheme:dark){#about .dark\:bg-neutral-800\/50{background-color:rgba(38,38,38,.5)}#about .dark\:text-neutral-100{--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity,1))}#about .dark\:text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}#about .dark\:hover\:border-neutral-700:hover{--tw-border-opacity:1;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}#about .dark\:hover\:bg-neutral-800:hover{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}#about .dark\:hover\:text-neutral-200:hover{--tw-text-opacity:1;color:rgb(229 229 229/var(--tw-text-opacity,1))}}