/* P4.1: editorial imagery, connected directions, one substantial homepage. */
.hero-v2 .hero-shell{grid-template-columns:1fr 1fr;gap:44px;padding-block:54px 48px}.hero-v2 h1{font-size:clamp(62px,6.1vw,88px);line-height:.97;letter-spacing:-.04em}.hero-v2 .hero-body{max-width:550px}.hero-visual{position:relative;margin:0;padding-bottom:38px;align-self:stretch;min-height:600px}.hero-visual picture{display:block;height:100%;min-height:570px;overflow:hidden;background:var(--syna-emerald-100)}.hero-image{display:block;width:100%;height:100%;min-height:570px;object-fit:cover;object-position:61% center}.hero-picture-note{position:absolute;bottom:70px;left:24px;right:24px;background:var(--syna-ivory-50);color:var(--syna-graphite-950);padding:22px 24px;display:grid;gap:7px;border-left:3px solid var(--syna-earth-500)}.hero-picture-note strong{font-family:var(--syna-font-display-latin);font-size:25px;font-weight:500;line-height:1.2}[lang="zh-HK"] .hero-picture-note strong{font-family:var(--syna-font-display-tc);font-size:23px;font-weight:600}.hero-picture-note>span:last-child{font-size:14px;color:var(--syna-color-text-muted)}.picture-rule{width:36px;height:1px;background:var(--syna-emerald-700);margin-bottom:3px}.hero-visual figcaption{position:absolute;bottom:0;left:0;font-size:14px;color:var(--syna-color-text-muted);line-height:1.5}.hero-scroll{display:flex;align-items:center;gap:18px;min-height:44px;width:fit-content;margin-top:30px;font-size:14px;text-decoration:none;color:var(--syna-color-text-muted)}.hero-scroll span{font-size:20px}.perspective-strip{border-top:1px solid var(--syna-color-border);background:var(--syna-white)}.perspective-strip>.shell{display:grid;grid-template-columns:repeat(3,1fr)}.perspective-strip .shell>span{display:flex;align-items:center;justify-content:center;gap:18px;padding:23px 12px;font-size:15px;border-right:1px solid var(--syna-color-border)}.perspective-strip .shell>span:first-child{border-left:1px solid var(--syna-color-border)}.perspective-strip i{font-style:normal;font-size:25px;color:var(--syna-emerald-700)}[data-hero-theme="dark"] .hero-visual figcaption,[data-hero-theme="dark"] .hero-scroll{color:var(--syna-emerald-100)}[data-hero-theme="dark"] .perspective-strip{color:var(--syna-graphite-950)}
.foundation-v2{display:grid;grid-template-columns:5fr 6fr;gap:90px;align-items:center}.foundation-visual{position:relative;padding:30px 18px 30px 30px;background:var(--syna-ivory-100);border:1px solid var(--syna-color-border);min-height:580px;display:flex;align-items:center}.foundation-art{width:100%;position:relative;z-index:1}.foundation-art .connection-graphic{height:480px;background:var(--syna-emerald-950);border:0}.foundation-art .asset-panel{width:74%;box-shadow:0 7px 24px rgb(18 58 49 / 8%)}.foundation-art .asset-panel-one{top:40px;left:4%}.foundation-art .asset-panel-two{top:125px;left:11%}.foundation-art .asset-panel-three{top:215px;left:18%;height:166px}.foundation-art .graphic-note{font-size:14px}.ledger-backdrop{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 47px,var(--syna-color-border) 48px 49px);opacity:.5}.foundation-story h2{font-size:44px;max-width:580px}.foundation-story .lead{font-size:21px;font-weight:500;line-height:1.5;margin-bottom:22px}.foundation-extra{font-size:16px;line-height:1.7;color:var(--syna-color-text-muted)}.foundation-points{display:grid;gap:18px;padding-top:16px}.foundation-points>div{display:flex;gap:20px;padding-top:18px;border-top:1px solid var(--syna-color-border)}.foundation-points>div>span{font:400 14px/1.7 var(--syna-font-mono);color:var(--syna-emerald-700)}.foundation-points p{display:grid;gap:6px;margin:0;font-size:16px;color:var(--syna-color-text-muted)}.foundation-points strong{font-weight:500;color:var(--syna-graphite-950)}
.directions-v2{background:var(--syna-ivory-100)}.direction-layout{display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:start}.direction-choices{display:grid;gap:0;border-top:1px solid var(--syna-color-border)}.direction-choice{display:grid;grid-template-columns:50px 1fr 26px;gap:18px;text-decoration:none;padding:24px 20px;border-bottom:1px solid var(--syna-color-border);background:transparent;position:relative;transition:background 180ms}.direction-choice:hover,.direction-choice[aria-selected="true"]{background:var(--syna-white)}.direction-choice[aria-selected="true"]::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--syna-emerald-700)}.choice-icon{width:50px;height:50px;display:grid;place-items:center;background:var(--syna-emerald-100)}.direction-choice .card-index{font-size:12px}.direction-choice h3{margin:5px 0 8px;font-size:23px}.direction-choice p{font-size:16px;color:var(--syna-color-text-muted);line-height:1.6;margin:0}.choice-arrow{font-size:23px;color:var(--syna-emerald-700);transition:transform 180ms}.direction-choice:hover .choice-arrow{transform:translate(2px,-2px)}.direction-panels{background:var(--syna-white);border:1px solid var(--syna-color-border)}.direction-panel:not(:first-child){border-top:1px solid var(--syna-color-border)}.direction-art-frame{position:relative;background:var(--syna-emerald-850);color:var(--syna-emerald-100);height:276px;overflow:hidden}.direction-art{height:100%;width:100%;display:block}.art-grid{stroke:var(--syna-emerald-300);opacity:.16}.art-accent{stroke:var(--syna-earth-500);fill:var(--syna-emerald-700)}.art-label{position:absolute;top:22px;left:28px;font-size:14px;letter-spacing:.1em}.art-number{position:absolute;bottom:18px;right:28px;font:400 32px/1 var(--syna-font-mono);color:var(--syna-earth-500)}.direction-detail{padding:32px}.direction-detail .eyebrow{margin-bottom:14px;font-size:14px}.direction-detail h3{font-family:var(--syna-font-display-latin);font-weight:500;font-size:32px;line-height:1.14;margin-bottom:18px}[lang="zh-HK"] .direction-detail h3{font-family:var(--syna-font-display-tc);font-weight:600;line-height:1.45;font-size:28px}.direction-detail>p,.direction-detail ul{font-size:16px;line-height:1.7;color:var(--syna-color-text-muted)}.direction-detail h4{font-weight:500;font-size:14px;margin:26px 0 12px;color:var(--syna-emerald-700)}.direction-detail ul{padding-left:20px;margin-bottom:24px}.direction-detail li{padding-left:6px;margin-bottom:9px}.direction-detail li::marker{color:var(--syna-emerald-700)}.direction-question{padding:20px;background:var(--syna-ivory-50);border-left:2px solid var(--syna-earth-500);margin:24px 0 12px}.direction-question>span{font-size:14px;color:var(--syna-color-text-muted)}.direction-question p{font-size:17px;font-weight:500;line-height:1.6;margin:8px 0 0}.direction-boundary{margin:28px 0 0;max-width:920px;font-size:14px;line-height:1.65;color:var(--syna-color-text-muted)}
.audience-section{background:var(--syna-white)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience-card{border:1px solid var(--syna-color-border);padding:28px;display:flex;flex-direction:column;background:var(--syna-ivory-50)}.audience-art{height:112px;margin:-28px -28px 28px;background:var(--syna-emerald-100);display:flex;align-items:center;justify-content:space-between;padding:28px;position:relative;overflow:hidden}.audience-art::after{content:'';position:absolute;width:150px;height:150px;border:1px solid var(--syna-emerald-300);border-radius:50%;right:20px;top:-30px}.audience-art svg{width:56px;height:56px}.audience-art span{font:400 35px var(--syna-font-mono);color:var(--syna-emerald-700);position:relative;z-index:1}.audience-card h3{font-size:24px}.audience-card p{font-size:16px;line-height:1.7;color:var(--syna-color-text-muted);margin-bottom:24px}.audience-card .text-link{margin-top:auto}
.approach-v2{overflow:hidden}.approach-header{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:center;margin-bottom:54px}.approach-header h2{max-width:700px;font-size:48px}.approach-extra{font-size:16px;line-height:1.7;color:var(--syna-emerald-100);max-width:640px}.approach-illustration{height:340px;position:relative;color:var(--syna-white)}.orbit{position:absolute;border:1px solid var(--syna-emerald-300);border-radius:50%;width:240px;height:240px;left:50%;top:43%;opacity:.65}.orbit-one{transform:translate(-60%,-58%)}.orbit-two{transform:translate(-40%,-58%)}.orbit-three{transform:translate(-50%,-35%)}.orbit-center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:112px;height:112px;display:grid;place-items:center;border:1px solid var(--syna-emerald-300);background:var(--syna-emerald-850);border-radius:50%}.orbit-center img{width:64px;height:64px;object-fit:contain}.orbit-word{position:absolute;font-size:15px;background:var(--syna-emerald-850);padding:6px 12px;z-index:2}.orbit-word-one{top:12px;left:40%}.orbit-word-two{top:174px;left:0}.orbit-word-three{top:178px;right:0}.approach-illustration>p{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:14px;color:var(--syna-emerald-100);margin:0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.principle-card{border-top:1px solid var(--syna-emerald-300);padding-top:24px}.principle-card h3{font-size:25px;margin:14px 0}.principle-card p{font-size:17px;color:var(--syna-white);line-height:1.7}.principle-card .principle-extra{font-size:16px;color:var(--syna-emerald-100)}.approach-conclusion{font-family:var(--syna-font-display-latin);font-size:35px;line-height:1.3;max-width:800px;margin:48px 0 0;color:var(--syna-white)}[lang="zh-HK"] .approach-conclusion{font-family:var(--syna-font-display-tc);font-size:29px;line-height:1.6}
.faq-section{display:grid;grid-template-columns:4fr 8fr;gap:90px;border-bottom:1px solid var(--syna-color-border)}.faq-intro h2{font-size:42px}.faq-symbol{font-family:var(--syna-font-display-latin);font-size:100px;line-height:1;color:var(--syna-emerald-700);opacity:.45;margin-top:36px}.faq-item{border-top:1px solid var(--syna-color-border);padding:22px 0}.faq-item:last-child{border-bottom:1px solid var(--syna-color-border)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;min-height:44px;font-size:19px;font-weight:500}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:25px;font-weight:400;color:var(--syna-emerald-700);transition:transform 180ms}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item>p{font-size:16px;line-height:1.75;color:var(--syna-color-text-muted);margin:16px 40px 4px 0}.contact-starter{margin-block:28px;border-top:1px solid var(--syna-color-border);padding-top:24px}.contact-starter h3{font-size:22px;max-width:420px}.contact-starter ul{padding:0;list-style:none;margin:20px 0 0;display:grid;gap:12px}.contact-starter li{display:flex;gap:16px;font-size:16px;line-height:1.6}.contact-starter li span{font:400 14px var(--syna-font-mono);color:var(--syna-emerald-700);padding-top:4px}.website-notes{padding-block:0 56px}.website-notes h2{font:500 20px/1.5 var(--syna-font-body-latin);margin-bottom:20px}[lang="zh-HK"] .website-notes h2{font-family:var(--syna-font-body-tc);font-size:20px}.website-notes .eyebrow{font-size:14px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.note-grid details{border-top:1px solid var(--syna-color-border);padding-top:10px}.note-grid summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:16px}.note-grid p{font-size:14px;line-height:1.75;color:var(--syna-color-text-muted)}.footer-top{gap:48px}.site-header a[aria-current="location"]::after{transform:scaleX(1)}.mobile-nav a[aria-current="location"]{color:var(--syna-emerald-700);font-weight:600}
@media(max-width:1100px){.hero-v2 .hero-shell{gap:32px}.hero-v2 h1{font-size:66px}.hero-visual{min-height:550px}.hero-visual picture,.hero-image{min-height:510px}.foundation-v2{gap:48px}.foundation-visual{padding:22px;min-height:540px}.foundation-story h2{font-size:37px}.direction-layout{grid-template-columns:5fr 7fr;gap:24px}.direction-choice{padding:22px 16px;grid-template-columns:42px 1fr 20px;gap:12px}.choice-icon{width:42px;height:46px}.direction-choice h3{font-size:21px}.direction-detail{padding:26px}.audience-grid{gap:16px}.audience-card{padding:24px}.audience-art{margin:-24px -24px 24px;padding:24px}.approach-header{gap:48px}.approach-header h2{font-size:42px}.faq-section{gap:48px}}
@media(max-width:900px){.hero-v2 h1{font-size:56px}.hero-v2 .hero-shell{gap:24px;padding-block:40px}.hero-visual{min-height:490px}.hero-visual picture,.hero-image{min-height:450px}.hero-picture-note{left:16px;right:16px;bottom:58px;padding:18px}.hero-picture-note strong{font-size:22px}.hero-scroll{margin-top:20px}.perspective-strip .shell>span{font-size:14px;padding:18px 8px;gap:10px}.foundation-v2{grid-template-columns:1fr 1.2fr;gap:32px}.foundation-visual{min-height:470px;padding:18px}.foundation-art .connection-graphic{height:410px}.foundation-art .asset-panel{height:132px;padding:16px}.foundation-art .asset-panel-one{top:22px}.foundation-art .asset-panel-two{top:96px}.foundation-art .asset-panel-three{top:170px;height:155px}.foundation-art .graphic-note{font-size:12px;bottom:18px}.foundation-story h2{font-size:34px}.foundation-story .lead{font-size:19px}.foundation-story .body-large{font-size:16px}.foundation-points{gap:12px}.direction-layout{grid-template-columns:1fr}.direction-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:0}.direction-choice{border:1px solid var(--syna-color-border)}.direction-choice p{font-size:15px}.direction-panel{display:grid;grid-template-columns:5fr 7fr}.direction-art-frame{height:100%;min-height:500px}.direction-art-frame>.direction-art{position:absolute;inset:0;object-fit:contain}.direction-detail{padding:28px}.audience-grid{grid-template-columns:repeat(3,1fr)}.audience-card{padding:20px}.audience-art{margin:-20px -20px 22px;padding:20px;height:94px}.audience-card h3{font-size:21px}.audience-art svg{width:44px;height:44px}.audience-card p{font-size:16px}.approach-header{gap:32px}.approach-header h2{font-size:38px}.approach-illustration{height:305px}.orbit{width:195px;height:195px}.orbit-word{font-size:14px;padding:5px 8px}.orbit-word-one{top:10px;left:32%}.orbit-word-two{top:146px;left:0}.orbit-word-three{top:147px;right:0}.principle-grid{gap:20px}.principle-card h3{font-size:23px}.principle-card p{font-size:16px}.faq-section{grid-template-columns:1fr 2fr;gap:36px}.faq-intro h2{font-size:34px}.faq-item summary{font-size:17px}}
@media(max-width:620px){.hero-v2 .hero-shell{display:block;padding-block:34px 28px}.hero-v2 h1{font-size:clamp(46px,13vw,56px)}[lang="zh-HK"] .hero-v2 h1{font-size:clamp(29px,7.9vw,35px)}.hero-v2 .hero-body{margin-bottom:24px}.hero-scroll{margin-top:18px}.hero-visual{min-height:0;margin-top:28px;padding-bottom:50px;height:430px}.hero-visual picture,.hero-image{height:380px;min-height:0}.hero-image{object-position:60% center}.hero-picture-note{left:16px;right:16px;bottom:70px;padding:16px}.hero-picture-note strong{font-size:23px}[lang="zh-HK"] .hero-picture-note strong{font-size:21px}.hero-picture-note>span:last-child{font-size:14px}.hero-visual figcaption{font-size:13px}.perspective-strip>.shell{display:flex;flex-wrap:wrap;padding-block:6px;gap:0 20px}.perspective-strip .shell>span{border:0!important;padding:10px 0;font-size:14px;justify-content:flex-start;gap:10px}.perspective-strip i{font-size:22px}.foundation-v2{display:flex;flex-direction:column-reverse;gap:30px}.foundation-story h2{font-size:32px}.foundation-story .lead{font-size:20px}.foundation-points{gap:10px}.foundation-visual{width:100%;min-height:0;padding:16px}.foundation-art .connection-graphic{height:362px}.foundation-art .asset-panel{height:116px;padding:15px}.foundation-art .asset-panel-one{top:18px}.foundation-art .asset-panel-two{top:80px}.foundation-art .asset-panel-three{top:144px;height:136px}.foundation-art .panel-label{font-size:16px}.foundation-art .graphic-note{font-size:13px;bottom:18px}.foundation-art .ledger{margin-top:16px;gap:8px}.direction-choices{grid-template-columns:1fr;gap:0;border-top:1px solid var(--syna-color-border)}.direction-choice{padding:19px 16px;grid-template-columns:44px 1fr 20px;border:0;border-bottom:1px solid var(--syna-color-border);gap:14px}.direction-choice .card-index{font-size:12px}.direction-choice h3{font-size:21px}.direction-choice p{font-size:16px}.choice-icon{width:44px;height:48px}.direction-layout{gap:24px}.direction-panel{display:block}.direction-art-frame{height:228px;min-height:0}.direction-art-frame>.direction-art{position:static}.direction-detail{padding:24px 20px}.direction-detail h3{font-size:29px}[lang="zh-HK"] .direction-detail h3{font-size:25px;line-height:1.45}.direction-detail h4{margin-top:22px}.direction-question{padding:16px}.direction-question p{font-size:16px}.art-label{top:18px;left:20px;font-size:13px}.art-number{bottom:18px;right:20px;font-size:28px}.audience-grid{grid-template-columns:1fr;gap:16px}.audience-card{padding:24px}.audience-art{margin:-24px -24px 24px;padding:24px;height:100px}.audience-card h3{font-size:24px}.audience-card p{margin-bottom:18px}.audience-art svg{width:50px;height:50px}.approach-header{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.approach-header h2{font-size:33px}[lang="zh-HK"] .approach-header h2{font-size:29px}.approach-illustration{height:300px;max-width:390px;width:100%;margin:auto}.orbit{width:218px;height:218px}.orbit-word-one{top:0;left:36%}.orbit-word-two{top:153px;left:0}.orbit-word-three{top:153px;right:0}.principle-grid{grid-template-columns:1fr;gap:16px}.principle-card{padding-top:22px}.principle-card h3{margin:8px 0;font-size:24px}.principle-card p{margin-bottom:12px}.approach-conclusion{font-size:31px;margin-top:32px}[lang="zh-HK"] .approach-conclusion{font-size:27px}.faq-section{grid-template-columns:1fr;gap:24px}.faq-symbol{display:none}.faq-intro h2{font-size:32px}.faq-item{padding-block:18px}.faq-item summary{font-size:18px;gap:16px}.faq-item p{margin-right:10px}.contact-starter h3{font-size:21px}.contact-starter{margin-block:24px}.website-notes{padding-bottom:40px}.note-grid{grid-template-columns:1fr;gap:16px}.website-notes h2{font-size:19px}.section-heading>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.choice-arrow,.faq-item summary span{transition:none!important}.direction-choice:hover .choice-arrow{transform:none}}
[data-motion="reduce"] .direction-choice:hover .choice-arrow{transform:none}
.material-visual{margin:0;padding:0;display:block;min-height:0;height:620px;overflow:hidden;border:0;background:var(--syna-ivory-100)}.foundation-image{width:100%;height:100%;object-fit:cover;object-position:55% center;display:block}.material-labels{position:absolute;bottom:58px;left:24px;right:24px;background:var(--syna-ivory-50);padding:16px 20px;display:grid;gap:10px;border-left:2px solid var(--syna-earth-500)}.material-labels span{display:flex;align-items:center;gap:16px;font-size:16px}.material-labels i{font:400 13px var(--syna-font-mono);font-style:normal;color:var(--syna-emerald-700)}.material-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:13px 20px;font-size:14px;background:var(--syna-ivory-100);color:var(--syna-color-text-muted)}@media(max-width:900px){.material-visual{height:550px}.material-labels{left:16px;right:16px;padding:16px}.material-labels span{font-size:15px}}@media(max-width:620px){.material-visual{height:450px}.material-labels{bottom:56px}.material-visual figcaption{font-size:13px}}

