/* Homepage chooser: design 3, split colour (HYP-1290, signed off by George 4 Nov 2026). */
:root{--green:#1f524f;--paper:#f2f0ed;--sage:#c7cca6;--peach:#e5c49e;--muted:#465e5b;--ease:cubic-bezier(.2,.7,.1,1)}
.home{font-family:Figtree,Arial,sans-serif;background:#fff;color:var(--green);-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column;margin:0}
.home .top a,.home .side{color:inherit;text-decoration:none}
.home .top{position:relative;text-align:center;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 18px;background:#fff;border-bottom:1px solid #e3e7e5}
.home .top img{width:clamp(140px,12vw,170px);height:auto;display:block;margin:0 auto 10px}
.home h1{font-family:Besley,Georgia,serif;font-weight:500;font-size:clamp(26px,3.2vw,44px);line-height:1.12;letter-spacing:-.01em;max-width:32ch;margin:0 auto;text-wrap:balance}
.home .split{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto auto auto 1fr}
.home .side{position:relative;grid-row:1/-1;display:grid;grid-template-rows:subgrid;justify-items:center;text-align:center;row-gap:18px;padding:clamp(40px,7vh,88px) clamp(22px,5vw,72px);transition:background .5s var(--ease)}
.home .care{background:var(--paper)}
.home .fam{background:var(--green);color:#fff}
.home .care:hover{background:#ebe8e3}
.home .fam:hover{background:#1a4744}
.home .disc{width:clamp(120px,13vw,170px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid #fff;box-shadow:0 18px 40px -22px rgba(15,46,44,.6);transition:transform .6s var(--ease)}
.home .fam .disc{border-color:rgba(255,255,255,.18)}
.home .disc img{width:100%;height:100%;object-fit:cover;display:block}
.home .care .disc img{object-position:62% 30%}
.home .fam .disc img{object-position:20% 40%}
.home .side:hover .disc{transform:scale(1.06)}
.home .side h2{font-family:Besley,Georgia,serif;font-weight:600;font-size:clamp(24px,2.3vw,34px);line-height:1.15}
.home .side p{font-size:clamp(16px,1.15vw,18px);line-height:1.6;max-width:28em;color:var(--muted)}
.home .side.fam p{color:rgba(255,255,255,.82)}
.home .side .btn{margin-top:6px;display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;background:var(--green);color:#fff;transition:gap .4s var(--ease)}
.home .fam .btn{background:#fff;color:var(--green)}
.home .side .btn svg{width:18px;height:18px}
.home .side:hover .btn{gap:16px}
.home .side>.disc{grid-row:2}.home .side>h2{grid-row:3;align-self:start}.home .side>p{grid-row:4;align-self:start}.home .side>.btn{grid-row:5;align-self:start}
.home .side:focus-visible{outline:3px solid var(--peach);outline-offset:-6px}
.home footer{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));text-align:center;font-size:13px;color:var(--muted);border-top:1px solid #e3e7e5}
.home footer button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.home .split{grid-template-columns:1fr;grid-template-rows:none}.home .side{grid-row:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.home .side>h2,.home .side>p,.home .side>.btn{align-self:auto}}
@media (prefers-reduced-motion:reduce){.home .side,.home .side *{transition:none!important}}