/* Empowered Minds — home page styles. Original page design preserved. */
/* Empowered Minds concept: no dependencies, no CSS framework.
       Pink and navy CSS accents are approximations; the logo artwork is the original from the live site. */
    :root {
  --pink-faint: #fff8fb;
  --navy-soft: #315060;
  --ink: #182e3a;
  --page: #fcfbfc;
  --radius: 18px;
  --shadow: 0 16px 46px rgba(11,38,50,.075);
}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:100px}
    body{margin:0;background:var(--paper);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
    a{text-decoration:none;color:inherit}
    button{font:inherit}
    svg{display:block}
    img{display:block;max-width:100%}
    :focus-visible{outline:3px solid #b51f60;outline-offset:4px}
    .wrap{width:min(calc(100% - 72px),var(--content));margin-inline:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--pink-deep);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}
    .eyebrow::before{content:'';display:inline-block;width:25px;height:2px;background:var(--pink);flex:none}
    .section-head{max-width:660px;margin-bottom:34px}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{font-family:Manrope,'Segoe UI',sans-serif;color:var(--navy);line-height:1.17;letter-spacing:-.048em}
    h1{font-weight:800;font-size:clamp(2.8rem,5.4vw,4.85rem);letter-spacing:-.066em}
    h2{font-weight:800;font-size:clamp(2.05rem,3.4vw,3.05rem)}
    h3{font-weight:800;font-size:1.24rem;letter-spacing:-.035em}
    p{color:var(--navy-soft)}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:51px;border-radius:9px;padding:13px 21px;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .2s ease, background .2s ease, box-shadow .2s ease,border-color .2s ease}
    .button:hover{transform:translateY(-2px)}
    .button-primary{background:var(--pink-deep);color:white;box-shadow:0 8px 18px rgba(237,43,129,.15)}
    .button-primary:hover{background:#9c0c49;box-shadow:0 12px 23px rgba(237,43,129,.22)}
    .button-secondary{color:var(--navy);background:white;border:1px solid #d2cbd0}
    .button-secondary:hover{border-color:var(--pink)}
    .button svg,.text-link svg{width:16px;height:16px;flex:none}
    .text-link{display:inline-flex;align-items:center;gap:8px;color:var(--pink-deep);font-size:13px;font-weight:800}
    .text-link:hover{text-decoration:underline;text-underline-offset:4px}
    /* Concept notice intentionally excluded from main website aesthetic */
    .concept-bar{background:var(--navy);color:#d7e0e6;font-size:10px;font-weight:700;letter-spacing:.12em;text-align:center;padding:8px 15px;text-transform:uppercase}
    .site-header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:40;border-bottom:1px solid #f3edf0;backdrop-filter:blur(16px)}
    .nav-row{height:85px;display:flex;align-items:center;justify-content:space-between;gap:32px}
    .brand{display:flex;align-items:center;min-width:235px;height:74px}
    /* Preserve the genuine brand artwork. Its PNG includes generous transparent margins:
       the image is enlarged inside a clipped window; the artwork itself is untouched. */
    .logo-window{position:relative;display:block;width:232px;height:74px;overflow:hidden;flex:none}
    .logo-window img{display:block;position:absolute;width:355px;height:auto;max-width:none;left:-60px;top:-54px}
    .logo-fallback{position:absolute;inset:0;display:flex;align-items:center;color:var(--navy);font:800 20px Manrope,sans-serif;letter-spacing:-.04em}
    .logo-window.asset-loaded .logo-fallback{display:none}
    .logo-window:not(.asset-loaded) img{visibility:hidden}
    .footer-brand .logo-window{margin:-6px 0 15px}
    .nav-links{display:flex;align-items:center;gap:30px;margin-left:auto}
    .nav-links a:not(.button){font-size:13px;font-weight:700;color:#354b57;transition:color .2s}
    .nav-links a:not(.button):hover{color:var(--pink-deep)}
    .nav-links .button{min-height:43px;padding-inline:17px;font-size:12px}
    .menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;border:1px solid var(--line);background:white;color:var(--navy);cursor:pointer}
    .menu-toggle svg{width:22px;height:22px}
    /* Hero */
    .hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff8fb 0%,#fff8fb 39%,#fff 78%)}
    .hero::before{content:'';position:absolute;left:-180px;bottom:-320px;width:640px;height:640px;box-shadow:inset 0 0 0 1.5px #f7dce8;border-radius:50%;pointer-events:none}
    .hero::after{content:'';position:absolute;right:-160px;top:-360px;width:640px;height:640px;background:radial-gradient(circle,rgba(246,180,209,.32),transparent 67%);pointer-events:none}
    .hero-grid{position:relative;z-index:1;min-height:646px;display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;padding-top:64px;padding-bottom:79px}
    .hero-copy{max-width:615px}
    .hero h1{margin:20px 0 24px;font-size:clamp(2.5rem,4.9vw,4.1rem)}
    .hero h1 em{color:var(--pink);font-style:normal}
    .hero-lead{font-size:17px;line-height:1.75;max-width:510px;margin-bottom:29px}
    .hero-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
    .hero-micro{display:flex;align-items:center;gap:10px;margin-top:30px;color:#5a6b74;font-size:12px;font-weight:600}
    .micro-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font:800 10px Manrope,sans-serif;color:var(--navy);background:#f5c2d8;border:2px solid #fff}
    .micro-avatar+.micro-avatar{margin-left:-18px;background:#ead5df}
    .hero-visual{position:relative;min-width:0;padding:18px 0 22px 12px;display:flex;justify-content:center}
    .photo-frame{position:relative;isolation:isolate;background:#f7dbe8;width:min(100%,430px);aspect-ratio:1/1;border-radius:50%;overflow:hidden;box-shadow:0 25px 50px rgba(12,51,72,.14);border:8px solid rgba(255,255,255,.92)}
    .photo-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#fbeaf1,#f4cade 55%,#fceff4);z-index:0}
    .photo-frame::after{content:'';position:absolute;inset:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);z-index:3;pointer-events:none}
    .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;display:none;z-index:2}
    .photo-frame.asset-loaded .hero-photo{display:block}
    .photo-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1}
    .photo-frame.asset-loaded .photo-fallback{display:none}
    .fallback-circles{display:flex;align-items:center;gap:0}
    .fallback-portrait{display:flex;align-items:center;justify-content:center;width:160px;height:160px;border-radius:50%;background:#ec5793;color:#fff;font:800 56px Manrope,sans-serif;box-shadow:inset 0 35px 0 rgba(255,255,255,.14)}
    .fallback-portrait:nth-child(2){background:#cd3676;margin-left:-20px;height:160px}
    .hero-caption{position:absolute;z-index:4;right:-18px;bottom:10px;background:white;border-radius:16px;box-shadow:var(--shadow);padding:20px 22px;width:231px;border:1px solid #f5eef1}
    .hero-caption .caption-icon{width:29px;height:29px;color:var(--pink);margin-bottom:7px}
    .hero-caption strong{display:block;color:var(--navy);font-size:13px;line-height:1.5}
    .hero-caption span{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.5}
    .hero-decoration{position:absolute;top:12px;right:8px;width:118px;height:118px;box-shadow:inset 0 0 0 1.5px #eac4d5;border-radius:50%;z-index:-1}
    .hero-decoration::before{content:'';position:absolute;inset:15px;box-shadow:inset 0 0 0 1.5px #eac4d5;border-radius:50%}
    /* Proof strip */
    .proof-strip{border-bottom:1px solid #ece8ea;background:white}
    .proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:27px 0}
    .proof{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0}
    .proof:not(:last-child){border-right:1px solid var(--line)}
    .proof svg{width:24px;height:24px;color:var(--pink);flex:none;stroke-width:1.7}
    .proof p{margin:0;font-size:12px;font-weight:700;line-height:1.55;color:var(--navy)}
    /* Sections */
    .section{padding:102px 0}
    .section .lead{max-width:640px;font-size:15px;line-height:1.8}
    .section h2{margin:16px 0 16px}
    .services{background:white}
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .service-card{border:1px solid #eee5e9;padding:31px 28px 27px;border-radius:16px;background:#fff;min-height:295px;display:flex;flex-direction:column;align-items:start;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
    .service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#f0bfd5}
    .service-icon{width:55px;height:55px;display:grid;place-items:center;background:var(--pink-soft);color:var(--pink-deep);border-radius:14px;margin-bottom:23px}
    .service-icon svg{width:27px;height:27px;stroke-width:1.7}
    .service-card h3{margin-bottom:10px}
    .service-card p{font-size:13px;line-height:1.8;margin-bottom:24px}
    .service-card .text-link{margin-top:auto}
    /* Workshop cards */
    .workshops{background:var(--page)}
    .workshop-head{display:flex;justify-content:space-between;align-items:end;gap:25px}
    .workshop-head .section-head{margin-bottom:32px}
    .workshop-head>.text-link{margin-bottom:40px}
    .workshop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .workshop-card{border-radius:17px;overflow:hidden;background:#fff;border:1px solid #eee9eb;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
    .workshop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .workshop-visual{height:157px;position:relative;overflow:hidden;background:#f9dce9;color:var(--pink-deep)}
    .workshop-visual.visual-b{background:#f7eaf1}
    .workshop-visual.visual-c{background:#fce8f0}
    .workshop-visual::before{content:'';position:absolute;right:-42px;top:-80px;width:225px;height:225px;border:2px solid rgba(170,54,103,.2);border-radius:50%}
    .workshop-visual::after{content:'';position:absolute;right:15px;bottom:-86px;width:150px;height:150px;border:19px solid rgba(255,255,255,.6);border-radius:50%}
    .workshop-symbol{position:absolute;left:28px;top:31px;color:var(--pink-deep)}
    .workshop-symbol svg{width:73px;height:73px;stroke-width:1.2}
    .number{position:absolute;right:20px;top:20px;font:800 11px Manrope,sans-serif;letter-spacing:.08em;color:rgba(130,31,73,.65)}
    .workshop-body{padding:26px 25px 25px;display:flex;flex:1;flex-direction:column;align-items:start}
    .workshop-time{font-size:10px;font-weight:800;color:var(--pink-deep);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
    .workshop-body h3{font-size:19px;min-height:45px;margin-bottom:12px}
    .workshop-body p{font-size:12.7px;line-height:1.8;margin-bottom:25px}
    .workshop-body .text-link{margin-top:auto}
    /* Small business section */
    .about{background:white}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
    .about h2{max-width:530px}
    .about p{font-size:14px;line-height:1.85}
    .about .text-link{margin-top:9px}
    .personal-card{position:relative;border-radius:18px;background:linear-gradient(150deg,#fff5f9,#fff);border:1px solid #f0e1e8;padding:38px 34px 35px;box-shadow:var(--shadow)}
    .personal-card .quote-mark{font:800 83px Georgia,serif;line-height:.6;color:#f3c1d7}
    .personal-card blockquote{margin:20px 0 28px;font:700 20px/1.55 Manrope,sans-serif;color:var(--navy);letter-spacing:-.035em}
    .founders{border-top:1px solid #eddce4;padding-top:21px;display:flex;gap:13px;align-items:center}
    .founder-icons{display:flex;padding-left:7px}
    .founder-icons span{width:42px;height:42px;margin-left:-7px;border-radius:50%;background:#e5acc5;border:2px solid #fff;display:grid;place-items:center;font:800 11px Manrope,sans-serif;color:var(--navy)}
    .founder-icons span:nth-child(2){background:#f5d7e4}
    .founders p{margin:0;color:var(--navy);font-size:12px;line-height:1.55}
    .founders p strong{font-weight:800}
    .founders p small{display:block;color:var(--muted);font-size:11px}
    /* Quote section */
    .testimonial{padding:67px 0;background:#fef2f7;border-top:1px solid #f5e7ee;border-bottom:1px solid #f5e7ee}
    .testimonial-row{display:grid;grid-template-columns: .46fr 1fr;align-items:center;gap:74px}
    .testimonial-label{font:800 12px Manrope,sans-serif;letter-spacing:.08em;color:var(--pink-deep);text-transform:uppercase}
    .testimonial-stars{margin-top:15px;letter-spacing:.22em;color:var(--pink);font-size:18px}
    .testimonial blockquote{font:700 23px/1.55 Manrope,sans-serif;color:var(--navy);letter-spacing:-.035em;margin:0 0 17px}
    .testimonial cite{font-style:normal;color:var(--navy-soft);font-size:13px;font-weight:600}
    /* Contact */
    .contact-section{padding:96px 0;background:#fff}
    .contact-panel{background:var(--navy);color:white;border-radius:20px;padding:58px 66px;display:flex;justify-content:space-between;align-items:center;gap:45px;position:relative;overflow:hidden}
    .contact-panel::after{content:'';position:absolute;right:-95px;top:-190px;height:380px;width:380px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1);border-radius:50%;pointer-events:none}
    .contact-panel h2{color:white;font-size:clamp(1.9rem,3.1vw,2.7rem);max-width:610px;margin:13px 0}
    .contact-panel p{color:#d1dce2;font-size:14px;line-height:1.7;margin:0}
    .contact-panel .eyebrow{color:#ffc3dc}
    .contact-panel .eyebrow::before{background:#ffc3dc}
    .contact-panel .button{z-index:1;flex:none}
    footer{background:#f8f7f8;border-top:1px solid #eee6ea;padding:57px 0 31px}
    .footer-top{display:flex;justify-content:space-between;align-items:start;gap:45px;padding-bottom:43px}
    .footer-brand{max-width:370px}
    .footer-brand h3{font-size:20px;letter-spacing:-.05em;margin-bottom:8px}
    .footer-brand p{font-size:12px;line-height:1.8;margin-bottom:0}
    .footer-links{display:flex;gap:65px}
    .footer-links h4{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--navy);margin:0 0 14px}
    .footer-links a{display:block;font-size:12px;margin-bottom:9px;color:var(--navy-soft)}
    .footer-links a:hover{text-decoration:underline}
    .footer-bottom{padding-top:25px;border-top:1px solid #e6dee2;display:flex;justify-content:space-between;gap:32px;align-items:end}
    .footer-bottom p{font-size:10.5px;line-height:1.8;color:var(--muted);margin:0;max-width:750px}
    .footer-bottom small{font-size:10px;white-space:nowrap;color:var(--muted)}
    @media (max-width:1000px){
      .nav-links{gap:19px}.brand{min-width:215px}.hero-grid{gap:34px;grid-template-columns:1.05fr .95fr}.photo-frame{min-height:380px}.hero-caption{right:-9px;bottom:-5px}.about-grid{gap:52px}
      .hero h1{font-size:clamp(2.5rem,5vw,3.6rem)}
    }
    @media (max-width:800px){
      .wrap{width:min(calc(100% - 44px),var(--content))}
      .nav-row{height:72px}.brand{height:66px}
      .menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 18px 28px rgba(5,34,49,.1);padding:16px 22px 25px;border-top:1px solid #f1e7eb;flex-direction:column;align-items:stretch;gap:0}
      .nav-links.is-open{display:flex}.nav-links a:not(.button){padding:13px 3px;font-size:15px;border-bottom:1px solid #f6eff2}.nav-links .button{margin-top:17px}
      .hero-grid{min-height:auto;grid-template-columns:1fr;gap:25px;padding-top:66px;padding-bottom:72px}
      .hero-copy{max-width:690px}.hero h1{font-size:clamp(2.9rem,8vw,4.5rem);max-width:700px}
      .hero-visual{max-width:520px;padding:10px 20px 19px 0;margin:0 auto;width:100%}.hero-caption{right:0;bottom:0}
      .proof-row{gap:8px}.proof{padding-inline:12px}.proof p{font-size:10px}.proof svg{width:19px}
      .section{padding:77px 0}.service-grid,.workshop-grid{gap:13px}.service-card{padding:25px 20px}.workshop-body{padding:23px 18px}.workshop-body h3{font-size:17px}
      .about-grid{grid-template-columns:1fr;gap:27px}.personal-card{max-width:650px}
      .contact-panel{padding:40px 34px}.testimonial-row{gap:24px}
    }
    @media (max-width:620px){
      .wrap{width:calc(100% - 38px)}
      .concept-bar{font-size:9px}.nav-row{height:70px}.brand{min-width:0}.logo-window{width:218px;height:68px}.logo-window img{width:330px;left:-56px;top:-51px}
      .hero-grid{padding-top:55px;padding-bottom:65px}.hero h1{font-size:clamp(2.62rem,11.3vw,3.65rem);margin:17px 0 18px;line-height:1.17}
      .hero-lead{font-size:15px;line-height:1.8;margin-bottom:25px}.hero-actions{gap:9px}.hero-actions .button{flex:1;min-width:148px;padding-inline:10px;font-size:12px}
      .hero-micro{font-size:11px;margin-top:22px}.hero-visual{max-width:440px;margin-top:5px;padding:10px 0 35px 0}
      .photo-frame{max-width:350px;margin-inline:auto;width:min(100%,350px);aspect-ratio:1/1;border-radius:50%}
      .hero-caption{width:202px;padding:15px 16px;right:0;bottom:6px}.hero-caption strong{font-size:12px}.hero-caption span{font-size:10px}
      .fallback-portrait{width:139px;height:210px;font-size:46px}.fallback-portrait:nth-child(2){height:195px}
      .proof-row{grid-template-columns:1fr;gap:0;padding:7px 0}.proof{justify-content:flex-start;padding:12px 0;gap:12px}.proof:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.proof p{font-size:11px}.proof svg{width:22px}
      .section{padding:69px 0}.section-head{margin-bottom:24px}.section h2{margin:13px 0;font-size:clamp(2rem,8vw,2.7rem)}.section .lead{font-size:14px}
      .service-grid,.workshop-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:0;padding:26px 25px}.service-icon{margin-bottom:17px}.service-card p{margin-bottom:15px}
      .workshop-head{display:block}.workshop-head>.text-link{margin:0 0 27px}.workshop-visual{height:125px}.workshop-body h3{min-height:0;font-size:19px}.workshop-body{padding:25px}
      .about-grid{gap:23px}.personal-card{padding:31px 26px}.personal-card blockquote{font-size:19px}
      .testimonial{padding:49px 0}.testimonial-row{grid-template-columns:1fr;gap:15px}.testimonial blockquote{font-size:19px}
      .contact-section{padding:66px 0}.contact-panel{display:block;padding:34px 26px}.contact-panel h2{font-size:30px}.contact-panel p{font-size:13px;margin-bottom:23px}.contact-panel .button{width:100%}
      footer{padding:49px 0 27px}.footer-top{flex-direction:column;gap:29px}.footer-links{gap:56px;flex-wrap:wrap}.footer-bottom{flex-direction:column;align-items:start;gap:15px}
    }
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
    /* Use the owners' official white-border logo without cropping */
    .logo-window{width:230px;height:76px;display:flex;align-items:center;overflow:visible}.logo-window img{position:static;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.footer-brand .logo-window{margin:0 0 15px}

    /* Full-width, owner-authored feedback carousel: timed auto-advance with a slim progress line (starts paused under "reduce motion"), no invented ratings. */
    .feedback-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(132deg,#0e394d 0%,#082e43 49%,#062638 100%);color:#fff;padding:91px 0 80px}
    .feedback-content{position:relative;z-index:1}
    .feedback-orbit{position:absolute;z-index:0;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.07);border-radius:50%;pointer-events:none}
    .feedback-orbit-one{width:720px;height:720px;top:-480px;right:-135px}
    .feedback-orbit-two{width:520px;height:520px;bottom:-390px;left:-190px}
    .feedback-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}
    .feedback-eyebrow{display:flex;align-items:center;gap:13px;color:#ffb8d7;text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:11px}
    .feedback-eyebrow:before{content:'';height:2px;width:25px;background:#f271ad}
    .feedback-heading h2{color:#fff;margin:18px 0 10px;letter-spacing:-.057em;font-size:clamp(2.35rem,4.4vw,3.85rem)}
    .feedback-heading h2 em{font-style:normal;color:#ff9cc5}
    .feedback-heading p{color:#bfd0d9;font-size:14px;margin:0}
    .feedback-outline-quote{font:300 210px/.8 Georgia,serif;color:rgba(255,255,255,.075);user-select:none;transform:rotate(8deg);padding-right:40px}
    .review-carousel{position:relative;background:linear-gradient(110deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 25px 55px rgba(0,14,25,.18);padding:33px 43px 27px;outline-offset:5px;backdrop-filter:blur(8px)}
    .review-viewport{display:grid;overflow:hidden}
    .review-slide{grid-area:1/1;align-self:center;display:flex;flex-direction:column;align-items:start;justify-content:center;min-height:245px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .38s ease,transform .38s ease,visibility .38s;pointer-events:none;margin:0}
    .review-slide.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
    .review-quote-mark{font:600 75px/.7 Georgia,serif;color:#ff83b7;display:block;height:45px}
    .review-slide blockquote{color:#fff;max-width:930px;font:700 clamp(1.18rem,2.25vw,1.95rem)/1.5 Manrope,'Segoe UI',sans-serif;letter-spacing:-.032em;margin:8px 0 23px}
    .review-slide figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
    .review-author{color:#fff;font-weight:800;font-size:14px}
    .review-type{display:inline-flex;align-items:center;min-height:25px;border:1px solid rgba(255,185,216,.3);border-radius:30px;padding:4px 11px;color:#ffd1e5;font-size:11px;font-weight:700}
    .review-footer{border-top:1px solid rgba(255,255,255,.18);padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .review-pagination{display:flex;align-items:center;gap:8px}
    .review-dot{cursor:pointer;height:9px;width:9px;padding:0;border-radius:50px;border:none;background:#668697;transition:width .23s ease,background .23s ease}
    .review-dot:hover{background:#ffb5d4}
    .review-dot.is-active{width:30px;background:#ff86b8}
    .review-actions{display:flex;align-items:center;gap:12px}
    .review-count{color:#abc3cf;font-size:13px;font-variant-numeric:tabular-nums;margin-right:11px;letter-spacing:.05em}
    .review-count strong{color:#fff;font-size:16px}
    .review-arrow{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
    .review-arrow:hover{background:var(--pink-deep);border-color:#ff9bc5;transform:translateY(-2px)}
    .review-arrow svg{width:20px;height:20px}
    .review-arrow:focus-visible,.review-dot:focus-visible{outline:3px solid #ffa6ca;outline-offset:4px}
    .feedback-disclaimer{color:#a9c2ce;font-size:11px;margin:20px 2px 0}
    @media(max-width:750px){.feedback-section{padding:67px 0 59px}.feedback-outline-quote{font-size:115px;padding-right:0}.review-carousel{padding:26px 25px 22px}.review-slide{min-height:280px}}
    @media(max-width:520px){.feedback-heading{margin-bottom:22px}.feedback-heading h2{font-size:2.55rem}.feedback-heading p{font-size:12px}.feedback-outline-quote{display:none}.review-carousel{padding:25px 21px 18px;border-radius:20px}.review-slide{min-height:330px}.review-slide blockquote{font-size:1.18rem;line-height:1.53;letter-spacing:-.02em}.review-arrow{width:41px;height:41px}.review-footer{gap:10px}.review-actions{gap:7px}.review-count{margin-right:4px;font-size:11px}.review-pagination{gap:5px}.review-dot{width:8px;height:8px}.review-dot.is-active{width:20px}}
    @media(prefers-reduced-motion:reduce){.review-slide,.review-arrow,.review-dot{transition:none!important}}

    /* FORK 02: premium navy editorial workshop cards, paired with the existing navy feedback section */
    .workshops{background:linear-gradient(180deg,#fffafb 0%,#fef7fa 100%)}
    .workshop-grid{gap:21px;align-items:stretch}
    .workshop-card{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid #194359;background:linear-gradient(157deg,#113e54 0%,#092f45 44%,#062639 100%);box-shadow:0 17px 34px rgba(5,36,51,.10);color:#fff;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
    .workshop-card::before{content:'';position:absolute;z-index:-1;width:285px;height:285px;right:-140px;top:-140px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.09),0 0 0 32px rgba(255,255,255,.023),0 0 0 72px rgba(255,255,255,.018);pointer-events:none}
    .workshop-card::after{content:'';position:absolute;z-index:-1;width:95%;height:150px;left:-28%;bottom:-128px;border-radius:50%;background:radial-gradient(ellipse,rgba(237,43,129,.17),transparent 75%);pointer-events:none}
    .workshop-card:hover{transform:translateY(-6px);border-color:#a84b78;box-shadow:0 26px 55px rgba(5,36,51,.19)}
    .workshop-card-top{padding:29px 29px 0;display:flex;justify-content:space-between;align-items:start;gap:12px}
    .workshop-index{font:800 10px/1.3 Manrope,'Segoe UI',sans-serif;letter-spacing:.16em;color:#ffc3dc;display:inline-flex;gap:9px;align-items:center}
    .workshop-index span{font-size:12px;color:#fff;letter-spacing:.04em}
    .workshop-emblem{width:62px;height:62px;border-radius:18px;border:1px solid rgba(255,209,229,.20);background:rgba(238,62,131,.13);color:#ff87b9;display:grid;place-items:center;flex:none;transform:rotate(-5deg);transition:transform .24s ease,background .24s ease}
    .workshop-card:hover .workshop-emblem{transform:rotate(0deg);background:rgba(238,62,131,.21)}
    .workshop-emblem svg{width:32px;height:32px}
    .workshop-body{padding:6px 29px 0;display:flex;flex:1;flex-direction:column;align-items:stretch}
    .workshop-time{display:inline-flex;align-items:center;align-self:start;gap:7px;color:#ffd2e5;background:rgba(239,90,150,.15);border:1px solid rgba(255,160,199,.25);border-radius:999px;padding:7px 10px;font:750 10.5px/1.2 'DM Sans',sans-serif;letter-spacing:.01em;text-transform:none;margin:16px 0 20px}
    .workshop-time svg{width:14px;height:14px}
    .workshop-body h3{font-size:clamp(1.22rem,1.7vw,1.49rem);letter-spacing:-.046em;line-height:1.35;color:#fff;margin:0 0 15px;min-height:0}
    .workshop-body p{color:#c7d5df;font-size:13px;line-height:1.78;margin:0 0 24px}
    .workshop-audience{display:flex;gap:9px;align-items:center;font:700 11px/1.5 'DM Sans',sans-serif;color:#ffd0e2;margin-top:auto;margin-bottom:26px}
    .workshop-audience::before{content:'';width:6px;height:6px;border-radius:50%;background:#fc6ea6;flex:none}
    .workshop-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 -29px;padding:17px 28px 17px 29px;border-top:1px solid rgba(255,255,255,.13);font-size:13px;font-weight:800;color:#fff;transition:background .2s ease,color .2s ease}
    .workshop-cta:hover{background:rgba(237,43,129,.14)}
    .workshop-cta:focus-visible{outline:3px solid #ff96c1;outline-offset:-4px}
    .workshop-arrow{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:50%;background:#ed2b81;color:#fff;transition:transform .2s ease,background .2s ease}
    .workshop-arrow svg{width:17px;height:17px}
    .workshop-cta:hover .workshop-arrow{transform:translate(2px,-2px);background:#ff4f9c}
    @media(max-width:1000px){.workshop-card-top{padding:23px 21px 0}.workshop-body{padding:6px 21px 0}.workshop-cta{margin:0 -21px;padding:15px 20px 15px 21px}.workshop-body h3{font-size:1.21rem}.workshop-body p{font-size:12.6px}}
    @media(max-width:620px){.workshop-grid{gap:17px}.workshop-card-top{padding:24px 25px 0}.workshop-body{padding:0 25px}.workshop-body h3{font-size:1.42rem}.workshop-body p{font-size:13.5px}.workshop-time{margin:13px 0 17px}.workshop-cta{margin:0 -25px;padding:17px 24px 17px 25px}}

    /* Refined workshops: no numbering/icons; durations anchor the bottom. */
    .workshop-card .workshop-body{padding-top:34px}
    .workshop-card .workshop-audience{margin-top:auto;margin-bottom:0}
    .workshop-card .workshop-time{margin:22px 0 26px;padding:8px 12px}
    .review-pause{margin-right:8px}
    @media(max-width:620px){
      .workshop-card .workshop-body{padding-top:29px}
      .workshop-card .workshop-time{margin:20px 0 24px}
      .review-pause{margin-right:0}
    }

    /* FORK 04 — subtle pink brand accents in light sections */
    .proof-strip{position:relative;background:linear-gradient(90deg,#fff 0%,#fffafd 53%,#fff 100%)}
    .proof-strip::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(237,43,129,.34) 35%,rgba(237,43,129,.56) 54%,transparent 100%)}
    .proof svg{color:var(--pink-deep)}
    .services{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 100% 4%,#ffebf4 0%,transparent 33%),linear-gradient(155deg,#fff 0%,#fff9fc 65%,#fff 100%)}
    .services::before{content:"";position:absolute;right:-165px;top:-210px;width:480px;height:480px;box-shadow:inset 0 0 0 1.5px rgba(237,43,129,.13),0 0 0 48px rgba(237,43,129,.025),0 0 0 105px rgba(237,43,129,.022);border-radius:50%;z-index:-1;pointer-events:none}
    .services .section-head h2::after,.about h2::after{content:"";display:block;width:72px;height:4px;border-radius:10px;background:linear-gradient(90deg,var(--pink),#ffc9df);margin-top:22px}
    .service-card{position:relative;overflow:hidden;border-color:#f2dce7;box-shadow:0 10px 32px rgba(173,29,91,.045);background:linear-gradient(165deg,#fff 55%,#fffafd)}
    .service-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--pink-deep),#f579ad 55%,#ffe0ed)}
    .service-card:hover{box-shadow:0 18px 38px rgba(173,29,91,.105);border-color:#ecafd0}
    .service-icon{background:#ffe5f0;color:#bd185d}
    .services .text-link,.about .text-link{color:#a91658}
    .about{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 3% 74%,rgba(252,210,230,.28),transparent 42%),#fff}
    .about::before{content:"";position:absolute;left:-175px;bottom:-220px;width:540px;height:540px;box-shadow:inset 0 0 0 1.5px rgba(237,43,129,.115);border-radius:50%;z-index:-1;pointer-events:none}
    .personal-card{background:linear-gradient(150deg,#fff0f7 0%,#fffafc 58%,#fff);border:1px solid #ecc4d7;box-shadow:0 15px 48px rgba(180,43,105,.09)}
    .personal-card::after{content:"";position:absolute;right:0;top:0;width:35%;height:4px;border-radius:0 18px 0 10px;background:linear-gradient(90deg,rgba(237,43,129,0),rgba(237,43,129,.66))}
    .founders{border-top-color:#ecc7da}
    .contact-section{background:radial-gradient(circle at 98% 15%,rgba(251,206,226,.28),transparent 34%),linear-gradient(180deg,#fff 0%,#fff8fb 100%)}
    .contact-panel{box-shadow:0 22px 53px rgba(7,36,51,.16)}
    footer{border-top:3px solid #f2c4d8}
    @media(max-width:620px){.services::before{right:-300px;top:-220px}.about::before{left:-390px}}

    /* Feedback progress line: timed to the length of each testimonial */
    .review-timer-track{height:5px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 2px rgba(0,0,0,.16);margin:0 0 25px}
    .review-timer-fill{height:100%;width:0;background:linear-gradient(90deg,#eb4b96 0%,#ff88bd 65%,#ffd3e7 100%);border-radius:999px;box-shadow:0 0 15px rgba(255,116,175,.45)}
    @media(max-width:520px){.review-timer-track{margin-bottom:19px}}


/* Official cropped-logo image: remove obsolete positional offsets. */
.logo-window img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%;left:auto;top:auto}
@media(max-width:620px){.logo-window img{position:static;width:100%;height:100%;left:auto;top:auto}}

/* Larger hit targets, without making the visible page-indicator dots bigger. */
.review-pagination{gap:0}
.review-pagination .review-dot,
.review-pagination .review-dot.is-active{
  width:36px;height:36px;min-width:36px;min-height:36px;
  display:inline-grid;place-items:center;flex:0 0 36px;
  border:0;background:transparent;border-radius:50%;
}
.review-pagination .review-dot::after{
  content:"";display:block;width:9px;height:9px;border-radius:999px;
  background:#668697;transition:width .23s ease,background .23s ease;
}
.review-pagination .review-dot:hover::after{background:#ffb5d4}
.review-pagination .review-dot.is-active::after{width:22px;background:#ff86b8}
@media(prefers-reduced-motion:reduce){.review-pagination .review-dot::after{transition:none}}

/* Small screens: let dots and controls wrap onto two rows instead of overflowing the card. */
@media(max-width:520px){
  .review-footer{flex-wrap:wrap;row-gap:10px}
  .review-actions{margin-left:auto}
}

/* Whole workshop card is clickable (27 October 2026).
   "Stretched link": the existing "Explore workshop" link gets an invisible layer covering the whole card
   (the card is the positioned ancestor, so the link itself must stay un-positioned).
   Markup, link text and screen-reader label are unchanged. Side effect: text inside the card can't be
   drag-selected, which is normal for clickable cards. */
.workshop-card{cursor:pointer}
.workshop-cta::after{content:'';position:absolute;inset:-1px;z-index:2;border-radius:22px}
/* Hovering anywhere on the card lights up the action row, as hovering the row itself already did. */
.workshop-card:hover .workshop-cta{background:rgba(237,43,129,.14)}
.workshop-card:hover .workshop-arrow{transform:translate(2px,-2px);background:#ff4f9c}
/* Keyboard focus: outline the whole card instead of just the bottom row. */
.workshop-cta:focus-visible{outline:none}
.workshop-cta:focus-visible::after{outline:3px solid #ff96c1;outline-offset:-5px}

/* Larger card text (27 October 2026): the homepage workshop cards and service cards were hard to read
   (body 13px, audience line 11px, duration pill 10.5px). Sizes only; wording, layout and colours unchanged.
   Kept in one block at the end so the old values above are easy to compare or restore. */
.workshop-card .workshop-body h3{font-size:clamp(1.35rem,1.9vw,1.65rem)}
.workshop-card .workshop-body p{font-size:15px;line-height:1.7}
.workshop-card .workshop-audience{font-size:13px}
.workshop-card .workshop-time{font-size:12.5px}
.workshop-card .workshop-time svg{width:16px;height:16px}
.workshop-card .workshop-cta{font-size:15px}
.service-card h3{font-size:1.4rem}
.service-card p{font-size:15px;line-height:1.7}
.service-card .text-link{font-size:15px}
@media(max-width:1000px){
  .workshop-card .workshop-body h3{font-size:1.3rem}
  .workshop-card .workshop-body p{font-size:14px}
}
/* Tighter vertical spacing between homepage sections (27 October 2026), roughly 20% less.
   Before: sections 102px top and bottom (77 tablet / 69 phone), hero bottom 79px, feedback 91/80px, contact 96px.
   Spacing only, nothing else changes. Kept in one block so the old values above are easy to compare or restore.
   The media queries are repeated here, in the same order, so the tighter values also win on tablet and phone. */
.hero-grid{min-height:590px;padding-top:52px;padding-bottom:62px}
.section{padding:80px 0}
.section-head{margin-bottom:28px}
.workshop-head .section-head{margin-bottom:26px}
.workshop-head>.text-link{margin-bottom:34px}
.feedback-section{padding:72px 0 64px}
.feedback-heading{margin-bottom:24px}
.contact-section{padding:76px 0}
@media(max-width:800px){
  .hero-grid{min-height:auto;padding-top:54px;padding-bottom:58px}
  .section{padding:62px 0}
}
@media(max-width:750px){.feedback-section{padding:54px 0 48px}}
@media(max-width:620px){
  .hero-grid{padding-top:46px;padding-bottom:52px}
  .section{padding:54px 0}
  .section-head{margin-bottom:20px}
  .workshop-head>.text-link{margin:0 0 22px}
  .contact-section{padding:54px 0}
}
@media(max-width:520px){.feedback-heading{margin-bottom:18px}}

/* With the larger text, three narrow columns between 620px and 900px made titles wrap to 4-5 lines, so stack them sooner. */
@media(max-width:900px){
  .workshop-grid,.service-grid{grid-template-columns:1fr}
  .service-card{min-height:0}
}
@media(max-width:620px){
  .workshop-card .workshop-body h3{font-size:1.5rem}
  .workshop-card .workshop-body p{font-size:15px}
}