@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090909;--panel:#121311;--gold:#edc684;--gold-dim:#ac8754;--white:#f2eee5;--muted:#b1aaa0;--line:#4b4133}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'Noto Sans TC',sans-serif;line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}h1,h2{font-family:'Noto Serif TC',serif}em{font-style:normal}main{overflow:hidden}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.eyebrow,.index{font-size:.77rem;letter-spacing:.24em;font-weight:700;color:var(--gold-dim)}.masthead{text-align:center;padding:74px 0 53px}.masthead .eyebrow{margin-bottom:12px}.masthead h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:.12em;color:var(--gold);font-weight:700;margin:0}.masthead h1 span{font-family:'Noto Sans TC',sans-serif;font-weight:500;letter-spacing:.015em;font-size:.78em;white-space:nowrap}.rule{width:48px;height:1px;background:var(--gold);margin:29px auto 0}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px);padding-bottom:72px;border-bottom:1px solid var(--line)}.pillar{text-align:center}.medallion{width:min(100%,190px);aspect-ratio:1;border-radius:50%;margin:0 auto 27px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(238,204,150,.7);box-shadow:inset 0 0 0 8px #0d0e0d,0 16px 28px rgba(0,0,0,.4)}.medallion:before,.medallion:after{content:'';position:absolute;border-radius:50%;inset:15px;border:1px solid rgba(238,204,150,.36)}.medallion:after{inset:35px;border-color:rgba(238,204,150,.17)}.medallion span{z-index:1;font-family:'Noto Serif TC',serif;font-size:1.55rem;letter-spacing:.2em;color:#f6dbac;text-shadow:0 2px 15px #000}.medallion i{position:absolute;width:74%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-24deg)}.medallion--vision{background:radial-gradient(circle at 65% 25%,#366b74,#142c38 48%,#101418 78%)}.medallion--mission{background:radial-gradient(circle at 60% 80%,#c3894e,#425a5d 50%,#111a20 78%)}.medallion--goal{background:radial-gradient(circle at 50% 38%,#8b704e,#2a2622 51%,#11100e 78%)}.pillar .index{margin-bottom:7px}.pillar h2{font-size:1.42rem;letter-spacing:.28em;color:var(--gold);margin-bottom:11px}.pillar>p:last-child{max-width:33ch;margin-inline:auto;font-size:.98rem;text-align:left;color:#d0c9be;line-height:1.9}
.market{display:grid;grid-template-columns:1.22fr .78fr;gap:40px;align-items:stretch;padding-block:90px 110px}.market-art{min-height:390px;border:1px solid #514533;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;background:radial-gradient(ellipse at 75% 40%,rgba(211,160,82,.27),transparent 32%),radial-gradient(ellipse at 18% 73%,rgba(116,93,60,.24),transparent 40%),linear-gradient(130deg,#151915,#090a09);overflow:hidden}.market-art:before{content:'';width:280px;height:280px;position:absolute;right:-65px;top:-80px;border:1px solid rgba(235,197,126,.28);border-radius:50%;box-shadow:0 0 0 42px rgba(237,198,132,.028),0 0 0 100px rgba(237,198,132,.021)}.market-art__line{height:1px;background:linear-gradient(90deg,transparent,#e9bd76,transparent);position:absolute;top:43%;left:-10%;width:120%;transform:rotate(-10deg)}.market-art h2{position:relative;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:.09em;margin:0}.market-art h2 em{color:var(--gold)}.market-copy{align-self:center}.market-copy h3{font-size:1.65rem;margin-bottom:16px;font-family:'Noto Serif TC',serif;letter-spacing:.12em}.market-copy>p:not(.eyebrow){color:var(--muted);font-size:.95rem}.fund-list{margin-top:26px;border-top:1px solid var(--line)}.fund-list div{border-bottom:1px solid #302b25;padding:11px 0;display:flex;gap:17px;align-items:baseline;font-size:.92rem}.fund-list b{font-variant-numeric:tabular-nums;color:var(--gold);font-size:1.1rem;min-width:58px}.fund-list span{color:#dad2c5}
.balance{text-align:center;padding-bottom:80px}.balance>.eyebrow{margin-bottom:9px}.balance h2{font-size:clamp(1.8rem,3vw,2.55rem);font-weight:500;letter-spacing:.25em;margin-bottom:35px}.balance h2 span{display:block;color:var(--gold);letter-spacing:.11em;font-weight:700;margin-top:5px}.balance-visual{min-height:360px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 47%,#293039 0,#161b20 28%,#0b0d0e 56%,#090909 74%);border-block:1px solid #252a2a;overflow:hidden}.balance-visual__orbit{position:absolute;width:clamp(230px,42vw,450px);aspect-ratio:1;border:1px solid rgba(237,198,132,.55);border-radius:50%;box-shadow:0 0 0 34px rgba(237,198,132,.027),0 0 0 80px rgba(237,198,132,.017)}.balance-visual__orbit:before,.balance-visual__orbit:after{content:'';position:absolute;top:50%;width:36%;height:1px;background:linear-gradient(90deg,transparent,var(--gold));left:0;transform:translateY(-50%)}.balance-visual__orbit:after{left:auto;right:0;transform:rotate(180deg)}.balance-visual p{z-index:1;font-size:clamp(1.6rem,4vw,3.1rem);font-family:'Noto Serif TC',serif;letter-spacing:.16em;color:#efdab4;margin:0}.balance-visual p span{color:var(--gold-dim);font-size:.65em;margin:0 .35em}.balance-visual small{z-index:1;color:var(--muted);font-size:.85rem;margin-top:14px;letter-spacing:.14em}
.portfolio{padding-bottom:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.section-head h2{font-size:1.7rem;margin:0}.section-head p:last-child{font-size:.82rem;color:var(--muted);max-width:30ch;margin:0}.holdings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.holding{position:relative;display:grid;grid-template-columns:1fr auto;gap:0 8px;min-height:91px;padding:16px 15px 20px;border:1px solid #3d352a;background:linear-gradient(150deg,#161513,#0d0d0c);overflow:hidden}.holding span{font-size:.79rem;color:var(--gold-dim);letter-spacing:.08em}.holding b{font-size:.96rem;font-weight:500;grid-column:1;align-self:end}.holding strong{grid-column:2;grid-row:1/3;align-self:center;color:var(--gold);font-size:1.4rem;font-weight:500;font-variant-numeric:tabular-nums}.holding i{position:absolute;left:0;bottom:0;width:var(--w);height:2px;background:var(--gold)}footer{border-top:1px solid var(--line);padding-block:25px 45px;display:flex;justify-content:space-between;gap:15px;font-size:.9rem;color:var(--gold)}footer b{font-weight:400}footer small{font-size:.82rem;color:var(--muted)}
@media(max-width:850px){.wrap{width:min(720px,calc(100% - 36px))}.pillars{gap:22px}.medallion{width:min(100%,155px)}.market{gap:24px}.holdings{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.masthead{padding:52px 0 43px}.masthead h1{line-height:1.5}.masthead h1 span{display:block}.pillars{grid-template-columns:1fr;gap:34px;padding-bottom:52px}.pillar{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto 1fr;gap:0 18px;text-align:left}.medallion{width:112px;grid-row:1/4;margin:0}.medallion span{font-size:1rem}.pillar .index{align-self:end}.pillar h2{margin:2px 0 6px}.pillar>p:last-child{max-width:none;margin:0;font-size:.9rem}.market{grid-template-columns:1fr;padding-block:58px 70px}.market-art{min-height:315px}.market-copy{padding:0 4px}.balance{padding-bottom:58px}.balance h2{letter-spacing:.1em;line-height:1.55}.balance-visual{min-height:300px}.section-head{display:block}.section-head p:last-child{margin-top:10px;max-width:none}.holdings{grid-template-columns:repeat(2,1fr);gap:9px}.holding{min-height:86px;padding:12px 10px 17px}.holding strong{font-size:1.17rem}.portfolio{padding-bottom:65px}footer{display:block}footer small{display:block;margin-top:5px}}
@media(max-width:380px){.pillar{grid-template-columns:88px 1fr;gap:12px}.medallion{width:88px}.pillar>p:last-child{font-size:.85rem}.holdings{grid-template-columns:1fr}.holding{min-height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.market-art{background:#101210;isolation:isolate}
.market-art:before{display:none}
.market-art:after{content:'';position:absolute;inset:30% 0 0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.93),transparent)}
.market-art__image{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:contain;object-position:right center;z-index:-2}
.market-art .eyebrow,.market-art h2{position:relative;text-shadow:0 2px 12px #000}

/* Brand principles */
.principles{padding-bottom:86px;border-bottom:1px solid var(--line)}
.principles-head{display:flex;align-items:end;justify-content:center;gap:32px;margin-bottom:28px}
.principles-head .eyebrow{margin:0}
.principles-head h2{max-width:none;margin:0;text-align:center;font-size:clamp(1.15rem,2.6vw,2.15rem);letter-spacing:.08em;font-weight:600;white-space:nowrap}
.pillars{position:relative;padding:0;border:0;gap:18px}
.pillars:before{content:'';position:absolute;top:0;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),var(--gold),var(--gold-dim),transparent)}
.pillar{min-height:265px;padding:28px 27px 30px;text-align:left;border:1px solid #3d352a;background:linear-gradient(145deg,#171613,#0d0d0c 70%);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;outline:none}
.pillar:hover,.pillar:focus{transform:translateY(-5px);border-color:#9d7d4f;box-shadow:0 18px 36px rgba(0,0,0,.34)}
.pillar-top{display:flex;align-items:flex-start;justify-content:flex-end;gap:20px;margin-bottom:28px}
.pillar .index{margin:4px 0 0}
.pillar-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:1px solid rgba(237,198,132,.46);background:#11110f}
.pillar-icon svg{width:38px;height:38px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pillar h3{font-family:'Noto Serif TC',serif;font-size:1.55rem;letter-spacing:.25em;color:var(--gold);margin:0 0 13px}
.pillar-lead{min-height:3.1em;margin:0 0 18px;font-family:'Noto Serif TC',serif;font-size:1.08rem;line-height:1.55;color:#f0e4cf}
.pillar .pillar-detail{max-width:none;max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(8px);font-size:.95rem;line-height:1.9;color:#bdb5aa;transition:max-height .35s ease,opacity .25s ease,transform .3s ease,margin .3s ease}
.pillar:hover .pillar-detail,.pillar:focus .pillar-detail{max-height:10em;margin-top:18px;opacity:1;transform:translateY(0)}

/* Bull and bear market banner */
.market{display:block;padding-block:88px 110px}
.market-banner{position:relative;isolation:isolate;min-height:500px;overflow:hidden;border:1px solid #4f422f;background:#0c0d0c}
.market-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.56) 34%,rgba(0,0,0,.05) 62%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 38%)}
.market-art__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.market-banner__copy{position:absolute;left:clamp(26px,5vw,68px);bottom:clamp(30px,6vw,66px);max-width:470px;text-shadow:0 2px 14px #000}
.market-banner__copy .eyebrow{margin-bottom:11px;color:#d6ae70}
.market-banner__copy h2{font-size:clamp(2rem,4.5vw,3.6rem);letter-spacing:.08em;margin:0 0 17px}
.market-banner__copy h2 em{color:var(--gold)}
.market-banner__copy>p:last-child{max-width:33em;margin:0;color:#ddd5c8;font-size:1rem}
.market-info{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(38px,7vw,90px);padding:42px clamp(4px,3vw,36px) 0}
.market-copy{align-self:start}
.market-copy h3{font-size:1.65rem;margin-bottom:16px;font-family:'Noto Serif TC',serif;letter-spacing:.12em}
.market-copy>p:not(.eyebrow){color:var(--muted);font-size:.95rem}
.market-info .fund-list{margin-top:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}

@media(max-width:850px){
  .principles-head{display:block}.principles-head h2{margin-top:8px;text-align:left}
  .pillars{grid-template-columns:1fr;gap:15px}
  .pillars:before{display:none}
  .pillar{min-height:0;padding:25px 25px 27px;border-left:2px solid var(--gold-dim)}
  .pillar-lead{min-height:0}
  .market-banner{min-height:440px}
}
@media(max-width:650px){
  .principles{padding-bottom:60px}.principles-head{margin-bottom:22px}
  .pillar{display:block;padding:22px 21px 25px}.pillar-top{margin-bottom:17px}.pillar-icon{width:52px;height:52px;float:none}.pillar h3{margin-top:-8px}
  .market{padding-block:58px 72px}.market-banner{min-height:0;overflow:visible;border:0;background:transparent}
  .market-banner:after{display:none}.market-art__image{position:relative;display:block;aspect-ratio:793/591;object-fit:contain;border:1px solid #4f422f;background:#0c0d0c}
  .market-banner__copy{position:relative;left:auto;bottom:auto;max-width:none;padding:24px 3px 0;text-shadow:none}
  .market-art__image{width:100%;height:auto}
  .market-banner__copy h2{font-size:clamp(1.85rem,8vw,2.55rem)}
  .market-info{grid-template-columns:1fr;gap:25px;padding:38px 3px 0}
  .market-info .fund-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.pillar{transition:none}}