*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:#faf7ef}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
details{padding:23px 0;border-bottom:1px solid rgba(38,55,52,.18)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;font-weight:700}
details p{margin:18px 40px 0 0;line-height:1.65}

.farewell-page{--fw-ink:#263734;--fw-petrol:#4b7774;--fw-deep:#294f4d;--fw-sage:#8fa59b;--fw-clay:#cfa28d;--fw-sand:#e7dcc9;--fw-cream:#faf7ef;--fw-paper:#fffdf8;--fw-line:rgba(38,55,52,.18);background:var(--fw-cream);color:var(--fw-ink);font-family:Arial,Helvetica,sans-serif;overflow:clip}
.farewell-page h1,.farewell-page h2,.farewell-page h3,.farewell-page blockquote{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.farewell-progress{position:fixed;inset:0 0 auto;height:3px;background:transparent;z-index:100}
.farewell-progress i{display:block;height:100%;background:var(--fw-clay);transition:width .1s linear}

.farewell-nav{position:sticky;top:0;z-index:90;min-height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--fw-line);background:rgba(250,247,239,.9);backdrop-filter:blur(18px)}
.farewell-brand{display:flex;align-items:center;gap:12px;font:1rem Georgia}
.farewell-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--fw-petrol);color:white;font-size:.72rem;letter-spacing:.08em}
.farewell-brand small{display:block;margin-top:3px;font:600 .52rem Arial;text-transform:uppercase;letter-spacing:.15em;color:#687b76}
.farewell-nav nav{display:flex;gap:28px;font-size:.73rem}
.farewell-nav nav a{padding:32px 0;position:relative}
.farewell-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:1px;background:var(--fw-petrol);transition:right .3s}
.farewell-nav nav a:hover:after{right:0}
.farewell-nav-cta{padding:13px 19px;border:1px solid var(--fw-petrol);color:var(--fw-deep);font-size:.72rem;font-weight:700;transition:.25s}
.farewell-nav-cta:hover{background:var(--fw-petrol);color:#fff}

.farewell-opening{position:relative;min-height:calc(100vh - 84px);padding:clamp(80px,11vw,165px) clamp(28px,8vw,130px);display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(50px,9vw,145px);align-items:center;background:linear-gradient(135deg,#faf7ef 0%,#f4eee2 55%,#dfe6df 100%);overflow:hidden}
.farewell-opening:before{content:"";position:absolute;width:46vw;height:46vw;right:-18vw;bottom:-23vw;border:1px solid rgba(75,119,116,.18);border-radius:50%}
.farewell-opening-copy,.farewell-opening-story{position:relative;z-index:1}
.farewell-opening h2{font-size:clamp(3.2rem,6.5vw,7.5rem);line-height:.91;letter-spacing:-.055em;margin:0}
.farewell-opening h2 em{display:block;color:var(--fw-petrol);font-weight:400;margin-top:12px}
.farewell-opening-story{max-width:550px;color:#5c6e69;font-size:1.04rem;line-height:1.83}
.farewell-opening-story strong{display:block;margin-top:28px;color:var(--fw-ink);font:1.42rem/1.45 Georgia}
.farewell-opening-orbit-large{position:absolute;width:46vw;height:46vw;right:-18vw;bottom:-23vw;border-radius:50%;pointer-events:none;animation:farewellOpeningOrbit 12s linear infinite}
.farewell-opening-thread{position:absolute;width:150px;height:150px;right:8%;top:12%;border:1px solid rgba(207,162,141,.55);border-radius:50% 48% 52% 45%;transform:rotate(22deg);pointer-events:none;animation:farewellOpeningOrbitSmall 7.5s linear infinite}
.farewell-opening-orbit i,.farewell-opening-thread i{position:absolute;left:50%;top:0;display:grid;place-items:center;width:28px;height:28px;color:var(--fw-clay);font:20px/1 Georgia;filter:drop-shadow(0 0 10px rgba(207,162,141,.72));transform:translate(-50%,-50%);font-style:normal}
.farewell-opening-orbit-large i{width:34px;height:34px;font-size:25px;animation:farewellOpeningHeartCounter 12s linear infinite}
.farewell-opening-thread i{animation:farewellOpeningHeartCounterSmall 7.5s linear infinite}

.farewell-kicker{margin:0 0 22px;color:var(--fw-petrol);font-size:.67rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.farewell-hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--fw-paper)}
.farewell-hero-copy{padding:clamp(64px,8vw,120px) clamp(28px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.farewell-hero h1{font-size:clamp(3.8rem,7vw,8.3rem);line-height:.84;letter-spacing:-.065em;margin:0 0 30px}
.farewell-hero h1 em{display:inline-block;color:var(--fw-petrol);font-weight:400;animation:farewellTitle 1s .15s both}
.farewell-subtitle{max-width:600px;font:clamp(1.25rem,2vw,2rem)/1.35 Georgia;color:#49615c;margin-bottom:20px}
.farewell-lead{max-width:530px;color:#71807c;font-size:1rem;line-height:1.75}
.farewell-actions{display:flex;align-items:center;gap:28px;margin:34px 0 38px}
.farewell-button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:17px 22px;background:var(--fw-petrol);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.035em;box-shadow:0 12px 30px rgba(41,79,77,.15);transition:transform .25s,box-shadow .25s}
.farewell-button b{font-size:1rem;transition:transform .25s}
.farewell-button:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(41,79,77,.24)}
.farewell-button:hover b{transform:translate(3px,-3px)}
.farewell-text-link{font-size:.77rem;border-bottom:1px solid;padding-bottom:5px}
.farewell-trust{display:flex;flex-wrap:wrap;gap:13px 24px;color:#697b76;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}
.farewell-trust span:before{content:"✦";margin-right:7px;color:var(--fw-clay)}
.farewell-hero-visual{position:relative;min-height:660px;padding:clamp(24px,4vw,62px);background:#d9d1c2;display:flex;align-items:center}
.farewell-image-mask{width:100%;height:100%;min-height:580px;overflow:hidden;clip-path:inset(0 0 100% 0);animation:farewellMask 1.3s .2s cubic-bezier(.77,0,.18,1) forwards}
.farewell-image-mask img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) sepia(.04);animation:farewellKen 18s 1.4s ease-in-out infinite alternate}
.farewell-image-caption{position:absolute;left:4%;bottom:7%;margin:0;padding:20px 25px;background:rgba(255,253,248,.94);font:1.18rem/1.35 Georgia;box-shadow:0 18px 45px rgba(38,55,52,.13)}
.farewell-image-caption strong{color:var(--fw-petrol)}

.farewell-marquee{padding:14px 0;background:var(--fw-petrol);color:#fff;overflow:hidden;white-space:nowrap;font:italic 1rem Georgia;letter-spacing:.03em}
.farewell-marquee-track{display:flex;width:max-content;will-change:transform;animation:farewellMarquee 17s linear infinite}
.farewell-marquee-group{flex:0 0 auto;min-width:100vw;padding:0 clamp(18px,2.5vw,44px);display:flex;align-items:center;justify-content:space-around;gap:clamp(28px,3vw,58px)}
.farewell-marquee-group span{flex:none;display:inline-flex;align-items:center;gap:clamp(28px,3vw,58px)}
.farewell-marquee-group span:after{content:"·";color:#d8b4a3;font-style:normal}

.farewell-manifesto{position:relative;isolation:isolate;min-height:90vh;padding:clamp(100px,13vw,190px) clamp(28px,11vw,180px);background:var(--fw-deep);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.farewell-manifesto:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(143,165,155,.22),transparent 55%);z-index:-1}
.farewell-manifesto>p{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#c8d9d1}
.farewell-manifesto h2{max-width:1050px;font-size:clamp(2.3rem,4.5vw,5.3rem);line-height:1.05;letter-spacing:-.04em}
.farewell-manifesto blockquote{margin:42px 0 0;color:#ead2c5;font-size:clamp(3.8rem,8vw,9rem);font-style:italic;line-height:.9}
.farewell-healing-scene{position:relative;width:min(58vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:0 0 clamp(34px,5vw,62px);filter:drop-shadow(0 24px 42px rgba(16,39,37,.25))}
.farewell-healing-orbit{position:absolute;inset:0;border:1px solid rgba(255,255,255,.24);border-radius:50%;transform:rotate(-145deg)}
.farewell-healing-orbit:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.07);border-radius:50%}
.farewell-healing-orbit i{position:absolute;left:50%;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--fw-clay);box-shadow:0 0 0 8px rgba(207,162,141,.12),0 0 34px rgba(226,190,171,.85);transform:translateX(-50%)}
.farewell-healing-heart{position:relative;width:60%;aspect-ratio:1;display:block}
.farewell-heart-half{position:absolute;inset:-10% -20%;display:grid;place-items:center;color:#d7a893;font:clamp(10rem,19vw,14.5rem)/1 Arial,sans-serif;font-style:normal;text-shadow:0 12px 35px rgba(18,38,36,.22);will-change:transform,filter}
.farewell-heart-left{clip-path:polygon(0 0,54% 0,47% 25%,56% 38%,47% 52%,56% 67%,48% 100%,0 100%);transform:translate(-18px,-10px) rotate(-6deg);filter:saturate(.62) brightness(.82)}
.farewell-heart-right{clip-path:polygon(54% 0,100% 0,100% 100%,48% 100%,56% 67%,47% 52%,56% 38%,47% 25%);transform:translate(18px,10px) rotate(6deg);filter:saturate(.7) brightness(.88)}
.farewell-manifesto.is-visible .farewell-healing-orbit{animation:farewellHealingOrbit 8s linear infinite}
.farewell-manifesto.is-visible .farewell-heart-left{animation:farewellHeartLeft 8s cubic-bezier(.4,0,.18,1) infinite}
.farewell-manifesto.is-visible .farewell-heart-right{animation:farewellHeartRight 8s cubic-bezier(.4,0,.18,1) infinite}
.farewell-manifesto.is-visible .farewell-healing-heart{animation:farewellHeartBeat 8s ease-in-out infinite}

.farewell-for-you,.farewell-benefits,.farewell-faq{padding:clamp(90px,12vw,180px) clamp(28px,8vw,130px)}
.farewell-section-heading{max-width:850px;margin-bottom:70px}
.farewell-section-heading h2,.farewell-faq h2{font-size:clamp(3rem,6vw,6.8rem);line-height:.93;letter-spacing:-.05em;margin:0}
.farewell-section-heading>p:not(.farewell-kicker){max-width:650px;color:#687b76;line-height:1.7}
.farewell-checks{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--fw-line);border-left:1px solid var(--fw-line)}
.farewell-checks article{min-height:190px;padding:32px;border-right:1px solid var(--fw-line);border-bottom:1px solid var(--fw-line);display:grid;grid-template-columns:55px 1fr;gap:15px;transition:background .25s,transform .25s}
.farewell-checks article:hover{background:var(--fw-paper);transform:translateY(-4px)}
.farewell-checks span,.farewell-benefit-grid span{font-size:.62rem;letter-spacing:.15em;color:var(--fw-clay)}
.farewell-checks p{margin:0;font:clamp(1.15rem,2vw,1.65rem)/1.45 Georgia}

.farewell-journey{padding:clamp(90px,12vw,180px) clamp(28px,8vw,130px);background:var(--fw-sand);display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(60px,10vw,150px);align-items:start}
.farewell-journey-intro{position:sticky;top:130px}
.farewell-journey-intro h2{font-size:clamp(3rem,5vw,5.7rem);line-height:.94;letter-spacing:-.05em}
.farewell-journey-intro>p:not(.farewell-kicker){max-width:520px;color:#5f716c;line-height:1.75}
.farewell-journey-intro>strong{display:block;max-width:520px;margin-top:25px;padding-top:25px;border-top:1px solid var(--fw-line);font:1.25rem/1.5 Georgia}
.farewell-journey-cards{padding-bottom:120px}
.farewell-story-card{position:sticky;top:120px;min-height:430px;margin-bottom:32px;padding:clamp(35px,5vw,65px);display:flex;flex-direction:column;box-shadow:0 24px 55px rgba(38,55,52,.14);transform-origin:center top}
.farewell-story-card>span{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}
.farewell-story-card h3{font-size:clamp(3.6rem,7vw,7.3rem);line-height:.9;margin:70px 0 25px}
.farewell-story-card p{max-width:520px;font-size:1rem;line-height:1.7}
.farewell-story-card i{margin-top:auto;font:italic 1.3rem Georgia}
.story-one{background:#fffdf8;transform:rotate(-1deg)}
.story-two{background:#78938c;color:#fff;top:145px;transform:rotate(1deg)}
.story-three{background:var(--fw-deep);color:#fff;top:170px}

.farewell-benefits{background:var(--fw-paper)}
.farewell-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--fw-line);border-left:1px solid var(--fw-line)}
.farewell-benefit-grid article{min-height:310px;padding:30px;border-right:1px solid var(--fw-line);border-bottom:1px solid var(--fw-line);display:flex;flex-direction:column;transition:transform .3s,background .3s,box-shadow .3s}
.farewell-benefit-grid article:hover{transform:translateY(-7px);background:white;box-shadow:0 20px 45px rgba(38,55,52,.1);z-index:1}
.farewell-benefit-grid h3{margin:70px 0 15px;font-size:2rem}
.farewell-benefit-grid p{margin-top:auto;color:#687b76;line-height:1.65;font-size:.88rem}

.farewell-now{padding:clamp(100px,13vw,190px) clamp(28px,8vw,130px);background:var(--fw-petrol);color:#fff}
.farewell-now .farewell-kicker{color:#dbe7df}
.farewell-now>div{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(55px,9vw,145px);align-items:start}
.farewell-now h2{font-size:clamp(3rem,5.7vw,6.8rem);line-height:.92;letter-spacing:-.052em;margin:0}
.farewell-now-copy{padding-top:28px;color:#e7efeb;font-size:1.02rem;line-height:1.8}
.farewell-now-copy strong{display:block;margin-top:28px;color:#fff;font:1.35rem/1.5 Georgia}

.farewell-guidance{position:relative;min-height:82vh;padding:clamp(100px,13vw,190px) clamp(28px,11vw,180px);background:linear-gradient(135deg,#f4ede1,#dfe6df);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.farewell-guidance:after{content:"";position:absolute;width:min(62vw,750px);aspect-ratio:1;border:1px solid rgba(75,119,116,.14);border-radius:50%;pointer-events:none}
.farewell-guidance>*{position:relative;z-index:1}
.farewell-guidance h2{max-width:1000px;font-size:clamp(3.5rem,7vw,8rem);line-height:.91;letter-spacing:-.055em;margin:0}
.farewell-guidance>p:not(.farewell-kicker){max-width:700px;margin:38px 0 0;color:#58706a;font-size:1.08rem;line-height:1.75}
.farewell-guidance blockquote{margin:45px 0 0;color:var(--fw-petrol);font-size:clamp(3.2rem,7vw,7.5rem);font-style:italic;line-height:.9}

.farewell-brand-promise{padding:clamp(90px,11vw,155px) clamp(28px,10vw,165px);background:#dbe4dd;text-align:center}
.farewell-brand-promise>p{margin-bottom:32px;color:var(--fw-petrol);font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.farewell-brand-promise blockquote{max-width:1100px;margin:0 auto;font-size:clamp(2rem,4.3vw,4.8rem);line-height:1.08;letter-spacing:-.035em}

.farewell-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,9vw,140px);background:var(--fw-paper)}
.farewell-faq>div:last-child{border-top:1px solid var(--fw-line)}
.farewell-faq details{border-bottom-color:var(--fw-line)}
.farewell-faq summary{font:1.2rem Georgia}
.farewell-faq summary span{color:var(--fw-petrol)}
.farewell-faq details p{color:#61736e}

.farewell-final{position:relative;min-height:80vh;padding:clamp(100px,13vw,190px) 24px;background:var(--fw-deep);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.farewell-final .farewell-kicker{color:#bfd0c8}
.farewell-final h2{max-width:1100px;margin:0;font-size:clamp(3.2rem,6vw,7.2rem);line-height:.93;letter-spacing:-.055em}
.farewell-final h2 em{display:block;margin-top:15px;color:#d9b6a5}
.farewell-final>p:not(.farewell-kicker){margin:35px 0;color:#d3e0da}
.farewell-button-light{background:#faf7ef;color:var(--fw-deep)}
.farewell-final small{margin-top:18px;color:#b8cbc3}
.farewell-final-thread{position:absolute;width:65vw;height:65vw;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.farewell-final-thread:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.06);border-radius:50%}
.farewell-footer{padding:32px clamp(24px,6vw,90px);display:flex;justify-content:space-between;gap:25px;background:#1d3c3a;color:#c4d4cd;font-size:.7rem}
.farewell-footer a:first-child{font:1rem Georgia;color:#fff}

.farewell-reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s ease}
.farewell-reveal.is-visible{opacity:1;transform:none}

@keyframes farewellMask{to{clip-path:inset(0)}}
@keyframes farewellTitle{from{opacity:0;transform:translateY(25px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes farewellKen{to{transform:scale(1.07) translate(-1%,1%)}}
@keyframes farewellMarquee{to{transform:translateX(-50%)}}
@keyframes farewellHealingOrbit{0%{transform:rotate(-145deg)}100%{transform:rotate(215deg)}}
@keyframes farewellOpeningOrbit{to{transform:rotate(360deg)}}
@keyframes farewellOpeningOrbitSmall{from{transform:rotate(22deg)}to{transform:rotate(382deg)}}
@keyframes farewellOpeningHeartCounter{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes farewellOpeningHeartCounterSmall{from{transform:translate(-50%,-50%) rotate(-22deg)}to{transform:translate(-50%,-50%) rotate(-382deg)}}
@keyframes farewellHeartLeft{0%,18%,100%{transform:translate(-18px,-10px) rotate(-6deg);filter:saturate(.62) brightness(.82)}62%,82%{transform:none;filter:none}}
@keyframes farewellHeartRight{0%,18%,100%{transform:translate(18px,10px) rotate(6deg);filter:saturate(.7) brightness(.88)}62%,82%{transform:none;filter:none}}
@keyframes farewellHeartBeat{0%,55%,76%,100%{transform:scale(1)}64%{transform:scale(1.08)}70%{transform:scale(.985)}}

@media(max-width:980px){
  .farewell-nav nav{display:none}
  .farewell-opening,.farewell-hero,.farewell-journey,.farewell-now>div,.farewell-faq{grid-template-columns:1fr}
  .farewell-opening{min-height:auto}
  .farewell-hero-visual{min-height:720px}
  .farewell-journey-intro{position:relative;top:auto}
  .farewell-benefit-grid{grid-template-columns:1fr 1fr}
  .farewell-journey-cards{padding-bottom:60px}
  .farewell-story-card{top:100px}.story-two{top:125px}.story-three{top:150px}
}

@media(max-width:620px){
  .farewell-nav{min-height:72px;padding:0 18px}
  .farewell-brand small{display:none}
  .farewell-nav-cta{padding:11px 12px}
  .farewell-opening{padding:82px 24px;gap:42px}
  .farewell-opening h2{font-size:3.55rem}
  .farewell-hero{min-height:auto}
  .farewell-hero-copy{padding:64px 24px}
  .farewell-hero h1{font-size:3.8rem}
  .farewell-actions{align-items:flex-start;flex-direction:column}
  .farewell-hero-visual{min-height:580px;padding:20px}
  .farewell-image-mask{min-height:540px}
  .farewell-image-caption{left:20px;right:20px;bottom:20px}
  .farewell-for-you,.farewell-benefits,.farewell-faq,.farewell-journey,.farewell-now,.farewell-guidance,.farewell-brand-promise{padding:85px 24px}
  .farewell-section-heading h2,.farewell-faq h2{font-size:3.4rem}
  .farewell-manifesto{padding:100px 24px}
  .farewell-checks,.farewell-benefit-grid{grid-template-columns:1fr}
  .farewell-checks article{min-height:150px}
  .farewell-journey{gap:55px}
  .farewell-story-card{min-height:390px;padding:34px 28px}
  .farewell-story-card h3{margin-top:55px}
  .farewell-benefit-grid article{min-height:240px}
  .farewell-benefit-grid h3{margin-top:40px}
  .farewell-now{gap:50px}
  .farewell-now h2{font-size:3.5rem}
  .farewell-guidance h2{font-size:3.7rem}
  .farewell-faq{gap:50px}
  .farewell-final{padding:100px 24px}
  .farewell-final h2{font-size:3.6rem}
  .farewell-footer{flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  .farewell-page *{animation:none!important;transition:none!important}
  .farewell-reveal{opacity:1;transform:none}
  .farewell-image-mask{clip-path:none}
  .farewell-progress{display:none}
  .farewell-heart-left,.farewell-heart-right{transform:none;filter:none}
  .farewell-healing-orbit{transform:rotate(215deg)}
}