/* Homepage-only compositions. Copy remains visible without JavaScript or motion. */
#community{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;padding:100px var(--gutter);min-height:85svh;background:#eef8fc}
#community .story-copy{grid-column:1;grid-row:1;width:100%;margin:0}
#community .story-copy h2{font-size:clamp(42px,5vw,72px)}
#community .community-photo{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;aspect-ratio:4/5;max-height:650px;border-radius:48% 48% 12px 12px;box-shadow:18px 18px 0 #d5ebf5}
#community .community-photo:after{display:none}#community .community-photo img{object-position:50% 45%}
#shared-plans{background:#172623;color:#fff;margin:0;min-height:82svh;padding:100px var(--gutter);display:grid;grid-template-columns:1.1fr .9fr;gap:6vw}
#shared-plans .story-copy{width:100%;margin:0;grid-column:1;grid-row:1}#shared-plans .eyebrow{color:#bdd0ca}#shared-plans h2{font-size:clamp(42px,5vw,72px)}
#shared-plans .scene-image{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;aspect-ratio:3/4;max-height:590px;border-radius:12px;transform:rotate(3deg)}
#shared-plans .scene-image:after{display:none}#shared-plans .scene-image img{object-position:68% center}
#beyond{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:110px var(--gutter);min-height:88svh;background:#fff}
#beyond .scene-image{position:relative;inset:auto;z-index:0;grid-column:1;grid-row:1;aspect-ratio:3/4;max-height:660px;border-radius:4px 120px 4px 4px}
#beyond .scene-image:after{display:none}#beyond .scene-image img{object-position:center}
#beyond .story-copy{grid-column:2;grid-row:1;width:100%;margin:0}#beyond h2{font-size:clamp(42px,5vw,72px)}
#join{background:#fff8f0;min-height:0;padding:100px var(--gutter)}
#join>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:0 8vw;width:100%;margin:0;align-items:start}
#join .eyebrow{grid-column:1;grid-row:1}#join h2{grid-column:1;grid-row:2;font-size:clamp(42px,5vw,72px);margin-top:22px;position:sticky;top:80px}
#join .join-steps{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;gap:0;margin:0}
#join .join-steps li{padding:44px 0;gap:24px;border-top:1px solid #17262320;min-height:220px;transition:background .25s,border-color .25s}
#join .join-steps li>span{font-size:32px;line-height:1;color:#8e7564;min-width:28px;padding:0}
#join .join-steps li.is-current{border-color:var(--accent)}#join .join-steps li.is-current>span{color:var(--accent)}
#join .join-steps h3{font-size:30px}#join>.wrap>.button{grid-column:1;grid-row:3;justify-self:start;margin-top:32px}
body[data-page=home] #team{position:relative;overflow:hidden;background:#eaf6fc}
#team>.wrap{position:relative;padding-right:28%}#team .team-visual{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24%;height:auto;margin:0}
#team h2{font-size:clamp(42px,5vw,72px)}#team p:not(.eyebrow){max-width:480px}
@media(prefers-reduced-motion:no-preference){.story-arrived .community-photo,.story-arrived#beyond .scene-image{animation:story-enter .65s ease-out both}@keyframes story-enter{from{translate:0 18px}to{translate:0 0}}}
@media(max-width:650px){
#community{grid-template-columns:1fr;gap:36px;padding:64px var(--gutter) 84px;min-height:0}#community .story-copy{grid-column:1;grid-row:1}#community .community-photo{grid-column:1;grid-row:2;width:82%;justify-self:end;aspect-ratio:4/3;max-height:340px;border-radius:100px 100px 8px 8px;box-shadow:12px 12px 0 #d5ebf5}
#community .story-copy h2,#shared-plans h2,#beyond h2{font-size:clamp(37px,9.5vw,58px)}
#shared-plans{grid-template-columns:1fr;gap:36px;min-height:0;padding:64px var(--gutter) 90px}#shared-plans .story-copy{grid-column:1;grid-row:1}#shared-plans .scene-image{grid-column:1;grid-row:2;aspect-ratio:4/3;width:92%;justify-self:center;max-height:350px;transform:rotate(2deg)}
#beyond{grid-template-columns:1fr;gap:36px;padding:64px var(--gutter) 80px;min-height:0}#beyond .story-copy{grid-column:1;grid-row:1}#beyond .scene-image{grid-column:1;grid-row:2;aspect-ratio:5/4;width:88%;max-height:350px;border-radius:4px 90px 4px 4px}
#join{padding:64px var(--gutter) 80px}#join>.wrap{display:block}#join h2{font-size:39px;position:static}#join .join-steps{margin-top:36px}#join .join-steps li{padding:30px 0;min-height:180px;gap:20px}#join .join-steps h3{font-size:26px}#join .join-steps li>span{font-size:28px}
#team>.wrap{padding-right:0}#team .team-visual{position:static;transform:none;width:112px;height:112px;margin-bottom:36px}#team h2{font-size:38px}
}

@media(max-width:650px){#community,#shared-plans,#beyond,#join{min-height:100svh;min-height:100dvh;padding-top:96px;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}}