:root{
    --ink:#0E2D42;
    --ink-2:#264255;
    --ink-3:#395364;
    --bone:#FBFAF6;
    --bone-2:#F1EEE6;
    --charcoal:#0E2D42;
    --charcoal-soft:#5C6E7A;
    --brass:#AD844C;
    --brass-light:#C6A982;
    --wine:#435B6C;
    --wine-light:#C6A982;
    --line:rgba(14,45,66,0.14);
    --line-on-ink:rgba(251,250,246,0.16);
    --font-display:'Fraunces','Iowan Old Style','Palatino Linotype',Georgia,serif;
    --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  *,*::before,*::after{box-sizing:inherit;}
  html{scroll-behavior:smooth;scroll-padding-top:calc(88px + env(safe-area-inset-top,0px));}
  html,body{height:auto;min-height:100%;}
  body{
    margin:0;
    background:var(--bone);
    color:var(--charcoal);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img,svg{max-width:100%;display:block;}
  a{color:inherit;}
  .wrap{max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px;}
  @media (max-width:720px){.wrap{padding-left:22px;padding-right:22px;}}

  /* ---------- Nav ---------- */
  .nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding-top:env(safe-area-inset-top,0px);
    background:transparent;
    transition:background-color .5s ease, box-shadow .5s ease, border-color .5s ease;
    border-bottom:1px solid transparent;
  }
  .nav.solid{background:rgba(14,45,66,0.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-on-ink);}
  .nav-row{
    max-width:1180px;margin:0 auto;padding:13px 32px;
    display:flex;align-items:center;justify-content:space-between;
  }
  @media (max-width:720px){.nav-row{padding:11px 22px;}}
  .wordmark{
    font-family:var(--font-display);
    font-weight:500;
    font-style:italic;
    font-size:1.28rem;
    letter-spacing:.01em;
    color:var(--bone);
    text-decoration:none;
    white-space:nowrap;
  }
  .wordmark b{font-style:normal;font-weight:600;}
  .nav-links{display:flex;gap:2.1rem;list-style:none;margin:0;padding:0;}
  .nav-links a{
    font-size:.92rem;color:var(--bone-2);text-decoration:none;
    padding-bottom:4px;border-bottom:1px solid transparent;
    transition:color .25s ease, border-color .25s ease;
  }
  .nav-links a:hover,.nav-links a:focus-visible{color:var(--brass-light);}
  .nav-links a.active{color:var(--bone);border-color:var(--brass);}
  .nav-toggle{display:none;background:none;border:none;color:var(--bone);cursor:pointer;padding:6px;}
  .nav-toggle svg{width:22px;height:22px;}
  @media (max-width:760px){
    .nav-links{
      position:fixed;inset:0 0 auto 0;top:0;
      flex-direction:column;gap:0;
      background:var(--ink);
      padding:calc(84px + env(safe-area-inset-top,0px)) 28px 28px;
      transform:translateY(-104%);
      transition:transform .4s ease;
    }
    .nav-links.open{transform:translateY(0);}
    .nav-links a{
      display:block;padding:16px 0;font-size:1.05rem;
      border-bottom:1px solid var(--line-on-ink);width:100%;
    }
    .nav-toggle{display:inline-flex;}
  }

  /* ---------- Buttons & links ---------- */
  .btn{
    display:inline-flex;align-items:center;gap:.5rem;
    font-family:var(--font-body);font-weight:500;font-size:.95rem;
    padding:.95rem 1.7rem;border-radius:2px;
    text-decoration:none;border:1px solid transparent;cursor:pointer;
    transition:transform .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
  }
  .btn:hover{transform:translateY(-1px);}
  .btn-brass{background:var(--brass);color:var(--ink);}
  .btn-brass:hover{background:var(--brass-light);}
  .btn-wine{background:var(--wine);color:var(--bone);}
  .btn-wine:hover{background:var(--wine-light);}
  .btn-ghost-dark{border-color:var(--line-on-ink);color:var(--bone);}
  .btn-ghost-dark:hover{border-color:var(--brass-light);color:var(--brass-light);}
  .btn-ghost-light{border-color:var(--line);color:var(--charcoal);}
  .btn-ghost-light:hover{border-color:var(--brass);color:var(--brass);}
  .text-link{
    text-decoration:none;border-bottom:1px solid currentColor;
    padding-bottom:2px;opacity:.85;transition:opacity .2s ease;
  }
  .text-link:hover{opacity:1;}

  /* ---------- Pages ---------- */
  .page{display:none;}
  .page.visible{display:block;}

  /* ---------- Hero (shared skeleton) ---------- */
  .hero{
    background:var(--ink);color:var(--bone);
    padding:calc(150px + env(safe-area-inset-top,0px)) 0 100px;
    position:relative;overflow:hidden;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;
  }
  @media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:44px;}}
  .hero-kicker{
    font-family:var(--font-display);font-style:italic;font-weight:400;
    color:var(--brass-light);font-size:1.05rem;margin:0 0 1.1rem;
  }
  .hero h1{
    font-family:var(--font-display);font-weight:500;
    font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.06;letter-spacing:-.01em;
    margin:0 0 1.5rem;color:var(--bone);
  }
  .hero p.lede{
    font-size:1.13rem;line-height:1.65;color:var(--bone-2);
    max-width:38ch;margin:0 0 2.4rem;
  }
  .hero-actions{display:flex;flex-wrap:wrap;gap:1.1rem;}
  .hero-art{display:flex;justify-content:center;}
  .hero-art svg{width:100%;max-width:400px;height:auto;}

  .hero-art-logo{position:relative;min-height:360px;align-items:center;}
  .orbit-svg{position:absolute;top:50%;left:50%;
    width:min(120%,480px);height:auto;
    transform:translate(-50%,-50%);overflow:visible;max-width:none;
  }
  .orbit-rotate{transform-origin:220px 220px;}
  .orbit-cw{animation:orbitCW 110s linear infinite;}
  .orbit-ccw{animation:orbitCCW 80s linear infinite;}
  @keyframes orbitCW{to{transform:rotate(360deg);}}
  @keyframes orbitCCW{to{transform:rotate(-360deg);}}
  @media (prefers-reduced-motion:reduce){.orbit-cw,.orbit-ccw{animation:none;}}
  .logo-plate-hero{
    position:relative;z-index:2;background:#FEFEFE;
    padding:26px 30px;border-radius:5px;max-width:260px;
    box-shadow:0 30px 70px -26px rgba(0,0,0,0.55);
  }
  .logo-plate-img{width:100%;height:auto;display:block;}
  @media (max-width:900px){
    .hero-art-logo{min-height:300px;}
    .logo-plate-hero{max-width:210px;padding:20px 22px;}
  }
  @keyframes riseIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
  .hero-grid > *{animation:riseIn .9s ease both;}
  .hero-grid > *:nth-child(2){animation-delay:.12s;}
  @media (prefers-reduced-motion:reduce){
    .hero-grid > *{animation:none;}
  }

  /* ---------- Section basics ---------- */
  section.block{padding:104px 0;}
  @media (max-width:720px){section.block{padding:72px 0;}}
  .rule{height:1px;background:var(--line);border:none;margin:0;}
  .rule-on-ink{background:var(--line-on-ink);}

  /* ---------- About ---------- */
  .about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;}
  @media (max-width:820px){.about-grid{grid-template-columns:1fr;gap:32px;}}
  .about-photo{
    width:100%;max-width:260px;aspect-ratio:4/5;overflow:hidden;
    border-radius:3px;margin:0 0 2rem;
    border:1px solid var(--line);
    box-shadow:0 18px 40px -22px rgba(14,45,66,0.45);
  }
  .about-photo img{
    width:100%;height:100%;object-fit:cover;object-position:50% 15%;
    filter:grayscale(1) contrast(1.05) brightness(1.03) sepia(.06);
    display:block;
  }
  @media (max-width:820px){.about-photo{max-width:220px;}}
  .about-tag{
    font-family:var(--font-display);font-style:italic;color:var(--brass);
    font-size:1.1rem;margin:0 0 .6rem;
  }
  .about-name{
    font-family:var(--font-display);font-weight:500;font-size:2rem;margin:0 0 .3rem;
  }
  .about-role{color:var(--charcoal-soft);font-size:.98rem;margin:0;}
  .about-body p{
    font-size:1.05rem;line-height:1.75;color:var(--charcoal);
    max-width:62ch;margin:0 0 1.3rem;
  }
  .about-body p:last-child{margin-bottom:0;}

  /* ---------- Editorial list (practices / services) ---------- */
  .list-head{
    display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
    margin-bottom:2.6rem;flex-wrap:wrap;
  }
  .list-head h2{
    font-family:var(--font-display);font-weight:500;
    font-size:clamp(1.8rem,3vw,2.5rem);margin:0;max-width:18ch;line-height:1.15;
  }
  .list-head p{max-width:36ch;color:var(--charcoal-soft);margin:0;font-size:.98rem;}
  .practice-row{
    display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;
    padding:2.1rem 0;border-top:1px solid var(--line);align-items:baseline;
  }
  .practice-row:last-child{border-bottom:1px solid var(--line);}
  @media (max-width:700px){.practice-row{grid-template-columns:1fr;gap:.6rem;padding:1.7rem 0;}}
  .practice-name{
    font-family:var(--font-display);font-weight:500;font-size:1.55rem;
    color:var(--charcoal);margin:0;
  }
  .practice-desc{color:var(--charcoal-soft);margin:0;font-size:1rem;max-width:48ch;}
  .practice-row.on-ink{border-top-color:var(--line-on-ink);}
  .practice-row.on-ink:last-child{border-bottom-color:var(--line-on-ink);}
  .practice-row.on-ink .practice-name{color:var(--bone);}
  .practice-row.on-ink .practice-desc{color:var(--bone-2);}

  /* ---------- CTA band ---------- */
  .cta-band{padding:96px 0;text-align:center;}
  .cta-band.ink{background:var(--ink);color:var(--bone);}
  .cta-band.wine-bg{background:var(--wine);color:var(--bone);}
  .cta-band h2{
    font-family:var(--font-display);font-weight:500;font-style:italic;
    font-size:clamp(1.6rem,3.4vw,2.3rem);max-width:22ch;margin:0 auto 2.2rem;line-height:1.3;
  }

  /* ---------- Sound healing hero variant ---------- */
  .hero.wine .hero-kicker{color:var(--wine-light);}
  .ripple{
    transform-origin:200px 200px;transform-box:fill-box;
    animation:soundRipple 4.5s ease-out infinite;
    opacity:0;
  }
  .ripple-d2{animation-delay:1.5s;}
  .ripple-d3{animation-delay:3s;}
  @keyframes soundRipple{
    0%{transform:scale(0.5);opacity:.75;}
    100%{transform:scale(3.2);opacity:0;}
  }
  @media (prefers-reduced-motion:reduce){
    .ripple{animation:none;opacity:0;}
  }

  /* ---------- Blog ---------- */
  .blog-row{padding:2.3rem 0;border-top:1px solid var(--line);}
  .blog-row:last-child{border-bottom:1px solid var(--line);}
  .blog-meta{
    font-size:.82rem;color:var(--brass);letter-spacing:.03em;
    margin:0 0 .6rem;text-transform:uppercase;
  }
  .blog-title{
    font-family:var(--font-display);font-weight:500;
    font-size:1.5rem;line-height:1.28;max-width:32ch;
    margin:0 0 .7rem;color:var(--charcoal);
  }
  .blog-excerpt{color:var(--charcoal-soft);font-size:1rem;max-width:62ch;margin:0;}

  /* ---------- Contact page ---------- */
  .contact-hero{background:var(--ink);color:var(--bone);padding:calc(160px + env(safe-area-inset-top,0px)) 0 90px;}
  .contact-hero h1{
    font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,5vw,3.6rem);
    margin:0 0 1.3rem;max-width:14ch;
  }
  .contact-hero p{color:var(--bone-2);max-width:44ch;font-size:1.08rem;margin:0;}
  .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
  @media (max-width:820px){.contact-grid{grid-template-columns:1fr;gap:40px;}}
  .contact-card h3{
    font-family:var(--font-display);font-weight:500;font-style:italic;
    font-size:1.2rem;margin:0 0 .9rem;color:var(--brass);
  }
  .contact-card p, .contact-card a.text-link{
    font-size:1.05rem;color:var(--charcoal);margin:0 0 .3rem;display:block;
  }
  .contact-card .muted{color:var(--charcoal-soft);font-size:.95rem;}
  .contact-cta{margin-top:70px;text-align:center;}
  .contact-cta a{margin-top:1.6rem;}

  /* ---------- Footer ---------- */
  footer{background:var(--ink);color:var(--bone-2);padding:56px 0 40px;}
  .footer-row{
    display:flex;justify-content:space-between;align-items:center;
    flex-wrap:wrap;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line-on-ink);
  }
  .footer-links{display:flex;gap:1.8rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
  .footer-links a{font-size:.92rem;color:var(--bone-2);text-decoration:none;}
  .footer-links a:hover{color:var(--brass-light);}
  .footer-bottom{
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
    padding-top:26px;font-size:.82rem;color:rgba(251,250,246,0.55);
  }

  /* Accessibility */
  a:focus-visible,button:focus-visible{outline:2px solid var(--brass-light);outline-offset:3px;}

  /* ---------- Logo (nav / footer) ---------- */
  .logo-link{display:inline-flex;align-items:center;}
  .logo-badge{
    display:inline-flex;align-items:center;justify-content:center;
    background:#FEFEFE;padding:5px 12px;border-radius:4px;
    line-height:0;
  }
  .logo-img{height:48px;width:auto;display:block;}
  @media (max-width:720px){
    .logo-badge{padding:4px 10px;}
    .logo-img{height:38px;}
  }
  .footer-row .logo-badge{padding:7px 15px;}
  .footer-row .logo-img{height:56px;}

  /* ---------- WhatsApp floating button ---------- */
  .wa-float{
    position:fixed;right:20px;
    bottom:calc(20px + env(safe-area-inset-bottom,0px));
    z-index:200;width:58px;height:58px;border-radius:50%;
    background:#25D366;display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 26px rgba(0,0,0,0.28);
    transition:transform .25s ease, box-shadow .25s ease;
    text-decoration:none;
  }
  .wa-float:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,0.32);}
  .wa-float svg{width:29px;height:29px;}
  @media (prefers-reduced-motion:reduce){.wa-float{transition:none;}}