:root{--barley:#FFF5D0;--naples:#FAD564;--neptune:#8EBD9D;--olive:#B4BD62;--rhino:#1B475D;--ink:#153A4C;--muted:#4D6267;--hair:rgba(27,71,93,.23);--white:#FFFCF2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--barley);color:var(--rhino);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.047em}h1 em,h2 em,h3 em,.placeholder-statement em{font-weight:400}button,input{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #B28422;outline-offset:4px}img{max-width:100%;height:auto}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-wrap{position:relative}.eyebrow{font-size:11px;line-height:1.55;letter-spacing:.23em;text-transform:uppercase;font-weight:700}.eyebrow-light{color:var(--naples)}.site-header{position:relative;z-index:5;background:var(--barley)}.header-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hair)}.brand{display:block;width:248px}.brand img{display:block;width:100%}.header-cta{font-size:12px;text-underline-offset:5px;text-decoration-thickness:1px;font-weight:700;letter-spacing:.015em}.header-cta span,.text-cta span,.reveal-link span{padding-left:8px}.skip-link{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:30}.skip-link:focus{top:12px}.hero{min-height:690px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:9%;align-items:end;padding:108px 0 132px}.hero-copy{max-width:820px}.hero .eyebrow{margin-bottom:38px}.dot-divider{padding:0 9px;color:#7D8B75}.hero h1{font-size:clamp(64px,6.6vw,106px);line-height:.99;margin-bottom:38px;max-width:930px}.hero h1 em{color:#317B71}.hero-sub{font-size:19px;line-height:1.65;max-width:580px;margin-bottom:30px;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 26px;border:0;border-radius:3px;text-decoration:none;text-align:center;font-size:13px;font-weight:700;min-height:54px;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--naples);color:var(--ink)}.button-primary:hover{background:#F5CA47}.microcopy{font-size:12px;line-height:1.65;margin:14px 0 0;color:#5E6C68}.hero-aside{min-height:275px;position:relative;padding:0 0 14px 32px;border-left:1px solid var(--hair);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-aside-title{letter-spacing:.20em;font-size:12px;line-height:2;font-weight:700;margin-bottom:16px}.hero-aside-line{font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:1.35;max-width:220px}.hero-index{position:absolute;left:32px;bottom:-37px;white-space:nowrap;font-size:10px;letter-spacing:.20em;color:#647573}.hero-index-dash{margin:0 9px;color:#81A89A}.moment{background:#FFFAE7;padding:128px 0 130px}.section-intro h2{font-size:clamp(46px,5.2vw,76px);line-height:1.05;margin:22px 0 20px}.section-lead{font-size:18px;line-height:1.7;max-width:670px;color:#405E60}.moment-intro{max-width:920px;margin-bottom:65px}.moment-question{font-family:Georgia,serif;font-size:29px;font-style:italic;margin:32px 0 0}.moment-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:stretch}.moment-options{border-top:1px solid var(--hair)}.moment-choice{border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--rhino);padding:26px 6px 26px 0;width:100%;display:grid;grid-template-columns:42px 1fr 20px;gap:17px;text-align:left;align-items:center;font-family:Georgia,serif;font-size:clamp(20px,2vw,27px);line-height:1.32;transition:padding .18s,background .18s}.moment-choice:hover{padding-left:12px;background:#F8F0D5}.moment-choice[aria-pressed="true"]{background:#E8EFD5;padding-left:12px}.moment-number{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.12em;color:#557178}.moment-arrow{font-family:Arial,sans-serif;font-size:17px;opacity:.6;transition:transform .2s}.moment-choice:hover .moment-arrow,.moment-choice[aria-pressed="true"] .moment-arrow{transform:translate(2px,-2px);opacity:1}.moment-reveal{background:var(--rhino);color:var(--barley);min-height:520px;padding:58px 53px;display:flex;align-items:center;position:relative}.moment-placeholder{width:100%}.placeholder-statement{font-family:Georgia,serif;font-size:clamp(35px,3.3vw,51px);letter-spacing:-.04em;line-height:1.2;margin:48px 0 85px}.placeholder-statement em{color:var(--naples)}.placeholder-foot{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#B7C6C0}.reveal-content{max-width:510px}.reveal-content[hidden]{display:none}.reveal-kicker{margin-top:35px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#C4D7C5}.reveal-content h3{font-size:clamp(35px,3.3vw,53px);line-height:1.06;margin-bottom:20px}.reveal-scene,.reveal-note{font-size:15px;line-height:1.75;color:#F1F1E1}.reveal-divider{height:1px;background:rgba(255,245,208,.3);margin:26px 0}.reveal-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--naples);font-weight:700;margin-bottom:9px}.reveal-question{font-family:Georgia,serif;font-size:25px;line-height:1.35;letter-spacing:-.023em;margin-bottom:18px}.reveal-note{font-size:13px;color:#C9D7CE}.reveal-link{display:inline-block;margin-top:14px;color:var(--naples);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.after-moments{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-top:48px}.after-moments p{font-family:Georgia,serif;font-style:italic;font-size:20px;max-width:680px;line-height:1.45;margin:0}.text-cta{display:inline-block;white-space:nowrap;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:7px}.manifesto{background:var(--rhino);color:var(--barley);padding:155px 0 165px;text-align:center}.manifesto-inner{max-width:1030px}.manifesto h2{font-size:clamp(49px,5.5vw,78px);line-height:1.1;margin:37px auto}.manifesto h2 em{color:var(--naples)}.manifesto p:last-child{font-size:18px;line-height:1.75;max-width:620px;margin:0 auto;color:#E7EEDB}.experience{padding:150px 0 135px}.experience-intro{margin-bottom:80px}.experience-intro h2{max-width:940px}.experience-columns{display:grid;grid-template-columns:1fr 1fr;gap:110px}.experience-item{border-top:1px solid var(--hair);padding-top:24px}.experience-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:700;color:#4A6B71}.experience-topline span:last-child{text-align:right}.experience-item h3{font-size:clamp(52px,5vw,73px);line-height:1.1;margin:55px 0 24px}.experience-item>p{font-size:18px;line-height:1.7;max-width:440px}.experience-item .experience-caption{font-size:12px;letter-spacing:.03em;line-height:1.75;color:#517171;margin-top:24px}.experience-footer{display:flex;justify-content:space-between;align-items:center;margin-top:98px;padding-top:33px;border-top:1px solid var(--hair);gap:28px}.experience-footer p{font-family:Georgia,serif;font-style:italic;font-size:23px;line-height:1.35;margin:0}.community{background:var(--neptune);padding:145px 0}.community-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:12%;align-items:start}.community h2{font-size:clamp(50px,5.1vw,78px);line-height:1.08;margin-top:32px}.community h2 em{color:#275F5A}.community-secondary{padding-top:40px}.community-secondary p{font-size:18px;line-height:1.72;color:#193F45;margin-bottom:24px}.community-secondary p strong{color:var(--rhino)}.community-secondary .community-small{font-size:14px;line-height:1.65;font-weight:700;margin:32px 0}.inclusive{padding:140px 0 160px;text-align:center}.inclusive-inner{max-width:900px}.inclusive h2{font-size:clamp(53px,6.2vw,94px);line-height:1.08;margin:28px auto 32px}.inclusive h2 em{color:#287F70}.inclusive p:last-child{font-size:18px;line-height:1.75;max-width:690px;margin:0 auto;color:#496568}.access{background:var(--rhino);color:var(--barley);padding:116px 0 125px}.access-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12%;align-items:center}.monogram{width:75px;margin-bottom:28px;mix-blend-mode:normal}.access h2{font-size:clamp(54px,5vw,78px);line-height:1.1;margin:26px 0}.access h2 em{color:var(--naples)}.access-copy>p:last-child{font-size:17px;line-height:1.75;color:#E4E9DB;max-width:560px}.access-form-wrap{border-top:1px solid #77919B;padding-top:35px}.access-form-heading{font-family:Georgia,serif;font-size:26px;line-height:1.4;max-width:420px;margin-bottom:26px}.form-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:10px}input[type=email]{width:100%;height:57px;background:var(--barley);border:1px solid transparent;border-radius:3px;padding:15px 16px;color:var(--rhino);font-size:16px}.form-button{width:100%;margin-top:12px}.form-note{font-size:12px;line-height:1.7;color:#D4E0D4;margin:18px 0 0}.hidden-field{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}.footer{background:#103447;color:#D4E0D2;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.055em}.mobile-cta{display:none}@media(max-width:1080px){.container{width:min(100% - 72px,1100px)}.hero-grid{gap:5%;grid-template-columns:1.55fr .45fr}.hero h1{font-size:clamp(62px,7.5vw,89px)}.hero-aside{padding-left:24px}.hero-aside-line{font-size:22px}.moment-grid{gap:35px}.moment-reveal{padding:43px 34px}.experience-columns{gap:64px}.community-grid{gap:8%}}@media(max-width:760px){.container{width:calc(100% - 44px)}.header-inner{min-height:84px}.brand{width:180px}.header-cta{font-size:10px;max-width:130px;text-align:right;line-height:1.5}.hero{min-height:unset}.hero-grid{display:block;padding:96px 0 105px}.hero .eyebrow{max-width:360px;margin-bottom:30px}.hero h1{font-size:clamp(49px,10.1vw,75px);line-height:1.03;margin-bottom:30px}.hero-sub{font-size:17px;line-height:1.66}.hero-aside{margin-top:90px;border-left:0;border-top:1px solid var(--hair);min-height:unset;padding:25px 0 0;display:block}.hero-aside-title{font-size:10px;margin-bottom:7px}.hero-aside-line{display:block;font-size:22px;max-width:unset}.hero-index{display:none}.moment{padding:95px 0}.section-intro h2{font-size:clamp(45px,9vw,64px)}.moment-intro{margin-bottom:48px}.moment-question{font-size:25px;margin-top:24px}.section-lead{font-size:16px}.moment-grid{grid-template-columns:1fr;gap:36px}.moment-choice{font-size:22px;grid-template-columns:29px 1fr 16px;padding:22px 5px 22px 0;gap:13px}.moment-reveal{min-height:320px;padding:40px 29px}.placeholder-statement{font-size:37px;margin:30px 0 52px}.reveal-content h3{font-size:42px}.after-moments{display:block;padding-top:35px}.after-moments p{font-size:19px;margin-bottom:20px}.manifesto{padding:115px 0}.manifesto h2{font-size:clamp(45px,8vw,65px)}.manifesto p:last-child{font-size:16px}.experience{padding:110px 0}.experience-intro{margin-bottom:65px}.experience-columns{grid-template-columns:1fr;gap:70px}.experience-item h3{font-size:58px;margin:30px 0 17px}.experience-item>p{font-size:17px}.experience-footer{display:block;margin-top:75px}.experience-footer p{margin-bottom:20px}.community{padding:105px 0}.community-grid{grid-template-columns:1fr;gap:22px}.community h2{font-size:clamp(51px,9vw,69px)}.community-secondary{padding-top:0}.community-secondary p{font-size:17px}.inclusive{padding:105px 0}.inclusive h2{font-size:clamp(51px,9vw,70px)}.inclusive p:last-child{font-size:16px}.access{padding:95px 0 105px}.access-grid{grid-template-columns:1fr;gap:55px}.access h2{font-size:58px}.access-form-wrap{padding-top:28px}.footer-inner{display:block;line-height:2}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:8;padding:10px 22px calc(10px + env(safe-area-inset-bottom));background:rgba(255,245,208,.97);border-top:1px solid var(--hair);transform:translateY(120%);transition:transform .25s ease}.mobile-cta.is-visible{transform:translateY(0)}.mobile-cta a{display:block;text-align:center;text-decoration:none;background:var(--naples);color:var(--rhino);padding:13px 15px;border-radius:3px;font-size:12px;font-weight:700}.footer{padding-bottom:84px}}@media(max-width:410px){.container{width:calc(100% - 36px)}.brand{width:159px}.header-cta{font-size:9px}.hero-grid{padding:80px 0 90px}.hero h1{font-size:48px}.hero-sub{font-size:16px}.button{padding:15px 19px;font-size:12px}.moment-choice{font-size:20px}.moment-reveal{padding:32px 24px}.reveal-content h3{font-size:36px}.reveal-question{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ===== Oct 12 2026 edits ===== */

/* 1. Yellow buttons you can't miss. Naples yellow, fully rounded, soft lift shadow. */
.button-primary{background:var(--naples);color:var(--rhino);border:1.5px solid rgba(27,71,93,.35);border-radius:999px;box-shadow:0 6px 18px rgba(27,71,93,.22);font-size:15px;letter-spacing:.02em;min-height:60px;padding:18px 34px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.button-primary:hover{background:#FFD84A;transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,71,93,.28)}
.button-primary:active{transform:translateY(1px);box-shadow:0 3px 10px rgba(27,71,93,.22)}
.button-primary:disabled{opacity:.75;cursor:wait;transform:none}
/* On the dark Rhino sections the yellow already pops; a soft yellow glow instead of a shadow. */
.access .button-primary,.moment-reveal .button-primary{border-color:var(--naples);box-shadow:0 0 0 5px rgba(250,213,100,.2)}
.access .button-primary:hover,.moment-reveal .button-primary:hover{box-shadow:0 0 0 8px rgba(250,213,100,.28)}
.header-cta{min-height:48px;padding:12px 22px;font-size:13px;box-shadow:0 4px 12px rgba(27,71,93,.2)}
.header-cta span{padding-left:0}
.cta-short{display:none}
.reveal-link{margin-top:18px;font-size:13px;min-height:52px;padding:14px 22px}
.after-moments .button,.experience-footer .button,.community-footer .button{white-space:nowrap;flex-shrink:0}

/* Shared form pieces */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.signup-form input[type=text],.signup-form input[type=email]{width:100%;height:57px;background:var(--barley);border:1px solid transparent;border-radius:14px;padding:15px 16px;color:var(--rhino);font-size:16px;margin-bottom:14px}
.access .form-label{margin-top:4px}
.form-error{margin:14px 0 0;font-size:14px;font-weight:700;color:var(--naples)}
.hero-form .form-error{color:#9A2F1F}
.form-button{margin-top:6px}
.hero-form{display:none}

/* 3. The Boardroom, expanded */
.boardroom-features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:80px;border-top:1px solid rgba(27,71,93,.3);padding-top:40px}
.boardroom-number{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:#1F5252;margin-bottom:22px}
.boardroom-item h3{font-size:clamp(25px,2.2vw,32px);line-height:1.15;margin-bottom:14px}
.boardroom-item p{font-size:16px;line-height:1.65;color:#193F45;margin:0}
.community-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:64px;padding-top:30px;border-top:1px solid rgba(27,71,93,.3)}
.community .community-footer .community-small{margin:0;font-size:15px;font-weight:700;color:#193F45}
.community-secondary p:last-child{margin-bottom:0}
@media(max-width:1080px){.boardroom-features{gap:32px}}

/* Phones only: the quick look strip stays hidden on desktop */
.quick-look{display:none}

/* 2. Phone experience. Instagram visitors land here, so the decision comes first. */
@media(max-width:760px){
  .container{width:calc(100% - 40px)}
  .header-inner{min-height:72px}
  .brand{width:150px}
  .header-cta{font-size:13px;min-height:44px;padding:10px 14px;max-width:none;line-height:1.2;box-shadow:0 3px 10px rgba(27,71,93,.2)}
  .cta-long{display:none}
  .cta-short{display:inline}

  /* Hero: sign up without scrolling */
  .hero-grid{padding:40px 0 48px}
  .hero .eyebrow{margin-bottom:18px;font-size:10px}
  .hero h1{font-size:clamp(40px,11vw,54px);line-height:1.04;margin-bottom:18px}
  .hero-sub{font-size:16px;line-height:1.55;margin-bottom:22px}
  .hero-button{display:none}
  .hero-form{display:block}
  .hero-form input[type=text],.hero-form input[type=email]{background:#FFFCF2;border:1.5px solid rgba(27,71,93,.45);height:54px;margin-bottom:10px}
  .hero-form .form-button{width:100%;margin-top:4px}
  .microcopy{margin-top:16px}
  .hero-aside{display:none}

  /* What's inside, in three taps */
  .quick-look{display:block;background:var(--rhino);color:var(--barley);padding:30px 0 18px}
  .quick-look .eyebrow{color:var(--naples);margin-bottom:8px}
  .quick-row{display:grid;grid-template-columns:1fr 18px;grid-template-areas:"name arrow" "line arrow";align-items:center;gap:2px 12px;padding:16px 0;border-bottom:1px solid rgba(255,245,208,.18);text-decoration:none}
  .quick-row:last-child{border-bottom:0}
  .quick-name{grid-area:name;font-family:Georgia,serif;font-size:24px;letter-spacing:-.03em}
  .quick-line{grid-area:line;font-size:14px;color:#D4E0D4}
  .quick-row>span[aria-hidden]{grid-area:arrow;color:var(--naples);font-size:18px}

  /* Tighter sections so the page reads in a few swipes */
  .section-intro h2{font-size:clamp(36px,9.5vw,48px);margin:14px 0 14px}
  .section-lead{font-size:16px;line-height:1.6}
  .moment{padding:64px 0}
  .moment-intro{margin-bottom:28px}
  .moment-question{font-size:22px;margin-top:16px}
  .moment-grid{display:block}
  .moment-choice{font-size:19px;padding:18px 4px 18px 0}
  .moment-choice[aria-pressed="true"] .moment-arrow{transform:rotate(90deg)}
  /* Accordion: the dark panel only appears once a moment is chosen, right under it */
  .moment-reveal{display:none;min-height:0;padding:30px 22px 32px}
  .moment-reveal.has-choice{display:block}
  .moment-placeholder{display:none}
  .reveal-kicker{margin-top:16px}
  .reveal-content h3{font-size:32px}
  .reveal-question{font-size:21px}
  .reveal-link{width:100%}
  .after-moments{padding-top:28px}
  .after-moments p{font-size:18px}
  .after-moments .button,.experience-footer .button,.community-footer .button{width:100%;white-space:normal}

  .manifesto{padding:72px 0}
  .manifesto h2{font-size:clamp(32px,8.6vw,44px);margin:22px auto}
  .experience{padding:64px 0}
  .experience-intro{margin-bottom:36px}
  .experience-columns{gap:40px}
  .experience-item h3{font-size:44px;margin:18px 0 12px}
  .experience-item>p{font-size:16px}
  .experience-footer{margin-top:44px}

  .community{padding:64px 0}
  .community h2{font-size:clamp(36px,9.5vw,48px);margin-top:16px}
  .community-secondary{padding-top:8px}
  .community-secondary p{font-size:16px;margin-bottom:16px}
  .boardroom-features{grid-template-columns:1fr;gap:0;margin-top:32px;padding-top:0;border-top:0}
  .boardroom-item{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding:20px 0;border-top:1px solid rgba(27,71,93,.3)}
  .boardroom-number{grid-row:span 2;margin:6px 0 0}
  .boardroom-item h3{font-size:23px;margin-bottom:6px}
  .boardroom-item p{font-size:15px;line-height:1.55}
  .community-footer{display:block;margin-top:8px;padding-top:24px}
  .community .community-footer .community-small{margin-bottom:20px;font-size:14px}

  .inclusive{padding:64px 0}
  .inclusive h2{font-size:clamp(36px,9.5vw,50px);margin:18px auto 20px}
  .access{padding:64px 0 72px}
  .access h2{font-size:44px;margin:16px 0}
  .access-grid{gap:32px}
  .access-copy>p:last-child{font-size:15px}
  .access-form-heading{font-size:22px}

  /* Sticky yellow button after the hero */
  .mobile-cta{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .mobile-cta a.button-primary{display:flex;width:100%;font-size:15px;min-height:54px;padding:14px;border-radius:999px;box-shadow:0 4px 12px rgba(27,71,93,.2);color:var(--rhino)}
}
@media(max-width:410px){
  .container{width:calc(100% - 32px)}
  .brand{width:132px}
  .header-cta{font-size:12px;padding:9px 12px}
  .hero-grid{padding:32px 0 40px}
  .hero h1{font-size:40px}
  .button{padding:15px 18px;font-size:14px}
}