:root{--paper:#E4DFD7;--ink:#181716;--stone:#A59B8F;--brown:#61564A}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid #ac7735;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.05}header{max-width:1180px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #61564a40}.brand{text-decoration:none;font-size:14px;font-weight:bold;letter-spacing:3px}.micro{font-size:12px;letter-spacing:2px;text-transform:uppercase}.home{max-width:1180px;margin:auto;padding:40px;display:grid;grid-template-columns:1.06fr 1fr;gap:64px;align-items:center}.portrait{position:relative;height:690px;border-radius:180px 180px 8px 8px;overflow:hidden;background:var(--ink)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#181716d9)}.signature{position:absolute;bottom:30px;left:32px;color:var(--paper);z-index:1}.signature strong{display:block;font-family:Georgia,serif;font-size:40px;font-weight:400}.intro .micro{color:var(--brown)}h1{font-size:clamp(56px,6vw,86px);letter-spacing:-3px;margin:14px 0 22px}h1 em{font-weight:400}.intro>p{max-width:350px;color:var(--brown)}.links{display:grid;gap:12px;margin-top:32px}.tile{display:flex;gap:18px;align-items:center;text-decoration:none;background:var(--brown);color:var(--paper);padding:19px 22px;border-radius:8px;transition:transform .2s,background .2s}.tile:hover{transform:translateX(4px);background:var(--ink)}.tile:first-child{background:var(--ink)}.icon{width:43px;height:43px;border:1px solid #e4dfd76b;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tile strong{font-family:Georgia,serif;font-size:24px;font-weight:400;display:block;line-height:1.2}.tile small{font-size:13px;opacity:.8}.arrow{margin-left:auto;font-size:25px}.note{font-size:13px;color:var(--brown);margin-top:20px}.footer{max-width:1100px;margin:0 auto;padding:24px 0;border-top:1px solid #61564a40;display:flex;justify-content:space-between;color:var(--brown);font-size:12px;letter-spacing:1px}.back{text-decoration:none;font-size:14px}.guide{max-width:760px;margin:60px auto;padding:0 26px}.guide h1{font-size:64px}.lead{font-size:18px;color:var(--brown);margin:20px 0 32px}.timeline{list-style:none;padding:0;margin:45px 0}.timeline>li{position:relative;padding:0 0 42px 76px}.timeline>li:before{content:'';position:absolute;left:23px;top:48px;bottom:0;width:1px;background:var(--stone)}.timeline>li:last-child:before{display:none}.num{position:absolute;left:0;top:0;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--brown);border-radius:50%;font-family:Georgia,serif;font-size:20px}.timeline h2{font-size:32px;margin:8px 0 15px}.timeline p{margin:12px 0;color:var(--brown)}.callout{background:#d7d0c6;border-radius:8px;padding:22px;margin:20px 0}.callout h3{font-size:25px;margin-bottom:12px}.callout p+p{margin-top:12px}.carelink{display:block;margin-top:16px;font-size:14px}.loyal{max-width:640px;margin:65px auto;padding:0 26px}.loyal h1{font-size:65px}.member-card{background:var(--ink);color:var(--paper);border-radius:15px;padding:34px;margin:32px 0;min-height:235px;display:flex;flex-direction:column;justify-content:space-between}.member-card h2{font-size:38px}.soon{display:inline-block;padding:6px 13px;border:1px solid var(--stone);border-radius:50px;font-size:13px}.source{font-size:13px;color:var(--brown);margin:30px 0} @media(max-width:700px){header{padding:18px 24px}header>.micro{display:none}.home{display:flex;flex-direction:column;padding:22px 24px 34px;gap:28px}.portrait{height:370px;width:100%;border-radius:150px 150px 6px 6px}.portrait img{object-position:center 48%}.signature{bottom:20px;left:22px}.signature strong{font-size:32px}.intro{width:100%}h1{font-size:55px;letter-spacing:-2px;margin:10px 0 15px}.links{margin-top:25px}.tile{padding:17px}.tile strong{font-size:23px}.footer{margin:0 24px;gap:18px;flex-wrap:wrap}.guide,.loyal{margin-top:36px}.guide h1,.loyal h1{font-size:49px;letter-spacing:-2px}.timeline>li{padding-left:64px}.timeline h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Dark, photo-first direction */
:root{color-scheme:dark}body{background:var(--ink);color:var(--paper)}header{padding:18px 28px;max-width:960px;border-color:#a59b8f38}.home{display:block;max-width:960px;padding:0;margin:auto}.portrait{height:50svh;min-height:320px;max-height:600px;width:100%;border-radius:0;isolation:isolate}.portrait img{object-position:center 44%;display:block}.portrait:after{inset:0;background:linear-gradient(180deg,#18171610 28%,#18171645 60%,#181716 100%);pointer-events:none}.signature{bottom:24px;left:32px;right:24px}.signature strong{font-size:clamp(60px,9vw,96px);letter-spacing:-4px;line-height:1.1;margin:5px 0 8px}.hero-sub{font-size:14px;color:var(--paper);letter-spacing:1px}.intro{padding:12px 28px 38px;max-width:720px;margin:auto}.welcome h1{font-size:27px;letter-spacing:-.6px;margin:0 0 10px;line-height:1.2}.welcome p{font-size:14px;color:var(--stone);max-width:100%;line-height:1.55}.links{margin-top:23px;gap:12px}.tile,.tile:first-child{position:relative;background:#61564a66;color:var(--paper);border:1px solid #a59b8f4d;border-radius:12px;padding:18px 20px;min-height:92px;transition:background .2s,border-color .2s;touch-action:manipulation}.tile:first-child{background:var(--paper);color:var(--ink);border-color:var(--paper)}.tile:hover{background:var(--brown);border-color:var(--stone);transform:none}.tile:first-child:hover{background:#f0eae2}.tile:active{background:var(--brown)}.tile:first-child:active{background:var(--stone)}.tile .icon{width:46px;height:46px;border-color:#a59b8f70}.tile:first-child .icon{border-color:#61564a75}.tile strong{font-size:25px}.tile small{font-size:14px;opacity:.85}.tile .arrow{font-size:25px}.note{color:var(--stone);text-align:center;font-size:13px;margin-top:25px}.footer{max-width:904px;margin:0 auto;border-color:#a59b8f38;color:var(--stone);padding:22px 28px}.lead,.timeline p,.source{color:var(--stone)}.callout{background:#61564a40;border:1px solid #a59b8f40}.callout p{color:var(--paper)}.timeline>li:before{background:#a59b8f70}.num{border-color:var(--stone);color:var(--paper)}.member-card{background:linear-gradient(135deg,#61564a88,#181716);border:1px solid var(--brown)}.intro .micro{color:var(--stone)}a:focus-visible{outline-color:var(--paper)}.tile:first-child:focus-visible{outline-color:var(--stone)}@media(min-width:701px){.portrait img{object-position:center 45%}.signature{left:54px}.intro{padding-top:16px}.links{grid-template-columns:1fr 1fr}.welcome{text-align:center}.welcome p{margin:auto}.tile{gap:12px}.tile strong{font-size:24px}.tile small{font-size:14px}}@media(max-width:700px){header{padding:16px 22px}.brand{font-size:12px;letter-spacing:2.5px}.home{padding:0;display:block}.portrait{height:50svh;min-height:300px;max-height:520px;border-radius:0}.signature{left:24px;bottom:22px}.signature strong{font-size:66px;letter-spacing:-3px}.hero-sub{font-size:12px;letter-spacing:.8px}.intro{padding:8px 22px 28px}.welcome h1{font-size:25px}.links{margin-top:20px;gap:11px}.tile{padding:15px 17px;min-height:85px}.tile strong{font-size:25px}.tile small{font-size:13px}.footer{margin:0 22px;padding:22px 0}.guide h1,.loyal h1{margin-top:22px}.signature .micro{font-size:12px}}@media(prefers-reduced-motion:reduce){.portrait img,.tile{transform:none!important}}
/* Fixed portrait with a content layer that travels over it. */
.photo-scroll{--hero-height:clamp(300px,50svh,600px)}
.photo-scroll>header{display:none}
.photo-scroll .home{padding-top:var(--hero-height)}
.photo-scroll .portrait{position:fixed;top:0;left:50%;width:min(100%,960px);height:var(--hero-height);min-height:0;max-height:none;transform:translateX(-50%);z-index:0;pointer-events:none}
.photo-scroll .portrait img{transform:scale(1.035)}
.photo-scroll .intro{position:relative;z-index:1;background:linear-gradient(to bottom,rgba(24,23,22,.88),#181716 150px);border-radius:20px 20px 0 0;box-shadow:0 -24px 38px 12px rgba(24,23,22,.35);padding-top:18px}
.photo-scroll .footer{position:relative;z-index:1;background:#181716}
@media(prefers-reduced-motion:reduce){.photo-scroll .home{padding-top:0}.photo-scroll .portrait{position:relative;left:auto;transform:none}.photo-scroll .portrait img{filter:none!important;opacity:1!important}.photo-scroll .signature{opacity:1!important}}
/* Care pictograms: fixed dimensions keep the reading flow stable. */
.care-icon{position:absolute;left:0;top:0;width:64px;height:64px;background:#181716;display:grid;place-items:center;border-radius:50%;overflow:hidden;z-index:1}
.care-icon img{display:block;width:64px;height:64px;object-fit:contain}
.timeline>li{padding-left:88px;min-height:80px}
.timeline>li:before{left:31px;top:64px}
@media(max-width:700px){.timeline>li{padding-left:78px}.timeline h2{font-size:27px}}