@media(min-width:901px){[lang="zh-HK"] .hero-v2 h1{font-size:clamp(42px,4.2vw,60px)}}@media(min-width:621px) and (max-width:900px){[lang="zh-HK"] .hero-v2 h1{font-size:clamp(28px,3.5vw,36px)}}

/* Keep small-screen material captions clear of the concept labels. */
.material-labels i{font-size:14px}@media(max-width:620px){.hero-visual figcaption,.material-visual figcaption,.art-label{font-size:14px}.material-visual figcaption{min-height:78px;display:flex;align-items:center;line-height:1.65}.material-labels{bottom:100px}}

/* P4.2: fund context, information focus and purposeful motion. */
.reading-progress{position:absolute;bottom:0;left:0;right:0;height:2px;overflow:hidden;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--syna-earth-500);transform:scaleX(0);transform-origin:left}.hero-network{position:absolute;inset:0 0 38px;width:100%;height:calc(100% - 38px);fill:none;stroke:var(--syna-earth-500);stroke-width:1;pointer-events:none;opacity:.38}.hero-network .network-points{fill:var(--syna-earth-500);stroke:var(--syna-ivory-50)}.hero-image{transition:transform 500ms cubic-bezier(.2,0,0,1);object-position:center}.foundation-image{object-position:center}.foundation-story .lead:empty,.foundation-extra:empty,.foundation-points:empty{display:none}.foundation-story .body-large{font-size:17px;line-height:1.8}.foundation-story h2{font-size:42px}.perspectives-section{border-top:1px solid var(--syna-color-border)}.perspective-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.perspective-item{border-top:2px solid var(--syna-emerald-700);background:var(--syna-ivory-100);transition:background 200ms}.perspective-item[open]{background:var(--syna-white);border:1px solid var(--syna-color-border);border-top:2px solid var(--syna-emerald-700)}.perspective-item summary{position:relative;display:grid;gap:24px;padding:28px;cursor:pointer;list-style:none;min-height:200px}.perspective-item summary::-webkit-details-marker{display:none}.perspective-number{font:400 30px/1 var(--syna-font-mono);color:var(--syna-emerald-700)}.perspective-item h3{font-size:23px;line-height:1.35;margin:0;padding-right:16px}.perspective-open{position:absolute;top:28px;right:28px;color:var(--syna-emerald-700);font-size:24px;transition:transform 200ms}.perspective-item[open] .perspective-open{transform:rotate(90deg)}.perspective-expanded{padding:0 28px 28px}.perspective-emblem{height:160px;background:var(--syna-emerald-850);color:var(--syna-emerald-100);margin:0 -28px 24px}.perspective-expanded p{font-size:16px;line-height:1.75;color:var(--syna-color-text-muted);margin:0}.fund-diagram{position:absolute;inset:40px 22px 58px}.fund-schema{display:block;width:100%;height:calc(100% - 36px);overflow:visible}.schema-track{opacity:.3;stroke:var(--syna-emerald-300)}.schema-group{opacity:.4;transition:opacity 250ms,stroke 250ms}.fund-diagram[data-highlight-active="0"] [data-schema="0"],.fund-diagram[data-highlight-active="1"] [data-schema="1"],.fund-diagram[data-highlight-active="2"] [data-schema="2"]{opacity:1;stroke:var(--syna-earth-500)}.schema-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;font-size:14px;line-height:1.45}.schema-labels span{color:var(--syna-emerald-100);opacity:.7}.fund-diagram[data-highlight-active="0"] [data-schema-label="0"],.fund-diagram[data-highlight-active="1"] [data-schema-label="1"],.fund-diagram[data-highlight-active="2"] [data-schema-label="2"]{color:var(--syna-earth-500);opacity:1}.direction-panel[data-panel="0"] .direction-art-frame{height:350px}.direction-panel[data-panel="0"] .art-number{display:none}.diagram-note{position:absolute;bottom:10px;left:22px;right:22px;font-size:13px;text-align:center;line-height:1.4;color:var(--syna-emerald-100);margin:0}.highlight-item{border-top:1px solid var(--syna-color-border);padding-block:10px}.highlight-item:last-child{border-bottom:1px solid var(--syna-color-border)}.highlight-item summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:44px;font-size:17px;font-weight:500}.highlight-item summary::-webkit-details-marker{display:none}.highlight-item summary>span{color:var(--syna-emerald-700);font:400 14px var(--syna-font-mono)}.highlight-item summary i{margin-left:auto;font-style:normal;font-size:22px;color:var(--syna-emerald-700);transition:transform 180ms}.highlight-item[open] summary i{transform:rotate(45deg)}.highlight-item p{font-size:16px;line-height:1.7;margin:12px 0 12px 30px;color:var(--syna-color-text-muted)}.audience-card{transition:transform 240ms,box-shadow 240ms}.audience-art svg{transition:transform 260ms}.syna-button,.text-link{transition:background 180ms,color 180ms,transform 180ms}.syna-button:active{transform:translateY(1px)}.text-link .arrow{transition:transform 200ms}.text-link:hover .arrow{transform:translate(2px,-2px)}.orbit-center img{animation:none!important;transform:none!important}
@media(hover:hover) and (pointer:fine){.audience-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgb(18 58 49 / 7%)}.audience-card:hover .audience-art svg{transform:translateX(4px)}}
@media(max-width:1100px){.perspective-deck{gap:16px}.perspective-item summary{padding:22px;min-height:200px}.perspective-item h3{font-size:21px}.perspective-expanded{padding:0 22px 22px}.perspective-emblem{margin-inline:-22px}.foundation-story h2{font-size:36px}}
@media(min-width:621px) and (max-width:900px){.direction-panel[data-panel="0"] .direction-art-frame{height:100%;min-height:580px}.fund-diagram{inset:100px 16px 110px}.schema-labels{grid-template-columns:1fr;gap:16px}.schema-labels span{font-size:15px}}
@media(max-width:620px){.perspective-deck{grid-template-columns:1fr;gap:12px}.perspective-item summary{grid-template-columns:40px 1fr;gap:16px;align-items:center;min-height:98px;padding:22px}.perspective-number{font-size:24px}.perspective-item h3{font-size:21px;padding-right:20px}.perspective-open{top:24px;right:16px}.perspective-expanded{padding:0 22px 24px}.perspective-emblem{height:180px}.foundation-story h2{font-size:31px}.foundation-story .body-large{font-size:16px;line-height:1.8}.hero-network{bottom:50px;height:calc(100% - 50px)}.direction-panel[data-panel="0"] .direction-art-frame{height:340px}.fund-diagram{inset:42px 14px 72px}.schema-labels{gap:8px;font-size:14px}.diagram-note{font-size:14px;left:16px;right:16px;bottom:14px}.highlight-item summary{font-size:17px;gap:10px}.highlight-item p{margin-left:0}}
@media(prefers-reduced-motion:reduce){.hero-image,.schema-group,.perspective-item,.perspective-open,.highlight-item summary i,.audience-card,.audience-art svg,.syna-button,.text-link,.text-link .arrow{transition:none!important}.reading-progress{display:none}.audience-card:hover,.audience-card:hover .audience-art svg,.text-link:hover .arrow,.syna-button:active{transform:none}}
[data-motion="reduce"] .hero-image,[data-motion="reduce"] .schema-group,[data-motion="reduce"] .perspective-item,[data-motion="reduce"] .perspective-open,[data-motion="reduce"] .highlight-item summary i,[data-motion="reduce"] .audience-card,[data-motion="reduce"] .audience-art svg,[data-motion="reduce"] .syna-button,[data-motion="reduce"] .text-link,[data-motion="reduce"] .text-link .arrow{transition:none!important}[data-motion="reduce"] .reading-progress{display:none}[data-motion="reduce"] .audience-card:hover,[data-motion="reduce"] .audience-card:hover .audience-art svg,[data-motion="reduce"] .text-link:hover .arrow,[data-motion="reduce"] .syna-button:active{transform:none}

