/* Scoped homepage visual storytelling; retained navigation and app behaviour. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.connected-life{padding-top:clamp(28px,5vw,72px);padding-bottom:clamp(32px,5vw,64px)}
.connected-art{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#f7f0e5;box-shadow:0 18px 50px #34271916,0 1px 0 #fff inset;border:1px solid #fff9}
.connected-art>img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.connected-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;background:#faf5ed;border-top:1px solid #d6cbb8;color:#302c28;font-size:15px;font-weight:600}
.connected-art button{font:inherit;color:#25221f;border:1px solid #c9bdab;background:#fffaf2;border-radius:30px;padding:10px 16px;cursor:pointer;white-space:nowrap}
.connected-open-app{position:absolute;left:39.5%;top:85%;width:21%;height:7%;border-radius:40px}
.connected-areas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}
.connected-area{position:relative;display:flex;flex-direction:column;gap:9px;padding:21px 18px 19px;background:#faf5ee;border:1px solid #fff;border-radius:18px;box-shadow:0 7px 18px #3527180d;color:#252522;text-decoration:none;transition:transform .18s,box-shadow .18s}
.connected-area strong{font-size:19px;color:var(--section-colour);line-height:1.15}.connected-area>span:not(.connected-dot):not(.connected-arrow){font-size:15px;line-height:1.45;max-width:18ch}.connected-dot{height:5px;width:26px;background:var(--section-colour);border-radius:5px}.connected-arrow{position:absolute;right:15px;top:15px;color:var(--section-colour);font-size:21px}
.connected-area:hover{transform:translateY(-3px);box-shadow:0 12px 24px #35271818}.connected-footnote{text-align:center;font-size:15px;margin-top:22px;color:#57514a}.connected-footnote a{color:#35312c;text-underline-offset:4px}
.visual-purpose{padding:40px 0 70px!important}.visual-purpose-heading{max-width:760px;margin-bottom:28px}.visual-purpose-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.05;font-weight:850;margin:12px 0 16px;color:#252522}.visual-purpose-heading>p:last-child{font-size:19px;line-height:1.5;max-width:55ch;color:#5b544c}
.visual-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.visual-moment{display:block;background:#fbf5ec;border:1px solid #fff;border-radius:23px;overflow:hidden;text-decoration:none;color:#292723;box-shadow:0 9px 26px #30241512}.visual-moment>img{display:block;width:100%;height:220px;object-fit:cover;filter:grayscale(1)}.visual-moment>div{position:relative;padding:23px 24px 26px}.visual-moment h3{font-size:26px;line-height:1.12;font-weight:800;margin:12px 0}.visual-moment p{font-size:17px;line-height:1.5;max-width:28ch;margin:0}.visual-moment div>span:first-child{font-size:11px;letter-spacing:.12em;font-weight:750;color:#6d6255}.visual-moment div>span:last-child{position:absolute;right:20px;top:17px;font-size:23px}
.connected-dialog{width:min(96vw,1600px);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #fff;border-radius:20px;background:#f8f0e4;color:#26221f;box-shadow:0 25px 90px #0005}.connected-dialog::backdrop{background:#171511b8}.connected-dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:20px}.connected-dialog-bar h2{font-size:21px;margin:0}.connected-dialog-bar button{padding:10px 17px;font:inherit;background:#282522;color:#fff;border:0;border-radius:25px;cursor:pointer}.connected-large{overflow:auto;max-height:72dvh}.connected-large img{display:block;width:100%;min-width:1000px;height:auto}.connected-dialog>p{margin:12px 20px;font-size:14px}
.connected-life :is(a,button):focus-visible,.visual-moment:focus-visible{outline:3px solid #087ce5;outline-offset:5px}
@media(max-width:800px){.connected-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-area:last-child{grid-column:1/-1}.visual-moments{gap:14px}.visual-moment>img{height:170px}.visual-moment>div{padding:20px 17px}.visual-moment h3{font-size:22px}}
@media(max-width:560px){.connected-art{border-radius:17px}.connected-art figcaption{padding:12px;font-size:13px;gap:8px}.connected-art button{padding:9px 12px;font-size:13px}.connected-areas{gap:10px;margin-top:16px}.connected-area{padding:18px 15px}.connected-area strong{font-size:18px}.connected-area>span:not(.connected-dot):not(.connected-arrow){font-size:14px}.connected-footnote{font-size:14px;line-height:1.6}.visual-moments{grid-template-columns:1fr}.visual-moment{display:grid;grid-template-columns:34% 1fr}.visual-moment>img{height:100%;min-height:185px}.visual-moment h3{font-size:23px}.visual-moment p{font-size:16px}.visual-purpose{padding:26px 0 42px!important}.connected-dialog{max-height:92dvh}.connected-large{max-height:70dvh}}
@media(prefers-reduced-motion:reduce){.connected-area{transition:none}.connected-area:hover{transform:none}}

/* An editorial pause explains the app before the connected visual. */
.connected-life{padding-top:clamp(64px,9vw,128px)}
.connected-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(28px,6vw,95px);padding:0 0 clamp(52px,7vw,96px);border-bottom:1px solid #cabdab;margin-bottom:35px}
.connected-intro-heading .eyebrow{margin:0 0 22px;color:#716253;font-size:12px;letter-spacing:.15em;font-weight:750}
.connected-intro h2{margin:0!important;font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.7vw,57px)!important;font-weight:850;line-height:1.06!important;letter-spacing:-.045em;color:#242321;max-width:19ch}
.connected-intro h2 span{color:#776a5a}
.connected-intro-copy{padding-top:30px}.connected-intro-copy p{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#49433d;margin:0 0 19px;max-width:43ch}.connected-intro-copy p+p{font-size:17px;color:#6a6056}.connected-intro-copy a{display:inline-flex;gap:20px;align-items:center;color:#282521;font-size:16px;font-weight:750;text-decoration:none;border-bottom:1px solid #837462;padding-bottom:8px;margin-top:5px}.connected-intro-copy a span{font-size:23px}
.connected-visual-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.connected-visual-heading .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;color:#5c5146;margin:0}.connected-visual-heading>p:last-child{font-size:16px;line-height:1.5;color:#655c52;margin:0}
@media(max-width:700px){.connected-intro{grid-template-columns:1fr;gap:24px;padding-bottom:40px;margin-bottom:26px}.connected-intro h2{max-width:22ch;font-size:clamp(34px,7vw,46px)!important}.connected-intro-copy{padding-top:0}.connected-intro-copy p{font-size:18px}.connected-visual-heading{display:block}.connected-visual-heading>p:last-child{margin-top:9px;font-size:15px}.connected-life{padding-top:60px}}

.life-forward{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,72px);padding-top:32px;padding-bottom:72px;align-items:stretch}
.life-forward-photo{position:relative;min-height:640px;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px #35271822;background:#242623}.life-forward-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}.life-forward-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0009,transparent 48%,#0003);pointer-events:none}.life-forward-photo-copy{position:relative;z-index:1;padding:34px;color:white}.life-forward-photo-copy>span:first-child{font-size:12px;font-weight:750;letter-spacing:.18em;color:#a0e7e6}.life-forward-photo-copy p{font-size:clamp(40px,5vw,68px);line-height:.98;font-weight:850;letter-spacing:-.045em;color:white;margin:18px 0 23px}.life-forward-line{display:block;width:54px;height:4px;border-radius:4px;background:#63d5d8}
.life-forward-content{padding:12px 0 0}.life-forward-content>.eyebrow{font-size:11px;letter-spacing:.13em;color:#786a5d;margin:0 0 18px;font-weight:750}.life-forward-content h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(35px,4vw,54px);line-height:1.03;letter-spacing:-.045em;color:#242421;font-weight:850;margin:0 0 20px}.life-forward-lead{max-width:41ch;font-size:18px;line-height:1.55;color:#665d53;margin:0 0 28px}
.life-forward-routes>a{display:grid;grid-template-columns:28px minmax(0,1fr) 35px;gap:14px;align-items:start;padding:23px 0;border-top:1px solid #cbbfaf;text-decoration:none;color:#242421;transition:background .18s}.life-forward-number{font-size:13px;font-weight:750;color:var(--route-colour);padding-top:4px}.life-forward-routes h3{font-size:23px;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}.life-forward-routes p{font-size:16px;line-height:1.5;margin:0 0 10px;color:#62594f;max-width:37ch}.life-forward-tools{font-size:11px;font-weight:750;letter-spacing:.025em;color:var(--route-colour)}.life-forward-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cfc4b6;border-radius:50%;color:var(--route-colour);font-size:23px;transition:transform .18s,background .18s}.life-forward-routes>a:hover .life-forward-arrow{transform:translate(2px,-2px);background:#fff8}.life-forward-routes>a:focus-visible,.life-forward-story:focus-visible{outline:3px solid #087ce5;outline-offset:5px}.life-forward-story{display:block;border-top:1px solid #cbbfaf;padding-top:22px;font-size:13px;line-height:1.7;color:#716455;text-decoration:none}.life-forward-story span{display:block;font-weight:750;color:#2e2a25;font-size:15px}
@media(max-width:800px){.life-forward{gap:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.life-forward-photo{min-height:620px}.life-forward-photo-copy{padding:26px}.life-forward-content h2{font-size:38px}.life-forward-routes h3{font-size:21px}.life-forward-routes>a{gap:9px;grid-template-columns:23px minmax(0,1fr) 30px}.life-forward-arrow{width:29px;height:29px}}
@media(max-width:650px){.life-forward{grid-template-columns:1fr;padding-top:16px;padding-bottom:40px;gap:28px}.life-forward-photo{min-height:0;height:340px}.life-forward-photo>img{object-position:50% 55%}.life-forward-photo-copy p{font-size:48px}.life-forward-content{padding:0 3px}.life-forward-content h2{font-size:39px}.life-forward-routes>a{padding:22px 0}.life-forward-routes h3{font-size:22px}.life-forward-tools{font-size:11px}}
@media(prefers-reduced-motion:reduce){.life-forward-routes>a,.life-forward-arrow{transition:none}.life-forward-routes>a:hover .life-forward-arrow{transform:none}}


/* Let the overview stand on its own; details live on The App page. */
.connected-art figcaption{justify-content:flex-end;background:transparent;border:0;padding:8px 4px 0}.connected-art{border:0;border-radius:20px;overflow:visible;background:transparent;box-shadow:none}.connected-art>img{border-radius:20px;box-shadow:0 12px 32px #34271918}.connected-art button{padding:9px 14px;font-size:13px;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#62564a}.connected-life{padding-bottom:30px}.life-forward{padding-top:24px;padding-bottom:44px}
@media(max-width:650px){.connected-life{padding-bottom:20px}.connected-art>img{border-radius:14px}.life-forward{padding-top:14px;padding-bottom:30px}}