/* This foreground scene is scoped to the history section; original page backgrounds stay intact. */
body[data-page="story"] .garden-section h2{margin:7px 0 12px;font-size:30px;line-height:1.45;letter-spacing:.5px}
.garden-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}
.garden-heading .eyebrow{font-size:11px;letter-spacing:2.4px;color:#417e86}
.garden-era{flex-shrink:0;font:15px/1.5 Georgia,"PingFang SC",sans-serif;letter-spacing:1px;color:#4c8589}.garden-era i{font-style:normal;color:#98b7b9;margin:0 9px}
body[data-page="story"] .garden-lede{font-size:14px;color:#587f87;line-height:1.9;margin:0}
.garden-universe{--yaw:0deg;--pitch:0deg;--parallax-x:0px;--parallax-y:0px;position:relative;height:670px;margin:8px 0 0;overflow:hidden;isolation:isolate;perspective:1000px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-4px;border-radius:14px}
.garden-universe.is-dragging{cursor:grabbing}.garden-universe:focus-visible{outline:2px solid #58adb5}
.garden-atmosphere{position:absolute;inset:6% 13% 18%;background:radial-gradient(ellipse,#96e4e124 0%,#b2eff514 42%,transparent 70%);pointer-events:none}
.garden-orbit{position:absolute;left:50%;top:43%;width:76%;height:49%;border:1px solid #65b5c548;border-radius:50%;transform:translate(-50%,-50%) rotate(-19deg);box-shadow:inset 0 0 12px #b4eaf614;pointer-events:none;z-index:0}
.garden-orbit:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #9ed8e52a}
.garden-orbit-b{width:61%;height:68%;transform:translate(-50%,-50%) rotate(28deg);border-color:#7eb2b836}
.garden-orbit i{position:absolute;left:12%;top:14%;width:5px;height:5px;border-radius:50%;background:#55abbc;box-shadow:0 0 9px #53b9c788}.garden-orbit-b i{left:85%;top:79%;background:#8bb6a5}
.garden-stars{position:absolute;inset:0;pointer-events:none}.garden-stars i{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;background:#6babba;box-shadow:0 0 6px #67bcd17a;border-radius:50%;opacity:.4;animation:garden-twinkle 5s var(--delay) ease-in-out infinite}.garden-stars i:nth-child(4n){width:5px;height:5px;background:#98b89c;opacity:.35}
.garden-planet-scene{position:absolute;left:50%;top:40%;width:450px;transform:translate(calc(-50% + var(--parallax-x)),calc(-50% + var(--parallax-y))) rotateX(var(--pitch)) rotateY(var(--yaw));transition:transform .48s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;z-index:2}
.is-dragging .garden-planet-scene,.is-dragging .history-flower{transition:none}
.planet-float{position:relative;animation:planet-float 7s ease-in-out infinite;filter:drop-shadow(0 24px 24px #0a607f20)}
.planet-world{display:block;width:100%;height:auto;pointer-events:none}
.planet-shine{position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 28px #86e0ee16;pointer-events:none}
.planet-signature{position:absolute;left:50%;bottom:-45px;transform:translateX(-50%);width:245px;text-align:center;pointer-events:none}
.planet-brands{display:flex;align-items:center;justify-content:center;gap:14px;filter:drop-shadow(0 1px 0 #ffffff99)}
.planet-brands img:first-child{width:115px;height:auto}.planet-brands img:last-child{width:77px;height:auto}.planet-brands>span{height:22px;border-left:1px solid #7cb4b580}
body[data-page="story"] .planet-signature p{font:12px/1.8 "PingFang SC",sans-serif;letter-spacing:3px;margin:10px 0 0;color:#3e7d85}
.garden-orbit-fields{position:absolute;inset:0;pointer-events:none}
.history-flower{--orbit-shift-x:0px;--orbit-shift-y:0px;--orbit-scale:1;--orbit-opacity:1;--orbit-z:5;position:absolute;left:var(--fx);top:var(--fy);width:164px;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;color:#236b76;transform:translate(calc(-50% + var(--orbit-shift-x)),calc(-50% + var(--orbit-shift-y))) scale(var(--orbit-scale));opacity:var(--orbit-opacity);z-index:var(--orbit-z);cursor:pointer;pointer-events:auto;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .3s}
.flower-bloom{position:relative;display:block;width:116px;height:116px;transform-origin:50% 68%;animation:flower-float 6s var(--float-delay,0s) ease-in-out infinite}
.flower-bloom>img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px #1b738328) hue-rotate(var(--flower-hue,0deg));transition:transform .48s cubic-bezier(.16,.7,.18,1.3),filter .45s}
.flower-light{position:absolute;inset:25% 16% 7%;background:radial-gradient(ellipse,#97e9f256,transparent 65%);opacity:.6;transition:opacity .4s,transform .4s}
.flower-label{display:block;text-align:center;margin-top:-10px;transition:transform .4s}
.flower-year{display:table;margin:0 auto 4px;padding:0 10px;border:1px solid #a6d0d46b;border-radius:10px;background:linear-gradient(145deg,#ffffffc9,#e5f7fa8c);box-shadow:0 2px 7px #4d98a410;backdrop-filter:blur(5px);font:500 24px/1.5 Georgia,"Songti SC",serif;color:#2d717f;letter-spacing:.4px}
.flower-name{display:block;font-size:12px;line-height:1.7;white-space:nowrap;color:#4a7b83;letter-spacing:.3px}
.flower-seen{position:absolute;right:11px;top:35px;display:none;width:17px;height:17px;border-radius:50%;background:#499398;color:#fff;box-shadow:0 0 0 3px #f0faf9;font:12px/17px sans-serif;text-align:center}
.history-flower:hover .flower-bloom>img,.history-flower:focus-visible .flower-bloom>img,.history-flower.is-opening .flower-bloom>img{transform:translateY(-7px) scale(1.18) rotate(-5deg);filter:drop-shadow(0 10px 13px #29a6b74f) hue-rotate(var(--flower-hue,0deg)) brightness(1.06)}
.history-flower:hover .flower-light,.history-flower.is-opening .flower-light{opacity:1;transform:scale(1.5)}
.history-flower:hover .flower-label{transform:translateY(3px)}
.history-flower:focus-visible{outline:2px solid #4babb9;outline-offset:7px;border-radius:18px}
.history-flower.visited .flower-year,.history-flower.is-active .flower-year{border-color:#6bb5bd;background:linear-gradient(140deg,#e4fafc,#d3f2f2);color:#136b76;box-shadow:0 0 14px #5cbbc132}.history-flower.visited .flower-seen{display:block}
.history-flower.is-active .flower-light{opacity:1;transform:scale(1.3)}
.flower-0{--fx:18%;--fy:17%;--float-delay:-1s}.flower-1{--fx:80%;--fy:17%;--flower-hue:12deg;--float-delay:-3s}.flower-2{--fx:9%;--fy:44%;--float-delay:-2s}.flower-3{--fx:91%;--fy:43%;--flower-hue:20deg;--float-delay:-5s}.flower-4{--fx:22%;--fy:68%;--flower-hue:-15deg;--float-delay:-4s}.flower-5{--fx:81%;--fy:68%;--flower-hue:-25deg;--float-delay:-1.5s}.flower-6{--fx:38%;--fy:80%;--float-delay:-3.5s}.flower-7{--fx:68%;--fy:80%;--flower-hue:12deg;--float-delay:-.5s}
.garden-ripple{position:absolute;left:var(--focus-x,50%);top:var(--focus-y,50%);width:80px;height:80px;border:1px solid #54c4d8;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:4}
.garden-ripple.is-active{animation:garden-ripple 1.1s ease-out}.garden-ripple:after{content:"";position:absolute;inset:10px;border:1px solid #91d5dd;border-radius:50%}
.garden-view-controls{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;z-index:12;cursor:auto}
.garden-view-controls>button{width:32px;height:32px;padding:0;border:1px solid #9fcbd4b3;border-radius:50%;background:#f4fcfda3;color:#468590;font:17px/30px sans-serif;cursor:pointer;transition:background .25s,transform .25s}
.garden-view-controls>button:hover{background:#ddf4f7;transform:scale(1.06)}.garden-view-controls>button.garden-view-home{width:auto;min-width:135px;height:auto;border:0;border-radius:0;background:none;line-height:1.5}
.garden-view-label{display:block;font:12px/1.5 "PingFang SC",sans-serif;letter-spacing:2px}.garden-view-home small{display:block;font:10px/1.8 "PingFang SC",sans-serif;letter-spacing:.5px;color:#7ba0a7}
.garden-progress{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c5e0e5;padding:16px 4px;gap:15px;font-size:12px;color:#62858a}.garden-progress-note{color:#82a0a5;font-size:11px}
.garden-progress button{background:none;border:0;padding:0;font:12px/1.8 "PingFang SC",sans-serif;cursor:pointer;color:#54858b}
body[data-page="story"] .history-archive{border-top:1px solid #c5e0d9;border-bottom:1px solid #c5e0d9}
body[data-page="story"] .history-archive summary{cursor:pointer;padding:18px 4px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
body[data-page="story"] .history-archive summary::-webkit-details-marker{display:none}
body[data-page="story"] .history-archive summary>span{font:600 21px/1.6 "Songti SC",serif;color:#246556}
body[data-page="story"] .history-archive summary small{font-size:12px;color:#5e887b}body[data-page="story"] .history-archive summary small:after{content:" ＋";font-size:20px}body[data-page="story"] .history-archive[open] summary small:after{content:" −"}
body[data-page="story"] .history-archive>p{font-size:14px;color:#627c72;margin:0 4px 25px}body[data-page="story"] .history-archive .honor-grid{padding-bottom:25px}
.garden-dialog{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;width:min(1100px,94vw);max-width:94vw;padding:38px 34px;border-radius:18px;max-height:90vh;overflow:auto;background:linear-gradient(125deg,#edf8f6,#eaf5fc);align-items:start;animation:garden-dialog-in .35s ease-out}
.garden-dialog:not([open]){display:none}.garden-story-image>img{display:block;width:100%;height:auto;box-shadow:0 6px 20px #4a7b6e22;border:1px solid #d4e2d7}.garden-story-image .text-link{margin-top:15px;font-size:12px}
.garden-story-year{display:flex;align-items:center;gap:16px;font:400 35px/1.5 Georgia,"Songti SC",serif;color:#23745f;margin-bottom:13px}.garden-story-year i{font:500 11px/1.5 "PingFang SC",sans-serif;font-style:normal;letter-spacing:2px;color:#9b8755;border-left:1px solid #abc5b1;padding-left:16px}
.garden-story-copy{text-align:left}.garden-story-copy h2{font:600 26px/1.5 "Songti SC",serif;color:#184c48;margin:0 0 18px}.garden-story-copy p{color:#486774;font-size:15px;line-height:1.9;margin:0}.garden-story-copy p+p{margin-top:16px}
.garden-story-nav{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:27px;padding-top:17px;border-top:1px solid #c3d9c9}.garden-story-nav button{font:13px/1.8 "PingFang SC",sans-serif;color:#4b7b68;background:none;border:0;padding:0;cursor:pointer}.garden-story-nav button:first-child{color:#96743f}
@keyframes garden-twinkle{0%,100%{opacity:.2}50%{opacity:.6}}
@keyframes planet-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}
@keyframes flower-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes garden-ripple{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.9)}}
@keyframes garden-dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px) and (min-width:761px){body[data-page="story"] .garden-section h2{font-size:27px}.garden-era{font-size:13px}.garden-universe{height:620px}.garden-planet-scene{width:360px}.history-flower{width:142px}.flower-bloom{width:104px;height:104px}.flower-year{font-size:22px}.flower-name{font-size:11px}.garden-dialog{gap:24px;padding-inline:27px}.garden-story-copy h2{font-size:23px}}
@media(max-width:760px){body[data-page="story"] .garden-section h2{font-size:26px;line-height:1.5;margin-top:6px}.garden-heading{display:block}.garden-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.garden-era{display:none}body[data-page="story"] .garden-lede{font-size:13px;line-height:1.8;max-width:320px}.garden-universe{height:635px;margin-top:10px;overflow:visible;perspective:650px}.garden-atmosphere{inset:16% 6% 32%}.garden-orbit{width:80%;height:48%;top:42%}.garden-orbit-b{width:63%;height:70%}.garden-planet-scene{width:234px;top:40%}.planet-float{filter:drop-shadow(0 14px 14px #0a607f22)}.planet-signature{width:172px;bottom:-43px}.planet-brands{gap:9px}.planet-brands img:first-child{width:90px}.planet-brands img:last-child{width:58px}.planet-brands>span{height:16px}body[data-page="story"] .planet-signature p{font-size:10px;letter-spacing:1.4px;margin:7px 0 0}.history-flower{width:105px}.flower-bloom{width:88px;height:88px}.flower-label{margin-top:-9px}.flower-year{font-size:20px;line-height:1.5;padding:0 8px;margin-bottom:4px;border-radius:9px}.flower-name{font-size:10px;line-height:1.6;letter-spacing:0;white-space:normal;min-height:32px;max-width:105px}.flower-seen{right:5px;top:27px;width:14px;height:14px;font-size:10px;line-height:14px}.flower-0{--fx:20%;--fy:12%}.flower-1{--fx:80%;--fy:12%}.flower-2{--fx:12%;--fy:36%}.flower-3{--fx:88%;--fy:36%}.flower-4{--fx:20%;--fy:63%}.flower-5{--fx:80%;--fy:63%}.flower-6{--fx:29%;--fy:84%}.flower-7{--fx:72%;--fy:84%}.garden-view-controls{bottom:2px;gap:11px}.garden-view-label{font-size:11px}.garden-view-home small{font-size:9px}.garden-progress{font-size:11px;padding:14px 0}.garden-progress-note{display:none}.garden-progress button{font-size:11px}body[data-page="story"] .history-archive summary{gap:10px;padding:15px 1px}body[data-page="story"] .history-archive summary>span{font-size:20px}body[data-page="story"] .history-archive summary small{font-size:10px}.garden-dialog{display:block;padding:32px 19px 24px;max-height:89vh;width:94vw}.garden-story-year{font-size:30px;margin-top:25px;margin-bottom:11px}.garden-story-year i{font-size:10px}.garden-story-copy h2{font-size:24px;margin-bottom:16px}.garden-story-copy p{font-size:16px;line-height:1.9}.garden-story-image .text-link{font-size:11px}.garden-story-nav{gap:12px;margin-top:23px}.garden-story-nav button{font-size:12px}.garden-dialog .dialog-close{top:6px;right:9px}}
@media(max-width:370px){.garden-planet-scene{width:206px}.history-flower{width:91px}.flower-name{max-width:91px}.flower-bloom{width:80px;height:80px}.flower-2{--fx:15%}.flower-3{--fx:85%}.flower-year{font-size:18px}.flower-name{font-size:10px}}
@media(prefers-reduced-motion:reduce){.garden-stars i,.planet-float,.flower-bloom,.garden-dialog{animation:none}.garden-planet-scene,.history-flower,.flower-bloom>img,.flower-label{transition:none}.garden-ripple.is-active{animation:none}}

@media(max-width:760px){.planet-signature{width:154px}.planet-brands{gap:7px}.planet-brands img:first-child{width:84px}.planet-brands img:last-child{width:52px}.flower-4{--fx:14%}.flower-5{--fx:86%}.flower-4 .flower-bloom,.flower-5 .flower-bloom{width:80px;height:80px}}

/* Two matching material states create an actual closed-to-open reveal. */
.flower-bloom>img{transition:opacity .45s ease,transform .48s cubic-bezier(.16,.7,.18,1.3),filter .45s}
.flower-bloom>img.flower-rest{opacity:1;transform:scale(.96)}
.flower-bloom>img.flower-open{position:absolute;inset:0;opacity:0;transform:scale(.82)}
.history-flower:is(:hover,:focus-visible,.is-opening,.visited,.is-active) .flower-rest{opacity:0;transform:scale(.9)}
.history-flower:is(:hover,:focus-visible,.is-opening,.visited,.is-active) .flower-open{opacity:1;transform:translateY(-4px) scale(1.09) rotate(-3deg)}
@media(prefers-reduced-motion:reduce){.flower-bloom>img{transition:none}}

.garden-brand-identity{flex-shrink:0;min-width:218px;text-align:center}
body[data-page="story"] .garden-brand-identity p{margin:8px 0 0;font:11px/1.5 "PingFang SC",sans-serif;color:#699196;letter-spacing:1.2px}
@media(max-width:760px){.garden-brand-identity{display:flex;align-items:center;gap:16px;min-width:0;margin:0 0 14px;width:fit-content}.garden-brand-identity .planet-brands{gap:10px}.garden-brand-identity .planet-brands img:first-child{width:86px}.garden-brand-identity .planet-brands img:last-child{width:58px}.garden-brand-identity p{display:none}.flower-2 .flower-name,.flower-3 .flower-name{background:#edf9fbe8;backdrop-filter:blur(4px);border-radius:5px;padding:2px 4px;min-height:0}}

/* The full company story opens separately so the approved page stays compact. */
.company-story-link{display:inline-flex;align-items:center;gap:15px;border:0;border-bottom:1px solid #85b6b8;background:none;color:#277d82;font:500 14px/1.6 "PingFang SC",sans-serif;padding:5px 0 7px;margin-top:4px;cursor:pointer}
.company-story-link:hover{color:#125c67;border-bottom-color:#277d82}.company-story-link span{transition:transform .2s}.company-story-link:hover span{transform:translateX(4px)}
.company-story-dialog{width:min(850px,94vw);max-width:94vw;max-height:90vh;padding:42px 48px 35px;text-align:left;background:linear-gradient(125deg,#edf8f6,#eaf5fc);scrollbar-gutter:stable}
.company-story-dialog:not([open]){display:none}.company-story-brands{display:flex;align-items:center;gap:18px;margin-bottom:23px}.company-story-brands img:first-child{width:145px;height:auto}.company-story-brands img:last-child{width:100px;height:auto}.company-story-brands span{height:28px;border-left:1px solid #99c1c0}
.company-story-dialog .eyebrow{font-size:11px;letter-spacing:2px}.company-story-dialog h2{font:600 29px/1.5 "Songti SC",serif;margin:8px 0 8px;color:#174e56}
.company-story-dialog .company-story-subtitle{font-size:14px;color:#63858b;margin:0 0 21px}
.company-story-chapter{padding:20px 0;border-top:1px solid #c9dfe3}.company-story-chapter h3{font:600 18px/1.6 "Songti SC",serif;color:#215e67;margin:0 0 10px}.company-story-chapter h3>span{font:400 13px/1.6 Georgia,serif;color:#85a8ad;margin-right:13px}.company-story-chapter p{font-size:15px;line-height:1.95;margin:0;color:#466774}
.company-story-return{border:0;border-bottom:1px solid #9cc6c6;background:none;color:#347e83;font:14px/1.8 "PingFang SC",sans-serif;margin-top:14px;padding:4px 0;cursor:pointer}
@media(max-width:760px){.company-story-link{font-size:13px}.company-story-dialog{padding:36px 22px 27px;max-height:90vh}.company-story-brands{gap:14px;margin-bottom:19px}.company-story-brands img:first-child{width:115px}.company-story-brands img:last-child{width:81px}.company-story-brands span{height:22px}.company-story-dialog h2{font-size:25px}.company-story-dialog .company-story-subtitle{font-size:12px;margin-bottom:18px}.company-story-chapter{padding:18px 0}.company-story-chapter h3{font-size:18px}.company-story-chapter p{font-size:16px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.company-story-link span{transition:none}}
