.about-page{background:var(--paper);color:var(--ink)}.about-page .page{background:var(--paper)}.about-hero{position:relative;min-height:720px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;color:#fff}.about-hero-art{position:absolute;inset:0;background:url('about-boardwalk-v1.webp') center/cover no-repeat;transform:scale(1.03);animation:about-hero-drift 25s ease-in-out infinite alternate}.about-hero:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(5,22,29,.08) 20%,rgba(5,22,29,.35) 57%,rgba(5,22,29,.9) 100%),linear-gradient(100deg,rgba(231,123,62,calc(var(--sunset-mix,0)*.32)),rgba(92,68,154,calc(var(--violet-mix,0)*.25)) 48%,rgba(5,17,28,calc(var(--night-mix,0)*.45)))}.about-hero-copy{position:relative;z-index:2;padding-bottom:75px}.about-hero h1{font-size:clamp(62px,8vw,112px);line-height:.9;max-width:900px;text-shadow:0 4px 28px #0008}.about-hero p{max-width:610px;margin-top:28px;font:18px/1.65 Arial,sans-serif;text-shadow:0 2px 15px #000}.about-stars{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:clamp(0,calc((var(--night-mix,0) - .18)*1.5),1)}.about-stars i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ffe39a;box-shadow:0 0 9px #ffd06f;animation:about-star var(--speed) ease-in-out infinite;animation-delay:var(--delay)}
.about-opening{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,9vw,135px);align-items:start;padding-block:110px}.about-opening h2,.family-story h2,.why h2{font-size:clamp(44px,5vw,70px);line-height:1}.about-opening-copy p{font:18px/1.85 Georgia,serif;margin-bottom:25px;color:var(--ink)}.about-opening-copy p:first-child:first-letter{float:left;font-size:78px;line-height:.72;padding:9px 10px 0 0;color:var(--teal)}
.journey{position:relative;padding:40px 0 130px;overflow:hidden}.journey:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--surface) 10%,var(--surface) 90%,transparent);z-index:-2}.journey-route{position:absolute;left:50%;top:120px;bottom:120px;width:2px;background:repeating-linear-gradient(to bottom,var(--line) 0 9px,transparent 9px 18px);z-index:-1}.journey-route:after{content:'✦';position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);color:var(--teal);font-size:24px}.chapter{width:86%;max-width:1160px;margin:80px auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,110px);align-items:center}.chapter:nth-of-type(even) .chapter-image{order:2}.chapter-image{position:relative;height:460px;overflow:hidden;border-radius:220px 220px 10px 10px;box-shadow:0 28px 65px #082c3422}.chapter-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s ease}.chapter:hover .chapter-image img{transform:scale(1.04)}.chapter-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#09283266)}.chapter-copy{padding:25px 0}.chapter-copy h2{font-size:clamp(40px,4.5vw,62px);line-height:1.02;margin:0 0 23px}.chapter-copy p{font:16px/1.8 Arial,sans-serif;color:var(--muted);margin:0 0 17px}.chapter-mark{display:block;width:14px;height:14px;margin-bottom:28px;border:3px solid var(--paper);border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal),0 0 18px color-mix(in srgb,var(--teal) 50%,transparent)}
.family-story{position:relative;min-height:650px;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.family-story-bg{position:absolute;inset:0;background:url('park.webp') center 55%/cover no-repeat;transform:scale(1.03)}.family-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(4,22,28,.88) 88%)}.family-story-copy{position:relative;z-index:1;padding-bottom:72px;max-width:780px;margin-left:7%}.family-story p{max-width:650px;margin-top:25px;font:18px/1.7 Arial,sans-serif}.family-lanterns{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:clamp(0,calc((var(--night-mix,0) - .25)*1.7),.9)}.family-lanterns i{position:absolute;left:var(--x);bottom:-20px;width:var(--s);height:calc(var(--s)*1.35);border-radius:28%;background:linear-gradient(90deg,#b65f22,#ffe09a 52%,#d7832c);box-shadow:0 0 12px #ffd377b8;animation:about-lantern var(--rise) linear infinite;animation-delay:var(--delay)}
.why{padding-block:110px;text-align:center}.why>p{max-width:760px;margin:28px auto 0;font:18px/1.8 Georgia,serif;color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:75px;text-align:left}.values article{padding-top:27px;border-top:1px solid var(--line)}.values h3{font-size:29px;margin-bottom:15px}.values p{font:15px/1.7 Arial,sans-serif;color:var(--muted)}
@keyframes about-hero-drift{to{transform:scale(1.075) translateX(-.5%)}}@keyframes about-star{0%,100%{opacity:.1;transform:translate(0,0)}50%{opacity:1;transform:translate(8px,-16px)}}@keyframes about-lantern{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:.85}80%{opacity:.7}100%{opacity:0;transform:translate(24px,-520px) scale(.35)}}
@media(max-width:800px){.about-opening{grid-template-columns:1fr}.journey-route{left:8%}.chapter,.chapter:nth-of-type(even){grid-template-columns:1fr;margin-block:65px}.chapter:nth-of-type(even) .chapter-image{order:0}.chapter-image{height:410px}.chapter-copy{padding-left:10%}.values{grid-template-columns:1fr;gap:32px}}@media(max-width:600px){.about-hero{min-height:620px}.about-hero-art{background-position:62% center}.about-hero-copy{padding-bottom:48px}.about-hero h1{font-size:60px}.about-hero p{font-size:15px;max-width:320px}.about-opening{padding-block:72px}.about-opening-copy p{font-size:17px}.journey{padding-bottom:85px}.chapter{width:88%;gap:18px}.chapter-image{height:340px}.chapter-copy{padding-left:8%}.family-story{min-height:600px}.family-story-copy{margin-left:6%;padding-right:6%}.family-story h2{font-size:46px}.family-story p{font-size:15px}.why{padding-block:80px}.about-page .footer{padding-bottom:100px}}@media(prefers-reduced-motion:reduce){.about-hero-art,.about-stars i,.family-lanterns i{animation:none}}
.about-page .footer-social .social svg{width:22px;height:22px}.about-page .footer-social .social>span{display:none}
/* About v2: each chapter has its own world; the unexplained timeline dots are gone. */
.journey-route,.chapter-mark{display:none}.journey{padding-top:65px}.chapter{position:relative;margin-block:120px}.chapter:before{content:'';position:absolute;z-index:-1;width:42%;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:calc(.11 + var(--sunset-mix,0)*.1);background:var(--teal);left:2%;top:18%}.chapter:nth-of-type(even):before{left:auto;right:2%;background:#c97b52}.chapter-image{isolation:isolate;transform:translateY(28px);opacity:.12;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.chapter.is-visible .chapter-image{opacity:1;transform:translateY(0)}.chapter-copy{transform:translateY(22px);opacity:.1;transition:opacity .9s .18s,transform .9s .18s}.chapter.is-visible .chapter-copy{opacity:1;transform:translateY(0)}.memory-sparkles{position:absolute;inset:0;z-index:3;pointer-events:none}.memory-sparkles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#fff0b2;box-shadow:0 0 10px 2px #ffd477aa;animation:memory-glint var(--speed) ease-in-out infinite;animation-delay:var(--delay)}.chapter:nth-of-type(2) .chapter-image:before{content:'';position:absolute;z-index:2;inset:auto 0 0;height:34%;background:repeating-linear-gradient(177deg,transparent 0 12px,#e0fffa28 13px,transparent 14px 27px);mix-blend-mode:screen;animation:about-water 10s linear infinite}.chapter:nth-of-type(3) .memory-sparkles i{width:5px;height:5px;background:transparent;border:1px solid #fff9;box-shadow:inset 0 0 4px #fff8,0 0 7px #fff5}.about-hero-art{background-position:center}.family-story-bg{background-image:url('park.webp')}
@keyframes memory-glint{0%,100%{opacity:0;transform:scale(.4) translateY(0)}45%{opacity:1;transform:scale(1) translateY(-8px)}70%{opacity:.25;transform:scale(.7) translate(5px,-14px)}}@keyframes about-water{to{background-position:70px 27px}}
@media(max-width:800px){.chapter{margin-block:80px}.chapter:before{width:75%}}@media(prefers-reduced-motion:reduce){.chapter-image,.chapter-copy{opacity:1;transform:none}.memory-sparkles i,.chapter:nth-of-type(2) .chapter-image:before{animation:none}}
.memory-comet{position:absolute;left:-18%;top:18%;width:150px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#dff7ff88,#fff);box-shadow:20px 0 18px #d9f6ff;transform:rotate(-12deg);opacity:0;animation:memory-comet 19s ease-in-out infinite}.memory-comet:after{content:'';position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 13px 4px #e8fbff}.memory-footsteps{position:absolute;z-index:0;inset:0;pointer-events:none}.memory-footsteps i{position:absolute;top:var(--top);left:calc(50% + var(--side)*28px);width:8px;height:17px;border-radius:60% 45% 60% 45%;background:#ffd98b;box-shadow:0 0 13px 3px #ffc35c88;opacity:0;transform:rotate(calc(var(--side)*18deg));animation:footstep-appear 14s infinite;animation-delay:calc(var(--step)*.55s)}.memory-footsteps i:after{content:'';position:absolute;width:7px;height:14px;border-radius:55%;top:13px;left:calc(var(--side)*-15px);background:inherit;box-shadow:inherit;transform:rotate(calc(var(--side)*-24deg))}.chapter{z-index:1}.chapter.memory-awake .chapter-image:after{animation:memory-flash 1.8s ease-out 1}.chapter-image:after{z-index:2}.chapter:nth-of-type(3) .chapter-image img{animation:oli-garden-breathe 18s ease-in-out infinite alternate}.family-story:before{content:'';position:absolute;z-index:2;left:8%;right:8%;top:16%;height:2px;background:linear-gradient(90deg,transparent,#ffda7a88,transparent);filter:blur(1px);opacity:var(--night-mix,0);animation:family-wish 9s ease-in-out infinite}
@keyframes memory-comet{0%,60%{opacity:0;transform:translateX(0) translateY(0) rotate(-12deg)}64%{opacity:1}76%{opacity:.8}82%,100%{opacity:0;transform:translateX(125vw) translateY(120px) rotate(-12deg)}}@keyframes footstep-appear{0%,12%,100%{opacity:0;transform:rotate(calc(var(--side)*18deg)) scale(.7)}20%,58%{opacity:.8;transform:rotate(calc(var(--side)*18deg)) scale(1)}70%{opacity:0}}@keyframes memory-flash{0%{box-shadow:inset 0 0 0 #fff0}22%{box-shadow:inset 0 0 100px #ffe8a955}100%{box-shadow:inset 0 0 0 #fff0}}@keyframes oli-garden-breathe{to{transform:scale(1.07) translateX(-1%)}}@keyframes family-wish{0%,100%{transform:translateX(-20%);opacity:0}35%{opacity:calc(var(--night-mix,0)*.7)}70%{transform:translateX(20%);opacity:0}}
@media(max-width:800px){.memory-footsteps i{left:calc(5% + var(--side)*9px)}.memory-comet{width:90px}}@media(prefers-reduced-motion:reduce){.memory-comet,.memory-footsteps,.family-story:before{display:none}.chapter:nth-of-type(3) .chapter-image img{animation:none}}
.memory-comet{animation-duration:12s}@keyframes memory-comet{0%{opacity:0;transform:translateX(0) translateY(0) rotate(-12deg)}8%{opacity:1}28%{opacity:.85}42%{opacity:0;transform:translateX(125vw) translateY(120px) rotate(-12deg)}43%,100%{opacity:0;transform:translateX(125vw) translateY(120px) rotate(-12deg)}}
/* About v3: visible magic in both day and night, with contrast-safe footprints. */
.memory-footsteps i{background:var(--teal);box-shadow:0 0 0 1px var(--paper),0 0 14px 4px color-mix(in srgb,var(--teal) 68%,transparent)}.memory-footsteps i:after{background:var(--teal);box-shadow:0 0 0 1px var(--paper),0 0 14px 4px color-mix(in srgb,var(--teal) 68%,transparent)}.chapter-image,.chapter-copy{transition-duration:1.35s}.chapter-image{transform:translateY(55px) scale(.97);opacity:0}.chapter-copy{transform:translateY(40px);opacity:0}.chapter.is-visible .chapter-image,.chapter.is-visible .chapter-copy{opacity:1;transform:translateY(0) scale(1)}.memory-sparkles:after{content:'';position:absolute;top:-35%;bottom:-35%;left:-55%;width:28%;background:linear-gradient(90deg,transparent,#fff7d8a8,transparent);transform:skewX(-18deg);opacity:0}.chapter.memory-awake .memory-sparkles:after{animation:memory-sweep 1.65s .38s ease-out 1}.memory-bubble{position:absolute;z-index:4;left:var(--x);bottom:-35px;width:var(--size);height:var(--size);border:1.5px solid #fffbd5cc;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9 0 5%,transparent 18%),linear-gradient(135deg,#a9e7ff24,#ffd6ef22);box-shadow:inset 0 0 6px #fff7,0 0 8px #c9eeff55;animation:bubble-rise var(--rise) ease-in infinite;animation-delay:var(--delay)}.about-daylife{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:calc(1 - var(--night-mix,0))}.day-bird{position:absolute;left:-4%;top:var(--y);width:var(--size);height:calc(var(--size)*.48);animation:day-bird-flight var(--flight) linear infinite;animation-delay:var(--delay)}.day-bird:before,.day-bird:after{content:'';position:absolute;top:0;width:56%;height:100%;border-top:2px solid #173b49;border-radius:50%}.day-bird:before{right:48%;transform:rotate(9deg)}.day-bird:after{left:48%;transform:rotate(-9deg)}.memory-comet{top:24%;animation:memory-comet-safe 12s ease-in-out infinite}
@keyframes memory-sweep{0%{opacity:0;transform:translateX(0) skewX(-18deg)}18%{opacity:.8}70%{opacity:.5}100%{opacity:0;transform:translateX(590%) skewX(-18deg)}}@keyframes bubble-rise{0%{opacity:0;transform:translate(0,0) scale(.65)}14%{opacity:.85}74%{opacity:.72}100%{opacity:0;transform:translate(18px,-390px) scale(1.12)}}@keyframes day-bird-flight{0%{opacity:0;transform:translate(0,0) scale(.75)}9%{opacity:.72}75%{opacity:.68}100%{opacity:0;transform:translate(108vw,-50px) scale(1.05)}}@keyframes memory-comet-safe{0%{opacity:0;transform:translate(-10vw,0) rotate(-8deg)}7%{opacity:1}27%{opacity:.85}41%{opacity:0;transform:translate(72vw,-105px) rotate(-8deg)}42%,100%{opacity:0;transform:translate(72vw,-105px) rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){.about-daylife,.memory-bubble,.memory-sparkles:after{display:none}.chapter-image,.chapter-copy{opacity:1;transform:none}}
/* Reading content is always present; only visual layers react to scrolling. */
.chapter-copy,.chapter.is-visible .chapter-copy{opacity:1!important;transform:none!important;transition:none!important}