/* Reserve real label height so all three priorities stay clear at 320px. */
.fund-diagram{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}.fund-schema{height:100%;min-height:0}.schema-labels button{appearance:none;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--syna-emerald-100);font:inherit;line-height:1.45;padding:4px 2px;cursor:pointer;min-height:44px;opacity:.75}.schema-labels button:hover,.schema-labels button:focus-visible{opacity:1;border-bottom-color:var(--syna-earth-500)}.schema-labels button[aria-pressed="true"]{color:var(--syna-earth-500);opacity:1;border-bottom-color:var(--syna-earth-500)}@media(max-width:620px){.direction-panel[data-panel="0"] .direction-art-frame{height:370px}.fund-diagram{inset:42px 14px 84px}.diagram-note{bottom:14px}}

/* Desktop perspectives share a single full-width reading panel. */
@media(min-width:901px){.perspective-item,.perspective-item[open]{display:contents}.perspective-item summary{grid-row:1;background:var(--syna-ivory-100);border-top:2px solid var(--syna-emerald-700);min-height:180px}.perspective-item:nth-child(1) summary{grid-column:1}.perspective-item:nth-child(2) summary{grid-column:2}.perspective-item:nth-child(3) summary{grid-column:3}.perspective-item[open] summary{background:var(--syna-white);box-shadow:inset 0 0 0 1px var(--syna-color-border)}.perspective-expanded{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:40px;padding:28px;background:var(--syna-white);border:1px solid var(--syna-color-border)}.perspective-item:not([open]) .perspective-expanded{display:none}.perspective-emblem{margin:0;height:220px}.perspective-expanded p{font-size:18px;line-height:1.8;max-width:680px}.perspective-item h3{padding-right:20px}}

