/* Page transition ("logo stamp"), driven by src/transition.js. Replaces Webflow's Lottie
   wave, which held every click for 1.2s before the next page started loading. */

/* The site's bold face (Font-Bold), cut down to the letters of "Parsa Aghaei" and inlined,
   so the name renders on an arriving page's very first frame instead of blinking out while
   the full font loads. Remake it if the name changes:
   pyftsubset Font-Bold.woff2 --text="Parsa Aghaei" --flavor=woff2 --layout-features=kern */
@font-face {
  font-family: PtName; font-weight: 700; font-style: normal; font-display: block;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAUkAA4AAAAACOwAAATQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbgjAcKgZgAGQRCAqHNIYmATYCJAMsCxgABCAFgiwHIBtTB1FUcdoAfiaYbvOQBieSzcNDFX4RrK5EVxmC+/PlePj//b7tc+5945YMSDSIok0tqa0OJZlEpv+IhTqZLLq6+Jv+O6sXcg9KVWcgRMRE6JX8dTCCE36NBhSwIJz/wwDzfzm9OfGeb6I04ETuPjXGpntRHTYWpRTQtmzSBj8OnLJNFguXREQ3vzkL6isCA4AUQp8Q6LPKBOQOicoEqFf9xRVAVeGfMXYlnF8BeG5FlaelPuchrYfGBiJIvZhoP3sHhRhak31gSvtt5JC1IjY4wGyQH064GLo1ujBnrf1163XpBpn2z1H6zFelVNGAxZxC1ReLdSOFY+yxRop1R00WjYqudxa8Rh95xxxsLvVpPqmhWVdX8Fg25YpOVsrRlIYJDC86vNOqARBIoXn8P5Ln8eIxAjLzNeZhkSiYgBJNRtsXGcEYKjLCt/nwC4srtLAUlf9N+9ZzHnDJeeccK4AlWsL0O3cKMEwsAPEcUAFkjwU/NHrKSO+azSid+G7KbVQ0fZoEU2pkB9XmpXjgXeZmEzA1TA0iGUmG46RdbcSGFpEIA+LOlrXRYBexoU0iUVrztu42IHLbys7EQdD67iOkgLkNLD9GYasvAR8OdtZDVCDbFo/2HSulYUqVsbQ4XBNsrc/0rgnGrndEyNSzUJrqtzLkEIi4iKXHrblyVlc11Z2NjecQ3ESiyZgNlhzpBlA7MAXZ9lSeAuamNU/vk9xndtkoeDKMDKoSKOZcmWgzQVr5xtUduDnz8hrZ1gYChebIFx/LA/TfmH6p9DrQKOTPi4deOpmDtpyUr8yx03PPjMFPQWBo+uSxykJxfsNH+/bwUtxkab6ycOzWryYB5uTEo3+m11SCkTWV9J9ASv/118NBnxlhnrPfcJfubV84dP2Ph759b1LqmHdqo+KTt1EvrrNusDW+qvhrgccLPdTvurzvf+AMSgWz+/fJczwun4dIAtw3A/xahV8TnD5f5dS5wow4D46NbPoXT8xz+Mu8rO3KYYacRYtwTRzje96t96/hrePv+OXCpXF6D9W3Lhr08KZ/JbmB7BbW/+9sr2+rd3y91b89QHig8xbVI6/6YeGyYKmWyR34YNcKP83nlDmV82c41eVyRrDC3/1W7dwdB4KfiQwbt+64Vi7uuUKUGES6cgVwfnm4nCUuQqMbpiWTwmRmWcFRbmOxAeYk+//i7ucfB2te+V4scbtlUup/UvH/3x38+CE2iw1GTCxsfvWcfE62Hs1mYe86M6SU9gt7y0DrxohqZr93SD3btyX4Yd1J3M5w3+O6J117O3MqMhga2NYEd2y0E88xHVuOWPTh5YmeC/cffcyAf//2giDLuxSpnGob93y6Dce3M4BdBgLB7U58v5e24VtPfw94s5UlBngbr0X/ffq/Y9TXfRYg9EgQ9Ph/Hhg9GQHtW/4tHttfv3kW/9Dc01N/uVlvgcW6PMIfP//c2fhqT0ln636wDIF+N+BAIgS2AIBuJ6BE7cUuQFfDgF1q6nFMLdbyqdWU3WpjzsXXdJnypN388pIgAikZGWkQvxUhEIWMMIhKmF9IQL5/UVgepE9QP8iEMePm8IVlrIhLEshICRk3Ygz9LjJTstJYjE4O86KHhGCLnFcA/hUo6+IccjiHAqH+D+sAAAA=) format("woff2");
}

/* Lives on <html>, outside <body> (see transition.js). Everything that shapes the name is
   set here in px, so the leaving and arriving frames match whatever a page sets: the
   homepage's Webflow code makes html's font size fluid (so no rem), and Resume's sets
   font smoothing on every element (so set it here, on every element of the overlay). */
.pt { position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; font-size: 16px; letter-spacing: normal; }
.pt, .pt * {
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
}
.pt.is-leaving { pointer-events: auto; } /* swallow a second click mid-transition */
.pt-bg { position: absolute; inset: 0; background: #383736; }
.pt-center {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: .6em;
}
.pt-logo {
  display: block; height: clamp(72px, 14vh, 132px); aspect-ratio: 133.8 / 146.8; transform-origin: 0 0;
}
.pt-logo svg { display: block; width: 100%; height: 100%; }
.pt-name { color: #fff; font-family: PtName, Font, sans-serif; font-size: 28.8px; font-weight: 700; line-height: 1.2; }