@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{--navy:#072b43;--deep:#061f32;--gold:#bba16c;--ink:#193649;--muted:#667985;--line:#dbe3e8;--pale:#f2f6f8;--serif:'Noto Serif TC','Yu Mincho','Batang',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.85 'Noto Sans TC','Yu Gothic','Malgun Gothic',sans-serif}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bba16c;outline-offset:4px}.container{width:min(1260px,88%);margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.utility{background:var(--deep);color:#cad7df;font-size:12px;letter-spacing:.8px}.utility-inner,.utility-inner>div{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:37px}.language-wrap{border-left:1px solid #ffffff28;padding-left:22px}.language-wrap select{background:transparent;border:0;color:#edf1f4;cursor:pointer;font-size:12px;padding:4px 20px 4px 5px}.language-wrap option{background:var(--deep);color:white}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:25px}.brand{display:flex;gap:16px;align-items:center;min-width:0}.brand-mark{display:block;flex-shrink:0;width:64px;height:64px}.brand-mark svg{fill:none;stroke:var(--gold);stroke-width:1.3;width:100%;height:100%}.brand-mark path{stroke:var(--navy);stroke-width:1.8}.brand strong{display:block;font:600 26px/1.55 var(--serif);letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1.3px;margin-top:5px;color:#7e8b95}.header-cta{font-size:14px;border:1px solid var(--gold);padding:8px 21px;white-space:nowrap}.menu-toggle{display:none}.navigation{border-top:1px solid #e8ecef;border-bottom:1px solid #e8ecef;background:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-inner a{font-size:14px;padding:15px 3px;position:relative;white-space:nowrap}.nav-inner a:hover{color:#9b814e}.nav-inner a:hover:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold)}.hero{background:var(--navy);position:relative;min-height:570px;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{background:linear-gradient(90deg,#05263ae8,#07314b83 60%,#042337b8),linear-gradient(0deg,#041f36af,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 330px;gap:80px;padding-top:66px;padding-bottom:85px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:2px;color:#9b824f;line-height:1.6;margin-bottom:15px}.hero .eyebrow{color:#d4c39d}.hero h1{font:600 48px/1.55 var(--serif);letter-spacing:3px;margin:0 0 21px}.hero-main>p{font-size:15px;line-height:2;color:#d1dde5;margin:0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 24px;font-size:14px;border:1px solid transparent;text-align:center;line-height:1.5}.gold{background:#c7b07e;color:var(--deep)}.gold:hover{background:#dac69c}.outline{border-color:#ffffff70;color:#fff;background:transparent}.outline:hover{background:#ffffff14}.navy{background:var(--navy);color:#fff}.navy:hover{background:#194660}.hero-focus{border-top:2px solid var(--gold);background:#052c43cc;padding:23px 26px;margin-top:8px;align-self:start;backdrop-filter:blur(5px)}.focus-top{display:flex;justify-content:space-between;color:#d9c69f;font-size:11px;letter-spacing:1px}.focus-top>span:last-child{color:#9fb3c0}.hero-focus h2{font:500 24px/1.7 var(--serif);margin:20px 0 15px}.hero-focus p{font-size:13px;color:#b9ccd8;margin:0 0 17px}.hero-focus>a{font-size:12px;border-bottom:1px solid #d0bc9377;padding-bottom:4px;color:#e1cea8}.focus-topics{display:flex;gap:6px;flex-direction:column;border-top:1px solid #ffffff20;margin-top:22px;padding-top:15px;font-size:9px;letter-spacing:1.8px;color:#8fa8b7}.hero-caption{position:absolute;left:6%;bottom:26px;font-size:9px;letter-spacing:1.8px;color:#b5c6d1;display:flex;justify-content:space-between}.quick-paths{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;background:#fff}.quick-paths>a{display:flex;align-items:center;gap:16px;padding:25px 22px;border-right:1px solid var(--line);position:relative}.quick-paths>a:last-child{border:0}.quick-paths>a:hover{background:var(--pale)}.quick-paths svg{width:33px;height:33px;color:#a28750;flex-shrink:0}.quick-paths strong{font-size:16px;display:block;font-weight:500}.quick-paths small{font-size:11px;display:block;color:var(--muted);margin-top:3px}.path-number{font-size:10px;color:#a2adb6;margin-left:auto}.section{padding:76px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:29px}.section-heading>div{max-width:740px}.section-heading .eyebrow{margin-bottom:10px}h2{font:600 31px/1.65 var(--serif);letter-spacing:.5px;margin:0}h3{font-weight:500;line-height:1.7}p{margin:0 0 18px}.section-heading>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:365px;margin:0;flex-shrink:0}.filter-bar{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:29px}.filter-bar button{font-size:13px;border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;color:var(--muted)}.filter-bar button.selected{border-color:var(--gold);color:var(--navy)}.article-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:0 48px}.insight{grid-column:2;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:22px}.insight:last-child{border:0;margin-bottom:0;padding:0}.insight.featured{grid-column:1;grid-row:1 / span 3;border:1px solid var(--line);padding:0;margin:0;background:#fff}.feature-visual{height:188px;background:linear-gradient(115deg,#08364e,#0d5265);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#f0ede2}.feature-visual:before,.feature-visual:after{content:'';position:absolute;border:1px solid #9cb5b52d;width:300px;height:300px;border-radius:50%;right:-50px;top:-160px}.feature-visual:after{right:auto;left:-90px;top:70px;width:340px;height:340px}.feature-visual>span{font:400 56px/1 Georgia,serif;letter-spacing:12px}.feature-visual-bottom{position:absolute;bottom:14px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#aac4cd}.featured .insight-content{padding:27px 29px}.meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#9c834f;letter-spacing:.5px}.meta>span:last-child{color:#8d9aa3}.insight h3{font-size:19px;margin:8px 0 10px}.insight h3 button{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;line-height:1.6}.featured h3{font-family:var(--serif);font-size:25px;margin:12px 0}.insight p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:13px}.article-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.article-actions>span{font-size:10px;color:#89959e}.text-link{display:inline-block;border:0;border-bottom:1px solid #bca47288;padding:0 0 4px;background:none;font-size:12px;line-height:1.6;color:#8d7441}.text-link:hover{color:var(--navy);border-color:var(--navy)}.article-grid.single{grid-template-columns:1fr}.article-grid.single .featured{display:grid;grid-template-columns:1fr 1.3fr;grid-row:auto}.article-grid.single .feature-visual{height:100%;min-height:260px}.source-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding-top:23px;font-size:10px;letter-spacing:1px;color:#92a0aa}.source-strip>span{color:#947c4f;font-size:11px}.source-strip strong{font-size:10px;font-weight:500;text-align:center}.about{background:var(--pale)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:67px;align-items:center}.about-image{height:420px;position:relative}.about-image img{width:100%;height:100%;object-fit:cover;object-position:56%;filter:saturate(.65)}.about-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082e4adb,transparent 60%)}.about-image-caption{position:absolute;left:28px;right:28px;bottom:27px;z-index:1;display:flex;justify-content:space-between;align-items:center;color:white}.about-image-caption>span:first-child{font:28px Georgia,serif;letter-spacing:4px}.about-image-caption>span:last-child{font-size:9px;letter-spacing:1px}.about p{font-size:14px;color:var(--muted);line-height:1.95}.about .lead{font-size:17px;color:var(--ink);margin:20px 0 17px}.principles{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:13px}.principles small{font:13px Georgia,serif;color:#ad9564;display:block;margin-bottom:5px}.video-section{background:var(--deep);color:#fff}.light .eyebrow{color:#c8af7a}.light>p{color:#aebfcb}.video-section .filter-bar{border-color:#ffffff25}.video-section .filter-bar button{color:#8fa7b7}.video-section .filter-bar button.selected{color:#e5d5b4}.video-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:45px}.video-stage{aspect-ratio:16/9;background:#020f19;position:relative;overflow:hidden}.video-stage>img{width:100%;height:100%;object-fit:cover}.video-stage-shade{position:absolute;inset:0;background:linear-gradient(0deg,#021a2aa3,transparent 80%)}.video-stage iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.play-control{position:absolute;inset:0;margin:auto;width:max-content;max-width:90%;height:max-content;background:none;border:0;color:white;display:flex;align-items:center;flex-direction:column;gap:15px;font-size:12px;letter-spacing:1px;text-shadow:0 1px 10px #000}.play-control>span:first-child{display:flex;align-items:center;justify-content:center;width:63px;height:63px;border:1px solid #ffffffaa;border-radius:50%;background:#082d4599;padding-left:4px;font-size:22px}.play-control:hover>span:first-child{background:var(--gold);color:var(--deep)}.video-category{position:absolute;bottom:17px;left:20px;font-size:10px;letter-spacing:1px;color:#e4d5b7}.video-meta{display:flex;justify-content:space-between;gap:15px;margin:19px 0 9px;font-size:11px;color:#ac9470}.video-title{font-family:var(--serif);font-size:23px;margin:0 0 12px}.video-description{font-size:14px;color:#aebfcb;line-height:1.85}.video-learning{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:17px 0;margin-top:21px;display:flex;gap:24px}.video-learning>strong{font-size:12px;font-weight:500;white-space:nowrap;color:#c6b489}.video-learning ul{margin:0;padding-left:18px;color:#b5c5d0;font-size:13px}.video-source{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-top:17px}.video-source p{font-size:10px;color:#7f9aab;margin:0}.video-source .text-link{color:#cfb784;font-size:11px;flex-shrink:0}.video-fallback{font-size:10px;color:#7792a3;margin:10px 0 0}.video-playlist{display:flex;flex-direction:column;gap:9px;align-self:start}.playlist-item{display:grid;grid-template-columns:125px 1fr;gap:15px;width:100%;align-items:center;padding:14px;background:#ffffff04;border:1px solid #ffffff13;text-align:left;color:#fff}.playlist-item.active{border-color:#bfa8759c;background:#bfa87512}.playlist-item:hover{background:#ffffff0e}.playlist-thumb{position:relative;aspect-ratio:16/10;background:#123c53;overflow:hidden;display:flex;align-items:center;justify-content:center}.playlist-thumb>img{width:100%;height:100%;object-fit:cover}.playlist-thumb>span:first-child{font:bold 14px/1.5 Arial,sans-serif;text-align:center;letter-spacing:1px}.small-play{position:absolute;right:7px;bottom:5px;font-size:9px;background:#061e30b8;padding:1px 4px}.playlist-publisher{font-size:9px;color:#88a3b4;display:block;line-height:1.6}.playlist-item h4{font-size:14px;font-weight:500;line-height:1.65;margin:6px 0}.playlist-category{font-size:10px;color:#baa575}.video-notice{border-top:1px solid #ffffff1c;margin-top:28px;padding-top:20px;font-size:11px;color:#8aa1b1;margin-bottom:0}.video-cover-type{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font:42px Georgia,serif;letter-spacing:5px;color:#dccaa5;background:#174059}.video-cover-type span{font-size:24px;margin-top:20px}.original-video{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);white-space:nowrap}.work-layout{display:grid;grid-template-columns:300px 1fr;gap:0;border:1px solid var(--line)}.work-tabs{display:flex;flex-direction:column;background:#f2f6f8}.work-tabs button{display:flex;align-items:center;gap:20px;flex:1;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:25px;font-size:16px;line-height:1.6}.work-tabs button:last-child{border-bottom:0}.work-tabs button>span{font:15px Georgia,serif;color:#a2acb3}.work-tabs button[aria-selected=true]{background:var(--navy);color:white;border-color:var(--navy)}.work-tabs button[aria-selected=true]>span{color:var(--gold)}#work-panel{position:relative;padding:43px 48px;overflow:hidden}.work-number{position:absolute;top:0;right:26px;font:130px Georgia,serif;color:#f0f4f6;z-index:0}.work-main{position:relative}.work-main h3{font:500 26px/1.65 var(--serif);max-width:660px;margin:0 0 20px}.work-main>p{font-size:15px;color:var(--muted);max-width:650px}.work-topic-label{font-size:12px;color:#8d7546;margin:22px 0 9px}.work-topics{display:flex;flex-wrap:wrap;gap:8px}.work-topics span{background:var(--pale);border:1px solid #e3e9ed;font-size:12px;padding:6px 12px}.work-actions{display:flex;gap:25px;align-items:center;margin-top:28px}.ecosystem{background:var(--pale)}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.institution{background:#fff;border:1px solid var(--line);padding:29px 28px 22px;display:flex;flex-direction:column}.institution:hover{border-color:var(--gold)}.institution-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.institution-top h3{font:600 29px/1.3 Arial,sans-serif;letter-spacing:-.8px;margin:0}.institution-top>span{font:13px Georgia,serif;color:#9fadb7}.institution-tag{font-size:12px;color:#9a814d;margin-bottom:11px}.institution p{font-size:14px;color:var(--muted);line-height:1.9;flex:1;margin:0 0 25px}.institution-link{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#8797a2}.institution-link .text-link{font-size:11px}.directory-note,.resource-note{font-size:11px;color:#8596a1;line-height:1.8;margin:23px 0 0}.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.resource{padding:29px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.resource:last-child{border:0}.resource-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.resource-top>span{font:22px Georgia,serif}.resource-top small{font-size:8px;color:#a49578;letter-spacing:1px}.resource h3{font-size:18px;margin:0 0 12px}.resource p{font-size:13px;color:var(--muted);flex:1;margin-bottom:23px}.resource .text-link{align-self:start}.knowledge-grid{display:grid;grid-template-columns:1fr 1.75fr;gap:80px;border-top:1px solid var(--line);margin-top:55px;padding-top:51px}.knowledge-grid h2{font-size:28px}.knowledge-grid>div>p{font-size:14px;color:var(--muted);margin-top:15px}.knowledge-item{border-bottom:1px solid var(--line)}.knowledge-item summary{display:flex;align-items:center;gap:17px;padding:18px 0;cursor:pointer;font-size:15px;list-style:none}.knowledge-item summary::-webkit-details-marker{display:none}.knowledge-item summary>span{font:14px Georgia,serif;color:#a58e5f}.knowledge-item summary b{font-size:19px;font-weight:400;margin-left:auto;color:#a28c60}.knowledge-item[open] summary b{transform:rotate(45deg)}.knowledge-item>div{padding:0 25px 22px 32px}.knowledge-item p{font-size:14px;line-height:1.9;color:var(--muted)}.membership{background:var(--navy);color:white}.membership-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.service-steps{display:flex;flex-direction:column}.service-steps>div{display:flex;align-items:start;gap:24px;padding:17px 0;border-bottom:1px solid #ffffff20}.service-steps>div>span{font:22px Georgia,serif;color:#c7ad77;padding-top:6px}.service-steps h3{margin:0 0 5px;font-size:18px}.service-steps p{font-size:13px;color:#a6bfce;margin:0}.membership-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:27px}.availability{font-size:11px;color:#8da9ba;margin:20px 0 0;max-width:560px}.faq{padding:28px 30px;background:#ffffff06;border:1px solid #ffffff22;align-self:start;margin-top:12px}.faq>h3{font-family:var(--serif);font-size:22px;margin:0 0 15px}.faq details{border-bottom:1px solid #ffffff20}.faq details:last-child{border:0}.faq summary{display:flex;justify-content:space-between;gap:17px;cursor:pointer;list-style:none;font-size:14px;padding:16px 0}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#d5bc8a}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:13px;line-height:1.9;color:#a7bdcb;margin:0 0 20px}footer{background:#041e2f;color:#9fb3c0;padding:42px 0 20px}.footer-main{display:flex;justify-content:space-between;gap:50px;padding-bottom:31px}.footer-brand{display:flex;gap:18px;align-items:center}.footer-brand .brand-mark{width:52px;height:52px}.footer-brand .brand-mark path{stroke:#c6ae7b}.footer-brand strong{font:500 18px/1.6 var(--serif);color:#d9e3e9;display:block;max-width:550px}.footer-brand p{font-size:12px;margin:8px 0 0;color:#7895a6}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;align-content:center;font-size:12px;flex-shrink:0}.footer-links button{border:0;padding:0;background:none;font-size:12px;color:inherit;text-align:left}.footer-bottom{border-top:1px solid #ffffff15;padding-top:18px;display:flex;justify-content:space-between;gap:22px;font-size:10px;color:#718e9f}.footer-bottom>a{color:#b6a078}.dialog-close{position:absolute;right:17px;top:10px;background:none;border:0;font-size:31px;color:var(--navy)}dialog{border:0;width:min(730px,92%);max-height:85vh;padding:45px 44px;color:var(--ink);box-shadow:0 20px 90px #00243f55}dialog::backdrop{background:#031d30b8;backdrop-filter:blur(4px)}dialog h2{font-size:28px;margin-bottom:17px}dialog p{font-size:15px;line-height:1.95;color:var(--muted)}dialog .dialog-lead{font-size:17px;color:var(--ink);margin-top:25px}.dialog-note{padding:16px;background:var(--pale);font-size:13px}body:has(dialog[open]){overflow:hidden}html[lang=en] .hero h1{font-size:43px;line-height:1.35;letter-spacing:0}html[lang=en] .brand strong{font-size:25px;letter-spacing:0}html[lang=ja] .brand strong,html[lang=ko] .brand strong{font-size:24px;letter-spacing:0}html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:36px;letter-spacing:0}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{word-break:keep-all}html[lang=en] h2{letter-spacing:0}
@media(min-width:1432px){.hero-caption{left:calc((100% - 1260px)/2)}}
@media(max-width:1150px){.hero-grid{grid-template-columns:1fr 280px;gap:35px}.hero h1{font-size:41px}.hero-focus{padding:22px}.brand strong{font-size:23px}.brand small{font-size:8px}.quick-paths>a{padding:22px 16px;gap:12px}.quick-paths strong{font-size:14px}.path-number{display:none}.section-heading{gap:35px}.section-heading>p{max-width:300px}.article-grid{gap:0 30px}.about-grid{gap:40px}.video-layout{gap:28px;grid-template-columns:1.25fr 1fr}.playlist-item{grid-template-columns:100px 1fr;padding:10px;gap:12px}.work-layout{grid-template-columns:260px 1fr}#work-panel{padding:35px}.institution{padding:25px 22px}.resources-grid{grid-template-columns:repeat(2,1fr)}.resource:nth-child(2){border-right:0}.resource:nth-child(-n+2){border-bottom:1px solid var(--line)}.knowledge-grid{gap:40px}.membership-grid{gap:45px}.footer-links{gap:10px 20px}html[lang=en] .brand strong{font-size:23px}html[lang=ja] .brand strong,html[lang=ko] .brand strong{font-size:20px}}
@media(max-width:850px){.masthead{min-height:95px}.brand-mark{width:50px;height:50px}.brand strong{font-size:21px}.brand small{font-size:7px;letter-spacing:.7px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 250px;gap:22px}.hero h1{font-size:35px;letter-spacing:1px}.hero p{font-size:14px}.hero-focus h2{font-size:21px}.hero-focus p{font-size:12px}.nav-inner{gap:12px}.nav-inner a{font-size:12px}.quick-paths{grid-template-columns:repeat(2,1fr)}.quick-paths>a:nth-child(2){border-right:0}.quick-paths>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-paths small{font-size:12px}.section-heading{display:block}.section-heading>p{max-width:680px;margin-top:13px}.about-grid{grid-template-columns:1fr}.about-image{height:300px}.video-layout{grid-template-columns:1fr}.video-playlist{display:grid;grid-template-columns:1fr 1fr}.playlist-item{grid-template-columns:100px 1fr}.ecosystem-grid{grid-template-columns:1fr 1fr}.knowledge-grid{grid-template-columns:1fr;gap:20px}.membership-grid{grid-template-columns:1fr;gap:30px}.footer-main{display:block}.footer-links{display:flex;flex-wrap:wrap;margin-top:28px}.footer-bottom{flex-wrap:wrap}html[lang=en] .hero h1{font-size:34px}html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:29px}}
@media(max-width:620px){.container{width:89%}.utility-inner{min-height:34px;gap:7px}.utility-inner>span{font-size:9px;letter-spacing:0;max-width:66%}.utility-inner>div{gap:0;min-height:34px}.utility-inner>div>a{display:none}.language-wrap{border:0;padding:0}.language-wrap select{font-size:11px;max-width:100px;padding-right:5px}.masthead{min-height:85px;gap:10px}.brand{gap:10px}.brand-mark{width:43px;height:43px}.brand strong{font-size:clamp(14px,3.55vw,21px);letter-spacing:0}.brand small{font-size:5.8px;line-height:1.5;letter-spacing:.25px;max-width:285px}.menu-toggle{display:flex;flex-direction:column;gap:5px;flex-shrink:0;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:21px;height:1px;background:var(--navy)}.navigation{display:none}.navigation.open{display:block}.nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 0}.nav-inner a{padding:10px;font-size:14px}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:67px;gap:31px}.hero h1{font-size:33px;line-height:1.6;margin-bottom:20px;letter-spacing:2px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-main>p{font-size:13px;line-height:1.95}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#062b43ed,#07344f9e),linear-gradient(0deg,#041f35cc,transparent)}.hero-actions{gap:12px;margin-top:25px}.button{font-size:12px;padding:11px 17px}.hero-focus{margin:0;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.focus-top{grid-column:1/-1;font-size:10px}.hero-focus h2{font-size:19px;line-height:1.6;margin:8px 0}.hero-focus p{font-size:11px;margin:8px 0;line-height:1.9}.hero-focus>a{font-size:11px;justify-self:start;grid-column:1/-1}.focus-topics{display:none}.hero-caption{font-size:8px;left:5.5%;letter-spacing:1px;bottom:22px}.hero-caption>span{display:none}.quick-paths>a{padding:19px 13px;gap:11px}.quick-paths svg{width:27px;height:27px}.quick-paths strong{font-size:14px}.quick-paths small{font-size:9px}.section{padding:51px 0}.section-heading{margin-bottom:23px}h2{font-size:26px;line-height:1.6}.section-heading>p{font-size:13px;line-height:1.9}.eyebrow{font-size:9px;letter-spacing:1.5px}.filter-bar{gap:21px;overflow-x:auto;margin-bottom:24px}.filter-bar button{font-size:12px;white-space:nowrap}.article-grid{display:block}.insight.featured{margin-bottom:27px}.feature-visual{height:175px}.feature-visual>span{font-size:46px}.featured .insight-content{padding:22px}.featured h3{font-size:22px}.insight h3{font-size:18px}.insight p{font-size:13px}.article-grid.single .featured{display:block}.article-grid.single .feature-visual{min-height:175px}.source-strip{flex-wrap:wrap;justify-content:start;gap:13px 25px}.source-strip strong{font-size:8px}.source-strip>span{font-size:10px;flex-basis:100%}.about-grid{gap:30px}.about-image{height:255px}.about-image-caption{left:22px;right:22px;bottom:21px}.about-image-caption>span:first-child{font-size:23px}.about .lead{font-size:16px}.about p{font-size:13px}.principles{font-size:12px;gap:12px}.video-title{font-size:21px}.video-description{font-size:13px}.video-layout{gap:28px}.video-playlist{display:flex}.playlist-item{grid-template-columns:110px 1fr;padding:13px;gap:14px}.playlist-item h4{font-size:13px}.video-learning{display:block}.video-learning ul{margin-top:10px;font-size:12px;line-height:1.95}.video-meta{font-size:10px}.video-source{display:block}.video-source .text-link{margin-top:10px}.video-notice{font-size:10px}.video-learning>strong{font-size:12px}.work-layout{display:block}.work-tabs{display:grid;grid-template-columns:1fr 1fr}.work-tabs button{font-size:13px;padding:17px 14px;gap:10px;min-height:70px;border-right:1px solid var(--line)}.work-tabs button:last-child{border-bottom:1px solid var(--line)}.work-tabs button>span{font-size:12px}#work-panel{padding:28px 23px}.work-main h3{font-size:23px}.work-main>p{font-size:13px}.work-topics span{font-size:11px;padding:5px 9px}.work-actions{gap:18px;margin-top:23px}.work-number{font-size:110px;right:18px}.ecosystem-grid{grid-template-columns:1fr;gap:14px}.institution{padding:25px}.institution p{font-size:13px}.institution-top h3{font-size:28px}.institution-tag{font-size:11px}.directory-note{font-size:10px}.resources-grid{grid-template-columns:1fr 1fr}.resource{padding:24px 17px}.resource-top{display:block;margin-bottom:18px}.resource-top>span{font-size:22px}.resource-top small{display:block;font-size:8px;margin-top:5px}.resource h3{font-size:16px}.resource p{font-size:12px}.resource .text-link{font-size:11px}.resource-note{font-size:10px}.knowledge-grid{margin-top:35px;padding-top:33px}.knowledge-grid h2{font-size:25px}.knowledge-grid>div>p{font-size:13px}.knowledge-item summary{font-size:14px;gap:12px}.knowledge-item p{font-size:13px}.knowledge-item>div{padding-left:26px;padding-right:12px}.service-steps h3{font-size:17px}.service-steps p{font-size:12px}.membership-actions{gap:10px}.availability{font-size:10px}.faq{padding:24px}.faq summary{font-size:13px}.faq p{font-size:12px}.footer-brand{gap:12px;align-items:start}.footer-brand .brand-mark{width:40px;height:40px}.footer-brand strong{font-size:14px}.footer-brand p{font-size:11px}.footer-links{gap:14px 24px;font-size:11px}.footer-bottom{display:block;font-size:9px}.footer-bottom>span,.footer-bottom>a{display:block;margin-top:8px}dialog{padding:38px 24px}dialog h2{font-size:24px}dialog p{font-size:14px}html[lang=en] .brand strong{font-size:16px}html[lang=en] .brand small{font-size:5px}html[lang=ja] .brand strong,html[lang=ko] .brand strong{font-size:14px}html[lang=en] .hero h1{font-size:32px;line-height:1.4}html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:27px;letter-spacing:0}html[lang=en] .hero-focus h2{font-size:18px}html[lang=en] .quick-paths strong{font-size:12px}html[lang=en] .quick-paths small{font-size:9px}html[lang=en] .filter-bar{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.members{border-top:1px solid var(--line)}.member-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.member-card{border:1px solid var(--line);background:white;overflow:hidden}.member-nameplate{background:var(--navy);color:#ddc895;min-height:185px;padding:20px 25px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.member-nameplate>span{font-size:10px;letter-spacing:1.5px}.member-nameplate>span:first-child{align-self:start;color:#8ca6b7}.member-nameplate strong{font:600 40px/1.5 var(--serif);letter-spacing:7px;margin:8px 0}.member-details{padding:25px}.member-badge{font-size:11px;color:#9b8350;border-bottom:1px solid #c9b68c;padding-bottom:6px}.member-details h3{font:500 21px/1.7 var(--serif);margin:20px 0}.member-details dl{margin:0;padding-top:18px;border-top:1px solid var(--line)}.member-details dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:13px}.member-details dt{color:var(--muted)}.member-details dd{margin:0;text-align:right}.member-invitation{border:1px solid var(--line);background:var(--pale);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:start}.member-invitation h3{font:500 22px/1.8 var(--serif);margin:0 0 25px}.single-member .member-card{grid-column:span 2;display:grid;grid-template-columns:220px 1fr}.single-member .member-nameplate{min-height:260px;padding:25px}.single-member .member-details{align-self:center;padding:30px}.single-member .member-nameplate strong{font-size:46px}@media(max-width:1000px){.member-directory{grid-template-columns:repeat(2,1fr)}.single-member .member-card{grid-column:span 1;display:block}.single-member .member-nameplate{min-height:190px}.single-member .member-details{padding:25px}}@media(max-width:620px){.member-directory{grid-template-columns:1fr;gap:17px}.member-details h3{font-size:20px}.member-invitation{padding:27px}.member-invitation h3{font-size:21px}.member-nameplate strong{font-size:36px}}

/* Expanded institutional identity, official marks and asset reference cards. */
.hero-renewed{min-height:680px;display:flex;flex-direction:column;justify-content:space-between;background:#063246}
.hero-renewed .hero-image{object-position:center 55%}
.hero-renewed .hero-shade{background:linear-gradient(90deg,rgba(2,26,42,.88) 0%,rgba(2,26,42,.68) 32%,rgba(2,26,42,.16) 70%),linear-gradient(0deg,rgba(2,24,37,.94),transparent 43%)}
.hero-composition{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding-top:94px;padding-bottom:88px;flex:1;gap:35px}
.hero-renewed .hero-main{max-width:790px}
.hero-kicker{font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:16px;color:#e4d9be;margin-bottom:26px}
.hero-kicker>span{width:34px;height:1px;background:#d1b876}
.hero-renewed h1{font-size:clamp(44px,4.5vw,68px);line-height:1.35;letter-spacing:3px;margin:0 0 25px;font-weight:500}
.hero-renewed h1 em{font-style:normal;color:#e3c98d}
.hero-renewed .hero-main>p{font-size:16px;line-height:1.9;max-width:590px;color:#e0e8ed}
.hero-renewed .hero-actions{margin-top:33px;gap:32px;align-items:center}
.hero-renewed .button.gold{padding:15px 25px;display:inline-flex;align-items:center;gap:30px;background:#d4bb82;color:#0b283b;border-color:#d4bb82}
.hero-secondary{display:inline-flex;gap:24px;align-items:center;font-size:14px;color:white;padding:12px 0;border-bottom:1px solid #ffffff6b}
.hero-secondary:hover{color:#e3c98d;border-color:#e3c98d}
.hero-place{text-align:right;flex-shrink:0;padding-bottom:6px;color:white;text-shadow:0 1px 12px #012336}
.hero-place>span{font:10px/2.5 Arial,sans-serif;letter-spacing:2px;display:block;color:#d1dde3}
.hero-place>strong{font-size:13px;letter-spacing:2px;font-weight:400}
.hero-bottom{position:relative;border-top:1px solid #ffffff35;display:flex;align-items:stretch;justify-content:space-between;min-height:97px}
.hero-scroll{display:flex;gap:15px;align-items:center;color:#c2d2dc;font-size:11px;min-width:140px}
.hero-scroll>span{font:28px Georgia,serif;color:#d4bb82}
.hero-themes{display:grid;grid-template-columns:repeat(3,1fr);width:75%}
.hero-themes>a{padding:24px 26px;border-left:1px solid #ffffff28;color:white;font-size:13px;display:flex;align-items:center;gap:16px}
.hero-themes small{font:12px Georgia,serif;color:#d1b77c}
.hero-themes a>span{margin-left:auto;color:#d1b77c}.hero-themes a:hover{background:#ffffff0a}
html[lang=en] .hero-renewed h1{font-size:clamp(42px,4.35vw,64px);line-height:1.13;letter-spacing:-1px}
html[lang=ja] .hero-renewed h1,html[lang=ko] .hero-renewed h1{font-size:clamp(38px,3.9vw,57px);line-height:1.4;letter-spacing:0}
.nav-inner{gap:16px}.nav-inner a{white-space:nowrap}
.partners-section{background:#f7f6f2;border-top:1px solid #e8e2d6}
.partners-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.partner-card{background:white;padding:30px 34px;border:1px solid #dedfdc;border-top:3px solid #b59b66;display:flex;flex-direction:column}
.partner-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);align-items:center}
.partner-brand{display:flex;align-items:center;height:106px;margin:12px 0;gap:16px;align-self:start;max-width:100%}
.partner-brand img{width:100%;max-width:360px;max-height:72px;object-fit:contain;object-position:left center}
.partner-brand.symbol-brand img{width:58px;height:58px}.partner-brand strong{font-size:32px;font-weight:600;letter-spacing:-1px;color:#142439}
.partner-card h3{font:500 22px/1.5 var(--serif);margin:0 0 13px}.partner-card p{font-size:14px;line-height:1.9;color:var(--muted);flex:1;margin:0 0 24px}
.institution-top{min-height:62px;margin-bottom:19px;gap:20px}
.institution-brand{display:flex;align-items:center;gap:13px;min-width:0;height:60px;max-width:82%}
.institution-brand img{max-width:180px;width:100%;height:48px;object-fit:contain;object-position:left center}
.institution-brand.symbol-brand img{width:44px;height:44px}.institution-brand strong{font-size:26px;color:#152539;letter-spacing:-1px}
.institution-name{font-size:17px;font-weight:600;margin:0 0 8px;line-height:1.5}
.institution-link{flex-wrap:wrap}.institution .institution-link a{font-size:11px}
.asset-section{background:#fff}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.asset-card{border:1px solid var(--line);padding:33px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.asset-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#2775ca}.asset-card:nth-child(2):before{background:#17243b}
.asset-header{display:flex;align-items:center;gap:18px}.asset-header>img{height:55px;width:55px;object-fit:contain}.asset-header>div>span{font-size:11px;color:var(--muted);letter-spacing:.5px}.asset-header h3{font:600 34px/1.3 Arial,sans-serif;margin:3px 0 0}.asset-index{margin-left:auto;font:35px Georgia,serif;color:#d7e0e7}
.asset-summary{font-size:14px;color:var(--muted);line-height:1.9;margin:23px 0;min-height:54px}
.asset-label{display:block;font-size:10px;color:#987e4a;letter-spacing:.7px;margin-bottom:10px}
.asset-company{padding-top:20px;border-top:1px solid var(--line)}.asset-company-name{display:inline-block;font-size:19px;font-weight:600;color:var(--navy)}.asset-company-name:after{content:' ↗';font-size:14px;color:#a08857}.asset-company p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.asset-company p>strong{font-weight:500;color:var(--ink)}
.asset-tokens{margin:23px 0}.asset-tokens>div{display:flex;gap:10px;flex-wrap:wrap}.asset-tokens a{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f1f5f8;border:1px solid #e0e8ee;font-size:12px;flex:1;min-width:160px}.asset-tokens a>strong{font:600 17px Arial,sans-serif}.asset-tokens a>span{color:var(--muted);font-size:11px}.asset-tokens a>b{font-weight:400;margin-left:auto;color:#8d7850}.asset-tokens a:hover{border-color:var(--gold)}
.asset-equity{padding:23px;background:var(--navy);color:#fff;margin-top:auto}.asset-equity>div{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.asset-equity .asset-label{margin:0;color:#cfb882}.stock-ticker{font:600 15px Arial,sans-serif;letter-spacing:1px}.asset-equity h4{font-size:17px;font-weight:500;margin:18px 0 9px}.asset-equity p{font-size:12px;color:#b8cbd6;line-height:1.8;margin-bottom:17px}.asset-equity .text-link{color:#d7c08e;font-size:11px}
.asset-foot{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.asset-foot>span{font-size:10px;color:var(--muted)}.asset-foot .text-link{font-size:11px}
@media(max-width:1100px){.hero-composition{padding-top:76px;padding-bottom:65px}.hero-renewed{min-height:610px}.hero-themes{width:78%}.hero-themes>a{padding:22px 17px;font-size:12px;gap:10px}.nav-inner{gap:11px}.nav-inner a{font-size:12px}.partner-card{padding:27px}.asset-card{padding:27px}}
@media(max-width:850px){.hero-place{display:none}.hero-renewed .hero-main{max-width:650px}.hero-themes{width:100%}.hero-scroll{display:none}.hero-bottom{min-height:80px}.hero-themes>a:first-child{border-left:0;padding-left:0}.hero-themes>a:last-child{padding-right:0}.nav-inner{flex-wrap:wrap;justify-content:center;gap:0 22px}.asset-grid{gap:18px}.asset-card{padding:24px}.asset-equity{padding:20px}.partner-brand strong{font-size:26px}.partners-grid{gap:18px}.partner-card{padding:24px}.partner-top{display:block}.partner-top>span:last-child{display:block;margin-top:13px}}
@media(max-width:620px){.hero-renewed{min-height:660px}.hero-composition{padding-top:70px;padding-bottom:66px}.hero-renewed .hero-image{object-position:59% center}.hero-renewed .hero-shade{background:linear-gradient(90deg,#021e31c7,#052e4585),linear-gradient(0deg,#041f32f5,transparent 75%)}.hero-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:25px;gap:12px}.hero-kicker>span{width:23px}.hero-renewed h1{font-size:37px;letter-spacing:1px;line-height:1.5;margin-bottom:23px}.hero-renewed .hero-main>p{font-size:13px;line-height:1.95}.hero-renewed .hero-actions{gap:23px;flex-wrap:wrap;margin-top:29px}.hero-renewed .button.gold{padding:13px 18px;font-size:12px;gap:19px}.hero-secondary{font-size:12px;gap:16px}.hero-bottom{min-height:100px}.hero-themes{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-themes>a{display:block;position:relative;padding:20px 10px;font-size:10px;line-height:1.7}.hero-themes small{display:block;margin-bottom:7px;font-size:11px}.hero-themes a>span{display:none}html[lang=en] .hero-renewed h1{font-size:38px;line-height:1.18}html[lang=ja] .hero-renewed h1,html[lang=ko] .hero-renewed h1{font-size:31px;line-height:1.5}.nav-inner{justify-content:initial;gap:0}.nav-inner a{font-size:13px}.partners-grid,.asset-grid{grid-template-columns:1fr}.partner-top{display:flex;gap:12px}.partner-top>span:last-child{margin:0;font-size:10px}.partner-brand{height:94px;margin:12px 0}.partner-card h3{font-size:20px}.partner-card p{font-size:13px}.partner-brand.symbol-brand img{width:50px;height:50px}.partner-brand strong{font-size:28px}.partner-card .institution-link .text-link{font-size:11px}.asset-card{padding:25px}.asset-summary{min-height:0;font-size:13px}.asset-company-name{font-size:17px}.asset-equity>div{gap:12px}.stock-ticker{font-size:14px}.institution-brand img{max-width:180px}.hero-renewed{overflow:hidden}}
@media(prefers-reduced-motion:no-preference){.hero-renewed .hero-main{animation:hero-arrive .8s ease-out both}@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}

@media(max-width:620px){.hero-renewed .hero-composition{align-items:center;padding-top:45px;padding-bottom:45px}.hero-renewed{min-height:600px}.hero-renewed .hero-main{width:100%}}

/* User-supplied SDPSA artwork: retain the original PNG; frame its transparent margins in CSS. */
.brand-mark{position:relative;width:100px;height:59px;overflow:hidden}
.brand-mark .association-logo{position:absolute;width:158.68%;max-width:none;height:auto;left:-29.43%;top:-20.34%;object-fit:contain}
.footer-brand .brand-mark{width:94px;height:55px}
.footer-brand .association-logo{filter:brightness(0) invert(1)}
@media(max-width:850px){.brand-mark{width:82px;height:48px}.brand{gap:15px}}
@media(max-width:620px){.brand-mark{width:66px;height:39px}.brand{gap:11px;min-width:0}.brand>span:last-child{min-width:0}.brand strong{font-size:13px;line-height:1.6}.brand small{font-size:5px;max-width:235px}.footer-brand .brand-mark{width:70px;height:41px}.footer-brand strong{font-size:13px}html[lang=en] .brand strong{font-size:13px}html[lang=ja] .brand strong,html[lang=ko] .brand strong{font-size:12px}}

/* Daylight Marina Bay panorama: bright architectural setting with readable ink typography. */
.hero-renewed{background:#e8f3f8;color:#123c51}
.hero-renewed .hero-image{object-position:25% center}
.hero-renewed .hero-shade{background:linear-gradient(90deg,rgba(247,251,253,.97) 0%,rgba(247,251,253,.88) 27%,rgba(247,251,253,.48) 48%,rgba(247,251,253,.04) 74%),linear-gradient(0deg,rgba(241,248,251,.58),transparent 29%)}
.hero-renewed h1{color:#103b53;text-shadow:none}
.hero-renewed h1 em{color:#927038}
.hero-renewed .hero-kicker{color:#365c71}
.hero-renewed .hero-kicker>span{background:#a98646}
.hero-renewed .hero-main>p{color:#365568;text-shadow:0 1px 10px #ffffff80}
.hero-renewed .hero-secondary{color:#164258;border-color:#35597070}
.hero-renewed .hero-secondary:hover{color:#8d6b32;border-color:#8d6b32}
.hero-renewed .hero-place{padding:14px 18px;background:#f7fbf2e8;border-left:2px solid #ab8d56;color:#163e52;text-shadow:none}
.hero-renewed .hero-place>span{color:#496779}
.hero-renewed .hero-bottom{border-color:#31526933;background:#f5fafbed;box-shadow:0 0 0 100vmax #f5fafbed;clip-path:inset(0 -100vmax)}
.hero-renewed .hero-scroll{color:#405d6d}
.hero-renewed .hero-scroll>span,.hero-renewed .hero-themes small,.hero-renewed .hero-themes a>span{color:#927038}
.hero-renewed .hero-themes>a{color:#153c50;border-color:#31526926}
.hero-renewed .hero-themes>a:hover{background:#dfeef5a0}
@media(max-width:850px){.hero-renewed .hero-shade{background:linear-gradient(90deg,#f8fcfdf2 0%,#f8fcfdd9 40%,#f8fcfd4d 77%),linear-gradient(0deg,#eff8fc66,transparent 35%)}}
@media(max-width:620px){.hero-renewed .hero-image{object-position:37% center}.hero-renewed .hero-shade{background:linear-gradient(90deg,#f6fafdeb 0%,#f6fafdbf 47%,#f6fafd59 100%),linear-gradient(180deg,#f6fafdb3,transparent 65%)}.hero-renewed .hero-main>p{color:#294d61}.hero-renewed .hero-kicker{color:#31566b}.hero-renewed .hero-bottom{background:#f6fafbf5}}

/* Full-viewport photographic opening, based on the user's supplied layout reference. */
.site-header{position:absolute;z-index:30;inset:0 0 auto;background:transparent;border:0;color:white;box-shadow:none}
.site-header .masthead{min-height:120px;gap:28px;width:88%;max-width:none}
.site-header .brand{color:white;gap:20px}
.site-header .brand strong{color:white;font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:1px}
.site-header .brand small{color:#ffffffe6;letter-spacing:1px}
.site-header .association-logo{filter:brightness(0) invert(1)}
.header-controls{display:flex;gap:24px;align-items:center;flex-shrink:0}
.site-header .language-wrap{border:0;padding:0}
.site-header .language-wrap select{color:white;background:transparent;font-size:13px;border:0;padding:10px 5px}
.site-header .language-wrap option{background:white;color:#163d52}
.site-header .menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:10px;cursor:pointer}
.site-header .menu-toggle span{width:25px;height:1px;background:white;display:block}
.site-header .navigation{display:none;border:0;background:#fffffff7;box-shadow:0 15px 35px #0b2c4314;color:var(--navy)}
.site-header .navigation.open{display:block}
.site-header .nav-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:88%;padding:20px 0}
.site-header .nav-inner a{padding:17px 12px;color:var(--navy);font-size:14px}
.site-header:has(.navigation.open){background:#10394ddb}
.hero-immersive.hero-renewed{width:100%;height:100svh;min-height:680px;max-height:none;display:block;position:relative;overflow:hidden}
.hero-immersive.hero-renewed .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:20% 50%;filter:none}
.hero-immersive.hero-renewed .hero-shade{background:linear-gradient(180deg,#062a432e 0%,transparent 25%,transparent 48%,#082c4224 76%,#082c422b 100%)}
.hero-immersive.hero-renewed .hero-composition{position:absolute;inset:58% auto auto 14.5%;width:76%;max-width:none;padding:0;display:block;transform:none}
.hero-immersive.hero-renewed h1{font-family:Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:clamp(38px,3.8vw,68px);line-height:1.4;letter-spacing:1px;font-weight:400;color:#fff;margin:0;text-shadow:0 2px 20px #00203565;max-width:1100px}
html[lang=en] .hero-immersive.hero-renewed h1{font-size:clamp(38px,3.65vw,64px);line-height:1.35;letter-spacing:0;max-width:1000px}
html[lang=ja] .hero-immersive.hero-renewed h1,html[lang=ko] .hero-immersive.hero-renewed h1{font-size:clamp(34px,3.4vw,58px);font-weight:400;line-height:1.4}
.opening-scroll{position:absolute;bottom:35px;left:6%;width:43px;height:43px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid #ffffff8c;border-radius:50%;font:25px Georgia,serif;background:#0b3c4915}
.opening-scroll:hover{background:#ffffff30}
.opening-place{position:absolute;right:6%;bottom:48px;font-size:10px;letter-spacing:2px;color:#fff;text-shadow:0 1px 7px #002035}
.opening-intro{background:#f8fafb;padding:45px 0 0;border-bottom:1px solid var(--line)}
.opening-intro-main{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:34px}
.opening-intro-main p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}
.opening-intro .hero-actions{margin:0;display:flex;gap:28px;align-items:center;flex-shrink:0}
.opening-intro .hero-actions .button{display:flex;gap:24px}
.opening-themes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.opening-themes>a{display:flex;gap:20px;align-items:center;padding:24px 30px;border-right:1px solid var(--line);font-size:14px}
.opening-themes>a:first-child{padding-left:0}.opening-themes>a:last-child{border:0;padding-right:0}
.opening-themes small{font:12px Georgia,serif;color:#9c7d43}.opening-themes a>span{margin-left:auto;color:#9c7d43}.opening-themes a:hover{color:#9c7d43}
@media(min-width:1900px){.hero-immersive.hero-renewed .hero-image{object-position:15% 50%}}
@media(max-width:1100px){.site-header .masthead{min-height:105px}.site-header .brand strong{font-size:20px}.header-controls{gap:15px}.opening-intro-main{align-items:start}.opening-intro .hero-actions{flex-direction:column;align-items:start;gap:18px}.opening-intro-main p{font-size:14px}}
@media(max-width:850px){.site-header .brand strong{font-size:17px}.site-header .brand small{font-size:6px}.site-header .brand{gap:13px}.site-header .masthead{width:90%;gap:18px}.site-header .nav-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-immersive.hero-renewed .hero-composition{left:8%;width:84%}.hero-immersive.hero-renewed .hero-image{object-position:33% center}.hero-immersive.hero-renewed h1{font-size:38px}.opening-intro-main{flex-direction:column;gap:24px}.opening-intro .hero-actions{flex-direction:row;align-items:center}.opening-themes>a{font-size:12px;padding:20px 16px;gap:12px}}
@media(max-width:620px){.hero-immersive.hero-renewed{height:100svh;min-height:640px}.site-header .masthead{min-height:100px;align-items:center;gap:10px}.site-header .brand{gap:10px;flex:1}.site-header .brand-mark{width:58px;height:34px}.site-header .brand strong{font-size:12px;line-height:1.6;letter-spacing:0}.site-header .brand small{display:none}.site-header .header-controls{gap:8px}.site-header .language-wrap select{font-size:10px;width:70px;padding:10px 0}.site-header .menu-toggle{padding:7px;gap:5px}.site-header .menu-toggle span{width:19px}.hero-immersive.hero-renewed .hero-image{object-position:38% center}.hero-immersive.hero-renewed .hero-shade{background:linear-gradient(180deg,#062a4333,transparent 30%,transparent 48%,#082c4233 85%,#082c4226)}.hero-immersive.hero-renewed .hero-composition{left:7%;top:61%;width:86%;padding:0}.hero-immersive.hero-renewed h1{font-size:31px;line-height:1.65;letter-spacing:1px;max-width:330px;word-break:keep-all;overflow-wrap:break-word}html[lang=en] .hero-immersive.hero-renewed h1{font-size:35px;line-height:1.3}html[lang=ja] .hero-immersive.hero-renewed h1,html[lang=ko] .hero-immersive.hero-renewed h1{font-size:28px;line-height:1.55}.opening-scroll{left:7%;bottom:27px;width:38px;height:38px}.opening-place{right:7%;bottom:42px;font-size:8px;letter-spacing:1px}.opening-intro{padding-top:31px}.opening-intro-main{padding-bottom:27px}.opening-intro-main p{font-size:13px}.opening-intro .hero-actions{gap:23px}.opening-intro .hero-actions .button{gap:14px}.opening-themes>a{display:block;line-height:1.7;padding:17px 11px;font-size:10px}.opening-themes small{display:block;margin-bottom:7px}.opening-themes a>span{display:none}.site-header .nav-inner a{padding:14px;font-size:13px}html[lang=en] .site-header .brand strong{font-size:11px}html[lang=ja] .site-header .brand strong,html[lang=ko] .site-header .brand strong{font-size:11px}}

/* Frame the three Marina Bay Sands towers in the new daylight aerial photograph. */
.hero-immersive.hero-renewed .hero-image{object-position:62% center}
@media(max-width:850px){.hero-immersive.hero-renewed .hero-image{object-position:72% center}}
@media(max-width:620px){.hero-immersive.hero-renewed .hero-image{object-position:74% center}}