/* Scoped motion layer; the approved artwork and document remain intact. */
.hero h1{position:relative;z-index:1;pointer-events:none;margin:0;height:100%}
.hero .hero-foreground{z-index:2;mask-image:url('/assets/hero-seed-mask.png');mask-mode:luminance;mask-size:cover;mask-position:center;pointer-events:none}
.hero h1 .title-soltree{transform:translate3d(var(--title-x,0px),var(--soltree-y,0px),0) rotate(var(--title-rotate,0deg));transform-origin:70% 80%}
.hero h1 .title-flow{transform:translate3d(calc(var(--title-x,0px) * -1.3),var(--flow-y,0px),0) rotate(calc(var(--title-rotate,0deg) * -1));transform-origin:50% 85%}
.hero-copy,.hero-tagline,.hero-note,.hero-eyebrow,.root-caption,.hero-edge,.paper-caption{z-index:3}
.hero-copy,.hero-tagline{opacity:var(--hero-copy-opacity,1);transform:translateY(var(--copy-y,0px))}
.scroll-hint{z-index:4}.motion-word{display:inline-block;white-space:nowrap}.motion-char{display:inline-block;transform-origin:50% 65%;will-change:transform;white-space:pre}
.hero-copy:focus-within{opacity:1!important}
#books-title{cursor:default;touch-action:pan-y}
.ledger-frame{width:100%;max-width:460px;justify-self:center;perspective:1000px}
.ledger-preview{will-change:transform,opacity;transform:translate3d(0,var(--ledger-y,0px),0) scale(var(--ledger-scale,1)) rotate(-3deg);opacity:var(--ledger-opacity,1);filter:blur(var(--ledger-blur,0px));transition:none}
.ledger-preview:hover,.ledger-preview:focus-within{transform:translate3d(0,var(--ledger-y,0px),0) scale(var(--ledger-scale,1)) rotate(-1deg)}
.ledger-content{min-height:490px;transform-origin:50% 45%;will-change:transform,opacity,filter}.ledger-content.changing{animation:none}
.growth-visual{cursor:crosshair}.glass-lens{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}
.lens-hint{position:absolute;bottom:10px;left:0;width:100%;text-align:center;color:#c8b692;font-size:10px;letter-spacing:.08em;z-index:4;pointer-events:none}
.pointer-ribbon{position:fixed;inset:0;width:100%;height:100%;z-index:80;pointer-events:none}
/* Let the photograph dissolve into the section, rather than frame it. */
.growth-visual{height:88%;margin-top:0;cursor:default;overflow:hidden;mask-image:radial-gradient(ellipse 65% 62% at 50% 55%,#000 38%,#000b 60%,transparent 88%)}
.growth-visual img{transform:scale(1.5);transform-origin:50% 65%;mask-image:radial-gradient(ellipse at 50% 60%,#000 28%,#000c 43%,transparent 68%)}
.growth-visual::after{display:none}
.glass-lens{opacity:var(--lens-opacity,0);transition:none}
.lens-hint{display:none}
/* A scroll-held opening: the headline parts to reveal the three principles. */
#about{height:250svh;min-height:1800px}
.closing{position:sticky;top:0;height:100svh;min-height:680px;max-height:none;transform:none!important;opacity:1!important;border-radius:0!important}
.closing #about-title{position:absolute;inset:0;z-index:3;pointer-events:none;font-size:clamp(64px,7.5vw,120px);line-height:1.04;text-align:center}
.closing-title-left,.closing-title-right{position:absolute;display:block;left:0;right:0;white-space:nowrap;will-change:transform;opacity:var(--title-opacity,1)}
.closing-title-left{top:38%;transform:translate3d(var(--open-left,0px),var(--open-up,0px),0)}
.closing-title-right{top:53%;transform:translate3d(var(--open-right,0px),var(--open-down,0px),0)}
.closing-copy{position:absolute;top:17%;left:0;right:0;padding:0 28px;text-align:center;opacity:var(--closing-copy,0);transform:translateY(calc((1 - var(--closing-copy,0)) * 22px))}
.closing .section-meta,.closing .panel-bottom{opacity:var(--closing-copy,0)}
.closing .panel-bottom:focus-within{opacity:1}
.closing .eyebrow{margin-bottom:12px}.closing .chinese-title{margin-top:0}
.closing .values{position:absolute;z-index:4;top:43%;left:9%;right:9%;max-width:none;padding:0;margin:0;gap:5%}
.closing .values>div{min-height:230px;padding:30px 22px;border-top:1px solid #c2b5a0;background:#eee7db;opacity:var(--card-opacity,0);transform:translate3d(var(--card-x,0px),var(--card-y,40px),0) scale(var(--card-scale,.6));filter:blur(var(--card-blur,8px));transform-origin:50% 50%;will-change:transform,opacity}
.closing .values h3{font-size:36px;margin:26px 0 18px}.closing .values p{font-size:14px}
.motion-off #about{height:auto;min-height:0}.motion-off .closing{position:relative;height:auto;min-height:780px;padding:110px 0}
.motion-off .closing #about-title{position:relative;inset:auto;font-size:clamp(44px,6.5vw,100px)}
.motion-off .closing-title-left,.motion-off .closing-title-right{position:static;transform:none;opacity:1;white-space:normal}
.motion-off .closing-copy,.motion-off .closing .values{position:relative;top:auto;left:auto;right:auto;margin:35px auto;max-width:1010px;padding:0 28px;opacity:1;transform:none}
.motion-off .closing .values>div{opacity:1;transform:none;filter:none}.motion-off .closing .section-meta,.motion-off .closing .panel-bottom{opacity:1}
@media(max-width:700px){
 .growth-visual{height:440px;width:calc(100% + 56px);margin:0 -28px -25px;mask-image:radial-gradient(ellipse 68% 60% at 50% 53%,#000 32%,#000b 59%,transparent 88%)}
 .growth-visual img{transform:scale(1.48)}
 #about{height:240svh;min-height:1700px}.closing{min-height:650px;padding:0}
 .closing #about-title{font-size:clamp(32px,8.1vw,60px);letter-spacing:-.04em}
 .closing-title-left{top:40%}.closing-title-right{top:51%}
 .closing-copy{top:12%;padding:0 22px}.closing .chinese-title{font-size:22px}.closing .lede{max-width:none;font-size:11px}
 .closing .eyebrow{font-size:9px}.closing .values{top:33%;left:8%;right:8%;gap:16px}
 .closing .values>div{min-height:0;padding:14px 16px;column-gap:10px;grid-template-columns:1fr 1.8fr}
 .closing .values h3{font-size:26px;margin:8px 0}.closing .values p{font-size:11px;margin-top:8px}
 .motion-off .closing{min-height:0;padding:90px 0}.motion-off .closing .values{gap:16px}
}
.motion-off .motion-char{transform:none!important;filter:none!important;opacity:1!important;will-change:auto}
.motion-off .hero h1 span{transform:none!important}.motion-off .hero-copy,.motion-off .hero-tagline{opacity:1!important;transform:none!important}
.motion-off .glass-lens,.motion-off .pointer-ribbon,.motion-off .lens-hint{display:none}
.motion-off .ledger-preview,.motion-off .ledger-content{transform:none!important;opacity:1!important;filter:none!important;will-change:auto}
@media(max-width:700px){.hero .hero-foreground{mask-size:100% 100%;mask-position:center}.ledger-frame{align-self:center}.ledger-content{min-height:460px}.ledger-preview{transform:translate3d(0,var(--ledger-y,0px),0) scale(var(--ledger-scale,1)) rotate(-2deg)}.lens-hint{bottom:0;font-size:9px}}
@media(prefers-reduced-motion:reduce){.motion-char{transform:none!important;filter:none!important;opacity:1!important;will-change:auto}.hero h1 span,.hero-copy,.hero-tagline{transform:none!important}.hero-copy,.hero-tagline{opacity:1!important}.glass-lens,.pointer-ribbon,.lens-hint{display:none}.ledger-preview,.ledger-content{transform:none!important;filter:none!important;opacity:1!important;will-change:auto}}