/* Explicit tabs keep the expanded text full width across browser engines. */
.perspective-deck{display:block}.perspective-options{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.perspective-choice{appearance:none;text-align:left;position:relative;display:grid;gap:24px;padding:28px;min-height:180px;background:var(--syna-ivory-100);border:0;border-top:2px solid var(--syna-emerald-700);color:var(--syna-graphite-950);cursor:pointer;font:inherit;transition:background 180ms}.perspective-choice strong{font-size:23px;line-height:1.35;padding-right:16px;font-weight:500}.perspective-choice[aria-selected="true"]{background:var(--syna-white);box-shadow:inset 0 0 0 1px var(--syna-color-border)}.perspective-choice[aria-selected="true"] .perspective-open{transform:rotate(90deg)}.perspective-panels{margin-top:24px}.perspective-panels .perspective-expanded{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;padding:28px;background:var(--syna-white);border:1px solid var(--syna-color-border)}.perspective-panels .perspective-emblem{margin:0;height:220px}.perspective-panels p{font-size:18px;line-height:1.8;max-width:680px}.perspective-expanded[hidden]{display:none!important}.perspective-choice:disabled{cursor:default;opacity:1}
@media(max-width:900px){.perspective-options{gap:16px}.perspective-choice{padding:22px;min-height:200px}.perspective-choice strong{font-size:21px}.perspective-panels .perspective-expanded{gap:24px;padding:24px}.perspective-panels p{font-size:16px}}
@media(max-width:620px){.perspective-options{grid-template-columns:1fr;gap:10px}.perspective-choice{grid-template-columns:40px 1fr;gap:16px;align-items:center;min-height:98px;padding:22px}.perspective-choice strong{padding-right:20px}.perspective-panels{margin-top:16px}.perspective-panels .perspective-expanded{display:block;padding:22px}.perspective-panels .perspective-emblem{height:180px;margin:-22px -22px 22px}.perspective-panels p{margin:0;font-size:16px}}
@media(prefers-reduced-motion:reduce){.perspective-choice{transition:none!important}}[data-motion="reduce"] .perspective-choice{transition:none!important}

/* P4.3: stable content; motion stays within diagrams. */
.hero-image{transition:none!important;transform:none!important}.audience-card,.audience-card:hover{transform:none;box-shadow:none}.audience-art svg,.audience-card:hover .audience-art svg{transform:none;transition:none}.audience-signal{position:absolute;inset:0 0 0 auto!important;width:60%!important;height:100%!important;opacity:.4;pointer-events:none}.audience-art>svg:not(.audience-signal){position:relative;z-index:1}.email-workflow{font-size:14px;line-height:1.7;padding:16px 18px;background:var(--syna-ivory-100);border-left:2px solid var(--syna-earth-500);color:var(--syna-color-text-muted);margin:20px 0}.email-draft-link{min-height:44px;display:inline-flex;align-items:center;margin-top:12px}.principle-control{appearance:none;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:44px;width:100%;text-align:left}.principle-control span{font:400 24px var(--syna-font-body-latin);color:var(--syna-earth-500)}.principle-control[aria-pressed="true"] span{transform:rotate(90deg)}.orbit-word[data-active="true"]{color:var(--syna-earth-500)}.orbit-marker{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--syna-earth-500);pointer-events:none}.marker-one{left:30%;top:28%}.marker-two{left:70%;top:42%}.marker-three{left:48%;top:74%}.approach-illustration[data-principle-active="0"] .orbit-one,.approach-illustration[data-principle-active="1"] .orbit-two,.approach-illustration[data-principle-active="2"] .orbit-three{border-color:var(--syna-earth-500)}

