.elementor-kit-442{--e-global-color-primary:#C6AA64;--e-global-color-secondary:#2C3E4F;--e-global-color-text:#3B3B3B;--e-global-color-accent:#F5F2EB;--e-global-color-1a505e5:#D4C089;--e-global-color-54cabe8:#FAF8F3;--e-global-color-818af28:#F5F2EB;--e-global-color-62f56b7:#FCF1F1;--e-global-color-ef81492:#999277;--e-global-color-8a80436:#B8A9C9;--e-global-color-1a640ca:#1E2230;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:0.3px;--e-global-typography-primary-word-spacing:1px;--e-global-typography-secondary-font-family:"Lora";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Libre Baskerville";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;font-family:"Libre Baskerville", Sans-serif;font-size:17px;line-height:32px;letter-spacing:0.4px;}.elementor-kit-442 e-page-transition{background-color:#FFBC7D;}.elementor-kit-442 a{font-family:"Mulish", Sans-serif;line-height:1.75px;letter-spacing:0.5px;}.elementor-kit-442 h1{font-family:"Playfair Display", Sans-serif;font-size:50px;text-transform:uppercase;line-height:1.75px;letter-spacing:0.5px;}.elementor-kit-442 h2{font-family:"Playfair Display", Sans-serif;font-size:32px;line-height:1.75px;letter-spacing:0.5px;}.elementor-kit-442 h3{font-family:"Playfair Display", Sans-serif;line-height:1.75px;letter-spacing:0.5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About — Ani Zaman</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Cinzel:wght@400;500&display=swap" rel="stylesheet">
<style>
  :root {
    --cream: #F5F0E8;
    --cream-dark: #EDE5D5;
    --brown: #2C1F0E;
    --brown-mid: #4a3520;
    --gold: #C9A84C;
    --gold-dim: #9a7a35;
    --rule: rgba(201,168,76,0.35);
    --text: #2C1F0E;
    --text-mid: #5a4228;
    --text-light: #8a6f4a;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    background-color: var(--cream);
    color: var(--text);
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 20px;
    line-height: 1.9;
  }

  .page-wrapper {
    max-width: 780px;
    margin: 0 auto;
    padding: 72px 40px 120px;
  }

  .bio-intro {
    text-align: center;
    margin-bottom: 64px;
    opacity: 0;
    animation: fadeUp 1s ease forwards;
    animation-delay: 0.1s;
  }

  .bio-intro h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: clamp(36px, 5vw, 54px);
    color: var(--brown);
    letter-spacing: 0.02em;
    margin-bottom: 12px;
  }

  .bio-intro .tagline {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 0.35em;
    color: var(--gold-dim);
    text-transform: uppercase;
  }

  .gold-rule {
    width: 40px;
    height: 1px;
    background: var(--gold);
    margin: 24px auto 0;
    opacity: 0.6;
  }

  .section {
    margin-bottom: 56px;
    opacity: 0;
    animation: fadeUp 0.9s ease forwards;
  }

  .section:nth-child(2)  { animation-delay: 0.25s; }
  .section:nth-child(3)  { animation-delay: 0.38s; }
  .section:nth-child(4)  { animation-delay: 0.51s; }
  .section:nth-child(5)  { animation-delay: 0.64s; }
  .section:nth-child(6)  { animation-delay: 0.77s; }
  .section:nth-child(7)  { animation-delay: 0.90s; }
  .section:nth-child(8)  { animation-delay: 1.03s; }
  .section:nth-child(9)  { animation-delay: 1.16s; }

  .section-label {
    font-family: 'Cinzel', serif;
    font-size: 9.5px;
    letter-spacing: 0.42em;
    color: var(--gold-dim);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .section-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--rule);
  }

  .section p {
    font-size: 20px;
    line-height: 1.92;
    color: var(--text);
    font-weight: 300;
    margin-bottom: 18px;
  }

  .section p:last-child { margin-bottom: 0; }

  .pull {
    font-style: italic;
    font-size: 21px;
    color: var(--brown-mid);
    line-height: 1.75;
    background: var(--cream-dark);
    padding: 22px 28px;
    border-left: 2px solid var(--gold);
    margin: 28px 0;
  }

  .grief p { color: var(--text-light); }
  .grief .return {
    color: var(--text);
    font-style: italic;
  }

  .highlight-line {
    display: block;
    font-style: italic;
    font-size: 22px;
    color: var(--gold-dim);
    margin: 24px 0;
    line-height: 1.7;
  }

  .closing {
    text-align: center;
    padding-top: 56px;
    border-top: 1px solid var(--rule);
  }

  .closing .closing-label {
    font-family: 'Cinzel', serif;
    font-size: 10px;
    letter-spacing: 0.42em;
    color: var(--gold-dim);
    text-transform: uppercase;
    margin-bottom: 28px;
  }

  .closing p {
    font-style: italic;
    font-size: 21px;
    color: var(--text-mid);
    line-height: 1.85;
    margin-bottom: 16px;
    font-weight: 300;
  }

  .cta-link {
    display: inline-block;
    margin-top: 32px;
    padding: 15px 40px;
    border: 1px solid var(--gold);
    color: var(--brown);
    font-family: 'Cinzel', serif;
    font-size: 10px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.35s ease;
  }

  .cta-link:hover {
    background: var(--gold);
    color: var(--cream);
  }

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 600px) {
    .page-wrapper { padding: 48px 24px 80px; }
    .section p { font-size: 18px; }
  }
