/* The living family bloom: the mark remains upright; meaning moves within it. */
html{background:#F4E5DC!important}body{background:transparent!important}.meadow-world{z-index:0;background:#F4E5DC}.nav,main,footer{position:relative;z-index:1}
.meadow-sprig{position:absolute;z-index:2;width:clamp(90px,12vw,180px);height:auto;opacity:.44;filter:drop-shadow(0 12px 15px rgba(58,34,24,.08));will-change:transform}.sprig-left{left:-2%;top:18%;transform:translateY(calc(var(--page)*-10vh)) rotate(-7deg)}.sprig-right{right:-1%;top:52%;transform:translateY(calc(var(--page)*-16vh)) rotate(8deg)}.sprig-distant{left:14%;top:76%;width:clamp(65px,8vw,120px);opacity:.25;transform:translateY(calc(var(--page)*-7vh)) rotate(-3deg)}
.bloom-journey{height:920vh;--finale:0}
.bloom-orbit{top:47%;width:min(64vw,700px);transform:translate(-50%,-50%) scale(var(--bloom-scale,.07))!important;transform-origin:center;filter:none!important;transition:opacity .45s ease}
.dimension-1 .bloom-orbit,.dimension-2 .bloom-orbit,.dimension-3 .bloom-orbit,.dimension-4 .bloom-orbit,.dimension-5 .bloom-orbit{transform:translate(-50%,-50%) scale(var(--bloom-scale,.85))!important}
.symbolic-bloom{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 30px 50px rgba(58,34,24,.13))}
.symbolic-bloom .door{transform-box:view-box;transform-origin:512px 512px;will-change:transform,filter}
.symbolic-bloom .family-ring{transform-box:view-box;transform-origin:center;will-change:transform,opacity}
.symbolic-bloom .baby-centre{will-change:filter}.symbolic-bloom .baby-glow{animation:babyBreath 3.8s ease-in-out infinite}
@keyframes babyBreath{0%,100%{r:52px;opacity:.06}50%{r:78px;opacity:.2}}
.centre-caption{position:absolute;left:50%;top:50%;transform:translate(-50%,62px);font:600 .62rem/1 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;opacity:clamp(0,calc((var(--journey) - .12)*8),.7)}
.dimension-aura{position:absolute;z-index:-1;left:50%;top:50%;width:82vmin;aspect-ratio:1;transform:translate(-50%,-50%) scale(.8);border-radius:50%;opacity:0;filter:blur(18px);transition:background .6s ease,opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.dimension-1 .dimension-aura{background:radial-gradient(circle,rgba(184,97,110,.21),transparent 67%)}.dimension-2 .dimension-aura{background:radial-gradient(circle,rgba(160,106,138,.2),transparent 67%)}.dimension-3 .dimension-aura{background:radial-gradient(circle,rgba(92,113,89,.2),transparent 67%)}.dimension-4 .dimension-aura{background:radial-gradient(circle,rgba(106,110,148,.2),transparent 67%)}.dimension-5 .dimension-aura{background:radial-gradient(circle,rgba(201,151,74,.21),transparent 67%)}
.dimension-1 .dimension-aura,.dimension-2 .dimension-aura,.dimension-3 .dimension-aura,.dimension-4 .dimension-aura,.dimension-5 .dimension-aura{opacity:1;transform:translate(-50%,-50%) scale(1.25)}
.door-thread{position:absolute;z-index:1;left:clamp(24px,7vw,112px);bottom:clamp(192px,26vh,280px);width:min(27vw,320px);height:1px;transform-origin:left;background:linear-gradient(90deg,var(--rose),transparent);opacity:0;transition:opacity .35s ease,width .5s ease}.dimension-1 .door-thread,.dimension-2 .door-thread,.dimension-3 .door-thread,.dimension-4 .door-thread,.dimension-5 .door-thread{opacity:.42;width:min(36vw,470px)}.dimension-2 .door-thread{background:linear-gradient(90deg,var(--plum),transparent)}.dimension-3 .door-thread{background:linear-gradient(90deg,var(--sage),transparent)}.dimension-4 .door-thread{background:linear-gradient(90deg,var(--blue),transparent)}.dimension-5 .door-thread{background:linear-gradient(90deg,var(--amber),transparent)}
.chapter{width:min(640px,calc(100% - 48px));display:grid;grid-template-columns:minmax(0,1fr) clamp(112px,12vw,156px);align-items:end;gap:24px;padding:22px 24px 22px 28px;border-left:2px solid var(--rose);background:linear-gradient(90deg,rgba(244,229,220,.94),rgba(244,229,220,.64) 82%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transform:translateY(20px) translateX(-14px);transition:opacity .32s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.chapter.is-active{transform:none}.chapter-2{border-color:var(--plum)}.chapter-3{border-color:var(--sage)}.chapter-4{border-color:var(--blue)}.chapter-5{border-color:var(--amber)}
.chapter h2{font-size:clamp(2rem,3.2vw,3.45rem);max-width:12ch}.chapter-copy>p{margin-top:12px;font-size:.96rem;line-height:1.48;color:var(--ink-soft)}.chapter-copy .chapter-quote{font-family:"Fraunces",serif;font-style:italic;color:var(--ink);font-size:1rem}.chapter-tier{display:inline-block;margin-top:12px;font:italic .84rem/1.2 "Fraunces",serif;color:var(--ink-soft)}.chapter-tier.plus{color:var(--rose)}.chapter-copy{clip-path:inset(0 100% 0 0);transition:clip-path .62s cubic-bezier(.2,.8,.2,1) .06s}.chapter.is-active .chapter-copy{clip-path:inset(0)}.chapter-screen{position:relative;margin:0;transform:rotate(2.2deg) translateY(18px) scale(.88);opacity:0;clip-path:ellipse(18% 8% at 50% 0);filter:drop-shadow(0 20px 25px rgba(58,34,24,.18));transform-origin:top center;transition:clip-path .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),opacity .38s ease}.chapter.is-active .chapter-screen{transform:rotate(2.2deg) translateY(0) scale(1);opacity:1;clip-path:ellipse(100% 100% at 50% 50%)}.chapter-screen:before{content:"";position:absolute;z-index:2;left:24%;top:-8px;width:58%;height:19px;background:rgba(238,209,174,.72);transform:rotate(-4deg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chapter-screen img{width:100%;border-radius:clamp(14px,2vw,23px);border:1px solid rgba(58,46,37,.13)}
.chapter-2,.chapter-3{left:auto;right:clamp(24px,7vw,112px);grid-template-columns:clamp(112px,12vw,156px) minmax(0,1fr);border-left:0;border-right:2px solid;text-align:right;background:linear-gradient(270deg,rgba(244,229,220,.94),rgba(244,229,220,.64) 82%,transparent)}.chapter-2 .chapter-screen,.chapter-3 .chapter-screen{grid-column:1;grid-row:1;transform:rotate(-2.2deg) translateY(18px) scale(.88)}.chapter-2.is-active .chapter-screen,.chapter-3.is-active .chapter-screen{transform:rotate(-2.2deg) translateY(0) scale(1)}.chapter-2 .chapter-copy,.chapter-3 .chapter-copy{grid-column:2;clip-path:inset(0 0 0 100%)}.chapter-2.is-active .chapter-copy,.chapter-3.is-active .chapter-copy{clip-path:inset(0)}.chapter-2 h2,.chapter-3 h2{margin-left:auto}
.bloom-journey.is-book .bloom-orbit{opacity:calc(1 - var(--finale)*.72);transform:translate(-50%,-50%) scale(var(--bloom-scale,.85))!important;filter:none!important}.book-reveal{transform:translate(-50%,calc(-44% + (1 - var(--finale))*38px)) scale(calc(.92 + var(--finale)*.08));opacity:var(--finale)}
.journey-progress{right:22px;top:50%;bottom:auto;width:1px;height:112px;background:rgba(58,46,37,.18);display:block;overflow:hidden;transform:translateY(-50%)}.journey-progress:before,.journey-progress:after{display:none!important}.journey-progress span{display:block;width:100%;height:calc(var(--journey)*100%);border:0;border-radius:0;background:var(--rose)}
/* After the bloom, the same herbarium becomes the page rather than wallpaper. */
.keys:before,.band-alt:before,#inside:before,#pricing:before,#everywhere:before{background:rgba(244,229,220,.8);border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);clip-path:polygon(2% 0,98% 1%,100% 97%,3% 100%,0 4%)}
.key{border-radius:3px 22px 4px 18px!important;background:rgba(255,248,238,.82)!important;box-shadow:0 14px 36px rgba(58,34,24,.07)!important}.row-text{border-radius:3px 26px 4px 22px;background:rgba(250,243,221,.7);box-shadow:0 10px 28px rgba(58,34,24,.05);translate:0 calc(var(--drift,0)*10px)}.row-art{translate:0 calc(var(--drift,0)*-28px);transition:translate .12s linear}
@media(max-width:700px){.bloom-journey{height:880vh}.bloom-orbit{top:34%;width:min(82vw,430px)}.dimension-1 .bloom-orbit,.dimension-2 .bloom-orbit,.dimension-3 .bloom-orbit,.dimension-4 .bloom-orbit,.dimension-5 .bloom-orbit{transform:translate(-50%,-50%) scale(var(--bloom-scale,.78))!important}.centre-caption{transform:translate(-50%,42px);font-size:.5rem}.chapter,.chapter-2,.chapter-3{left:12px;right:auto;bottom:2.5vh;width:calc(100% - 30px);grid-template-columns:minmax(0,1fr) 92px;gap:12px;padding:15px 14px 14px 17px;border-right:0;border-left:2px solid;text-align:left;background:linear-gradient(90deg,rgba(244,229,220,.97),rgba(244,229,220,.82) 86%,transparent)}.chapter-2 .chapter-screen,.chapter-3 .chapter-screen{grid-column:2;grid-row:1}.chapter-2 .chapter-copy,.chapter-3 .chapter-copy{grid-column:1}.chapter-2 h2,.chapter-3 h2{margin-left:0}.chapter h2{font-size:clamp(1.65rem,7.6vw,2.35rem)}.chapter-copy>p{font-size:.78rem;line-height:1.35;margin-top:7px}.chapter-copy .chapter-quote{font-size:.78rem}.chapter-tier{margin-top:7px;font-size:.72rem}.chapter-screen img{border-radius:13px}.door-thread{display:none}.dimension-aura{top:34%;width:105vmin}.journey-progress{right:6px}.keys:before,.band-alt:before,#inside:before,#pricing:before,#everywhere:before{clip-path:none;border-radius:24px}.row-art{translate:0 calc(var(--drift,0)*-14px)}.meadow-sprig{opacity:.25}.sprig-distant{display:none}}
@media(prefers-reduced-motion:reduce){.symbolic-bloom .baby-glow{animation:none}.bloom-orbit{transform:translate(-50%,-50%) scale(.72)!important}.chapter{transition:none}.row-art,.row-text{translate:none}}