/* P4.4: Tim's 1005 review, readable labels and institutional access. */
.eyebrow,.card-tag,.art-label,.field-meta,.field-help,.contact-boundary,.privacy-copy,.company-name,.footer-legal,.hero-scroll{font-size:15px}
.section-heading>p:empty,.direction-boundary:empty{display:none}
.foundation-story .body-large{margin-block:0 20px}.foundation-story .body-large:last-of-type{margin-bottom:0}
.faq-item ul{padding-left:24px;margin:20px 0 28px;color:var(--syna-color-text-muted);font-size:17px;line-height:1.8}.faq-item li+li{margin-top:16px}
.institutional-access{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--syna-emerald-700);padding:10px 14px;min-height:44px;box-sizing:border-box;text-decoration:none;font-size:14px;white-space:nowrap;color:var(--syna-emerald-700)}
.institutional-access:hover{background:var(--syna-emerald-100)}.institutional-access .arrow{width:14px;height:14px}
.hero-network{inset:0;height:100%}.hero-visual{padding-bottom:0}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex}}
@media(max-width:620px){.header-inner{gap:10px}.header-actions{gap:10px}.institutional-access{padding:7px 9px;font-size:14px;min-height:44px}.institutional-access .arrow{display:none}.brand svg,.brand img{max-width:110px}.faq-item ul{font-size:16px}.hero-v2 h1{font-size:clamp(30px,8.3vw,48px)}}
@media(max-width:360px){.header-inner{padding-inline:14px}.header-actions{gap:7px}.institutional-access{padding-inline:7px}.brand svg,.brand img{max-width:95px}}

