/* Quiet editorial reading, with one anchored blossom. */
body[data-route="home"] .site-header{position:sticky;top:0}
.home-about.story-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;padding:0 5%;max-width:1600px;margin:auto;background:var(--paper);align-items:start;scroll-margin-top:88px}
.story-reading{grid-column:1;grid-row:1;min-width:0;padding-left:2vw}
.story-chapter{padding:100px 0 90px;scroll-margin-top:110px;max-width:560px}
.story-chapter+.story-chapter{border-top:1px solid #dcded3}
.story-chapter h2{font:400 clamp(30px,2.8vw,44px)/1.5 var(--serif);letter-spacing:.2px;color:#284e2e;margin:27px 0 42px}
.story-chapter h2>span,.story-chapter h2>em{display:block}
.story-chapter h2>em{font-style:normal;color:#b46e59}
.story-section-label{font-size:11px;letter-spacing:2px;color:#62695b;margin:0 0 32px}
.story-why-list,.story-elements{list-style:none;margin:0;padding:0}
.story-why-list>li{display:grid;grid-template-columns:27px 1fr;gap:16px;margin:0 0 42px}
.story-number{font-size:10px;letter-spacing:1px;color:#a6ad9b;padding-top:7px}
.story-why-list h3,.story-elements h3{font-size:16px;line-height:1.7;color:#284e2e;font-weight:700;margin:0 0 9px;letter-spacing:1px}
.story-why-list p,.story-elements p{font-size:14px;line-height:2;color:#6b7063;margin:0;text-wrap:pretty}
.story-why-list p.story-lead{font-size:16px;line-height:1.85;color:#3c4c38;font-weight:500;margin:0 0 11px;text-wrap:pretty}
.story-visual{grid-column:2;grid-row:1;position:sticky;top:88px;height:calc(100svh - 88px);min-height:540px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;align-self:start}
.story-flower-stage{width:100%;aspect-ratio:1;max-width:min(580px,62svh);position:relative;display:grid;place-items:center;perspective:1000px}
.story-flower-halo{position:absolute;width:74%;height:74%;border-radius:50%;background:radial-gradient(ellipse,#efd7d636,transparent 68%);filter:blur(24px)}
.story-flower-reveal{width:96%;height:96%;opacity:0;transform:scale(.76);filter:blur(12px);transition:opacity 1.4s ease,transform 2s cubic-bezier(.2,.7,.2,1),filter 1.8s;transform-origin:50% 50%}
.story-visible .story-flower-reveal{opacity:1;transform:scale(1);filter:blur(0)}
.story-flower{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;animation:story-petal-breathe 15s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 18px 25px #8d5f5810)}
@keyframes story-petal-breathe{0%,100%{transform:rotate(-5deg) rotateY(-7deg) rotateX(3deg) scale(.97)}50%{transform:rotate(4deg) rotateY(7deg) rotateX(-3deg) scale(1.025)}}
.story-paused .story-flower{animation-play-state:paused}
.story-flower-caption{font-size:11px;letter-spacing:1.6px;color:#767d6d;line-height:1.8;margin:15px 0 30px;text-align:center}
.story-chapters{display:flex;gap:24px;align-items:center;justify-content:center}
.story-chapters button{position:relative;display:flex;align-items:center;gap:7px;padding:12px 0;font-size:11px;color:#969b8e;white-space:nowrap;transition:color .3s}
.story-chapters small{font-size:8px;letter-spacing:.6px}
.story-chapters button:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background:#b46e59;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.story-chapters button[aria-current="step"]{color:#284e2e}
.story-chapters button[aria-current="step"]:after{transform:scaleX(1)}
.story-chapters button:hover{color:#b46e59}
.story-scroll-hint{font-size:9px;letter-spacing:1px;color:#a0a594;margin-top:25px;display:flex;gap:10px;align-items:center}
.story-scroll-hint span{font-size:15px}
.story-equation{padding:24px 0 30px;border-top:1px solid #d9ddcf;border-bottom:1px solid #d9ddcf;margin:0 0 36px}
.story-equation p{font-size:13px;color:#64705b;line-height:1.8;margin:0}
.equation-approx{font:400 28px/1.2 var(--serif);display:block;color:#a0aa91;margin:12px 0}
.story-equation strong{display:flex;gap:15px;align-items:center;font:500 clamp(22px,2.2vw,32px)/1.6 var(--serif);color:#284e2e;white-space:nowrap}
.story-equation i{font-size:17px;font-style:normal;color:#a2aa96}
.story-strength-list{margin:0}
.story-strength-list>div{padding:20px 0 24px}
.story-strength-list dt{font-size:20px;font-family:var(--serif);color:#284e2e;display:flex;align-items:center;gap:20px}
.story-strength-list dt>span{font-size:10px;font-family:var(--sans);letter-spacing:1px;color:#8b937f}
.story-strength-list dd{font-size:14px;line-height:2;color:#6b7063;margin:11px 0 0;text-wrap:pretty}
.story-feedback{border-left:2px solid #c7ae96;padding-left:20px;font-size:14px;line-height:2;color:#64705b;margin:22px 0 0;text-wrap:pretty}
.story-elements>li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #dce0d3}
.story-elements>li>span{font:400 19px/1.7 var(--serif);color:#a6b39a}
.story-elements h3{font-size:19px;font-weight:500;font-family:var(--serif);margin-bottom:6px}
.story-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:45px}
.story-actions .button{font-size:12px;gap:28px}.story-actions .quiet-link{font-size:11px}
@media(min-width:761px) and (max-height:760px){.story-visual{min-height:480px}.story-flower-stage{max-width:48svh}.story-flower-caption{margin:8px 0 15px}.story-scroll-hint{margin-top:10px}}
@media(min-width:761px) and (max-width:1100px){.home-about.story-about{gap:2vw;padding:0 4%}.story-reading{padding:0}.story-chapter h2{font-size:31px}.story-chapters{gap:13px}.story-chapters button{font-size:10px}.story-chapter{padding-top:70px}.story-equation strong{gap:9px;font-size:25px}}
@media(max-width:760px){
 .home-about.story-about{display:flex;flex-direction:column;padding:0 24px;gap:0;scroll-margin-top:112px}
 .story-visual{order:0;position:sticky;top:112px;height:225px;min-height:0;width:calc(100% + 48px);margin:0 -24px;z-index:5;background:linear-gradient(var(--paper) 0,var(--paper) 91%,#f8f7f300 100%);overflow:visible;justify-content:flex-start;padding-top:2px}
 .story-flower-stage{width:170px;height:170px;max-width:none;flex-shrink:0}
 .story-flower-caption{display:none}.story-chapters{gap:22px;margin-top:0}.story-chapters button{padding:8px 0 12px;font-size:10px;gap:5px}.story-chapters small{font-size:7px}
 .story-scroll-hint{display:none}
 .story-reading{order:1;padding:0;width:100%}
 .story-chapter{padding:30px 0 55px;scroll-margin-top:353px;max-width:none}
 .story-chapter h2{font-size:30px;line-height:1.5;letter-spacing:0;margin:20px 0 31px}
 .story-section-label{font-size:10px;margin-bottom:27px}
 .story-why-list>li{grid-template-columns:19px 1fr;gap:11px;margin-bottom:34px}
 .story-why-list h3{font-size:15px}.story-why-list p.story-lead{font-size:15px;line-height:1.85;margin-bottom:10px}.story-why-list p,.story-elements p{font-size:13px;line-height:1.95}
 .story-number{font-size:9px;padding-top:6px}
 .story-equation strong{font-size:26px;gap:10px}.story-equation p{font-size:12px}
 .story-strength-list dt{font-size:21px}.story-strength-list dd{font-size:13px}.story-strength-list>div{padding:15px 0 20px}
 .story-feedback{font-size:13px;padding-left:15px}
 .story-elements>li{gap:18px;padding:20px 0}.story-elements h3{font-size:19px}
 .story-actions{gap:24px;margin-top:32px;align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.story-flower{animation:none;transform:none;will-change:auto}.story-flower-reveal{transition:none;opacity:1;transform:none;filter:none}}

/* v10: original reference flower cluster, with its own petal motion. */
.skyflora-stage{max-width:620px;height:min(64svh,640px);aspect-ratio:auto;width:100%}
.skyflora-stage .story-flower-reveal{width:100%;height:100%;transform:scale(.98);filter:blur(3px)}
.story-visible .skyflora-stage .story-flower-reveal{transform:scale(1);filter:none}
#skyfloraCanvas{display:block;width:100%;height:100%}
@media(max-width:760px){.skyflora-stage{width:190px;height:170px;max-width:none}}

/* v11: clean transparent reference bouquet; readable chapter labels. */
.skyflora-stage .story-flower-reveal{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}
#skyfloraImage,#skyfloraCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
#skyfloraCanvas{opacity:0}.skyflora-ready #skyfloraCanvas{opacity:1}.skyflora-ready #skyfloraImage{opacity:0}
.story-reading .section-number{font-size:15px;line-height:1.6;font-weight:600;letter-spacing:1px;color:#64705b}
.story-section-label{font-size:17px;font-weight:700;letter-spacing:1px;color:#465d40}
.story-chapters button{font-size:15px;font-weight:600;gap:8px;color:#78836f}.story-chapters small{font-size:11px;font-weight:500}
.story-chapters button[aria-current="step"]{font-weight:700}
#story-title{font-size:clamp(23px,2.4vw,34px);line-height:1.6}
#story-title>span{white-space:nowrap}
@media(max-width:760px){
 .story-reading .section-number{font-size:14px}.story-section-label{font-size:16px}
 .story-chapters{gap:17px}.story-chapters button{font-size:13px;gap:4px}.story-chapters small{font-size:9px}
 #story-title{font-size:clamp(21px,6.15vw,25px);line-height:1.6}
}