</style>
</head>
<body>
<div class="page-wrapper">

  <div class="bio-intro">
    <h2>About Ani Zaman</h2>
    <p class="tagline">Creative Mystic &nbsp;•&nbsp; Oracle &nbsp;•&nbsp; Artist &nbsp;•&nbsp; Guide</p>
    <div class="gold-rule"></div>
  </div>

  <section class="section">
    <p class="section-label">Roots &amp; Upbringing</p>
    <p>I was born in Elmhurst, Queens, NYC, into a home where creativity was a way of life. My father was a photographer and artist. My mother, a painter and dancer. Because of my father's work with UNICEF, I spent my childhood between two worlds — the raw electricity of New York City and the vibrant soul of Dhaka, Bangladesh.</p>
    <p>That duality shaped everything: east and west, art and activism, spirit and story.</p>
  </section>

  <section class="section">
    <p class="section-label">Storytelling &amp; the Call of Art</p>
    <p>I started drawing early and never stopped. At 13, I was accepted into the High School of Art and Design in NYC, where I studied illustration and comics. I was obsessed with storytelling — folklore, mythology, and the deep human need to tell tales that stave off the dark.</p>
    <p>Poetry, prose, and image became my first spiritual languages.</p>
  </section>

  <section class="section">
    <p class="section-label">Tarot, Spirit &amp; the Unseen</p>
    <p>I have always lived with one foot in the seen world and one in the unseen. As a child, I dreamed events before they happened. I received visits from ancestors in sleep. My father taught me the I-Ching not as a curiosity, but as a language — a way of listening to what the world was already trying to say.</p>
    <p>At 14, I picked up my first tarot deck and felt something click into place. Not because it was new, but because it named what I already knew. I was intuitive before I had a word for it. Clairvoyant flashes, knowing things I had no logical way of knowing, feeling the emotional weather of a room before I walked into it.</p>
    <div class="pull">I think of tarot less as prophecy and more as a framework for self-inquiry — a set of symbolic mirrors that help you ask better questions, see your patterns more clearly, and access the truth you already carry.</div>
    <p>Over the years it has evolved from personal practice into the heart of my work with others: a way to help people hear what they already know but haven't yet let themselves say out loud.</p>
  </section>

  <section class="section">
    <p class="section-label">Creative Path &amp; Education</p>
    <p>I studied Illustration at the School of Visual Arts in NYC, then moved to Dhaka to work as Lead Visual Designer at my father's company, Shaw Wallace Multimedia — a media house focused on social change. Eventually, I returned to the U.S. to finish my BFA at the Academy of Art in San Francisco.</p>
    <p>I graduated at 26. A month later, my father passed.</p>
  </section>

  <section class="section grief">
    <p class="section-label">Grief, Silence &amp; the Great Return</p>
    <p>Losing him shattered me. My creative voice collapsed under grief and self-doubt. I was deep in burnout, unable to draw anything that felt alive. My inner critic screamed, and the fog was thick.</p>
    <p class="return">But tarot saved me. Poetry cleared the dust. Story brought me back to myself.</p>
    <p class="return">Piece by piece, I shattered the masks and found the truth beneath. My art wasn't broken — it was waiting for me to come home.</p>
  </section>

  <section class="section">
    <p class="section-label">Where I Am Now</p>
    <p>I live oceanside, and work in Long Beach, New York, with my partner and our dog, by the water that heals and speaks in waves. My work now blends art, spirit, and transformation — and it is deeply personal, because I have lived every part of it.</p>
    <p>I work with creative souls who have lost the thread back to themselves. Especially femmes, women+, and queer folks who are ready to remember. Through ritual, storytelling, tarot as a framework for self-inquiry, and the language of art and image, I help you find your way back to the truest, most alive version of who you are.</p>
    <span class="highlight-line">You haven't lost your magic. You've just been away from it for a while.</span>
    <p>I'm here to walk you home.</p>
  </section>

  <section class="section">
    <p class="section-label">Why I Do This</p>
    <p>Because I know what it feels like to forget your magic. To silence your voice. To hide your gifts.</p>
    <p>And I know the power of reclaiming it.</p>
  </section>

  <section class="section closing">
    <p class="closing-label">Let's Begin</p>
    <p>If something in this story stirred something in you — that's not an accident.<br>That's the part of you that already knows it's time.</p>
    <p>You don't have to have it all figured out.<br>You just have to be willing to look.</p>
    <a href="#" class="cta-link">Explore What We Can Create Together</a>
  </section>

</div>
</body>
</html>/* End custom CSS */