:root{
    --granite:#1A1A1A;
    --bone:#F4F2EE;
    --bone-soft:#FAF8F4;
    --ember:#BD3F24;        /* deepened: ~4.7:1 on bone for small text */
    --ember-bright:#C8472C; /* original, for large/decorative use only */
    --slate:#6B6B6B;        /* was #8C8C8C (~3:1, failed AA); now ~4.8:1 on bone */
    --slate-soft:#8C8C8C;   /* decorative / large-text only */
    --rule:#D9D9D9;
    --rule-dark:#3A3A3A;
    --maxw:1180px;
    --pad:clamp(1.25rem,4vw,2.5rem);
    --sec-y:clamp(4.5rem,9vw,8rem);
    --radius:2px;
    --grid-ink:rgba(26,26,26,.045);  /* blueprint grid on light */
    --grid-bone:rgba(244,242,238,.06); /* blueprint grid on dark */
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  /* Keyboard focus — visible across every interactive element */
  a,button,summary,[tabindex]{touch-action:manipulation;}
  a:focus-visible,button:focus-visible,summary:focus-visible,.ptile:focus-visible{
    outline:2.5px solid var(--ember);outline-offset:3px;border-radius:2px;
  }
  :focus:not(:focus-visible){outline:none;}
  body{
    margin:0;background:var(--bone);color:var(--granite);
    font-family:"Inter",system-ui,Arial,Helvetica,sans-serif;
    font-size:clamp(1rem,1.05rem,1.125rem);line-height:1.6;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  }
  .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
  h1,h2,h3{
    font-family:"Inter",system-ui,Arial,Helvetica,sans-serif;
    font-weight:800;letter-spacing:-0.02em;line-height:1.02;margin:0;
  }
  h1{font-size:clamp(2.9rem,7vw,5.75rem);letter-spacing:-0.035em;line-height:0.98;}
  h2{font-size:clamp(2.15rem,5vw,3.6rem);letter-spacing:-0.03em;line-height:1.0;}
  h3{font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:700;letter-spacing:-0.015em;line-height:1.15;}
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  .measure{max-width:62ch;}
  .eyebrow{
    font-family:"JetBrains Mono",ui-monospace,monospace;
    font-size:.74rem;font-weight:500;text-transform:uppercase;letter-spacing:.22em;
    color:var(--ember);margin:0 0 1.3rem 0;display:inline-flex;align-items:center;gap:.7rem;
  }
  .eyebrow::before{content:"";width:1.6rem;height:1px;background:var(--ember);opacity:.7;}
  .mono{font-family:"JetBrains Mono",ui-monospace,monospace;}
  .lede{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.5;color:var(--granite);}
  .muted{color:var(--slate);}

  /* Buttons */
  .btn{
    display:inline-flex;align-items:center;gap:.55rem;
    font-weight:600;font-size:1rem;line-height:1;border-radius:var(--radius);
    padding:.95rem 1.5rem;border:1.5px solid transparent;cursor:pointer;
    transition:transform .12s ease, background .15s ease, color .15s ease;
  }
  .btn-primary{background:var(--ember);color:var(--bone);}
  .btn-primary:hover{background:#b13d24;}
  .btn-primary:active{transform:translateY(1px);}
  .btn-ghost{background:transparent;color:var(--granite);border-color:var(--granite);}
  .btn-ghost:hover{background:var(--granite);color:var(--bone);}
  .btn-ghost:active{transform:translateY(1px);}
  .textlink{font-weight:600;border-bottom:1.5px solid var(--ember);padding-bottom:2px;}
  .textlink:hover{color:var(--ember);}
  .arrow{transition:transform .15s ease;}
  .textlink:hover .arrow{transform:translateX(3px);}

  /* Nav */
  header.nav{position:sticky;top:0;z-index:40;background:rgba(244,242,238,.92);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid var(--rule);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;gap:1.5rem;}
  .brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
  .brand svg{height:28px;width:auto;color:var(--granite);}
  .brand .wm{font-weight:700;letter-spacing:-0.02em;font-size:1.02rem;white-space:nowrap;}
  .navlinks{display:flex;align-items:center;gap:1.4rem;font-size:.95rem;font-weight:500;white-space:nowrap;}
  .navlinks a{color:var(--granite);transition:color .15s;white-space:nowrap;}
  .navlinks a:hover{color:var(--ember);}
  .nav-right{display:flex;align-items:center;gap:1.1rem;flex-shrink:0;}
  .nav-phone{font-weight:600;font-size:.95rem;white-space:nowrap;}
  .nav-phone:hover{color:var(--ember);}
  .menu-btn{display:none;background:none;border:0;cursor:pointer;font-size:1.5rem;color:var(--granite);padding:.25rem;}
  .mobile-menu{display:none;border-top:1px solid var(--rule);}
  .mobile-menu a{display:block;padding:.85rem var(--pad);border-bottom:1px solid var(--rule);font-weight:500;}

  /* Blueprint grid texture */
  .gridbg{position:relative;}
  .gridbg::before{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:
      linear-gradient(var(--grid-ink) 1px,transparent 1px),
      linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);
    background-size:clamp(34px,4vw,56px) clamp(34px,4vw,56px);
    -webkit-mask-image:radial-gradient(120% 100% at 70% 0%,#000 35%,transparent 78%);
            mask-image:radial-gradient(120% 100% at 70% 0%,#000 35%,transparent 78%);
  }
  .gridbg > *{position:relative;z-index:1;}
  .dark.gridbg::before{
    background-image:
      linear-gradient(var(--grid-bone) 1px,transparent 1px),
      linear-gradient(90deg,var(--grid-bone) 1px,transparent 1px);
    -webkit-mask-image:radial-gradient(120% 110% at 15% 0%,#000 30%,transparent 80%);
            mask-image:radial-gradient(120% 110% at 15% 0%,#000 30%,transparent 80%);
  }

  /* Hero — headline across the full column, photograph full-bleed behind it.
     The box, the wash and the phone crop live in assets/css/pagehead.css,
     which loads after this file; what stays here is the copy layout. */
  .hero{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:var(--sec-y);position:relative;overflow:hidden;}
  .hero h1{margin-bottom:clamp(1.75rem,3.5vw,2.75rem);max-width:15ch;text-wrap:balance;}
  .hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
    gap:clamp(1.5rem,4vw,3.5rem);padding-bottom:clamp(2.25rem,4vw,3.25rem);}
  .hero .lede{max-width:44ch;margin:0;}
  .hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem;}
  .contour{position:absolute;pointer-events:none;opacity:.06;color:var(--granite);}

  /* Photograph groups: a pair across the column, or one full-width plate. */
  .shot-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.75rem);
    margin-top:clamp(2.25rem,4.5vw,3.25rem);}
  .shot-plate{margin-top:clamp(2.25rem,4.5vw,3.25rem);}

  /* Hero plan draws itself on load */
  .plan-draw{stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);
    animation:draw 2s cubic-bezier(.65,0,.35,1) forwards;}
  .plan-dim{opacity:0;animation:fadein .6s ease forwards .9s;}
  .plan-fig{opacity:0;animation:figin .5s ease forwards 2.1s;}
  .plan-catch{opacity:0;animation:catchin .45s cubic-bezier(.34,1.56,.64,1) forwards 2.35s;transform-origin:125px 300px;}
  .plan-catch-dot{transform-box:fill-box;transform-origin:center;animation:catchpulse 1.9s ease-in-out 2.9s infinite;}
  @keyframes draw{to{stroke-dashoffset:0;}}
  @keyframes fadein{to{opacity:1;}}
  @keyframes figin{from{opacity:0;transform:translateY(6px);}to{opacity:.85;transform:none;}}
  @keyframes catchin{from{opacity:0;transform:scale(.4);}to{opacity:1;transform:scale(1);}}
  @keyframes catchpulse{0%,100%{transform:scale(1);}50%{transform:scale(1.55);}}

  /* Generic section */
  section{padding-top:var(--sec-y);padding-bottom:var(--sec-y);}
  .rule-top{border-top:1px solid var(--rule);}

  /* Category statement */
  .statement h2{margin-bottom:1.5rem;max-width:18ch;}
  .statement .body{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.55;max-width:60ch;}
  .statement .kicker{margin-top:1.75rem;font-weight:700;font-size:1.05rem;}

  /* Three values — drafted spec-sheet grid */
  .values-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.5rem;counter-reset:val;border-top:1px solid var(--rule);border-left:1px solid var(--rule);}
  .value{position:relative;counter-increment:val;overflow:hidden;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.9rem clamp(1.1rem,2vw,1.9rem) 2rem;transition:background .2s ease,color .2s ease;}
  .value::before{content:counter(val,decimal-leading-zero);font-family:"JetBrains Mono",monospace;font-size:.82rem;font-weight:500;letter-spacing:.08em;color:var(--ember);display:block;margin-bottom:.85rem;}
  .value::after{content:"";position:absolute;right:0;top:0;width:58px;height:58px;pointer-events:none;background-image:linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);background-size:14px 14px;-webkit-mask-image:radial-gradient(100% 100% at 100% 0,#000 38%,transparent 75%);mask-image:radial-gradient(100% 100% at 100% 0,#000 38%,transparent 75%);}
  .value .barb{width:26px;height:2px;background:var(--ember);margin-bottom:1rem;transition:width .3s cubic-bezier(.65,0,.35,1);}
  .value .vlabel{font-size:1.3rem;font-weight:800;letter-spacing:-0.01em;margin-bottom:.6rem;}
  .value p{color:var(--granite);font-size:.98rem;line-height:1.55;}
  .value:hover{background:var(--granite);color:var(--bone);}
  .value:hover .barb{width:62px;}
  .value:hover p{color:#C9C6C0;}
  .value:hover::after{background-image:linear-gradient(var(--grid-bone) 1px,transparent 1px),linear-gradient(90deg,var(--grid-bone) 1px,transparent 1px);}

  /* Expensive Hindsight (dark) */
  .dark{background:var(--granite);color:var(--bone);}
  .dark .eyebrow{color:var(--ember);}
  .hindsight h2{margin-bottom:1.25rem;}
  .hindsight .lead{color:#D8D5CF;max-width:54ch;font-size:1.15rem;margin-bottom:2.5rem;}
  .examples{border-top:1px solid var(--rule-dark);}
  .examples li{
    list-style:none;border-bottom:1px solid var(--rule-dark);
    padding:1.15rem 0;font-size:clamp(1.25rem,2.6vw,1.9rem);font-weight:700;letter-spacing:-0.01em;line-height:1.2;
    display:flex;gap:1rem;align-items:baseline;
  }
  .examples ul{margin:0;padding:0;}
  .examples .tick{color:var(--ember);font-family:"JetBrains Mono",monospace;font-size:.85rem;font-weight:500;flex-shrink:0;transform:translateY(-.35em);}
  .hindsight .close{margin-top:2.5rem;max-width:56ch;color:#D8D5CF;font-size:1.1rem;}
  .hindsight .close strong{color:var(--bone);}
  .dark .photoslot{background:#212121;border-color:var(--rule-dark);}

  /* Persona grid */
  .personas-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;}
  .personas-head .intro{color:var(--slate);max-width:30ch;font-weight:500;}
  .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule);}
  .ptile{
    border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);
    padding:1.75rem;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;
    transition:background .18s ease,color .18s ease;
  }
  .ptile:nth-child(even){background:var(--bone-soft);}
  .ptile:hover{background:var(--granite);color:var(--bone);}
  .ptile h3{margin-bottom:.5rem;}
  .ptile .pline{font-size:.95rem;color:var(--slate);line-height:1.4;}
  .ptile:hover .pline{color:#C9C6C0;}
  .ptile .go{margin-top:1.4rem;font-size:.85rem;font-weight:600;color:var(--ember);display:flex;align-items:center;gap:.4rem;}
  .ptile:hover .go{color:var(--ember);}
  .personas-foot{margin-top:1.75rem;}

  /* Session steps */
  .steps{display:grid;grid-template-columns:1fr;gap:0;margin-top:2.5rem;border-top:1px solid var(--rule);}
  .step{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2.5rem);padding:1.5rem 0;border-bottom:1px solid var(--rule);align-items:start;}
  .step .num{font-family:"JetBrains Mono",monospace;color:var(--ember);font-size:.9rem;font-weight:500;padding-top:.35rem;}
  .step h3{margin-bottom:.45rem;}
  .step p{color:var(--granite);font-size:1rem;max-width:60ch;}
  .session-note{margin-top:2.25rem;font-size:1.05rem;font-weight:500;max-width:60ch;}
  .session-note .free{color:var(--ember);font-weight:700;}

  /* Studio */
  .studio h2{margin-bottom:1.5rem;max-width:16ch;}
  .studio .body{font-size:1.15rem;line-height:1.55;max-width:60ch;color:var(--granite);}
  .studio-cities{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(2.25rem,4.5vw,3.25rem);border-top:1px solid var(--rule);padding-top:1.5rem;align-items:center;}
  .studio-cities .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--slate);font-weight:600;margin-right:1.5rem;}
  .studio-cities .city{font-weight:700;font-size:1.15rem;}
  .studio-cities .sep{color:var(--rule);margin:0 1rem;}
  .studio-foot{margin-top:2rem;}

  /* Social proof */
  .proof-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-top:2.75rem;}
  .stats{display:flex;flex-direction:column;gap:2rem;}
  .stat .fig{font-size:clamp(2.6rem,4.6vw,3.75rem);font-weight:800;letter-spacing:-0.03em;line-height:.98;font-variant-numeric:tabular-nums;}
  .stat .cap{margin-top:.6rem;color:var(--slate);font-weight:500;max-width:26ch;}
  .casestudy{border-left:3px solid var(--ember);padding:.25rem 0 .25rem 1.75rem;}
  .casestudy .tag{font-family:"JetBrains Mono",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--slate);font-weight:500;margin-bottom:1rem;}
  .casestudy blockquote{margin:0;font-size:clamp(1.45rem,2.5vw,1.95rem);font-weight:700;letter-spacing:-0.01em;line-height:1.25;}
  .casestudy .attr{margin-top:1.25rem;color:var(--slate);font-weight:500;font-size:.95rem;}

  /* FAQ */
  .faq h2{margin-bottom:2rem;}
  .faq details{border-bottom:1px solid var(--rule);}
  .faq details:first-of-type{border-top:1px solid var(--rule);}
  .faq summary{
    list-style:none;cursor:pointer;padding:1.35rem 0;font-weight:700;font-size:1.15rem;letter-spacing:-0.01em;
    display:flex;justify-content:space-between;align-items:center;gap:1rem;
  }
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary .pm{color:var(--ember);font-weight:500;font-size:1.5rem;line-height:1;transition:transform .2s;flex-shrink:0;}
  .faq details[open] summary .pm{transform:rotate(45deg);}
  .faq .ans{padding:0 0 1.5rem 0;color:var(--granite);max-width:62ch;line-height:1.6;}

  /* Final CTA */
  .finalcta{text-align:center;}
  .finalcta .eyebrow{color:var(--ember);}
  .finalcta h2{font-size:clamp(2.25rem,5vw,3.4rem);margin-bottom:1.25rem;}
  .finalcta .sub{max-width:46ch;margin:0 auto 2rem;font-size:1.15rem;color:var(--granite);}
  .finalcta .hero-ctas{justify-content:center;}
  .seal{display:flex;justify-content:center;margin-bottom:2rem;}
  .seal svg{height:46px;color:var(--granite);opacity:.85;}

  /* Footer */
  footer{background:var(--granite);color:var(--bone);padding-top:clamp(3.5rem,6vw,5rem);padding-bottom:8rem;}
  .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;}
  .foot-brand .brand svg{color:var(--bone);height:30px;}
  .foot-brand .wm{color:var(--bone);}
  .foot-tag{margin-top:1rem;color:#C9C6C0;max-width:24ch;}
  .foot-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--slate);font-weight:600;margin:0 0 1rem;}
  .foot-col a{display:block;color:#D8D5CF;padding:.3rem 0;font-size:.95rem;}
  .foot-col a:hover{color:var(--ember);}
  .foot-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--rule-dark);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:var(--slate);font-size:.85rem;}
  .foot-bottom a:hover{color:var(--bone);}

  /* Sticky call CTA */
  .sticky-call{position:fixed;z-index:50;right:1.5rem;bottom:1.5rem;}
  .sticky-call .btn{box-shadow:0 8px 24px rgba(26,26,26,.22);}

  /* Reveal animation */
  .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1;transform:none;}

  /* Responsive */
  @media (max-width:1024px){
    .navlinks,.nav-phone{display:none;}
    .nav-right .btn-primary{display:none;} /* lives in the hamburger menu + sticky call on mobile */
    .menu-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
    /* let the wordmark yield space so the menu button is always reachable */
    .brand{flex-shrink:1;min-width:0;}
    .brand .wm{overflow:hidden;text-overflow:ellipsis;}
  }
  @media (max-width:960px){
    .proof-grid{grid-template-columns:1fr;gap:2.5rem;}
    .foot-top{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:720px){
    /* With the headline now first and full-width, the contour rings land
       behind it rather than in empty column beside it. */
    .contour{display:none;}
    .hero-foot{grid-template-columns:1fr;align-items:start;}
    .shot-pair{grid-template-columns:1fr;}
    .values-grid{grid-template-columns:1fr;}
    .persona-grid{grid-template-columns:1fr 1fr;}
    .studio-cities .sep{display:none;}
    .studio-cities .city{margin-right:1.25rem;}
    .foot-top{grid-template-columns:1fr;gap:2.25rem;}
    .sticky-call{right:0;left:0;bottom:0;}
    .sticky-call .btn{width:100%;justify-content:center;border-radius:0;padding:1.05rem;box-shadow:0 -4px 18px rgba(26,26,26,.18);}
  }
  @media (max-width:480px){
    .persona-grid{grid-template-columns:1fr;}
    .brand .wm{font-size:.92rem;}
  }
  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    html{scroll-behavior:auto;}
    .plan-draw,.plan-dim,.plan-fig,.plan-catch,.plan-catch-dot{animation:none;opacity:1;stroke-dashoffset:0;transform:none;}
    .plan-fig{opacity:.85;}
  }
  .skip{position:absolute;left:-9999px;}
  .skip:focus{left:1rem;top:1rem;background:var(--granite);color:var(--bone);padding:.6rem 1rem;z-index:100;border-radius:2px;}

  /* ============================================================
     EXCITEMENT LAYER — concentrated motion where the story peaks
     ============================================================ */

  /* --- Hero: projector light sweep (the plan being cast at 1:1) --- */
  .hero-scan{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;}
  .hero-scan::before{
    content:"";position:absolute;top:0;bottom:0;left:0;width:38%;
    background:linear-gradient(90deg,
      transparent 0%,
      rgba(200,71,44,.06) 40%,
      rgba(255,253,248,.42) 50%,
      rgba(200,71,44,.06) 60%,
      transparent 100%);
    transform:translateX(-140%);
    animation:heroSweep 2s cubic-bezier(.65,0,.35,1) .35s forwards;
  }
  @keyframes heroSweep{to{transform:translateX(320%);}}
  /* The hero's "projected at 1:1" annotation is now the same .ph-tag chip the
     rest of the site captions photographs with — dark ground, inset from the
     corner. The old light chip was built for a line illustration: over a
     photograph it half-hung off the frame and its slate text landed on the
     brightest part of the projected plan. */

  /* --- Staggered group reveal (children fade up in sequence) --- */
  .stagger > *{opacity:0;transform:translateY(16px);
    transition:opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1);}
  .stagger.in > *{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 90ms);}

  /* --- Expensive Hindsight: red-pen mark drawn under each caught mistake --- */
  .examples .mark{position:relative;display:inline;}
  .examples .mark::after{
    content:"";position:absolute;left:-.04em;right:-.04em;bottom:-.06em;height:.09em;
    background:var(--ember);transform:scaleX(0);transform-origin:left;
    transition:transform .55s cubic-bezier(.65,0,.35,1);
  }
  .stagger.in .mark::after{transform:scaleX(1);transition-delay:calc(var(--i,0) * 90ms + .22s);}

  /* --- Stat count-up: keep width stable while the number ticks --- */
  .stat .fig{font-variant-numeric:tabular-nums;}
  .stat .fig[data-count],.stat .fig .num{font-variant-numeric:tabular-nums;}

  /* --- Studio: full-bleed bone band, copy over a pair of photographs --- */
  .studio{background:var(--bone-soft);}
  .studio-copy h2{margin-bottom:1.5rem;max-width:16ch;}

  /* --- Final CTA: the one saturated ember beat after a page of restraint --- */
  .finalcta{position:relative;overflow:hidden;}
  .cta-watermark{position:absolute;left:50%;top:50%;
    transform:translate(-50%,-44%);width:min(1180px,150%);height:auto;
    color:var(--granite);opacity:.05;pointer-events:none;z-index:0;}
  .finalcta .wrap{position:relative;z-index:1;}
  .finalcta.flood{background:var(--ember);color:var(--bone);border-top-color:transparent;}
  .finalcta.flood .cta-watermark{color:var(--bone);opacity:.09;}
  .finalcta.flood .eyebrow{color:var(--bone);}
  .finalcta.flood .eyebrow::before{background:var(--bone);opacity:.6;}
  .finalcta.flood h2{color:var(--bone);}
  .finalcta.flood .sub{color:rgba(244,242,238,.92);}
  .finalcta.flood .seal svg{color:var(--bone);opacity:.9;}
  .finalcta.flood .btn-primary{background:var(--bone);color:var(--ember);}
  .finalcta.flood .btn-primary:hover{background:#fff;}
  .finalcta.flood .btn-ghost{border-color:rgba(244,242,238,.75);color:var(--bone);}
  .finalcta.flood .btn-ghost:hover{background:var(--bone);color:var(--ember);border-color:var(--bone);}

  @media (prefers-reduced-motion:reduce){
    .hero-scan{display:none;}
    .stagger > *{opacity:1;transform:none;transition:none;}
    .examples .mark::after{transform:scaleX(1);transition:none;}
  }