:root{--navy:#172d43;--ink:#24394b;--muted:#65788a;--paper:#f7f9fb;--surface:#e8eef3;--cyan:#43c6d9;--deep-cyan:#126f83;--line:#d7e0e7;--white:#fff;--shadow:0 18px 55px rgba(23,45,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}.draft-banner{background:#fff3d9;color:#6b4a08;font-size:.78rem;text-align:center;padding:8px 12px;letter-spacing:.03em}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d69a20;margin-right:7px}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem;color:var(--navy)}main{overflow:hidden}.hero{max-width:1200px;margin:0 auto;padding:72px 30px 68px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:520px}.eyebrow, .category{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:var(--deep-cyan);margin:0 0 14px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(3.2rem,5.5vw,5.2rem);line-height:1.02;letter-spacing:-.07em;color:var(--navy);margin:0 0 24px}.hero h1 span{color:var(--deep-cyan)}.hero-lede{font-size:1.22rem;line-height:1.5;max-width:480px;font-weight:700;color:var(--navy);margin:0 0 15px}.hero-note{max-width:470px;color:var(--muted);font-size:.96rem;margin:0 0 28px}.text-link{display:inline-flex;gap:13px;align-items:center;text-decoration:none;color:var(--navy);font-weight:700;border-bottom:1px solid var(--cyan);padding:0 0 7px}.text-link span{color:var(--deep-cyan);font-size:1.2rem}.hero-visual{position:relative;padding:0 0 24px 22px}.hero-photo{height:370px;border-radius:24px;background:linear-gradient(0deg,rgba(12,35,50,.08),rgba(12,35,50,.01)),url("assets/bucket-list/hero-bucket-list.png") center/cover;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-caption{position:absolute;right:0;bottom:0;font-size:.65rem;font-weight:800;letter-spacing:.14em;color:var(--muted)}.overview{background:var(--navy);color:white;padding:29px max(7vw,28px);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.overview>div{max-width:330px;margin:auto 0}.count{display:block;font:800 1.55rem Manrope;color:var(--cyan);margin-bottom:3px}.overview strong{font:700 1rem Manrope}.overview p{margin:5px 0 0;color:#c5d2dc;font-size:.82rem}.goals-section, .walking-section{max-width:1200px;margin:0 auto;padding:82px 28px 80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.section-heading h2{font:800 clamp(2.2rem,4vw,3.3rem)/1.1 Manrope;letter-spacing:-.06em;color:var(--navy);margin:0}.section-summary{max-width:480px;color:var(--muted);font-size:.92rem;margin:0}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.goal-card{background:white;border:1px solid #e2e8ed;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(23,45,67,.025);transition:transform .2s,box-shadow .2s}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.goal-image{height:240px;overflow:hidden;background:var(--surface)}.goal-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.goal-copy{padding:24px 26px 26px}.status{display:inline-block;background:#e1f5f7;color:#0e6575;border-radius:5px;padding:4px 8px;font-size:.6rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.category{font-size:.62rem;margin:0 0 7px}.goal-copy h3, .wide-copy h3{font:800 clamp(1.25rem,2vw,1.55rem)/1.25 Manrope;letter-spacing:-.04em;color:var(--navy);margin:0 0 9px}.goal-desc{font-size:.9rem;color:var(--muted);margin:0 0 19px}.metrics{display:flex;gap:20px;flex-wrap:wrap}.metrics span{display:flex;flex-direction:column;gap:1px}.metrics b{font:800 .98rem Manrope;color:var(--deep-cyan)}.metrics small{font-size:.68rem;color:var(--muted)}.walking-section{padding-top:30px}.wide-goal{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #e2e8ed;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(23,45,67,.05)}.wide-image{min-height:360px;background:var(--surface)}.wide-image img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.wide-copy{padding:38px;align-self:center}.wide-copy .goal-desc{max-width:510px}.dream-section{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.dream-image{min-height:600px;background:#223b52}.dream-image img{display:block;width:100%;height:100%;min-height:600px;object-fit:cover}.dream-copy{padding:72px clamp(28px,5vw,76px);align-self:center}.dream-copy .eyebrow{color:var(--cyan)}.dream-status{display:inline-block;color:#d9f7fa;background:rgba(67,198,217,.15);border:1px solid rgba(67,198,217,.38);border-radius:5px;padding:5px 9px;font-size:.62rem;font-weight:800;letter-spacing:.13em;margin-bottom:14px}.dream-copy h2{font:800 clamp(2.1rem,4vw,3.5rem)/1.06 Manrope;letter-spacing:-.06em;margin:0 0 19px}.dream-lede{font-size:1.06rem;font-weight:600;color:#edf4f8;line-height:1.55}.dream-desc{color:#c5d2dc;font-size:.9rem}.dream-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.dream-metrics span{display:flex;flex-direction:column;gap:4px}.dream-metrics b{font:800 1.05rem Manrope;color:var(--cyan)}.dream-metrics small{font-size:.72rem;color:#c5d2dc}.fine-print{font-size:.72rem;color:#aebfcb;border-top:1px solid #385064;padding-top:15px}
@media(max-width:900px){.hero{gap:38px}.goal-image{height:210px}.goal-copy{padding:21px}.dream-copy{padding:50px 32px}}
@media(max-width:700px){.menu-toggle{display:block}.hero{padding:46px 22px 44px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:3.5rem}.hero-visual{padding-left:12px}.hero-photo{height:300px}.overview{grid-template-columns:1fr;gap:22px;padding:27px 26px}.goals-section, .walking-section{padding:58px 18px}.section-heading{display:block}.section-summary{margin-top:15px}.goal-grid{grid-template-columns:1fr;gap:17px}.goal-image{height:230px}.goal-copy{padding:21px}.wide-goal{grid-template-columns:1fr}.wide-image, .wide-image img{min-height:240px;height:240px}.wide-copy{padding:25px 22px}.dream-section{grid-template-columns:1fr}.dream-image, .dream-image img{min-height:280px;height:280px}.dream-copy{padding:44px 23px}.dream-copy h2{font-size:2.45rem}.dream-metrics{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*, *:before, *:after{transition:none!important}}
