/* BETWEEN — targeted Home / About patch, 2026-09-29 */
.home.home-v1 .owner-signature{
  cursor:default;
  text-decoration:none;
}
.home.home-v1 .owner-signature:hover{
  text-decoration:none;
}

.home.home-v1 .hero-about-anita{
  position:relative;z-index:7;width:244px;height:99px;margin:62px auto 0;
  padding:0;display:grid;place-items:center;border:0;background:transparent;
  color:#fff;font:inherit;font-size:14px;line-height:1;letter-spacing:.20em;
  text-transform:uppercase;cursor:pointer;pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
}
.home.home-v1 .hero-about-label{
  position:relative;z-index:2;display:block;
  transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s ease;
}
.home.home-v1 .hero-about-drawing{
  position:absolute;inset:0;width:100%;height:100%;overflow:visible;
  pointer-events:none;transition:transform .32s cubic-bezier(.16,1,.3,1);
}
.home.home-v1 .hero-about-drawing path{
  fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;
  stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;
  animation:between-oval-draw 4.6s linear infinite;
}
.home.home-v1 .hero-about-drawing .oval-second{opacity:.56;animation-delay:.12s}
.home.home-v1 .hero-about-drawing .about-arrow{animation-name:between-arrow-draw}
.home.home-v1 .hero-about-drawing .arrow-second{animation-delay:.18s}
@keyframes between-oval-draw{
  0%{stroke-dashoffset:1} 42%,76%{stroke-dashoffset:0} 100%{stroke-dashoffset:-1}
}
@keyframes between-arrow-draw{
  0%,35%{stroke-dashoffset:1} 65%,76%{stroke-dashoffset:0} 100%{stroke-dashoffset:-1}
}
@media (hover:hover) and (pointer:fine){
  .home.home-v1 .hero-about-anita:hover .hero-about-label{transform:scale(1.06)}
  .home.home-v1 .hero-about-anita:hover .hero-about-drawing{transform:scale(1.035)}
}
.home.home-v1 .hero-about-anita:focus-visible{outline:1px solid rgba(255,255,255,.85);outline-offset:7px}
@media (max-width:700px){
  .home.home-v1 .hero-about-anita{width:200px;height:81px;margin-top:42px;font-size:11px;letter-spacing:.18em}
}
@media (min-width:701px) and (max-width:1024px){
  .home.home-v1 .hero-about-anita{width:224px;height:90px;margin-top:50px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .home.home-v1 .hero-about-drawing path{animation:none;stroke-dashoffset:0}
}

/* The two halves always fill the hero, including when its central control
   is hovered. Only the left width animates; the right fills the remainder. */
.home.home-v1 .split-hero{width:100vw}
.home.home-v1 .split-hero .split-half,
.home.home-v1 .split-hero:hover .split-half{width:50%;min-width:0;flex-shrink:0}
.home.home-v1 .split-hero .split-right{flex:1 1 0;width:auto}
.home.home-v1 .split-hero:has(.split-right:hover) .split-left{width:40%}
.home.home-v1 .split-hero .split-left:hover{width:60%}
/* Snapshot the current split and image zoom before the About overlay moves. */
.home.home-v1 .split-hero.about-hero-locked .split-left{
  width:var(--about-left-width);transition:none;
}
.home.home-v1 .split-hero.about-hero-locked .split-half img{
  transform:var(--about-image-transform,none);transition:none;
}
@media (max-width:900px){
  .home.home-v1 .split-hero .split-left{flex:1 0 100%}
}