:root{--ink:#1d1030;--plum:#7b3a96;--magenta:#d4208a;--amber:#f08a1c;--mist:#f7f3fa;--line:#e6dcee;--grad:linear-gradient(100deg,#8e3f9e,#d4208a 55%,#f08a1c);--r:14px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font:400 1.05rem/1.65 Figtree,system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;line-height:1.1;letter-spacing:-.02em}
:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;z-index:99}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.btn{display:inline-block;background:var(--grad);color:#fff;text-decoration:none;font-weight:600;padding:.8rem 1.5rem;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,32,138,.35)}
.btn-sm{padding:.55rem 1.1rem;font-size:.95rem}
.btn-ghost{background:transparent;border:2px solid currentColor;color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:14px}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s}
.site-header.scrolled{box-shadow:0 6px 24px rgba(29,16,48,.08);border-color:var(--line)}
.bar{width:min(1280px,100% - 32px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand .mark,.brand .word{height:54px;width:auto}.brand .word-light,.site-header.at-top .brand .word-dark{display:none}.site-header.at-top .brand .word-light{display:block}
.nav{display:flex;align-items:center;gap:26px}
.nav ul{list-style:none;padding:0;display:flex;gap:6px}
.nav li{position:relative}
.nav li>a,.nav li>button{font:600 1rem Figtree,sans-serif;background:none;border:0;color:var(--ink);padding:.6rem .85rem;text-decoration:none;cursor:pointer;border-radius:8px;display:block}
.nav li>a:hover,.nav li>button:hover,.nav a[aria-current]{color:var(--magenta)}
.has-menu>button::after{content:"";display:inline-block;width:.42em;height:.42em;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);margin-left:.5em;transition:transform .2s}
.has-menu.open>button::after{transform:rotate(225deg) translateY(-1px)}
.mega{position:absolute;top:calc(100% + 10px);left:50%;translate:calc(-50% + var(--shift,0px)) 10px;display:flex;gap:32px;width:max-content;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:0 24px 60px rgba(29,16,48,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,translate .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s}
.mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.mega::after{content:"";position:absolute;top:-7px;left:calc(50% - var(--shift,0px));width:12px;height:12px;margin-left:-6px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:3px 0 0 0;rotate:45deg}
.has-menu.open .mega{opacity:1;visibility:visible;pointer-events:auto;translate:calc(-50% + var(--shift,0px)) 0;transition-delay:0s}
.mega .col{flex:0 0 auto;min-width:210px;display:flex;flex-direction:column}
.mega-title{font:800 1.05rem 'Bricolage Grotesque',sans-serif;margin-bottom:8px;color:var(--plum);white-space:nowrap}
.mega .col a{display:block;white-space:nowrap;text-decoration:none;padding:.5rem .75rem;margin:0 -.75rem;border-radius:8px;font-weight:500;transition:background .2s,color .2s}
.mega .col a:hover,.mega .col a:focus-visible{color:var(--magenta)}
.mega .col a .u{padding-bottom:3px;background:linear-gradient(90deg,var(--magenta),var(--amber)) 0 100%/0 2px no-repeat;transition:background-size .35s cubic-bezier(.22,1,.36,1)}
.mega .col a:hover .u,.mega .col a:focus-visible .u,.mega .col a[aria-current] .u{background-size:100% 2px}
.mega .col a[aria-current]{color:var(--magenta);font-weight:600}
.mega-note{flex:0 0 230px;background:var(--mist);border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;font-size:.98rem}
.mega-note .btn{align-self:flex-start;text-align:center}
.has-menu.open>button,.has-menu.current>button{color:var(--magenta)}
@media (min-width:981px){.site-header.at-top .has-menu.open>button,.site-header.at-top .has-menu.current>button{color:#ffb35c}}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:26px;height:2px;background:var(--ink);margin:6px 0;transition:.25s}
/* hero */
.hero{position:relative;width:100%;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--ink)}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,16,48,.25),rgba(29,16,48,.82))}
.hero-copy{position:relative;padding-block:calc(78px + 48px) 72px;animation:rise .9s ease both}
.hero h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:800;max-width:15ch}
.hero p{max-width:56ch;margin:22px 0 30px;font-size:1.2rem;opacity:.95}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}
/* sections */
.section{padding-block:clamp(64px,9vw,120px)}
.sec-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:800}
.sec-lead{max-width:56ch;margin-top:14px;color:#5b4c70}
.spirit{background:var(--grad);color:#fff;padding-block:clamp(64px,8vw,110px)}
.spirit-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.spirit h2{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:800;margin-bottom:18px}
.spirit p{max-width:54ch;margin-bottom:26px}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px;counter-reset:s}
.steps li{border-top:3px solid var(--magenta);padding-top:18px}
.steps span{font:800 .95rem 'Bricolage Grotesque',sans-serif;color:var(--plum)}
.steps h3{font-size:1.4rem;margin:6px 0}
.steps p{color:#5b4c70;font-size:.98rem}
.talk{background:var(--ink);color:#fff;padding-block:64px}
.talk-in{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.talk h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}
.talk p{opacity:.85;margin-top:8px}
.site-footer{background:#fff;color:#5b4c70;padding-top:64px;font-size:.96rem;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:36px}
.foot-grid h3{color:var(--ink);font-size:1.05rem;margin-bottom:10px}
.foot-grid a{display:block;text-decoration:none;padding:.22rem 0}.foot-grid a:hover{color:var(--magenta);text-decoration:underline}
.foot-grid p{margin-bottom:10px}
.foot-logo{margin-bottom:16px}
.legal{margin-top:48px;padding-block:24px 32px;border-top:1px solid var(--line);font-size:.86rem;color:#6d5f80}
.legal p+p{margin-top:8px}
/* responsive */
@media (max-width:980px){
  .burger{display:block}
  .nav{position:fixed;inset:78px 0 0 0;background:#fff;flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px 32px;overflow-y:auto;translate:100% 0;visibility:hidden;transition:translate .3s,visibility .3s}
  .nav.open{translate:0 0;visibility:visible}
  .nav ul{flex-direction:column;gap:0}
  .nav li>a,.nav li>button{width:100%;text-align:left;padding:1rem .4rem;border-bottom:1px solid var(--line);font-size:1.15rem}
  .nav .has-menu>button{display:flex;justify-content:space-between;align-items:center}
  .mega{position:static;translate:none;width:auto;max-width:none;display:none;opacity:1;visibility:visible;pointer-events:auto;transition:none;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;margin:4px 0 10px .5rem;padding:4px 0 4px 14px;flex-direction:column;gap:10px}
  .mega::before,.mega::after{display:none}
  .has-menu.open .mega{display:flex;translate:none;animation:megaIn .25s ease}
  .mega .col a{display:flex;align-items:center;min-height:44px;padding:.6rem .5rem;margin:0;white-space:normal}
  @keyframes megaIn{from{opacity:0;transform:translateY(-6px)}}
  .mega-note{display:none}
  .cta{text-align:center}
  .spirit-grid,.foot-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}
@media (max-width:560px){.steps{grid-template-columns:1fr}.hero p{font-size:1.05rem}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}
/* transparent header over the hero (home page only) */
.site-header.overlay{position:fixed;left:0;right:0;top:0;transition:background .3s,box-shadow .25s,border-color .25s}
.site-header.overlay.at-top{background:linear-gradient(180deg,rgba(20,8,36,.78),rgba(20,8,36,0));border-color:transparent;box-shadow:none}
.site-header.at-top .brand img{filter:drop-shadow(0 2px 6px rgba(20,8,36,.45))}
.site-header.at-top .burger span{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.5)}
@media (min-width:981px){
  .site-header.at-top .nav li>a,.site-header.at-top .nav li>button{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.6)}
  .site-header.at-top .nav li>a:hover,.site-header.at-top .nav li>button:hover,.site-header.at-top .nav a[aria-current]{color:#ffb35c}
}
.site-header.overlay{border-bottom:0}


@media (max-width:1180px) and (min-width:981px){.nav{gap:12px}.nav ul{gap:0}.nav li>a,.nav li>button{padding:.6rem .6rem}}

@media (max-width:560px){.brand{gap:8px}.brand .mark,.brand .word{height:50px}}

.brand{padding:0;margin:0;line-height:0;align-self:center}
.nav .cta{height:54px;padding-block:0;display:inline-flex;align-items:center;justify-content:center}

/* hero: full screen, navbar overlays it */
.hero video{object-position:50% 50%}
@media (max-width:760px){.hero video{object-position:62% 50%}.hero-copy{padding-block:calc(78px + 32px) 48px}.hero p{margin:16px 0 24px}.hero .actions .btn{flex:1 1 200px;text-align:center}}
@media (max-height:520px) and (orientation:landscape){.hero h1{font-size:clamp(1.8rem,5vw,2.6rem)}.hero p{display:none}.hero-copy{padding-block:calc(98px + 12px) 28px}}

/* 20px gap above the navbar while it sits over the hero */
.site-header.overlay{transition:background .3s,box-shadow .25s,padding-top .3s}
.site-header.overlay.at-top{padding-top:20px}

/* ===== Divisions section (ported from the approved design) ===== */
.divisions-section{--d-plum:#21102f;--d-pink:#d81b7e;--d-orange:#ff8a00;--d-border:#e8ddec;--ease-premium:cubic-bezier(.22,1,.36,1);
  position:relative;isolation:isolate;overflow:hidden;width:100%;padding:clamp(64px,8vw,100px) 0 clamp(64px,8vw,96px);
  background:radial-gradient(ellipse at 8% 8%,rgba(216,27,126,.035),transparent 34%),radial-gradient(ellipse at 92% 92%,rgba(156,77,206,.045),transparent 36%),#fff}
.division-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:17px;margin-top:36px;align-items:stretch}
.division-card{position:relative;isolation:isolate;min-height:470px;padding:34px 34px 34px;overflow:hidden;border:1px solid var(--d-border);border-radius:13px;background:rgba(248,244,250,.94);display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(33,16,47,.025);transition:transform .48s var(--ease-premium),box-shadow .48s var(--ease-premium),border-color .35s ease,background-color .35s ease}
.division-card::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 15% 0%,rgba(216,27,126,.09),transparent 52%);transition:opacity .45s ease}
.division-card:hover{transform:translateY(-7px);border-color:rgba(194,24,122,.34);box-shadow:0 18px 38px rgba(33,16,47,.11)}
.division-card:hover::before{opacity:1}
.division-card.featured{color:#fff;background:linear-gradient(145deg,#261137 0%,#21102f 58%,#2b1238 100%);border-color:transparent;box-shadow:0 8px 22px rgba(33,16,47,.12)}
.division-card.featured::after{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-120px;top:-130px;border-radius:50%;background:rgba(216,27,126,.15);filter:blur(3px);transition:transform .65s var(--ease-premium),opacity .4s ease}
.division-card.featured:hover{border-color:rgba(255,138,0,.35);box-shadow:0 20px 42px rgba(33,16,47,.22)}
.division-card.featured:hover::after{transform:scale(1.45) translate(-12px,15px);opacity:.9}
.division-card h3{margin:0 0 14px;color:var(--d-plum);font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-.6px;transition:transform .4s var(--ease-premium),color .3s ease}
.division-card:hover h3{transform:translateX(2px)}
.division-card.featured h3{color:#fff}
.division-description{margin:0;color:#30223a;font-size:16.5px;line-height:1.65}
.featured .division-description{color:rgba(255,255,255,.94)}
.service-list{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:10px 9px;margin-top:22px}
.service-tag{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid rgba(75,54,88,.58);border-radius:999px;color:#403149;background:rgba(255,255,255,.62);font-size:14px;font-weight:500;line-height:1.15;letter-spacing:.005em;white-space:nowrap;box-shadow:0 1px 2px rgba(33,16,47,.025);transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .35s var(--ease-premium),box-shadow .25s ease}
.service-tag:hover{color:#fff;background:linear-gradient(110deg,var(--d-pink),#b91670);border-color:var(--d-pink);transform:translateY(-2px);box-shadow:0 6px 14px rgba(216,27,126,.2)}
.featured .service-tag{color:rgba(255,255,255,.97);border-color:rgba(255,255,255,.76);background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.featured .service-tag:hover{color:var(--d-plum);background:#fff;border-color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.card-link{position:relative;display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding-top:30px;color:var(--d-plum);font-size:15.5px;line-height:1.3;font-weight:700;text-decoration:none;border:0;transition:color .25s ease,gap .35s var(--ease-premium)}
.card-link::after{content:"\2192";display:inline-block;color:var(--d-pink);font-size:18px;line-height:1;transform:translateX(-4px);opacity:0;transition:transform .35s var(--ease-premium),opacity .25s ease}
.card-link::before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--d-pink),var(--d-orange));transition:width .4s var(--ease-premium)}
.division-card:hover .card-link::before{width:100%}
.card-link:hover{color:var(--d-pink);gap:11px}
.card-link:hover::after{opacity:1;transform:translateX(0)}
.featured .card-link{color:#fff}
.featured .card-link::before{background:linear-gradient(90deg,#ff74b9,var(--d-orange))}
.featured .card-link:hover{color:#ffd5e9}
@media (max-width:900px){.division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.division-card{min-height:420px}.division-card.featured{grid-column:1/-1;min-height:360px}}
@media (max-width:600px){.division-grid{grid-template-columns:1fr;gap:14px;margin-top:27px}.division-card,.division-card.featured{grid-column:auto;min-height:0;padding:28px 24px 26px}.division-card h3{font-size:25px}.division-description{font-size:16px}.card-link{padding-top:26px}}

/* ===== Spiritual weddings: hover and motion effects (ported from the approved design) ===== */
.spirit{--ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(108deg,#873a9e 0%,#b72a9d 31%,#d31691 57%,#ed5b4d 81%,#f5821f 100%);background-size:150% 150%;animation:gradient-drift 16s ease-in-out infinite alternate}
.spirit::before,.spirit::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px)}
.spirit::before{width:520px;height:520px;left:-230px;top:-310px;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%)}
.spirit::after{width:620px;height:620px;right:-300px;bottom:-390px;background:radial-gradient(circle,rgba(255,206,118,.2),transparent 68%)}
.spirit-list{position:relative;margin:0;padding:17px 33px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(87,28,67,.4);box-shadow:0 18px 42px rgba(75,15,57,.1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .55s var(--ease),box-shadow .45s ease,background-color .4s ease,border-color .4s ease}
.spirit-list:hover{transform:translateY(-5px);background:rgba(75,22,63,.47);border-color:rgba(255,255,255,.24);box-shadow:0 25px 54px rgba(65,12,53,.19)}
.spirit-list li{position:relative;display:flex;align-items:center;min-height:73px;padding:17px 4px 17px 0;border:0;transition:padding-left .4s var(--ease)}
.spirit-list li+li{border-top:1px solid rgba(255,255,255,.28)}
.spirit-list li::before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:rgba(255,255,255,.88);transition:width .48s var(--ease)}
.spirit-list li::after{content:"\2192";position:absolute;right:3px;opacity:0;transform:translateX(-7px);transition:opacity .3s ease,transform .4s var(--ease)}
.spirit-list li:hover{padding-left:10px}
.spirit-list li:hover::before{width:calc(100% - 4px)}
.spirit-list li:hover::after{opacity:1;transform:translateX(0)}
.spirit.reveal-ready:not(.in-view) .spirit-grid>*{opacity:0}
.spirit.in-view .spirit-grid>div{animation:content-enter .9s var(--ease) .12s backwards}
.spirit.in-view .spirit-list{animation:content-enter .95s var(--ease) .28s backwards}
@keyframes content-enter{from{opacity:0;transform:translateY(24px)}}
@keyframes gradient-drift{0%{background-position:0% 45%}100%{background-position:100% 55%}}
@media (max-width:760px){.spirit-list{padding:10px 24px}.spirit-list li{min-height:65px}}

/* ===== Why choose us (ported from the approved sample, using site fonts and tokens) ===== */
.why-section{--ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(64px,9vw,120px);background:var(--mist)}
.why-section::before,.why-section::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%}
.why-section::before{width:560px;height:560px;right:-220px;top:-260px;background:radial-gradient(circle,rgba(212,32,138,.09),transparent 68%)}
.why-section::after{width:400px;height:400px;left:-210px;bottom:-250px;background:radial-gradient(circle,rgba(123,58,150,.09),transparent 70%)}
.why-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--plum);font:600 .78rem Figtree,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.why-eyebrow::before{content:"";width:34px;height:2px;background:var(--grad)}
.why-head{display:grid;grid-template-columns:1.15fr .75fr;align-items:end;gap:60px;margin-bottom:48px}
.why-head .sec-title{max-width:20ch}
.why-head .sec-title span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.why-intro{max-width:52ch;color:#5b4c70;margin-bottom:4px}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.why-card{position:relative;min-height:300px;padding:29px 25px 27px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.88);box-shadow:0 8px 26px rgba(29,16,48,.035);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s ease,border-color .35s ease}
.why-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.why-card:hover{transform:translateY(-9px);border-color:rgba(212,32,138,.25);box-shadow:0 22px 46px rgba(29,16,48,.11)}
.why-card:hover::before{transform:scaleX(1)}
.why-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}
.why-num{font:600 .78rem Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8b7a9c}
.why-icon{flex:none;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(123,58,150,.11),rgba(212,32,138,.1));color:var(--plum);transition:transform .45s var(--ease),background .35s ease,color .35s ease}
.why-icon svg{width:28px;height:28px}
.why-card:hover .why-icon{transform:rotate(-7deg) scale(1.08);background:var(--grad);color:#fff}
.why-card h3{margin-bottom:10px;font-size:1.4rem;font-weight:800}
.why-card p{color:#5b4c70;font-size:.98rem}
.why-bottom{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding:26px 30px;border-radius:var(--r);background:var(--ink);color:#fff}
.why-bottom::after{content:"";position:absolute;width:300px;height:300px;right:12%;top:-220px;border-radius:50%;background:rgba(212,32,138,.22);filter:blur(5px);pointer-events:none}
.why-bottom-copy{position:relative;z-index:1}
.why-bottom-copy strong{display:block;margin-bottom:4px;font:800 1.3rem/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.why-bottom-copy span{color:rgba(255,255,255,.78);font-size:.98rem}
.why-cta{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:14px;padding:.8rem 1.5rem;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s ease}
.why-cta:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.why-cta span{font-size:1.2rem;line-height:1;transition:transform .3s ease}
.why-cta:hover span{transform:translateX(4px)}
@media (max-width:980px){.why-head{grid-template-columns:1fr;gap:18px}.why-head .sec-title{max-width:none}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-card{min-height:260px}}
@media (max-width:560px){.why-head{margin-bottom:32px}.why-grid{grid-template-columns:1fr;gap:13px}.why-card{min-height:0;padding:23px}.why-card-top{margin-bottom:18px}.why-icon{width:52px;height:52px}.why-bottom{flex-direction:column;align-items:flex-start;padding:24px}.why-cta{width:100%;justify-content:center}}

/* ===== How we work (ported from the approved design, using site fonts and tokens) ===== */
.process-section{--ease:cubic-bezier(.22,1,.36,1);--offset:145px;position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(64px,9vw,120px);background:linear-gradient(135deg,#fff 0%,var(--mist) 100%)}
.process-section::before,.process-section::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff 0%,#efe9f4 65%,rgba(239,233,244,0) 72%);opacity:.8}
.process-section::before{width:150px;height:150px;right:5%;top:10%}
.process-section::after{width:105px;height:105px;left:25%;bottom:-55px}
.process-heading{max-width:700px;margin-bottom:clamp(44px,6vw,80px)}
.process-heading .sec-title::after{content:"";display:block;width:76px;height:5px;margin-top:20px;border-radius:9px;background:var(--grad)}
.process-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(22px,3vw,48px);align-items:start}
.process-connectors{position:absolute;z-index:-1;left:0;top:0;width:100%;height:300px;overflow:visible;pointer-events:none}
.process-connectors path{fill:none;stroke:#a79aaa;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:2 8;opacity:.85;vector-effect:non-scaling-stroke}
.process-connectors path.path-accent{stroke:url(#processGradient);stroke-width:2.5;stroke-dasharray:1 10;opacity:.65}
.process-step{position:relative;min-width:0}
.process-step:nth-of-type(even){padding-top:var(--offset)}
.process-visual{position:relative;display:grid;place-items:center;width:clamp(112px,10.8vw,138px);aspect-ratio:1;margin-bottom:22px;border-radius:50%;background:var(--grad);box-shadow:0 12px 28px rgba(123,58,150,.14);transition:transform .55s var(--ease),box-shadow .45s ease}
.process-visual::before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(145deg,#d4208a 0%,#7b3a96 100%);box-shadow:inset 0 2px 7px rgba(29,16,48,.18);transition:inset .45s var(--ease)}
.process-visual::after{content:"";position:absolute;inset:-8px;border:1px solid transparent;border-radius:50%;transform:scale(.88);transition:transform .55s var(--ease),border-color .35s ease}
.process-visual svg{position:relative;z-index:1;width:52%;height:52%;color:#fff;filter:drop-shadow(0 3px 2px rgba(29,16,48,.18));transition:transform .5s var(--ease)}
.process-step:hover .process-visual{transform:translateY(-8px) rotate(-3deg);box-shadow:0 20px 36px rgba(123,58,150,.24)}
.process-step:hover .process-visual::before{inset:7px}
.process-step:hover .process-visual::after{transform:scale(1.08);border-color:rgba(212,32,138,.28)}
.process-step:hover .process-visual svg{transform:scale(1.09) rotate(3deg)}
.process-number{display:block;margin-bottom:6px;font:800 .95rem 'Bricolage Grotesque',sans-serif;color:var(--plum)}
.process-step h3{font-size:1.4rem;margin-bottom:8px;transition:color .3s ease}
.process-step:hover h3{color:var(--magenta)}
.process-step p{max-width:300px;color:#5b4c70;font-size:.98rem}
.process-section.reveal-ready:not(.in-view) .process-heading,.process-section.reveal-ready:not(.in-view) .process-step{opacity:0}
.process-section.in-view .process-heading{animation:content-enter .9s var(--ease) .05s backwards}
.process-section.in-view .process-step{animation:content-enter .9s var(--ease) backwards}
.process-section.in-view .process-step:nth-of-type(1){animation-delay:.15s}
.process-section.in-view .process-step:nth-of-type(2){animation-delay:.28s}
.process-section.in-view .process-step:nth-of-type(3){animation-delay:.41s}
.process-section.in-view .process-step:nth-of-type(4){animation-delay:.54s}
@media (max-width:1000px){.process-section{--offset:112px}.process-connectors{height:250px}}
@media (max-width:720px){
  .process-flow{grid-template-columns:1fr;gap:34px}
  .process-connectors{display:none}
  .process-step,.process-step:nth-of-type(even){display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:22px;align-items:center;padding-top:0}
  .process-visual{grid-row:1/span 3;width:100px;margin:0}
  .process-visual::before{inset:8px}
  .process-step:not(:last-child)::after{content:"";position:absolute;left:49px;top:108px;height:36px;border-left:2px dashed rgba(123,58,150,.35)}
}
@media (max-width:390px){
  .process-step,.process-step:nth-of-type(even){grid-template-columns:84px minmax(0,1fr);column-gap:17px}
  .process-visual{width:84px}
  .process-step:not(:last-child)::after{left:41px;top:92px}
}

.spirit .why-cta:focus-visible{outline:3px solid #fff;outline-offset:5px}