/* Keep the bilingual access control readable without widening a phone header. */
#app .eyebrow{font-size:15px}
@media(max-width:620px){.institutional-access{white-space:normal;max-width:100px;line-height:1.2;text-align:center;justify-content:center}}
@media(max-width:360px){.institutional-access{max-width:83px}.brand svg,.brand img{max-width:85px}.header-inner .brand{flex-shrink:1;min-width:0}}

/* P4.5: size hero type from its actual column; never split a currency name. */
.hero-copy{container-type:inline-size}
.hero-v2 h1{font-size:clamp(30px,14cqi,88px)}
.hero-v2 h1>span{white-space:nowrap}
[lang="zh-HK"] .hero-v2 h1{font-size:clamp(28px,9cqi,54px);line-height:1.35;letter-spacing:0}
h2,h3,.perspective-choice strong{word-break:normal;overflow-wrap:normal;text-wrap:balance}
.faq-item p,.faq-item li,.foundation-story .body-large{line-break:strict;text-wrap:pretty}

.heading-phrase{white-space:nowrap}.faq-item summary{line-break:strict}

.faq-item summary .faq-question{font:inherit;color:inherit;flex:1;min-width:0}.faq-item summary .heading-phrase{font:inherit;color:inherit;transform:none!important}

/* P4.6: official Zoho Basic iframe; external form owns validation and submission. */
.zoho-form-panel{padding:24px;min-width:0}.zoho-form-help{font-size:16px;line-height:1.7;margin:0 0 20px;color:var(--syna-color-text-muted)}.zoho-contact-frame{display:block;border:0;width:100%;height:820px;background:var(--syna-white)}.zoho-form-fallback{margin-top:20px;overflow-wrap:anywhere}.zoho-form-panel .privacy-copy{margin-top:20px}@media(max-width:620px){.zoho-form-panel{padding:12px}.zoho-contact-frame{height:920px}.zoho-form-help{padding:8px}}

