:root{--navy:#0b2435;--deep:#071b2b;--teal:#266475;--cream:#f4f1e9;--ink:#112c3b;--muted:#566970;--line:#d0d8d7;--gold:#d8c19a;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.7 var(--sans)}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #d99320;outline-offset:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1,h2{letter-spacing:-.035em}h1{font-size:clamp(60px,5.25vw,82px);line-height:1.045}h2{font-size:clamp(48px,4.5vw,68px);line-height:1.04}h3{font-size:36px;line-height:1.1}em{font-weight:400}p+p{margin-top:20px}strong{font-weight:600}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:13px;line-height:1.6;letter-spacing:.13em;font-weight:600;color:#bdd3d8;margin-bottom:24px}.eyebrow.dark{color:var(--teal)}.lead{font:400 32px/1.24 var(--serif);letter-spacing:-.012em}.button{display:inline-flex;justify-content:center;align-items:center;min-height:62px;padding:17px 28px;border:1px solid #edab3b;border-radius:999px;background:linear-gradient(180deg,#ffe99a 0%,#ffd34c 30%,#ffb423 61%,#f18b1c 82%,#de711f 100%);color:#171508;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.015em;text-align:center;box-shadow:inset 0 2px 0 #fff5c9b3,inset 0 -2px 0 #aa501a40,0 5px 14px #020f1933;transition:filter .18s,transform .18s,box-shadow .18s}.button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff5c9cc,0 9px 20px #020f1940}.button:active{transform:translateY(0)}.button:focus-visible{outline-color:#dcaa39}.skip-link{position:fixed;z-index:20;top:12px;left:12px;transform:translateY(-200%);background:white;color:var(--ink);padding:12px 20px}.skip-link:focus{transform:none}
.site-header{background:var(--navy);color:var(--cream)}.opening{background:var(--navy);color:var(--cream);overflow:hidden;position:relative}.opening:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b2435 20%,#0b2435d9 65%,#0b243599),url('assets/become-atmosphere.png') center right/cover;opacity:.6}.header,.hero,.pillar-strip{position:relative}.header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:40px}.wordmark{font-family:Georgia,serif;font-style:italic;font-size:52px;line-height:.93;letter-spacing:-3px;display:inline-flex;flex-direction:column;align-items:center;white-space:nowrap}.wordmark span{font:600 11px/1.6 var(--sans);letter-spacing:.14em;margin-top:9px}.header nav{display:flex;align-items:center;gap:30px;font-size:14px}.header nav a{padding-block:10px}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.header nav .member-link{padding:10px 18px;border:1px solid #b5cbd655;border-radius:999px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding-top:38px;padding-bottom:48px}.hero-copy{position:relative;z-index:2;padding-bottom:12px}.hero-copy>.eyebrow{font-size:12px;max-width:540px;margin-bottom:24px;letter-spacing:.11em}.hero h1{max-width:680px;margin-right:-60px}.hero h1 em{color:#e6d6b7}.hero-description{font-size:20px;line-height:1.6;max-width:450px;margin-top:28px;margin-bottom:26px;color:#e0e9e8}.giving-note{font-size:14px;line-height:1.65;color:#c5d6da;margin-top:16px}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #c5d6da55;margin-top:22px;padding-bottom:3px}.text-link:hover{color:#f7d998;border-color:currentColor}.hero-art{margin-right:-25px;align-self:center}.art-caption{font:400 23px/1.2 var(--serif);text-align:center;color:#c6d9dc;margin-top:-5px;position:relative}.art-caption em{color:#e6d6b7}.pillar-strip{display:flex;justify-content:center;gap:48px;padding-block:23px;border-top:1px solid #c5d6da33;color:#dce6e6}.pillar-strip span{font-size:13px;letter-spacing:.105em;text-transform:uppercase;font-weight:500}.pillar-strip span+span:before{content:'·';position:relative;left:-24px;color:var(--gold)}
.invitation{display:grid;grid-template-columns:.78fr 1.22fr;gap:45px 95px}.invitation-copy{max-width:655px}.invitation-copy .lead{font-size:35px;margin-bottom:27px}.invitation-copy p:not(.lead){color:#445a65}.journey{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;border-block:1px solid var(--line)}.journey>div{padding:30px 24px 30px 0;position:relative}.journey>div+div{padding-left:36px;border-left:1px solid var(--line)}.journey-number{font-size:12px;letter-spacing:.1em;color:var(--teal);position:absolute;right:30px;top:30px}.journey h3{font-size:47px;margin-bottom:7px}.journey p{font-size:15px;color:var(--muted)}.journey-destination h3{font-style:italic;color:var(--teal)}
.inside{background:var(--navy);color:var(--cream);padding:88px 0 74px;position:relative;isolation:isolate;overflow:hidden}.inside:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(#0b2435ef,#0b2435d9),url('assets/become-atmosphere.png') center/cover}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:42px}.section-heading>p{max-width:360px;color:#c5d6da}.inside h2 em{color:#e6d6b7}.community-preview{max-width:1080px;margin:0 auto 50px}.community-preview img{width:100%;filter:drop-shadow(0 16px 25px #0003)}.community-preview figcaption{text-align:center;font-size:14px;color:#c5d6da;margin-top:18px}.pillar-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pillar-card{padding:28px;background:#f4f1e9;color:var(--ink);border:1px solid #f4f1e9;border-radius:3px;display:flex;flex-direction:column}.pillar-label{display:flex;align-items:center;justify-content:space-between;color:var(--teal);font-size:12px;letter-spacing:.12em;font-weight:600;margin-bottom:28px}.pillar-symbol{font-size:29px;line-height:1;font-weight:400;letter-spacing:0}.pillar-invitation{font:italic 27px/1.1 var(--serif);color:#596c70;margin-bottom:13px}.pillar-card h3{font-size:36px;margin-bottom:24px;letter-spacing:-.02em}.pillar-card>p:not(.pillar-invitation){font-size:16px;line-height:1.7;color:#445b66}.pillar-card>p+p{margin-top:18px}.pillar-card .pillar-takeaway{margin-top:auto!important;padding-top:25px;color:var(--teal)!important;font-size:14px!important;font-weight:600}.section-invite{text-align:center;margin-top:42px}.section-invite p{font-size:14px;color:#c5d6da;margin-top:16px}.groups-section{display:grid;grid-template-columns:1.02fr .98fr;gap:90px;align-items:center}.groups-copy h2{margin-bottom:28px}.groups-copy>p:not(.eyebrow){color:#445b66;max-width:535px}.group-directory{border-top:1px solid #afc0c1}.group-directory>div{display:flex;gap:22px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line)}.group-directory span{font-size:12px;letter-spacing:.1em;color:var(--teal)}.group-directory h3{font-size:32px}.group-directory>p{font-size:14px;color:var(--teal);margin-top:21px}
.rhythm-section{background:#dfe7e4;border-block:1px solid #d3dcd9}.rhythm-section .section{padding-block:83px}.rhythm-section .section-heading>p{color:#435d65;max-width:300px}.rhythm-section h2{font-size:clamp(45px,4vw,63px)}.rhythm{list-style:none;margin:55px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.rhythm li{position:relative;padding:24px 28px 0 0;border-top:1px solid #92afb0}.rhythm li+li{padding-left:28px}.rhythm li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--teal)}.rhythm li+li:before{left:28px}.week{font-size:12px;letter-spacing:.1em;color:var(--teal);font-weight:600}.rhythm h3{font-size:46px;letter-spacing:-.02em;margin-top:15px}.rhythm .rhythm-verb{font-size:16px;font-weight:600;margin-top:12px;color:var(--ink)}.rhythm li>p:last-child{font-size:15px;color:#435d65;line-height:1.75;margin-top:9px}.rhythm-footnote{font-size:14px;color:#4b646b;text-align:center;margin-top:38px;padding-top:24px;border-top:1px solid #bdcecc}.everyday{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.everyday .lead{margin-bottom:24px}.everyday>div>p:not(.eyebrow):not(.lead){color:#445b66}
.mission{position:relative;isolation:isolate;overflow:hidden;color:var(--cream);background:var(--navy);padding-block:92px}.mission:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b2435d9,#0b2435b8),url('assets/become-atmosphere.png') center 55%/cover}.mission-grid{display:grid;grid-template-columns:1fr .91fr;gap:110px;align-items:center}.mission h2{font-size:clamp(58px,5.3vw,80px);line-height:1.01;margin-bottom:32px}.mission h2 em{color:#e6d6b7}.mission-copy>p:not(.eyebrow){max-width:510px;color:#d1dfe1}.mission-copy strong{color:var(--cream);font-weight:500}.gift-card{background:var(--cream);color:var(--ink);padding:40px;border:1px solid #e2d0ac;box-shadow:0 20px 60px #0002;border-radius:4px;scroll-margin-top:30px}.gift-card>.eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:20px}.gift-card h3{font-size:53px;line-height:1.02;letter-spacing:-.03em}.gift-amount{display:flex;gap:20px;align-items:center;margin:25px 0 24px}.gift-amount strong{font:400 86px/1 var(--serif);letter-spacing:-.06em}.gift-amount span{font-size:14px;line-height:1.5;color:var(--muted)}.gift-card>p:not(.eyebrow):not(.gift-terms){font-size:16px;color:#445b66}.gift-card ul{list-style:none;margin:25px 0;padding:0;border-top:1px solid var(--line)}.gift-card li{position:relative;padding:9px 0 9px 23px;border-bottom:1px solid var(--line);font-size:15px}.gift-card li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:700}.gift-card .button{width:100%;font-size:17px;padding-inline:18px}.gift-card .gift-terms{font-size:13px;line-height:1.65;color:#566970;margin-top:17px}.gift-login{display:block;text-align:center;font-size:13px;color:var(--teal);text-decoration:underline;text-underline-offset:4px;margin-top:21px}
.faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.questions{border-top:1px solid #b7c6c6}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions summary{list-style:none;font-size:17px;font-weight:500;line-height:1.5;cursor:pointer;position:relative;padding-right:37px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:4px;top:-2px;font-weight:400;font-size:25px;color:var(--teal)}.questions details[open] summary:after{content:'−'}.questions details>p{font-size:16px;color:#445b66;margin-top:17px;padding-right:25px}.closing{text-align:center;background:var(--navy);color:var(--cream);padding:84px 0 75px;position:relative;isolation:isolate}.closing:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#0b2435d9,#0b2435e8),url('assets/become-atmosphere.png') center 80%/cover}.closing .eyebrow{margin-bottom:22px}.closing h2{font-size:clamp(62px,6.5vw,96px);line-height:.98;margin-bottom:30px}.closing h2 em{color:#e6d6b7}.closing>.wrap>p:not(.eyebrow):not(.giving-note){font-size:19px;color:#d5e2e3;line-height:1.6}.closing .button{margin-top:30px}.closing .giving-note{font-size:14px;margin-top:17px}.footer{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-block:44px}.footer .wordmark{font-size:46px}.footer .wordmark span{font-size:10px}.footer>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;text-align:center}.footer>p>a{color:var(--ink)}.footer-login{font-size:14px;text-decoration:underline;text-underline-offset:5px}
@media(min-width:1600px){.hero{padding-top:48px;padding-bottom:65px}.hero h1{font-size:85px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.hero{gap:20px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(50px,5.6vw,67px);margin-right:-35px}.hero-description{font-size:18px}.hero-art{margin-right:-14px}.hero-copy>.eyebrow{font-size:11px}.hero .button{font-size:17px;padding-inline:22px}.hero .giving-note{font-size:13px}.header nav{gap:22px}.invitation{gap:40px 65px}.pillar-card{padding:24px}.pillar-card h3{font-size:31px}.pillar-card>p:not(.pillar-invitation){font-size:15px}.groups-section{gap:55px}.section-heading{gap:45px}.mission-grid{gap:60px}.gift-card{padding:32px}.gift-card .button{font-size:16px}.everyday{gap:65px}.faq{gap:60px}.rhythm li{padding-right:20px}.rhythm li+li{padding-left:20px}.rhythm li+li:before{left:20px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.section{padding-block:70px}.header{min-height:96px}.header nav{gap:18px;font-size:13px}.header nav>a:nth-child(2){display:none}.hero{grid-template-columns:1.1fr .9fr;gap:15px;padding-top:30px;padding-bottom:35px}.hero h1{font-size:48px;margin-right:-25px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.1em;max-width:330px}.hero-description{font-size:17px;margin-top:22px}.hero .button{font-size:15px;padding-inline:18px;min-height:56px}.hero .giving-note{font-size:12px}.hero .wide-only{display:none}.text-link{font-size:13px}.art-caption{font-size:20px}.pillar-strip{gap:25px}.pillar-strip span{font-size:11px;letter-spacing:.06em}.pillar-strip span+span:before{left:-12px}.invitation{gap:35px 50px}.invitation-copy .lead{font-size:30px}.invitation-copy p:not(.lead){font-size:16px}.section-heading{gap:35px}.section-heading>p{font-size:16px;max-width:300px}.inside{padding-top:70px;padding-bottom:60px}.pillar-cards{gap:12px}.pillar-card{padding:21px 18px}.pillar-card h3{font-size:29px}.pillar-label{font-size:10px}.pillar-invitation{font-size:25px}.pillar-card>p:not(.pillar-invitation){font-size:14px}.groups-section{gap:40px}.group-directory h3{font-size:29px}.groups-copy>p:not(.eyebrow){font-size:16px}.rhythm{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 35px}.rhythm li,.rhythm li+li{padding:22px 0 0}.rhythm li+li:before{left:0}.rhythm-section h2{font-size:46px}.rhythm-section .section-heading{display:block}.rhythm-section .section-heading>p{max-width:500px;margin-top:24px}.everyday{gap:45px}.everyday h2{font-size:48px}.everyday .lead{font-size:28px}.everyday>div>p:not(.eyebrow):not(.lead){font-size:16px}.mission{padding-block:70px}.mission-grid{gap:35px;grid-template-columns:.95fr 1.05fr}.mission h2{font-size:59px}.mission-copy>p:not(.eyebrow){font-size:16px}.gift-card{padding:28px}.gift-card h3{font-size:45px}.gift-card .button{font-size:15px}.gift-card>.eyebrow{font-size:10px}.faq{gap:40px}.questions summary{font-size:16px}.questions details>p{font-size:15px}}
@media(max-width:640px){body{font-size:16px;line-height:1.7}.wrap{width:calc(100% - 40px)}.section{padding-block:58px}h2{font-size:48px}.eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:19px}.wide-only{display:none}.header{min-height:91px;gap:16px}.wordmark{font-size:45px}.wordmark span{font-size:9px;letter-spacing:.12em;margin-top:8px}.header nav>a:not(.member-link){display:none}.header nav .member-link{font-size:12px;padding:9px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:23px;padding-bottom:22px;gap:20px}.hero-copy{padding:0}.hero-copy>.eyebrow{font-size:10px;line-height:1.65;letter-spacing:.1em;max-width:310px;margin-bottom:20px}.hero h1{font-size:clamp(44px,10.5vw,65px);line-height:1.04;letter-spacing:-.035em;margin:0;max-width:520px}.hero-description{font-size:18px;line-height:1.5;margin-top:23px;margin-bottom:24px;max-width:340px}.hero .button{font-size:17px;min-height:60px;width:100%;max-width:390px;padding-inline:18px}.hero .giving-note{font-size:13px;line-height:1.6;max-width:365px;margin-top:13px}.text-link{font-size:13px;margin-top:19px}.hero-art{margin:0 auto;width:100%;max-width:450px}.art-caption{font-size:24px;margin-top:-4px}.pillar-strip{gap:0;justify-content:space-between;margin-top:8px;padding-block:20px;align-items:center;text-align:center}.pillar-strip span{font-size:10px;letter-spacing:.06em;line-height:1.65;width:32%;padding-inline:6px}.pillar-strip span+span{border-left:1px solid #c5d6da33}.pillar-strip span+span:before{content:none}.invitation{display:block}.invitation-heading h2 br{display:none}.invitation-copy{margin-top:28px}.invitation-copy .lead{font-size:29px;line-height:1.25;margin-bottom:24px}.invitation-copy p:not(.lead){font-size:16px}.journey{margin-top:34px}.journey>div{padding:23px 8px 20px 0}.journey>div+div{padding-left:13px}.journey-number{position:static;display:block;margin-bottom:13px;font-size:11px}.journey h3{font-size:31px;margin-bottom:8px}.journey p{font-size:12px;line-height:1.5;max-width:95px}.inside{padding-block:59px 52px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:16px;margin-top:24px;max-width:440px}.community-preview{width:calc(100% + 20px);margin:32px -10px}.community-preview figcaption{font-size:12px;padding-inline:16px;margin-top:14px}.pillar-cards{grid-template-columns:1fr;gap:16px}.pillar-card{padding:28px}.pillar-label{font-size:11px;margin-bottom:24px}.pillar-invitation{font-size:28px}.pillar-card h3{font-size:38px;margin-bottom:21px}.pillar-card>p:not(.pillar-invitation){font-size:16px}.pillar-card .pillar-takeaway{padding-top:22px;font-size:14px!important}.section-invite{margin-top:30px}.section-invite .button{width:100%;max-width:390px;font-size:17px;padding-inline:17px}.section-invite p{font-size:13px;max-width:340px;margin:15px auto 0}.groups-section{display:block}.groups-copy h2{font-size:46px;margin-bottom:24px}.group-directory{margin-top:31px}.group-directory>div{padding-block:14px}.group-directory h3{font-size:31px}.group-directory>p{font-size:13px;margin-top:19px}.rhythm-section .section{padding-block:58px}.rhythm-section h2{font-size:44px}.rhythm-section .section-heading>p{margin-top:25px;font-size:16px}.rhythm{margin-top:36px;grid-template-columns:1fr;gap:25px}.rhythm li,.rhythm li+li{padding:22px 0 0 22px;border-top:0;border-left:1px solid #9ab4b4}.rhythm li:before,.rhythm li+li:before{top:27px;left:-4px}.week{font-size:11px}.rhythm h3{font-size:41px;margin-top:10px}.rhythm .rhythm-verb{margin-top:9px}.rhythm li>p:last-child{font-size:16px;margin-top:7px;max-width:450px}.rhythm-footnote{font-size:13px;line-height:1.7;margin-top:30px;text-align:left}.everyday{display:block}.everyday>div+div{margin-top:29px}.everyday h2{font-size:48px}.everyday .lead{font-size:29px}.mission{padding-block:59px}.mission-grid{display:block}.mission h2{font-size:64px;margin-bottom:28px}.mission-copy>p:not(.eyebrow){font-size:16px}.gift-card{margin-top:36px;padding:30px 25px}.gift-card>.eyebrow{font-size:10px}.gift-card h3{font-size:50px}.gift-amount{margin-block:22px;gap:19px}.gift-amount strong{font-size:81px}.gift-amount span{font-size:14px}.gift-card>p:not(.eyebrow):not(.gift-terms){font-size:16px}.gift-card .button{font-size:16px;padding-inline:13px;min-height:60px}.gift-card ul{margin-block:23px}.gift-card li{font-size:14px}.gift-card .gift-terms{font-size:12px}.gift-login{font-size:12px}.faq{display:block}.faq h2 br{display:none}.questions{margin-top:31px}.questions details{padding:19px 0}.questions summary{font-size:16px;padding-right:32px}.questions details>p{font-size:15px;padding-right:8px}.closing{padding-block:60px}.closing .eyebrow{font-size:10px;letter-spacing:.1em}.closing h2{font-size:66px;margin-bottom:26px}.closing>.wrap>p:not(.eyebrow):not(.giving-note){font-size:17px}.closing .button{font-size:17px;padding-inline:17px;width:100%;max-width:390px}.closing .giving-note{font-size:13px;max-width:350px;margin:16px auto 0}.footer{flex-wrap:wrap;gap:24px;justify-content:space-between;padding-block:35px}.footer .wordmark{font-size:40px}.footer .wordmark span{font-size:8px}.footer>p{font-size:12px;text-align:right}.footer-login{font-size:12px;width:100%;text-align:center;border-top:1px solid var(--line);padding-top:21px}}
@media(max-width:365px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:41px}.hero .button,.section-invite .button,.closing .button{font-size:15px;padding-inline:15px}.gift-card{padding:26px 20px}.gift-card .button{font-size:14px}.journey h3{font-size:28px}.pillar-card{padding:25px}.mission h2{font-size:59px}.closing h2{font-size:59px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Readable pillar descriptions at every intermediate viewport. */
.pillar-card>p:not(.pillar-invitation){font-size:1rem}.rhythm li>p:last-child{font-size:1rem}

/* The established Become atmosphere carries through the page. */
body{background:var(--deep);isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#071b2c55,#071b2c18),url('assets/become-atmosphere.png') center 58%/cover no-repeat;pointer-events:none}
.site-header,.opening{background:transparent}
.opening:before,.inside:before,.mission:before,.closing:before{display:none}
.inside{background:#082031b8;border-block:1px solid #94b4b62e}
.mission{background:#102e3ba6;border-block:1px solid #94b4b62e}
.closing{background:#0b243566}
.invitation,.groups-section,.everyday,.faq{background:rgba(247,245,237,.96);padding:66px 48px;margin-top:48px;margin-bottom:48px;border:1px solid #f7f3e466;box-shadow:0 12px 40px #03111c24}
.rhythm-section{background:#dfe7e4ed}
.footer{color:var(--cream)}.footer>p{color:#c2d5db}.footer>p>a{color:var(--cream)}
/* Five independently framed photographs, using the original artwork's crops. */
.hero-art{margin:0;align-self:center;width:100%;min-width:0;padding:12px 8px 0}
.photo-collage{position:relative;width:100%;aspect-ratio:1/1.08;margin:0 auto 24px;overflow:visible}
.photo-card{position:absolute;padding:3%;background-color:#f4eddf;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22paper%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20opacity%3D%22.13%22%20filter%3D%22url%28%23paper%29%22%2F%3E%3C%2Fsvg%3E");box-shadow:0 16px 40px #0005,inset 0 0 2px #9b806b25;transform:rotate(var(--turn));transform-origin:center;animation:photo-float var(--float-duration,22s) ease-in-out var(--float-delay,0s) infinite alternate}
.photo-card svg{display:block;width:100%;height:100%;overflow:hidden;background:#112b3b}
.photo-stars{width:62%;height:65%;left:28%;top:16%;z-index:1;--turn:6deg}
.photo-friends{width:38%;height:38%;left:1%;top:4%;z-index:3;--turn:-10deg}
.photo-ocean{width:32%;height:32%;left:63%;top:0%;z-index:4;--turn:8deg}
.photo-grass{width:34%;height:36%;left:0%;top:50%;z-index:5;--turn:-13deg}
.photo-summit{width:35%;height:36%;left:57%;top:64%;z-index:6;--turn:-3deg}
.art-caption{margin-top:10px}
@media(max-width:1050px){.invitation,.groups-section,.everyday,.faq{padding:50px 30px;column-gap:40px}.photo-collage{aspect-ratio:1/1.24}.photo-stars{top:20%;height:57%}.photo-friends{height:33%}.photo-ocean{top:5%;height:28%}.photo-grass{height:31%;top:53%}.photo-summit{height:31%;top:66%}}
@media(max-width:640px){body:before{background-position:62% center}.hero{gap:36px}.hero-art{max-width:450px;padding:0 8px}.photo-collage{aspect-ratio:1/1.1;margin-bottom:28px}.photo-stars{top:17%;height:62%}.photo-friends{top:3%;height:36%;left:1%}.photo-ocean{top:1%;height:30%}.photo-grass{top:50%;height:34%;left:1%}.photo-summit{top:64%;height:34%}.photo-card{box-shadow:0 10px 24px #0006}.invitation,.groups-section,.everyday,.faq{padding:40px 23px;margin-top:25px;margin-bottom:25px;width:calc(100% - 30px)}.art-caption{margin-top:0}.footer-login{border-color:#c5d6da33}}

/* Exact supplied artwork, fitted inside the existing laptop screen. */
.device-display{position:relative;width:100%;aspect-ratio:1774/887}
.device-display>.device-artwork{width:100%;height:auto}
.laptop-screen{position:absolute;left:5.637%;top:39.684%;width:38.895%;height:49.944%;background:#000;overflow:hidden;border-radius:2.1% 2.1% 0 0}
.community-preview .laptop-screen img{width:100%;height:100%;object-fit:contain;filter:none}

/* Slow, independent motion, close to the original photo composition. */
.photo-stars{--float-x:-8px;--float-y:-12px;--float-angle:-.9deg;--float-duration:12s;--float-delay:-5s}
.photo-friends{--float-x:10px;--float-y:-9px;--float-angle:1.3deg;--float-duration:9s;--float-delay:-3s}
.photo-ocean{--float-x:-9px;--float-y:10px;--float-angle:-1.1deg;--float-duration:11s;--float-delay:-6s}
.photo-grass{--float-x:11px;--float-y:-8px;--float-angle:1deg;--float-duration:13s;--float-delay:-4s}
.photo-summit{--float-x:-10px;--float-y:9px;--float-angle:1.2deg;--float-duration:10s;--float-delay:-7s}
@keyframes photo-float{from{transform:translate3d(0,0,0) rotate(var(--turn))}to{transform:translate3d(var(--float-x),var(--float-y),0) rotate(calc(var(--turn) + var(--float-angle)))}}
.photo-motion-paused .photo-card{animation-play-state:paused!important}
.photo-motion-toggle{display:block;margin:14px auto 0;padding:5px 0;background:transparent;border:0;border-bottom:1px solid #bdd3d844;color:#bdd3d8;font:400 14px/1.5 var(--sans);cursor:pointer}
.photo-motion-toggle:hover{color:#f4f1e9;border-color:currentColor}
.photo-motion-toggle:focus-visible{outline:3px solid #d99320;outline-offset:6px}
.photo-motion-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.photo-card{animation:none!important;transform:rotate(var(--turn))}}

/* An explicit Play action can enable photos when the device requests less motion. */
.hero-art.photo-motion-enabled .photo-card{animation:photo-float var(--float-duration,12s) ease-in-out var(--float-delay,0s) infinite alternate!important}

/* Official Become logos, matching the member welcome page. */
.brand-logo{position:relative;display:block;flex:0 0 auto;width:230px;aspect-ratio:777/324;overflow:hidden}
.brand-logo>img{position:absolute;display:block;width:138.99614%;max-width:none;height:auto;left:-18.146718%;top:-100.925926%}
.site-footer{position:relative;isolation:isolate;overflow:hidden}
.footer-watermark{position:absolute;width:clamp(570px,52vw,840px);max-width:none;height:auto;right:-11%;bottom:-155px;opacity:.07;z-index:-1;pointer-events:none;user-select:none}
.site-footer .closing,.site-footer .footer{position:relative;z-index:1}
.footer .brand-logo{width:210px}
@media(max-width:640px){.brand-logo{width:170px}.footer .brand-logo{width:175px}.footer-watermark{width:570px;right:-225px;bottom:-115px;opacity:.055}}
@media(max-width:365px){.brand-logo{width:148px}.footer .brand-logo{width:158px}}