:root{--navy:#142d4e;--deep:#10263e;--gold:#c7a66a;--cream:#f7f2e8;--muted:#58616a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:var(--cream);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88422;outline-offset:6px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 5%}.brand{display:flex;align-items:center;gap:10px;font:29px Georgia,serif;white-space:nowrap}.mark{display:inline-block;width:53px;height:39px;background:url('assets/logo.png') center -19px/90px 90px no-repeat;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav>a:not(.button):hover{color:#927036}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:52px;border:1px solid var(--gold);border-radius:5px;background:var(--gold);color:var(--deep);padding:14px 24px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#d6ba86;transform:translateY(-2px)}.button.small{min-height:43px;padding:10px 18px;font-size:12px}.outline{border-color:var(--navy);background:transparent}.outline:hover{background:#eae1d1}.menu-toggle{display:none}.hero{max-width:1440px;margin:auto;padding:35px 5% 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero-copy{padding:34px 0 55px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;line-height:1.6;color:#997037;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(45px,5vw,73px);line-height:1.04;letter-spacing:-2.8px;margin-bottom:25px}h1 em{font-weight:400;color:#92723f}h2{font-size:clamp(33px,3.4vw,49px);line-height:1.12;letter-spacing:-1.4px;margin-bottom:23px}h3{font-size:23px;margin-bottom:15px}.intro{font:21px/1.55 Georgia,serif;color:#51555b;max-width:440px;margin-bottom:30px}.actions{display:flex;gap:13px;flex-wrap:wrap}.hero-note{font-size:11px;color:#747674;margin:23px 0 0;letter-spacing:.4px}.hero-photo{align-self:stretch;position:relative;border-radius:48% 48% 0 0;border:1px solid var(--gold);padding:8px 8px 0;min-height:530px;margin-top:8px}.hero-photo img{width:100%;height:100%;position:absolute;inset:8px 8px 0;width:calc(100% - 16px);height:calc(100% - 8px);object-fit:cover;border-radius:48% 48% 0 0}.photo-note{position:absolute;right:0;top:0;transform:translate(15%,-20%) rotate(8deg);font:italic 17px/1.4 Georgia,serif;max-width:130px;color:#7e6748}.photo-label{position:absolute;bottom:23px;left:25px;right:25px;font:italic 14px Georgia,serif;text-align:center;background:#f7f2e8eb;padding:15px;border-radius:3px}.timeline-section{background:var(--deep);color:var(--cream);padding:65px max(5%,calc((100vw - 1296px)/2)) 35px}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:center}.section-heading>p{max-width:380px;font:18px/1.65 Georgia,serif;color:#d7dfe5}.timeline-section .eyebrow{color:var(--gold)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-top:35px;position:relative}.moment{color:inherit;border:0;background:none;padding:0;text-align:center;position:relative;min-width:0}.polaroid{display:block;background:var(--cream);padding:10px 10px 16px;transform:rotate(-3deg);color:var(--deep);transition:transform .2s;box-shadow:0 10px 25px #0002}.moment:nth-child(even) .polaroid{transform:rotate(3deg)}.moment:hover .polaroid{transform:rotate(0deg) translateY(-8px)}.memory-image{display:block;aspect-ratio:1.45;background-image:url('assets/concept.png');background-size:1086px 1448px;background-repeat:no-repeat}.m1{background-position:-81px -782px}.m2{background-position:-279px -779px}.m3{background-position:-481px -780px}.m4{background-position:-686px -780px}.m5{background-position:-888px -780px}.example{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:1px;color:#846c47;margin-top:10px}.polaroid strong{font:17px/1.5 Georgia,serif}.dot{width:11px;height:11px;border-radius:50%;display:block;background:var(--gold);margin:32px auto 12px;position:relative}.moment:after{content:'';position:absolute;left:-15px;right:-15px;height:1px;background:var(--gold);bottom:55px;z-index:0}.moment b{font:21px Georgia,serif;color:var(--gold);display:block}.moment small{display:block;letter-spacing:1.3px;font-size:8px;margin-top:8px;color:#bccbd6;min-height:15px}.timeline-note{font-size:11px;text-align:center;color:#b8c3ce;margin:32px 0 0}.section{max-width:1440px;margin:auto;padding:80px 5%}.how{display:grid;grid-template-columns:1fr 2fr;gap:50px}.how>div>p:not(.eyebrow),.keepsakes p:not(.eyebrow){color:var(--muted);font:17px/1.75 Georgia,serif;max-width:475px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps li{border-left:1px solid #d9cfbd;padding-left:25px}.step-number{display:block;color:#9e7c41;font:23px Georgia,serif;margin-bottom:24px}.steps p{font-size:14px;line-height:1.8;color:var(--muted)}.prompt-section{padding:70px 20px;text-align:center;background:#e9e2d4;border-top:1px solid #ded3bf;border-bottom:1px solid #ded3bf}.prompt-section h2{font-size:40px}.prompt-section #prompt{font:italic 21px Georgia,serif;margin-top:30px;min-height:50px;color:#65553c}.text-button{background:none;border:0;border-bottom:1px solid #a58c62;padding:10px 0;font-size:12px;color:var(--navy)}.text-button span{margin-left:12px}.keepsakes{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.keepsake-visual{min-height:365px;background:radial-gradient(ellipse at center,#c4b18f,#ebe3d4 65%);display:flex;align-items:center;justify-content:center;position:relative;border-radius:2px}.book{width:210px;height:285px;padding:45px 25px 20px;background:var(--navy);border-left:10px solid #0c1e32;box-shadow:15px 20px 24px #6c583f55;transform:rotate(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--gold);text-align:center}.book-line{font:21px/1.6 Georgia,serif;border-top:1px solid #b1945f;border-bottom:1px solid #b1945f;padding:18px 0}.book-brand{font:16px Georgia,serif}.book-caption{font:8px Arial,sans-serif;color:#d5d3ca}.keepsake-tag{position:absolute;right:15px;bottom:25px;font:italic 21px/1.5 Georgia,serif;color:#746044;transform:rotate(5deg)}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:30px}.questions details{border-bottom:1px solid #d8cdbb;padding:22px 0}.questions summary{font:19px Georgia,serif;cursor:pointer;padding-right:20px}.questions p{font-size:14px;line-height:1.8;margin:18px 0 0;color:var(--muted)}.closing{background:var(--navy);color:var(--cream);text-align:center;padding:70px 20px}.closing .eyebrow{color:var(--gold)}.closing h2{font-size:58px}.closing>p:not(.eyebrow){font:18px Georgia,serif;color:#d5dce4;margin-bottom:28px}footer{padding:35px 5% 22px;max-width:1440px;margin:auto}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top{padding-bottom:25px}.footer-bottom{border-top:1px solid #d8cdbb;padding-top:22px;color:#69717a;font-size:11px}.footer-bottom div{display:flex;gap:20px}dialog{border:1px solid var(--gold);background:var(--cream);color:var(--navy);padding:45px;max-width:600px;width:calc(100% - 32px);border-radius:8px}dialog::backdrop{background:#091c33b8;backdrop-filter:blur(4px)}dialog>p:not(.eyebrow){font:18px/1.7 Georgia,serif}.dialog-close{position:absolute;right:15px;top:10px;border:none;background:none;color:var(--navy);font-size:30px}.story-question{padding-top:20px;border-top:1px solid #d8cdbb;font-style:italic!important}.skip{position:absolute;left:10px;top:-100px;background:var(--navy);color:white;padding:10px;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){.memory-image{background-size:1086px 1448px}}@media(max-width:1050px){header nav{gap:18px}.brand{font-size:24px}.hero{gap:25px}.hero-photo{min-height:460px}.timeline{gap:18px}.polaroid strong{font-size:14px}.how{grid-template-columns:1fr}.keepsakes{gap:50px}.photo-note{display:none}}@media(max-width:760px){html{scroll-padding-top:20px}header{padding:15px 5%;flex-wrap:wrap;gap:10px}.brand{font-size:25px}.menu-toggle{display:block;border:1px solid #cdbb9c;border-radius:4px;color:var(--navy);background:none;padding:8px 12px;font-size:20px}header nav{display:none;width:100%;padding:15px 0;align-items:stretch;flex-direction:column;gap:20px}header nav.open{display:flex}.hero{padding-top:15px;grid-template-columns:1fr;gap:10px}.hero-copy{padding:20px 0 30px}h1{font-size:51px;max-width:600px}.eyebrow{font-size:9px;letter-spacing:2px}.intro{font-size:19px}.actions .button{padding:13px 18px;font-size:12px}.hero-photo{min-height:420px;max-width:560px;width:100%;justify-self:center}.section-heading{display:block}.section-heading>p{font-size:17px}.timeline-section{padding:50px 5% 30px}.timeline{grid-template-columns:repeat(2,1fr);gap:35px 22px}.moment:last-child{max-width:220px;grid-column:1/-1;justify-self:center;width:100%}.moment:after{display:none}.polaroid strong{font-size:17px}.dot{margin-top:20px}.memory-image{background-size:1086px 1448px;max-height:120px}.section{padding:55px 5%}.steps{grid-template-columns:1fr;gap:25px}.steps li{padding-left:24px}.steps h3{margin-bottom:10px}.step-number{margin-bottom:12px}.steps p{margin-bottom:0}.how{gap:20px}.keepsakes,.faq{grid-template-columns:1fr;gap:30px}.keepsake-visual{min-height:340px}.prompt-section h2{font-size:33px}.prompt-section{padding:50px 5%}.closing h2{font-size:47px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}footer nav{flex-wrap:wrap;gap:20px;font-size:12px}.footer-bottom{gap:18px}dialog{padding:40px 25px}.mark{width:48px}.faq{padding-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Connected Generations */
:root{--navy:#29236c;--deep:#393187;--gold:#d3c5f6;--cream:#fcfbff;--muted:#605b87}body{background:#f4f3fb;color:var(--navy);padding:24px;font-family:Arial,Helvetica,sans-serif}header,main,footer{max-width:1440px;margin:auto;background:#fcfbff}header{border-radius:24px 24px 0 0;padding:24px 4%}.brand{font:700 25px Arial,sans-serif;letter-spacing:-1px}.mark{width:62px;height:37px;background:url('assets/connected-logo.png') center -37px/125px 125px no-repeat;mix-blend-mode:multiply}nav{gap:28px}.button{border-radius:40px;background:var(--deep);border-color:var(--deep);color:white;padding:16px 25px;font-size:15px}.button:hover{background:#5146a4}.outline{color:var(--deep);background:transparent}.outline:hover{background:#ece7fc}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:700}h1{font-size:clamp(43px,4.7vw,68px);letter-spacing:-2.5px;line-height:1.1}h2{font-size:clamp(31px,3vw,44px);letter-spacing:-1.5px}.eyebrow{color:#6255a6;letter-spacing:2.4px}.hero{padding:10px 4% 42px;gap:12px;background:radial-gradient(ellipse at 5% 30%,#eee9fb 0,transparent 58%),radial-gradient(ellipse at 95% 80%,#eee9fb,transparent 50%)}.hero-copy{padding:25px 0}.intro{font:20px/1.5 Arial,sans-serif;color:#605b87;max-width:490px}.hero-note{color:#777097}.family-orbit{width:100%;align-self:center}.family-orbit svg{display:block;width:100%;height:auto;mix-blend-mode:multiply}.timeline-section{background:linear-gradient(135deg,#fff 20%,#f1edfc);color:var(--navy);padding:50px 6% 30px;position:relative;border-radius:32px 32px 0 0}.section-heading{align-items:start}.section-heading>p{color:#605b87;font:17px/1.6 Arial,sans-serif;max-width:340px}.timeline-section .eyebrow{color:#6255a6}.connected-timeline{max-width:1000px;margin:20px auto 10px;position:relative;padding:15px 0}.connected-timeline:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:3px;background:#d4c5f6;transform:translateX(-50%)}.story-row{position:relative;display:flex;width:100%;min-height:172px}.story-row:nth-child(even){justify-content:flex-end}.chapter-label{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:20px;padding:10px 15px;background:#eee9fc;font-size:12px;white-space:nowrap;z-index:1}.chapter-label:before{content:'';position:absolute;left:calc(50% - 5px);top:-20px;width:7px;height:7px;background:#fcfbff;border:2px solid #6a5aaf;border-radius:50%}.story-card{width:42%;background:#fff;border:1px solid #e9e3f8;border-radius:22px;padding:10px;display:flex;gap:17px;color:var(--navy);text-align:left;align-items:stretch;box-shadow:0 8px 30px #55458d06;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #55458d12}.story-row:nth-child(even) .story-card{flex-direction:row-reverse}.story-card svg{width:45%;min-height:160px;border-radius:14px}.card-copy{display:flex;flex-direction:column;gap:9px;flex:1;padding:9px 4px}.card-copy small{font-size:10px;color:#6c5ea5}.card-copy strong{font-size:19px;line-height:1.25}.card-copy>span{font-size:13px;line-height:1.5;color:#716a91}.card-copy b{align-self:flex-end;border-radius:50%;background:#f5f2ff;width:30px;height:30px;text-align:center;padding:6px}.timeline-note{color:#777097}.section{padding:65px 6%}.how{display:block;background:white}.how>div{max-width:500px}.steps{margin-top:35px}.step-number{color:#7460bc}.steps li{border-color:#e4def4}.section p{color:#605b87}.prompt-section{background:#efebfa;padding:55px 5%}.prompt-section #prompt{color:#51428a}.text-button{color:#51428a}.keepsake-visual{background:#e5dff5}.book{background:#443684;border-color:#c5b3ed}.book-line{color:white}.book-brand{color:#ddd4f3}.keepsake-tag{color:#51428a}.questions details{border-color:#ded6ef}.closing{padding:40px 5%;background:linear-gradient(115deg,#e0d8f4,#d0c4ec);color:var(--navy);display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;align-items:center}.closing .eyebrow{color:#6255a6}.closing h2{font-size:clamp(32px,3.3vw,48px)}.closing p{color:#605b87;font:18px/1.6 Arial,sans-serif;max-width:490px}.closing-image svg{width:100%;display:block;mix-blend-mode:multiply}footer{border-radius:0 0 24px 24px;padding:35px 5%}.footer-bottom{border-color:#e7e0f4}dialog{background:white;color:var(--navy);border:1px solid #ded6ef;border-radius:24px}dialog::backdrop{background:#24164f88}dialog p{color:#605b87}.dialog-close{color:var(--navy)}
@media(max-width:1050px){nav{gap:14px}.brand{font-size:21px}.hero{gap:5px}.story-card{width:42%}.card-copy strong{font-size:16px}.story-card svg{width:40%}.story-row{margin-bottom:20px}}
@media(max-width:760px){body{padding:10px}header{padding:18px 5%}.hero{display:flex;flex-direction:column;padding:20px 6% 30px}.hero-copy{padding:10px 0}.hero h1{font-size:45px}.family-orbit{max-width:480px}.hero .eyebrow{font-size:9px}.menu-toggle{color:var(--deep)}header nav{background:#fcfbff}.section-heading{display:block}.section-heading>p{max-width:none}.timeline-section{padding:35px 6%}.connected-timeline:before{left:12px}.story-row,.story-row:nth-child(even){padding:45px 0 0 32px;min-height:0;margin-bottom:20px}.chapter-label{left:12px;top:0;transform:none;margin-left:15px;padding:7px 12px}.chapter-label:before{left:-20px;top:10px}.story-card{width:100%;gap:12px}.story-row:nth-child(even) .story-card{flex-direction:row}.story-card svg{min-height:145px}.card-copy strong{font-size:17px}.section{padding:40px 6%}.closing{grid-template-columns:1fr;gap:20px;padding:35px 6%}.closing-image{max-width:430px}.closing h2{font-size:35px}.brand{font-size:22px}.steps{gap:25px}}

.brand .mark{display:block;width:62px;height:37px;background:white;mix-blend-mode:normal;flex-shrink:0}.family-orbit>svg{mix-blend-mode:normal}