/* P4.7: keep the reviewed heading clauses together at every width. */
.section-heading>div{container-type:inline-size}.semantic-heading>span{display:block;white-space:nowrap}[lang="zh-HK"] .semantic-heading{font-size:clamp(25px,8.7cqi,44px)!important;line-height:1.4}.section-heading:has(>p:empty){grid-template-columns:1fr}.section-heading>p:empty{display:none}.direction-detail h3{text-wrap:balance}

/* Keep shared SVG diagrams within their own panels, including fold/unfold widths. */
.perspective-emblem{position:relative;overflow:hidden;isolation:isolate}
.perspective-emblem>.direction-art{position:static;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%}

/* P4.8: approved sentence stays intact in source and wraps within the text column. */
.hero-v2 h1{font-size:clamp(34px,11cqi,64px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.hero-v2 h1>span{white-space:normal}
[lang="zh-HK"] .hero-v2 h1{font-size:clamp(28px,8.7cqi,48px);line-height:1.4}
.ai-directions{border-top:1px solid var(--syna-color-border);padding-top:36px;margin-top:32px}.ai-heading{max-width:820px}.ai-heading h3{font-size:28px;line-height:1.35}.ai-heading>p:last-child{color:var(--syna-color-text-muted);max-width:760px}.ai-direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.ai-direction-card{padding:28px;background:var(--syna-white);border:1px solid var(--syna-color-border);display:flex;flex-direction:column;align-items:start}.ai-direction-card h4{font-size:22px;line-height:1.4;margin:14px 0}.ai-direction-card p{color:var(--syna-color-text-muted);flex:1}.ai-direction-card .text-link{min-height:44px;display:inline-flex;align-items:center}.ai-direction-card .card-index{color:var(--syna-emerald-700);font-family:var(--syna-font-mono)}@media(max-width:620px){.ai-direction-grid{grid-template-columns:1fr;gap:16px}.ai-direction-card{padding:22px}.ai-heading h3{font-size:25px}}

.hero-v2 h1 .heading-phrase{display:inline;white-space:nowrap}

/* P4.8.1: explicit Chinese clauses; wide columns combine the subject and asset. */
[lang="zh-HK"] .hero-v2 h1{font-size:clamp(26px,8cqi,44px);line-height:1.42;text-wrap:initial}
[lang="zh-HK"] .hero-v2 h1>span{display:block;white-space:nowrap}
@container(min-width:480px){[lang="zh-HK"] .hero-v2 h1>span:nth-child(1),[lang="zh-HK"] .hero-v2 h1>span:nth-child(2){display:inline}}

/* P4.8.2: two complete clauses on wide screens; wrap protected phrases on phones. */
[lang="zh-HK"] .hero-v2 h1{font-size:clamp(26px,7.6cqi,42px)}
[lang="zh-HK"] .hero-v2 h1>span{display:block;white-space:normal}
[lang="zh-HK"] .hero-v2 h1>span:nth-child(n){display:block;white-space:normal}

/* P4.8.3: let the financial phrase flow and fit each mobile clause to the column. */
@media(max-width:620px){[lang="zh-HK"] .hero-v2 h1{font-size:clamp(20px,7cqi,26px)}}

/* P4.8.4: give the mobile logo and access link independent space. */
@media(max-width:900px){.header-inner .header-actions{min-width:0}.header-inner .institutional-access{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}}
@media(max-width:620px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px;row-gap:12px;padding-block:14px;min-height:0}
 .header-inner .brand{grid-column:1;grid-row:1;min-width:0;flex-shrink:0;justify-self:start}
 .header-inner .brand .logo{width:148px;max-width:100%;height:auto}
 .header-inner .header-actions{display:contents;margin:0}
 .header-inner .language-switch{grid-column:2;grid-row:1;white-space:nowrap;padding-inline:10px}
 .header-inner .menu-toggle{grid-column:3;grid-row:1}
 .header-inner .institutional-access{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;max-width:none;min-width:0;min-height:44px;padding:10px 14px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-align:center;font-size:15px}
 html{scroll-padding-top:150px}
}
@media(max-width:620px){.header-inner{padding-inline:0}}