*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden;background:#070708;color:#f6f1e9;font-family:Arial,Helvetica,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}:root{--black:#070708;--panel:#111113;--ivory:#f6f1e9;--muted:#b9b0a4;--soft:#8f867b;--gold:#c8a46e;--gold-dark:#75552f;--line:rgba(200,164,110,.16);--serif:Georgia,'Times New Roman',serif;--container:1280px}.container{width:min(90%,var(--container));margin:auto}section{position:relative}.eyebrow{margin:0 0 22px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}.section-title{margin:0;max-width:820px;font-family:var(--serif);font-size:clamp(42px,5vw,80px);line-height:1.02;font-weight:400;letter-spacing:-.055em}.section-text{margin:26px 0 0;max-width:720px;color:var(--muted);font-size:18px;line-height:1.9}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 34px;border:0;border-radius:999px;cursor:pointer;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:.35s}.btn-primary{background:var(--gold);color:var(--black)}.btn-secondary{border:1px solid rgba(246,241,233,.36);background:transparent;color:var(--ivory)}.btn:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.fade-up{opacity:1;transform:none}.js .fade-up{opacity:0;transform:translateY(42px);transition:opacity .75s ease,transform .75s ease}.js .fade-up.show{opacity:1;transform:translateY(0)}.progress-bar{position:fixed;top:0;left:0;z-index:3000;width:0;height:2px;background:var(--gold)}
.site-header{position:fixed;inset:0 0 auto;z-index:2000;background:linear-gradient(to bottom,rgba(7,7,8,.90),rgba(7,7,8,.30));border-bottom:1px solid rgba(200,164,110,.12);backdrop-filter:blur(20px)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:44px}.brand-logo{display:inline-flex;align-items:center;gap:14px}.brand-seal{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(200,164,110,.78);border-radius:14px;color:var(--gold);font-family:var(--serif);font-size:18px}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-mark,.footer-logo{font-family:var(--serif);font-size:30px;line-height:1;color:var(--gold);letter-spacing:-.035em}.brand-line{color:var(--soft);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:26px}.site-nav a{position:relative;color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:.25s}.site-nav a:hover,.site-nav a.active{color:var(--ivory)}.site-nav a:after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:.35s}.site-nav a:hover:after{width:100%}.nav-button{padding:12px 22px;border:1px solid rgba(200,164,110,.48);border-radius:999px;color:var(--ivory)!important}.mobile-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:0;background:none;cursor:pointer}.mobile-toggle span{width:24px;height:1px;background:var(--ivory)}
.hero-v2{min-height:100vh;display:flex;align-items:center;isolation:isolate;background:linear-gradient(90deg,rgba(7,7,8,.96) 0%,rgba(7,7,8,.72) 45%,rgba(7,7,8,.18) 100%),url('../images/hero-skyline.jpg') center/cover no-repeat}.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.45),rgba(0,0,0,.88))}.hero-gradient{position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(200,164,110,.18),transparent 35%)}.hero-noise{position:absolute;inset:0;opacity:.04;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:7px 7px}.hero-grid{position:relative;z-index:5;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.hero-left{padding:170px 0 120px}.hero-label{display:inline-block;margin-bottom:30px;color:var(--gold);font-size:12px;letter-spacing:.30em;text-transform:uppercase}.hero-title{max-width:700px;margin:0;font-family:var(--serif);font-size:clamp(70px,7vw,120px);line-height:.90;letter-spacing:-.07em}.hero-subtitle{max-width:560px;margin:40px 0 0;color:var(--muted);font-size:21px;line-height:2}.hero-buttons{display:flex;flex-wrap:wrap;gap:18px;margin-top:55px}.hero-right{display:flex;justify-content:flex-end}.hero-card{width:420px;padding:42px;border:1px solid rgba(200,164,110,.18);border-radius:30px;background:rgba(15,15,17,.60);box-shadow:0 40px 80px rgba(0,0,0,.35);backdrop-filter:blur(18px);transition:.4s}.hero-card:hover{border-color:rgba(200,164,110,.45);transform:translateY(-8px)}.hero-card-small{display:block;margin-bottom:22px;color:var(--gold);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.hero-card h2{margin:0;font-family:var(--serif);font-size:36px;line-height:1.15;font-weight:400}.hero-card p{margin:24px 0 0;color:var(--muted);line-height:1.9}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:36px;background:rgba(200,164,110,.15)}.hero-stats div{padding:22px;background:#111113}.hero-stats strong{display:block;color:var(--gold);font-family:var(--serif);font-size:30px}.hero-stats span{display:block;margin-top:8px;color:var(--soft);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.scroll-indicator{position:absolute;left:50%;bottom:30px;transform:translateX(-50%)}.scroll-indicator span{display:block;width:1px;height:70px;background:linear-gradient(var(--gold),transparent);animation:scrollLine 2.2s infinite}@keyframes scrollLine{0%{opacity:0;transform:translateY(-15px)}50%{opacity:1}100%{opacity:0;transform:translateY(20px)}}
.trust-strip-v2{background:#0b0b0c;border-top:1px solid rgba(200,164,110,.12);border-bottom:1px solid rgba(200,164,110,.12)}.trust-grid-v2{display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{padding:70px 42px;border-right:1px solid rgba(200,164,110,.12);transition:.4s}.trust-item:last-child{border-right:none}.trust-item:hover{background:#101012}.trust-number{display:block;margin-bottom:26px;color:var(--gold);font-family:var(--serif);font-size:42px}.trust-item h3{margin:0;font-family:var(--serif);font-size:34px;font-weight:400;letter-spacing:-.03em}.trust-item p{max-width:320px;margin:18px 0 0;color:var(--muted);line-height:1.9}
.editorial-story-v2{padding:140px 0;background:#070708}.editorial-layout-v2{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.editorial-heading h2{margin:0;font-family:var(--serif);font-size:clamp(42px,5vw,78px);line-height:1.02;font-weight:400;letter-spacing:-.055em}.editorial-copy{padding-left:42px;border-left:1px solid rgba(200,164,110,.45)}.editorial-copy p{margin:0 0 34px;color:var(--muted);font-size:21px;line-height:1.95}.statement-band{padding:112px 0;background:#0d0d0f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement{max-width:1000px;color:var(--ivory);font-family:var(--serif);font-size:clamp(38px,5vw,78px);line-height:1.06;letter-spacing:-.055em}
.solutions-v2,.cta-v2{padding:150px 0;background:#f7f3ed;color:#111}.solutions-v2 .section-title{max-width:760px;color:#111}.solutions-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:70px}.solution-box{min-height:360px;padding:55px;background:#fff;border:1px solid rgba(0,0,0,.08);transition:.4s}.solution-box:hover{transform:translateY(-8px);border-color:rgba(200,164,110,.25);box-shadow:0 25px 60px rgba(0,0,0,.08)}.solution-id{display:block;margin-bottom:40px;color:var(--gold-dark);font-family:var(--serif);font-size:48px}.solution-box h3{margin:0;font-family:var(--serif);font-size:34px;line-height:1.15;font-weight:400}.solution-box p{margin:24px 0 34px;color:#555;line-height:1.9}.solution-box a{color:var(--gold-dark);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.singapore-v2{padding:150px 0;background:#0b0b0c}.singapore-layout,.cta-layout-v2{display:grid;grid-template-columns:1fr 1fr;gap:100px}.singapore-points{display:flex;flex-direction:column;gap:40px}.singapore-points article{padding-bottom:34px;border-bottom:1px solid rgba(200,164,110,.14)}.singapore-points span{display:block;margin-bottom:20px;color:var(--gold);font-family:var(--serif);font-size:42px}.singapore-points h3{margin:0;font-family:var(--serif);font-size:32px;font-weight:400}.singapore-points p{margin:18px 0 0;color:var(--muted);line-height:1.9}
.process-v2{padding:150px 0;background:#111113}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:70px}.process-step-v2{padding:45px 35px;background:#18181a;border-top:1px solid rgba(200,164,110,.20);transition:.4s}.process-step-v2:hover{transform:translateY(-8px);background:#1d1d20}.step-number{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:35px;border:1px solid rgba(200,164,110,.25);border-radius:50%;color:var(--gold);font-family:var(--serif);font-size:26px}.process-step-v2 h3{margin:0;font-family:var(--serif);font-size:30px;font-weight:400}.process-step-v2 p{margin:20px 0 0;color:var(--muted);line-height:1.9}
.insights-v2{padding:150px 0;background:#070708}.insights-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:70px}.insight-v2{padding:42px;background:#111113;border:1px solid rgba(200,164,110,.14);transition:.4s}.insight-v2:hover{transform:translateY(-8px);border-color:rgba(200,164,110,.35);box-shadow:0 25px 80px rgba(0,0,0,.20)}.insight-category{display:inline-block;margin-bottom:28px;color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.insight-v2 h3{margin:0;font-family:var(--serif);font-size:32px;line-height:1.2;font-weight:400}.insight-v2 p{margin:24px 0 34px;color:var(--muted);line-height:1.9}.insight-v2 a{color:var(--gold);font-size:12px;letter-spacing:.15em;text-transform:uppercase}
.cta-v2 h2{margin:0;font-family:var(--serif);font-size:clamp(42px,5vw,78px);line-height:1.05;font-weight:400;letter-spacing:-.055em}.cta-v2 p{margin:0 0 34px;color:#555;font-size:18px;line-height:1.9}.site-footer{position:relative;overflow:hidden;padding:76px 0 30px;background:#060607;border-top:1px solid var(--line)}.site-footer:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(200,164,110,.08),transparent 40%);pointer-events:none}.footer-grid{position:relative;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px}.footer-grid .footer-heading{margin:0 0 18px;color:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.footer-grid p,.footer-grid a{display:block;margin:0 0 10px;color:var(--muted);font-size:14px}.footer-bottom{position:relative;margin-top:58px;padding-top:24px;border-top:1px solid var(--line);color:var(--soft);font-size:13px}.scroll-top{position:fixed;right:24px;bottom:24px;z-index:999;width:46px;height:46px;display:none;align-items:center;justify-content:center;border:1px solid rgba(200,164,110,.4);border-radius:50%;background:#111;color:var(--gold);cursor:pointer}.scroll-top.show{display:flex}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:60px}.hero-right{justify-content:flex-start}.hero-card{width:100%}.process-timeline,.insights-grid-v2{grid-template-columns:1fr}}@media(max-width:900px){.site-nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;padding:26px 5%;background:rgba(7,7,8,.98)}.site-nav.open{display:flex}.site-nav a{padding:14px 0}.mobile-toggle{display:flex}.header-inner{min-height:76px}.brand-mark{font-size:26px}.brand-line{font-size:9px}.hero-left{padding:140px 0 80px}.hero-title{font-size:54px!important}.section-title{font-size:42px!important}.hero-subtitle,.section-text{font-size:16px}.hero-buttons{flex-direction:column}.btn{width:100%}.trust-grid-v2,.editorial-layout-v2,.solutions-grid-v2,.singapore-layout,.cta-layout-v2,.footer-grid{grid-template-columns:1fr}.trust-item{border-right:none;border-bottom:1px solid rgba(200,164,110,.12)}.trust-item:last-child{border-bottom:none}.editorial-copy{padding-left:24px}.editorial-copy p{font-size:17px}.solution-box{min-height:auto;padding:36px}}
/* ==========================================================
SOLUTIONS PAGE — LUXURY HERO
========================================================== */
.solutions-hero{
min-height:86vh;
display:flex;
align-items:center;
background:
linear-gradient(90deg,
rgba(7,7,8,.96),
rgba(7,7,8,.76),
rgba(7,7,8,.25)),
url("../images/architectural-black-metal-facade.jpg")
center / cover no-repeat;
padding:160px 0 90px;
}
.solutions-hero h1{
max-width:900px;
margin:0;
font-family:var(--serif);
font-size:clamp(56px,6.5vw,104px);
line-height:.98;
font-weight:400;
letter-spacing:-.07em;
}
.hero-intro{
max-width:620px;
margin:38px 0 0;
color:var(--muted);
font-size:21px;
line-height:1.9;
}/* ==========================================================
SOLUTIONS — EDITORIAL INTRODUCTION
========================================================== */
.solutions-editorial{
padding:150px 0;
background:#070708;
}
.editorial-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:110px;
align-items:start;
}
.editorial-copy{
border-left:1px solid rgba(200,164,110,.30);
padding-left:42px;
}
.editorial-copy p{
margin:0 0 34px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
@media(max-width:900px){
.editorial-grid{
grid-template-columns:1fr;
gap:60px;
}
.editorial-copy{
padding-left:24px;
}
.editorial-copy p{
font-size:17px;
}
}/* ==========================================================
SOLUTIONS — FEATURE BLOCKS
========================================================== */
.solution-feature{
padding:150px 0;
}
.light-feature{
background:#f7f3ed;
color:#111;
}
.solution-feature-grid{
display:grid;
grid-template-columns:220px 1fr;
gap:80px;
align-items:start;
}
.solution-feature-number{
font-family:var(--serif);
font-size:120px;
line-height:.8;
color:var(--gold-dark);
}
.solution-feature h2{
margin:0;
max-width:850px;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.solution-feature p{
margin:34px 0 0;
max-width:650px;
color:#555;
font-size:19px;
line-height:1.9;
}
.feature-link{
display:inline-block;
margin-top:42px;
color:var(--gold-dark);
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
}
@media(max-width:900px){
.solution-feature-grid{
grid-template-columns:1fr;
gap:40px;
}
.solution-feature-number{
font-size:72px;
}
}/* ==========================================================
DARK FEATURE PANEL
========================================================== */
.dark-feature{
background:#0b0b0c;
color:#f6f1e9;
}
.dark-feature .solution-feature-number{
color:var(--gold);
}
.dark-feature h2{
color:#fff;
}
.dark-feature p{
color:var(--muted);
}
.feature-link-light{
display:inline-block;
margin-top:42px;
color:var(--gold);
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
}/* ==========================================================
WHY SGDTRUST
========================================================== */
.why-sgdtrust-v2{
padding:150px 0;
background:#111113;
}
.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:36px;
margin-top:70px;
}
.why-card{
padding:46px;
background:#18181a;
border:1px solid rgba(200,164,110,.14);
transition:.35s;
}
.why-card:hover{
transform:translateY(-8px);
border-color:rgba(200,164,110,.35);
}
.why-card span{
display:block;
margin-bottom:28px;
font-family:var(--serif);
font-size:42px;
color:var(--gold);
}
.why-card h3{
margin:0;
font-family:var(--serif);
font-size:30px;
font-weight:400;
}
.why-card p{
margin-top:20px;
color:var(--muted);
line-height:1.9;
}
@media(max-width:900px){
.why-grid{
grid-template-columns:1fr;
}
}/* ==========================================================
SOLUTIONS PROCESS
========================================================== */
.solutions-process-v2{
padding:150px 0;
background:#070708;
}
.solutions-process-line{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
background:rgba(200,164,110,.16);
margin-top:70px;
}
.solutions-process-line article{
background:#111113;
padding:42px;
}
.solutions-process-line span{
display:block;
color:var(--gold);
font-family:var(--serif);
font-size:38px;
margin-bottom:30px;
}
.solutions-process-line h3{
margin:0;
font-family:var(--serif);
font-size:30px;
font-weight:400;
}
.solutions-process-line p{
margin-top:18px;
color:var(--muted);
line-height:1.9;
}
@media(max-width:1000px){
.solutions-process-line{
grid-template-columns:1fr;
}
}/* ==========================================================
SOLUTIONS FAQ
========================================================== */
.solutions-faq-v2{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.faq-layout-v2{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:90px;
}
.faq-list-v2 details{
border-bottom:1px solid rgba(0,0,0,.12);
padding:28px 0;
}
.faq-list-v2 summary{
cursor:pointer;
font-family:var(--serif);
font-size:30px;
line-height:1.2;
list-style:none;
}
.faq-list-v2 summary::-webkit-details-marker{
display:none;
}
.faq-list-v2 p{
margin:18px 0 0;
color:#555;
line-height:1.9;
}
@media(max-width:900px){
.faq-layout-v2{
grid-template-columns:1fr;
}
}/* ==========================================================
SOLUTIONS FINAL CTA
========================================================== */
.solutions-final-cta{
padding:160px 0;
background:#0b0b0c;
}
.solutions-final-layout{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:100px;
align-items:center;
}
.solutions-final-cta h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.solutions-final-cta p{
color:var(--muted);
line-height:1.9;
font-size:18px;
margin-bottom:36px;
}
@media(max-width:900px){
.solutions-final-layout{
grid-template-columns:1fr;
gap:50px;
}
}
/* ==========================================================
WHY SGDTRUST PAGE
========================================================== */
.why-hero-page{
min-height:86vh;
display:flex;
align-items:center;
padding:160px 0 90px;
background:
linear-gradient(90deg,rgba(7,7,8,.96),rgba(7,7,8,.76),rgba(7,7,8,.25)),
url("../images/architectural-black-metal-facade.jpg") center / cover no-repeat;
}
.why-hero-page h1{
max-width:980px;
margin:0;
font-family:var(--serif);
font-size:clamp(56px,6.5vw,104px);
line-height:.98;
font-weight:400;
letter-spacing:-.07em;
}
.why-hero-intro{
max-width:620px;
margin:38px 0 0;
color:var(--muted);
font-size:21px;
line-height:1.9;
}
.why-editorial-page{
padding:150px 0;
background:#070708;
}
.why-editorial-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:110px;
align-items:start;
}
.why-editorial-copy{
padding-left:42px;
border-left:1px solid rgba(200,164,110,.30);
}
.why-editorial-copy p{
margin:0 0 34px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.why-singapore-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.why-singapore-page .section-title{
color:#111;
}
.why-singapore-page .section-text{
color:#555;
}
.why-singapore-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:100px;
align-items:center;
}
.why-singapore-card{
padding:56px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
}
.why-singapore-card span{
display:block;
margin-bottom:36px;
color:var(--gold-dark);
font-family:var(--serif);
font-size:72px;
line-height:1;
}
.why-singapore-card h3{
margin:0;
font-family:var(--serif);
font-size:36px;
font-weight:400;
line-height:1.15;
}
.why-singapore-card p{
margin:24px 0 0;
color:#555;
line-height:1.9;
}
.why-values-page{
padding:150px 0;
background:#111113;
}
.why-values-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
margin-top:70px;
background:rgba(200,164,110,.16);
}
.why-value-card{
min-height:310px;
padding:42px;
background:#18181a;
transition:.35s;
}
.why-value-card:hover{
transform:translateY(-8px);
background:#1d1d20;
}
.why-value-card span{
display:block;
margin-bottom:34px;
color:var(--gold);
font-family:var(--serif);
font-size:42px;
}
.why-value-card h3{
margin:0;
font-family:var(--serif);
font-size:32px;
font-weight:400;
}
.why-value-card p{
margin:20px 0 0;
color:var(--muted);
line-height:1.9;
}
.why-process-page{
padding:150px 0;
background:#070708;
}
.why-timeline{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
margin-top:70px;
background:rgba(200,164,110,.16);
}
.why-timeline article{
padding:42px;
background:#111113;
}
.why-timeline span{
display:block;
margin-bottom:30px;
color:var(--gold);
font-family:var(--serif);
font-size:38px;
}
.why-timeline h3{
margin:0;
font-family:var(--serif);
font-size:30px;
font-weight:400;
}
.why-timeline p{
margin:18px 0 0;
color:var(--muted);
line-height:1.9;
}
.why-trust-page{
padding:160px 0;
background:#0b0b0c;
}
.why-trust-layout{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:100px;
align-items:center;
}
.why-trust-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.why-trust-page p{
margin:0 0 36px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
@media(max-width:1000px){
.why-values-grid,
.why-timeline{
grid-template-columns:1fr;
}
}
@media(max-width:900px){
.why-editorial-grid,
.why-singapore-grid,
.why-trust-layout{
grid-template-columns:1fr;
gap:60px;
}
.why-editorial-copy{
padding-left:24px;
}
.why-hero-page h1{
font-size:54px;
}
}
/* ==========================================================
ABOUT SGDTRUST PAGE
========================================================== */
.about-hero-page{
min-height:92vh;
display:flex;
align-items:center;
padding:170px 0 100px;
background:
radial-gradient(circle at 78% 28%,rgba(200,164,110,.18),transparent 32%),
linear-gradient(135deg,#070708 0%,#0b0b0c 44%,#151210 100%);
isolation:isolate;
}
.about-hero-lines{
position:absolute;
inset:0;
opacity:.10;
background-image:
linear-gradient(rgba(200,164,110,.34) 1px,transparent 1px),
linear-gradient(90deg,rgba(200,164,110,.28) 1px,transparent 1px);
background-size:96px 96px;
mask-image:linear-gradient(to right,transparent,black 18%,black 72%,transparent);
pointer-events:none;
}
.about-hero-page:after{
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
height:38%;
background:linear-gradient(to top,#070708,transparent);
z-index:-1;
}
.about-hero-layout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:90px;
align-items:end;
}
.about-hero-copy h1{
max-width:980px;
margin:0;
font-family:var(--serif);
font-size:clamp(56px,6.6vw,108px);
line-height:.96;
font-weight:400;
letter-spacing:-.07em;
}
.about-hero-intro{
max-width:680px;
margin:40px 0 0;
color:var(--muted);
font-size:21px;
line-height:1.9;
}
.about-hero-panel{
max-width:460px;
margin-left:auto;
padding:48px;
border:1px solid rgba(200,164,110,.20);
border-radius:30px;
background:rgba(17,17,19,.64);
box-shadow:0 40px 90px rgba(0,0,0,.34);
backdrop-filter:blur(18px);
}
.about-hero-panel span{
display:grid;
place-items:center;
width:76px;
height:76px;
margin-bottom:34px;
border:1px solid rgba(200,164,110,.45);
border-radius:22px;
color:var(--gold);
font-family:var(--serif);
font-size:30px;
}
.about-hero-panel h2{
margin:0;
font-family:var(--serif);
font-size:38px;
line-height:1.12;
font-weight:400;
letter-spacing:-.04em;
}
.about-hero-panel p{
margin:24px 0 0;
color:var(--muted);
line-height:1.9;
}
.about-editorial-page{
padding:150px 0;
background:#070708;
}
.about-editorial-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:110px;
align-items:start;
}
.about-editorial-copy{
padding-left:42px;
border-left:1px solid rgba(200,164,110,.30);
}
.about-editorial-copy p{
margin:0 0 34px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.about-position-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.about-position-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:90px;
align-items:start;
}
.about-position-card{
position:sticky;
top:130px;
padding:56px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
box-shadow:0 26px 70px rgba(0,0,0,.06);
}
.about-position-card h2{
margin:0;
font-family:var(--serif);
font-size:clamp(40px,4.5vw,72px);
line-height:1.04;
font-weight:400;
letter-spacing:-.055em;
}
.about-position-list{
display:flex;
flex-direction:column;
gap:1px;
background:rgba(0,0,0,.10);
}
.about-position-list article{
display:grid;
grid-template-columns:90px 1fr;
gap:34px;
padding:42px;
background:#fdfbf7;
}
.about-position-list span{
color:var(--gold-dark);
font-family:var(--serif);
font-size:46px;
line-height:1;
}
.about-position-list h3{
margin:0;
font-family:var(--serif);
font-size:34px;
line-height:1.16;
font-weight:400;
letter-spacing:-.03em;
}
.about-position-list p{
margin:18px 0 0;
color:#555;
line-height:1.9;
}
.about-standard-page{
padding:150px 0;
background:#111113;
}
.about-standard-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
margin-top:70px;
background:rgba(200,164,110,.16);
}
.about-standard-card{
min-height:330px;
padding:42px;
background:#18181a;
transition:.35s;
}
.about-standard-card:hover{
transform:translateY(-8px);
background:#1d1d20;
}
.about-standard-card span{
display:block;
margin-bottom:34px;
color:var(--gold);
font-family:var(--serif);
font-size:42px;
}
.about-standard-card h3{
margin:0;
font-family:var(--serif);
font-size:32px;
line-height:1.18;
font-weight:400;
}
.about-standard-card p{
margin:20px 0 0;
color:var(--muted);
line-height:1.9;
}
.about-singapore-page{
padding:150px 0;
background:#070708;
}
.about-singapore-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:100px;
align-items:start;
}
.about-singapore-copy{
padding:48px;
border:1px solid rgba(200,164,110,.14);
background:#111113;
}
.about-singapore-copy p{
margin:0 0 30px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.about-singapore-copy p:last-child{
margin-bottom:0;
}
.about-technology-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.about-technology-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:100px;
align-items:start;
}
.about-technology-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.about-technology-points{
display:grid;
gap:32px;
}
.about-technology-points article{
padding:42px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
}
.about-technology-points h3{
margin:0;
font-family:var(--serif);
font-size:32px;
line-height:1.16;
font-weight:400;
}
.about-technology-points p{
margin:18px 0 0;
color:#555;
line-height:1.9;
}
.about-final-page{
padding:160px 0;
background:#0b0b0c;
}
.about-final-layout{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:100px;
align-items:center;
}
.about-final-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.about-final-page p{
margin:0 0 36px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
@media(max-width:1100px){
.about-standard-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:900px){
.about-hero-layout,
.about-editorial-grid,
.about-position-grid,
.about-singapore-layout,
.about-technology-grid,
.about-final-layout{
grid-template-columns:1fr;
gap:60px;
}
.about-hero-page{
min-height:auto;
padding:140px 0 80px;
}
.about-hero-copy h1{
font-size:54px;
}
.about-hero-panel{
max-width:none;
margin-left:0;
padding:36px;
}
.about-editorial-copy{
padding-left:24px;
}
.about-editorial-copy p,
.about-singapore-copy p{
font-size:17px;
}
.about-position-card{
position:relative;
top:auto;
padding:36px;
}
.about-position-list article{
grid-template-columns:1fr;
gap:24px;
padding:36px;
}
.about-standard-grid{
grid-template-columns:1fr;
}
.about-singapore-copy,
.about-technology-points article{
padding:36px;
}
}
/* ==========================================================
INSIGHTS PAGE — EDITORIAL LIBRARY
========================================================== */
.insights-hero-page{
min-height:92vh;
display:flex;
align-items:center;
padding:170px 0 100px;
background:
radial-gradient(circle at 76% 28%,rgba(200,164,110,.18),transparent 36%),
linear-gradient(120deg,rgba(7,7,8,.98) 0%,rgba(7,7,8,.88) 52%,rgba(17,17,19,.94) 100%);
isolation:isolate;
}
.insights-hero-lines{
position:absolute;
inset:0;
opacity:.12;
background-image:
linear-gradient(rgba(200,164,110,.20) 1px,transparent 1px),
linear-gradient(90deg,rgba(200,164,110,.14) 1px,transparent 1px);
background-size:120px 120px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 78%);
pointer-events:none;
}
.insights-hero-layout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:100px;
align-items:center;
}
.insights-hero-copy h1{
max-width:850px;
margin:0;
font-family:var(--serif);
font-size:clamp(60px,7vw,112px);
line-height:.94;
font-weight:400;
letter-spacing:-.075em;
}
.insights-hero-intro{
max-width:640px;
margin:40px 0 0;
color:var(--muted);
font-size:21px;
line-height:1.95;
}
.insights-hero-panel{
max-width:430px;
margin-left:auto;
padding:48px;
border:1px solid rgba(200,164,110,.18);
border-radius:30px;
background:rgba(17,17,19,.68);
box-shadow:0 40px 90px rgba(0,0,0,.34);
backdrop-filter:blur(18px);
}
.insights-hero-panel span{
display:block;
margin-bottom:28px;
color:var(--gold);
font-size:11px;
letter-spacing:.24em;
text-transform:uppercase;
}
.insights-hero-panel h2{
margin:0;
font-family:var(--serif);
font-size:40px;
line-height:1.1;
font-weight:400;
letter-spacing:-.04em;
}
.insights-hero-panel p{
margin:24px 0 0;
color:var(--muted);
line-height:1.9;
}
.insights-editorial-page{
padding:150px 0;
background:#070708;
}
.insights-editorial-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:110px;
align-items:start;
}
.insights-editorial-copy{
padding-left:42px;
border-left:1px solid rgba(200,164,110,.35);
}
.insights-editorial-copy p{
margin:0 0 34px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.insights-editorial-copy p:last-child{
margin-bottom:0;
}
.insights-featured-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.insights-featured-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:stretch;
}
.insights-featured-card{
min-height:580px;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:58px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
box-shadow:0 30px 80px rgba(0,0,0,.06);
}
.insights-featured-number{
display:block;
margin-bottom:40px;
color:var(--gold-dark);
font-family:var(--serif);
font-size:110px;
line-height:.75;
letter-spacing:-.07em;
}
.insights-featured-card h2{
max-width:620px;
margin:0;
font-family:var(--serif);
font-size:clamp(42px,5vw,76px);
line-height:1.02;
font-weight:400;
letter-spacing:-.055em;
}
.insights-featured-card p{
max-width:580px;
margin:30px 0 0;
color:#555;
font-size:18px;
line-height:1.9;
}
.insights-featured-notes{
display:grid;
gap:1px;
background:rgba(0,0,0,.10);
}
.insights-featured-notes article{
padding:48px;
background:#111113;
color:var(--ivory);
}
.insights-featured-notes span{
display:block;
margin-bottom:22px;
color:var(--gold);
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
}
.insights-featured-notes h3{
margin:0;
font-family:var(--serif);
font-size:36px;
line-height:1.14;
font-weight:400;
letter-spacing:-.035em;
}
.insights-featured-notes p{
margin:18px 0 0;
color:var(--muted);
line-height:1.9;
}
.insights-library-page{
padding:150px 0;
background:#0b0b0c;
}
.insights-library-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:36px;
margin-top:70px;
}
.insights-library-card{
min-height:360px;
display:flex;
flex-direction:column;
padding:44px;
background:#111113;
border:1px solid rgba(200,164,110,.14);
transition:.35s;
}
.insights-library-card:hover{
transform:translateY(-8px);
border-color:rgba(200,164,110,.38);
background:#151518;
}
.insights-library-card span{
display:block;
margin-bottom:34px;
color:var(--gold);
font-size:11px;
letter-spacing:.20em;
text-transform:uppercase;
}
.insights-library-card h3{
margin:0;
font-family:var(--serif);
font-size:34px;
line-height:1.15;
font-weight:400;
letter-spacing:-.035em;
}
.insights-library-card p{
margin:22px 0 34px;
color:var(--muted);
line-height:1.9;
}
.insights-library-card a{
margin-top:auto;
color:var(--gold);
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
}
.insights-articles-page{
padding:150px 0;
background:#070708;
}
.insights-articles-layout{
display:grid;
grid-template-columns:.42fr .58fr;
gap:90px;
align-items:start;
}
.insights-articles-heading{
position:sticky;
top:130px;
}
.insights-articles-heading h2{
margin:0;
font-family:var(--serif);
font-size:clamp(40px,4.6vw,72px);
line-height:1.04;
font-weight:400;
letter-spacing:-.055em;
}
.insights-article-list{
display:grid;
gap:1px;
background:rgba(200,164,110,.14);
}
.insights-article{
scroll-margin-top:120px;
padding:52px;
background:#111113;
}
.insights-article span{
display:block;
margin-bottom:26px;
color:var(--gold);
font-size:11px;
letter-spacing:.20em;
text-transform:uppercase;
}
.insights-article h3{
margin:0;
font-family:var(--serif);
font-size:40px;
line-height:1.12;
font-weight:400;
letter-spacing:-.04em;
}
.insights-article p{
margin:24px 0 0;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
.insights-preparation-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.insights-preparation-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:90px;
align-items:start;
}
.insights-checklist{
display:grid;
gap:1px;
background:rgba(0,0,0,.10);
}
.insights-checklist article{
display:grid;
grid-template-columns:90px 1fr;
gap:28px;
align-items:start;
padding:38px;
background:#fff;
}
.insights-checklist span{
color:var(--gold-dark);
font-family:var(--serif);
font-size:44px;
line-height:1;
}
.insights-checklist p{
margin:0;
color:#555;
font-size:18px;
line-height:1.75;
}
.insights-disclaimer-page{
padding:120px 0;
background:#111113;
}
.insights-disclaimer-box{
max-width:980px;
padding:54px;
border:1px solid rgba(200,164,110,.18);
background:#18181a;
}
.insights-disclaimer-box h2{
margin:0;
font-family:var(--serif);
font-size:clamp(38px,4.6vw,64px);
line-height:1.05;
font-weight:400;
letter-spacing:-.05em;
}
.insights-disclaimer-box p:last-child{
margin:26px 0 0;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
.insights-final-page{
padding:160px 0;
background:#0b0b0c;
}
.insights-final-layout{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:100px;
align-items:center;
}
.insights-final-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.insights-final-page p{
margin:0 0 36px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
@media(max-width:1100px){
.insights-library-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:900px){
.insights-hero-layout,
.insights-editorial-grid,
.insights-featured-grid,
.insights-articles-layout,
.insights-preparation-grid,
.insights-final-layout{
grid-template-columns:1fr;
gap:60px;
}
.insights-hero-page{
min-height:auto;
padding:140px 0 80px;
}
.insights-hero-copy h1{
font-size:54px;
}
.insights-hero-panel{
max-width:none;
margin-left:0;
padding:36px;
}
.insights-editorial-copy{
padding-left:24px;
}
.insights-editorial-copy p{
font-size:17px;
}
.insights-featured-card{
min-height:auto;
padding:38px;
}
.insights-featured-number{
font-size:74px;
}
.insights-featured-notes article,
.insights-library-card,
.insights-article,
.insights-disclaimer-box{
padding:36px;
}
.insights-library-grid{
grid-template-columns:1fr;
}
.insights-articles-heading{
position:relative;
top:auto;
}
.insights-checklist article{
grid-template-columns:1fr;
gap:20px;
padding:34px;
}
}
/* ==========================================================
FAQ PAGE — INSTITUTIONAL KNOWLEDGE SYSTEM
========================================================== */
.faq-hero-page{
min-height:90vh;
display:flex;
align-items:center;
padding:170px 0 100px;
background:
radial-gradient(circle at 82% 30%,rgba(200,164,110,.14),transparent 34%),
linear-gradient(120deg,#070708 0%,#0c0c0e 48%,#17130f 100%);
isolation:isolate;
}
.faq-hero-lines{
position:absolute;
inset:0;
opacity:.13;
background-image:
linear-gradient(rgba(200,164,110,.32) 1px,transparent 1px),
linear-gradient(90deg,rgba(200,164,110,.20) 1px,transparent 1px);
background-size:120px 120px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 86%);
pointer-events:none;
}
.faq-hero-layout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.12fr .88fr;
gap:100px;
align-items:center;
}
.faq-hero-copy h1{
max-width:900px;
margin:0;
font-family:var(--serif);
font-size:clamp(60px,7vw,112px);
line-height:.94;
font-weight:400;
letter-spacing:-.07em;
}
.faq-hero-intro{
max-width:650px;
margin:42px 0 0;
color:var(--muted);
font-size:21px;
line-height:1.9;
}
.faq-hero-panel{
max-width:430px;
margin-left:auto;
padding:46px;
border:1px solid rgba(200,164,110,.20);
border-radius:30px;
background:rgba(17,17,19,.72);
box-shadow:0 45px 90px rgba(0,0,0,.32);
backdrop-filter:blur(18px);
}
.faq-hero-panel span{
display:block;
margin-bottom:24px;
color:var(--gold);
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
}
.faq-hero-panel h2{
margin:0;
font-family:var(--serif);
font-size:40px;
line-height:1.12;
font-weight:400;
letter-spacing:-.04em;
}
.faq-hero-panel p{
margin:26px 0 0;
color:var(--muted);
line-height:1.9;
}
.faq-editorial-page{
padding:150px 0;
background:#070708;
}
.faq-editorial-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:110px;
align-items:start;
}
.faq-editorial-copy{
padding-left:42px;
border-left:1px solid rgba(200,164,110,.32);
}
.faq-editorial-copy p{
margin:0 0 34px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.faq-index-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.faq-index-page .section-title{
color:#111;
}
.faq-index-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
margin-top:70px;
background:rgba(0,0,0,.10);
}
.faq-index-card{
min-height:300px;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:42px;
background:#fff;
transition:.35s ease;
}
.faq-index-card:hover{
transform:translateY(-6px);
box-shadow:0 25px 70px rgba(0,0,0,.08);
}
.faq-index-card span{
color:var(--gold-dark);
font-family:var(--serif);
font-size:48px;
line-height:1;
}
.faq-index-card h3{
margin:46px 0 0;
font-family:var(--serif);
font-size:32px;
line-height:1.15;
font-weight:400;
letter-spacing:-.035em;
}
.faq-index-card p{
margin:20px 0 0;
color:#555;
line-height:1.8;
}
.faq-master-page{
padding:150px 0;
background:#0b0b0c;
}
.faq-master-layout{
display:grid;
grid-template-columns:.88fr 1.12fr;
gap:100px;
align-items:start;
}
.faq-master-heading{
position:sticky;
top:130px;
}
.faq-master-heading h2{
margin:0;
font-family:var(--serif);
font-size:clamp(42px,4.8vw,76px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.faq-master-heading p{
margin:30px 0 0;
max-width:520px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
.faq-groups{
display:grid;
gap:70px;
}
.faq-group{
scroll-margin-top:130px;
}
.faq-group-title{
display:flex;
align-items:flex-end;
gap:24px;
margin-bottom:28px;
padding-bottom:26px;
border-bottom:1px solid rgba(200,164,110,.20);
}
.faq-group-title span{
color:var(--gold);
font-family:var(--serif);
font-size:54px;
line-height:.85;
}
.faq-group-title h3{
margin:0;
font-family:var(--serif);
font-size:42px;
line-height:1;
font-weight:400;
letter-spacing:-.04em;
}
.faq-accordion{
display:grid;
gap:14px;
}
.faq-accordion details{
border:1px solid rgba(200,164,110,.14);
background:#111113;
transition:.35s ease;
}
.faq-accordion details[open]{
border-color:rgba(200,164,110,.34);
background:#151517;
}
.faq-accordion summary{
position:relative;
cursor:pointer;
list-style:none;
padding:32px 76px 32px 34px;
color:var(--ivory);
font-family:var(--serif);
font-size:30px;
line-height:1.2;
font-weight:400;
letter-spacing:-.035em;
}
.faq-accordion summary::-webkit-details-marker{
display:none;
}
.faq-accordion summary:after{
content:'+';
position:absolute;
top:50%;
right:32px;
transform:translateY(-50%);
color:var(--gold);
font-family:Arial,Helvetica,sans-serif;
font-size:28px;
line-height:1;
transition:.25s ease;
}
.faq-accordion details[open] summary:after{
content:'–';
}
.faq-accordion summary:focus-visible{
outline:2px solid rgba(200,164,110,.70);
outline-offset:4px;
}
.faq-accordion p{
margin:0;
padding:0 34px 34px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
.faq-note-page{
padding:120px 0;
background:#f7f3ed;
color:#111;
}
.faq-note-box{
max-width:1000px;
padding:58px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
}
.faq-note-box h2{
margin:0;
font-family:var(--serif);
font-size:clamp(40px,4.8vw,70px);
line-height:1.05;
font-weight:400;
letter-spacing:-.055em;
}
.faq-note-box p:last-child{
margin:28px 0 0;
max-width:820px;
color:#555;
font-size:18px;
line-height:1.9;
}
.faq-final-page{
padding:160px 0;
background:#070708;
}
.faq-final-layout{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:100px;
align-items:center;
}
.faq-final-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.faq-final-page p{
margin:0 0 36px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
@media(max-width:1100px){
.faq-index-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:900px){
.faq-hero-layout,
.faq-editorial-grid,
.faq-master-layout,
.faq-final-layout{
grid-template-columns:1fr;
gap:60px;
}
.faq-hero-page{
min-height:auto;
padding:140px 0 80px;
}
.faq-hero-copy h1{
font-size:54px;
}
.faq-hero-intro{
font-size:17px;
}
.faq-hero-panel{
max-width:none;
margin-left:0;
padding:36px;
}
.faq-editorial-copy{
padding-left:24px;
}
.faq-editorial-copy p{
font-size:17px;
}
.faq-index-grid{
grid-template-columns:1fr;
}
.faq-index-card{
min-height:auto;
padding:36px;
}
.faq-master-heading{
position:relative;
top:auto;
}
.faq-group-title{
align-items:flex-start;
flex-direction:column;
}
.faq-group-title span{
font-size:46px;
}
.faq-group-title h3{
font-size:34px;
}
.faq-accordion summary{
padding:28px 64px 28px 28px;
font-size:25px;
}
.faq-accordion summary:after{
right:28px;
}
.faq-accordion p{
padding:0 28px 30px;
font-size:16px;
}
.faq-note-box{
padding:36px;
}
}
/* ==========================================================
CONTACT PAGE — PRIVATE CONSULTATION GATEWAY
========================================================== */
.contact-hero-page{
min-height:92vh;
display:flex;
align-items:center;
padding:170px 0 100px;
background:
radial-gradient(circle at 78% 26%,rgba(200,164,110,.16),transparent 34%),
linear-gradient(135deg,#070708 0%,#101012 48%,#070708 100%);
}
.contact-hero-lines{
position:absolute;
inset:0;
opacity:.12;
background-image:
linear-gradient(rgba(200,164,110,.28) 1px,transparent 1px),
linear-gradient(90deg,rgba(200,164,110,.22) 1px,transparent 1px);
background-size:120px 120px;
mask-image:linear-gradient(to bottom,transparent,black 18%,black 72%,transparent);
}
.contact-hero-layout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.15fr .85fr;
gap:92px;
align-items:center;
}
.contact-hero-copy h1{
max-width:900px;
margin:0;
font-family:var(--serif);
font-size:clamp(58px,6.7vw,108px);
line-height:.96;
font-weight:400;
letter-spacing:-.07em;
}
.contact-hero-intro{
max-width:650px;
margin:40px 0 0;
color:var(--muted);
font-size:21px;
line-height:1.9;
}
.contact-hero-actions{
display:flex;
flex-wrap:wrap;
gap:18px;
margin-top:52px;
}
.contact-hero-panel{
max-width:470px;
margin-left:auto;
padding:48px;
border:1px solid rgba(200,164,110,.20);
border-radius:30px;
background:rgba(17,17,19,.72);
box-shadow:0 40px 100px rgba(0,0,0,.30);
backdrop-filter:blur(18px);
}
.contact-hero-panel span{
display:block;
margin-bottom:24px;
color:var(--gold);
font-size:11px;
letter-spacing:.24em;
text-transform:uppercase;
}
.contact-hero-panel h2{
margin:0;
font-family:var(--serif);
font-size:42px;
line-height:1.12;
font-weight:400;
letter-spacing:-.045em;
}
.contact-hero-panel p{
margin:26px 0 0;
color:var(--muted);
line-height:1.9;
}
.contact-editorial-page{
padding:150px 0;
background:#070708;
}
.contact-editorial-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:110px;
align-items:start;
}
.contact-editorial-copy{
padding-left:42px;
border-left:1px solid rgba(200,164,110,.34);
}
.contact-editorial-copy p{
margin:0 0 34px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.contact-pathway-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.contact-pathway-page .section-title{
color:#111;
}
.contact-pathway-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
margin-top:74px;
background:rgba(0,0,0,.10);
}
.contact-pathway-card{
min-height:340px;
padding:42px 34px;
background:#fff;
transition:.35s ease;
}
.contact-pathway-card:hover{
transform:translateY(-8px);
box-shadow:0 24px 70px rgba(0,0,0,.08);
}
.contact-pathway-card span{
display:block;
margin-bottom:42px;
color:var(--gold-dark);
font-family:var(--serif);
font-size:46px;
line-height:1;
}
.contact-pathway-card h3{
margin:0;
font-family:var(--serif);
font-size:31px;
line-height:1.15;
font-weight:400;
letter-spacing:-.035em;
}
.contact-pathway-card p{
margin:22px 0 0;
color:#555;
line-height:1.9;
}
.contact-channels-page{
padding:150px 0;
background:#0b0b0c;
}
.contact-channels-layout{
display:grid;
grid-template-columns:1fr .9fr;
gap:94px;
align-items:center;
}
.contact-channel-card{
padding:58px;
background:#151517;
border:1px solid rgba(200,164,110,.18);
box-shadow:0 34px 90px rgba(0,0,0,.22);
}
.contact-channel-card > span{
display:block;
margin-bottom:26px;
color:var(--gold);
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
}
.contact-channel-card h3{
margin:0;
font-family:var(--serif);
font-size:44px;
line-height:1.08;
font-weight:400;
letter-spacing:-.045em;
}
.contact-channel-card p{
margin:26px 0 36px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
.contact-principles-page{
padding:150px 0;
background:#111113;
}
.contact-principles-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:36px;
margin-top:72px;
}
.contact-principle{
padding:48px;
background:#18181a;
border:1px solid rgba(200,164,110,.14);
transition:.35s ease;
}
.contact-principle:hover{
transform:translateY(-8px);
border-color:rgba(200,164,110,.34);
}
.contact-principle span{
display:block;
margin-bottom:28px;
color:var(--gold);
font-family:var(--serif);
font-size:44px;
}
.contact-principle h3{
margin:0;
font-family:var(--serif);
font-size:32px;
line-height:1.18;
font-weight:400;
letter-spacing:-.035em;
}
.contact-principle p{
margin:22px 0 0;
color:var(--muted);
line-height:1.9;
}
.contact-note-page{
padding:120px 0;
background:#f7f3ed;
color:#111;
}
.contact-note-box{
max-width:1040px;
padding:58px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
}
.contact-note-box h2{
margin:0;
font-family:var(--serif);
font-size:clamp(40px,4.8vw,70px);
line-height:1.05;
font-weight:400;
letter-spacing:-.055em;
}
.contact-note-box p:last-child{
margin:28px 0 0;
max-width:820px;
color:#555;
font-size:18px;
line-height:1.9;
}
.contact-final-page{
padding:160px 0;
background:#070708;
}
.contact-final-layout{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:100px;
align-items:center;
}
.contact-final-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.contact-final-page p{
margin:0 0 36px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
@media(max-width:1100px){
.contact-pathway-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:900px){
.contact-hero-layout,
.contact-editorial-grid,
.contact-channels-layout,
.contact-principles-grid,
.contact-final-layout{
grid-template-columns:1fr;
gap:60px;
}
.contact-hero-page{
min-height:auto;
padding:140px 0 80px;
}
.contact-hero-copy h1{
font-size:54px;
}
.contact-hero-intro{
font-size:17px;
}
.contact-hero-actions{
flex-direction:column;
}
.contact-hero-panel{
max-width:none;
margin-left:0;
padding:36px;
}
.contact-editorial-copy{
padding-left:24px;
}
.contact-editorial-copy p{
font-size:17px;
}
.contact-pathway-grid{
grid-template-columns:1fr;
}
.contact-pathway-card{
min-height:auto;
padding:36px;
}
.contact-channel-card,
.contact-principle,
.contact-note-box{
padding:36px;
}
}
/* ==========================================================
PRIVACY POLICY PAGE
========================================================== */
.privacy-hero-page{
min-height:86vh;
display:flex;
align-items:center;
padding:160px 0 96px;
background:
radial-gradient(circle at 78% 26%,rgba(200,164,110,.16),transparent 34%),
linear-gradient(120deg,rgba(7,7,8,.98),rgba(7,7,8,.86) 48%,rgba(18,18,20,.96));
}
.privacy-hero-layout{
display:grid;
grid-template-columns:1.12fr .88fr;
gap:96px;
align-items:center;
}
.privacy-hero-copy h1{
max-width:900px;
margin:0;
font-family:var(--serif);
font-size:clamp(58px,6.4vw,104px);
line-height:.98;
font-weight:400;
letter-spacing:-.07em;
}
.privacy-hero-intro{
max-width:690px;
margin:38px 0 0;
color:var(--muted);
font-size:21px;
line-height:1.9;
}
.privacy-hero-panel{
max-width:440px;
margin-left:auto;
padding:46px;
background:rgba(17,17,19,.72);
border:1px solid rgba(200,164,110,.18);
box-shadow:0 38px 90px rgba(0,0,0,.28);
backdrop-filter:blur(18px);
}
.privacy-hero-panel span{
display:block;
margin-bottom:24px;
color:var(--gold);
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
}
.privacy-hero-panel h2{
margin:0;
font-family:var(--serif);
font-size:44px;
line-height:1.08;
font-weight:400;
letter-spacing:-.04em;
}
.privacy-hero-panel p{
margin:24px 0 0;
color:var(--muted);
line-height:1.9;
}
.privacy-intro-page{
padding:150px 0;
background:#070708;
}
.privacy-intro-grid{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:110px;
align-items:start;
}
.privacy-intro-copy{
padding-left:42px;
border-left:1px solid rgba(200,164,110,.30);
}
.privacy-intro-copy p{
margin:0 0 34px;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.privacy-toc-page{
padding:120px 0;
background:#f7f3ed;
color:#111;
}
.privacy-toc-layout{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:90px;
align-items:start;
}
.privacy-toc-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(42px,5vw,76px);
line-height:1.04;
font-weight:400;
letter-spacing:-.055em;
}
.privacy-toc-list{
display:grid;
grid-template-columns:1fr;
border-top:1px solid rgba(0,0,0,.12);
}
.privacy-toc-list a{
display:flex;
gap:26px;
align-items:center;
padding:24px 0;
border-bottom:1px solid rgba(0,0,0,.12);
color:#222;
font-family:var(--serif);
font-size:28px;
line-height:1.15;
transition:.25s ease;
}
.privacy-toc-list a:hover{
color:var(--gold-dark);
transform:translateX(8px);
}
.privacy-toc-list span{
min-width:42px;
color:var(--gold-dark);
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
letter-spacing:.16em;
}
.privacy-content-page{
padding:150px 0;
background:#0b0b0c;
}
.privacy-content-layout{
display:grid;
grid-template-columns:330px 1fr;
gap:90px;
align-items:start;
}
.privacy-side-note{
position:sticky;
top:120px;
padding:38px;
background:#151517;
border:1px solid rgba(200,164,110,.16);
}
.privacy-side-note span{
display:block;
margin-bottom:24px;
color:var(--gold);
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
}
.privacy-side-note p{
margin:0;
color:var(--muted);
line-height:1.9;
}
.privacy-policy-blocks{
display:flex;
flex-direction:column;
gap:1px;
background:rgba(200,164,110,.15);
}
.privacy-policy-block{
scroll-margin-top:120px;
padding:56px 60px;
background:#111113;
}
.privacy-policy-block > span{
display:block;
margin-bottom:28px;
color:var(--gold);
font-family:var(--serif);
font-size:44px;
line-height:1;
}
.privacy-policy-block h2{
margin:0;
font-family:var(--serif);
font-size:clamp(36px,4vw,58px);
line-height:1.08;
font-weight:400;
letter-spacing:-.045em;
}
.privacy-policy-block p{
margin:26px 0 0;
max-width:860px;
color:var(--muted);
font-size:18px;
line-height:1.95;
}
.privacy-contact-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.privacy-contact-layout{
display:grid;
grid-template-columns:1fr .9fr;
gap:94px;
align-items:center;
}
.privacy-contact-page h2{
margin:0;
font-family:var(--serif);
font-size:clamp(44px,5vw,82px);
line-height:1.03;
font-weight:400;
letter-spacing:-.055em;
}
.privacy-contact-card{
padding:56px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
box-shadow:0 30px 80px rgba(0,0,0,.08);
}
.privacy-contact-card > span{
display:block;
margin-bottom:26px;
color:var(--gold-dark);
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
}
.privacy-contact-card h3{
margin:0;
font-family:var(--serif);
font-size:44px;
line-height:1.08;
font-weight:400;
letter-spacing:-.045em;
}
.privacy-contact-card p{
margin:26px 0 36px;
color:#555;
font-size:18px;
line-height:1.9;
}
.privacy-final-page{
padding:120px 0;
background:#070708;
}
.privacy-final-box{
max-width:1040px;
padding:58px;
background:#111113;
border:1px solid rgba(200,164,110,.16);
}
.privacy-final-box h2{
margin:0;
font-family:var(--serif);
font-size:clamp(40px,4.8vw,70px);
line-height:1.05;
font-weight:400;
letter-spacing:-.055em;
}
.privacy-final-box p:last-child{
margin:28px 0 0;
max-width:830px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
@media(max-width:1000px){
.privacy-content-layout{
grid-template-columns:1fr;
}
.privacy-side-note{
position:relative;
top:auto;
}
}
@media(max-width:900px){
.privacy-hero-layout,
.privacy-intro-grid,
.privacy-toc-layout,
.privacy-contact-layout{
grid-template-columns:1fr;
gap:60px;
}
.privacy-hero-page{
min-height:auto;
padding:140px 0 80px;
}
.privacy-hero-copy h1{
font-size:54px;
}
.privacy-hero-intro{
font-size:17px;
}
.privacy-hero-panel{
max-width:none;
margin-left:0;
padding:36px;
}
.privacy-intro-copy{
padding-left:24px;
}
.privacy-intro-copy p{
font-size:17px;
}
.privacy-toc-list a{
font-size:24px;
}
.privacy-policy-block,
.privacy-contact-card,
.privacy-final-box,
.privacy-side-note{
padding:36px;
}
.privacy-policy-block p,
.privacy-contact-card p,
.privacy-final-box p:last-child{
font-size:16px;
}
}
/* ==========================================================
404 PAGE — VERIFIED PATH
========================================================== */
.notfound-hero-page{
min-height:92vh;
display:flex;
align-items:center;
padding:160px 0 95px;
background:
radial-gradient(circle at 75% 35%,rgba(200,164,110,.14),transparent 34%),
linear-gradient(90deg,rgba(7,7,8,.98),rgba(7,7,8,.82),rgba(7,7,8,.56)),
#070708;
isolation:isolate;
}
.notfound-hero-lines{
position:absolute;
inset:0;
opacity:.08;
background-image:
linear-gradient(rgba(200,164,110,.22) 1px,transparent 1px),
linear-gradient(90deg,rgba(200,164,110,.22) 1px,transparent 1px);
background-size:90px 90px;
mask-image:linear-gradient(to bottom,#000,transparent 78%);
pointer-events:none;
}
.notfound-hero-layout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.08fr .92fr;
gap:96px;
align-items:center;
}
.notfound-hero-copy h1{
max-width:880px;
margin:0;
font-family:var(--serif);
font-size:clamp(54px,6.4vw,102px);
line-height:.98;
font-weight:400;
letter-spacing:-.07em;
}
.notfound-hero-intro{
max-width:650px;
margin:38px 0 0;
color:var(--muted);
font-size:20px;
line-height:1.95;
}
.notfound-actions{
display:flex;
flex-wrap:wrap;
gap:18px;
margin-top:48px;
}
.notfound-hero-panel{
max-width:460px;
margin-left:auto;
padding:52px;
background:rgba(17,17,19,.78);
border:1px solid rgba(200,164,110,.20);
box-shadow:0 38px 90px rgba(0,0,0,.32);
backdrop-filter:blur(16px);
}
.notfound-hero-panel span{
display:block;
margin-bottom:28px;
color:var(--gold);
font-size:11px;
letter-spacing:.22em;
text-transform:uppercase;
}
.notfound-hero-panel h2{
margin:0;
font-family:var(--serif);
font-size:48px;
line-height:1.05;
font-weight:400;
letter-spacing:-.045em;
}
.notfound-hero-panel p{
margin:26px 0 0;
color:var(--muted);
font-size:17px;
line-height:1.9;
}
.notfound-routes-page{
padding:150px 0;
background:#f7f3ed;
color:#111;
}
.notfound-routes-page .section-title{
color:#111;
}
.notfound-route-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
margin-top:74px;
background:rgba(0,0,0,.10);
}
.notfound-route-card{
min-height:360px;
padding:44px 34px;
background:#fff;
transition:.35s ease;
}
.notfound-route-card:hover{
transform:translateY(-8px);
box-shadow:0 24px 70px rgba(0,0,0,.08);
}
.notfound-route-card span{
display:block;
margin-bottom:42px;
color:var(--gold-dark);
font-family:var(--serif);
font-size:46px;
line-height:1;
}
.notfound-route-card h3{
margin:0;
font-family:var(--serif);
font-size:31px;
line-height:1.15;
font-weight:400;
letter-spacing:-.035em;
}
.notfound-route-card p{
margin:22px 0 34px;
color:#555;
line-height:1.9;
}
.notfound-route-card a{
color:var(--gold-dark);
font-size:12px;
letter-spacing:.15em;
text-transform:uppercase;
}
.notfound-note-page{
padding:130px 0;
background:#0b0b0c;
}
.notfound-note-box{
max-width:1040px;
padding:60px;
background:#111113;
border:1px solid rgba(200,164,110,.16);
}
.notfound-note-box h2{
margin:0;
font-family:var(--serif);
font-size:clamp(42px,5vw,76px);
line-height:1.04;
font-weight:400;
letter-spacing:-.055em;
}
.notfound-note-box p:last-child{
margin:30px 0 0;
max-width:800px;
color:var(--muted);
font-size:18px;
line-height:1.9;
}
@media(max-width:1100px){
.notfound-route-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:900px){
.notfound-hero-layout{
grid-template-columns:1fr;
gap:60px;
}
.notfound-hero-page{
min-height:auto;
padding:140px 0 80px;
}
.notfound-hero-copy h1{
font-size:54px;
}
.notfound-hero-intro{
font-size:17px;
}
.notfound-actions{
flex-direction:column;
}
.notfound-hero-panel{
max-width:none;
margin-left:0;
padding:36px;
}
.notfound-route-grid{
grid-template-columns:1fr;
}
.notfound-route-card{
min-height:auto;
padding:36px;
}
.notfound-note-box{
padding:36px;
}
}
/* ==========================================================
BRAND + IMAGE REFINEMENT UPDATE
Uses approved SGDTrust brand assets and rotates supplied
institutional photography across key page hero sections.
========================================================== */
.brand-logo{
position:relative;
width:clamp(180px,22vw,320px);
height:54px;
flex:0 0 auto;
background:url("../logo/sgdtrust-header-horizontal.png") left center / contain no-repeat;
}
.brand-logo .brand-seal,
.brand-logo .brand-text{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}
.footer-logo{
display:block;
width:min(260px,100%);
height:116px;
margin-bottom:14px;
background:url("../logo/sgdtrust-stacked-transparent.png") left top / contain no-repeat;
color:transparent;
font-size:0;
line-height:0;
overflow:hidden;
}
.footer-grid > div:first-child p{
max-width:220px;
}
.hero-v2{
background:
linear-gradient(90deg,rgba(7,7,8,.96) 0%,rgba(7,7,8,.76) 44%,rgba(7,7,8,.18) 100%),
url("../images/home-boardroom.jpg") center center / cover no-repeat;
}
.solutions-hero{
background:
linear-gradient(90deg,rgba(7,7,8,.96),rgba(7,7,8,.76),rgba(7,7,8,.28)),
url("../images/solutions-office.jpg") center center / cover no-repeat;
}
.why-hero-page{
background:
linear-gradient(90deg,rgba(7,7,8,.94) 0%,rgba(7,7,8,.72) 46%,rgba(7,7,8,.24) 100%),
url("../images/why-columns.jpg") center center / cover no-repeat;
}
.about-hero-page{
background:
linear-gradient(90deg,rgba(7,7,8,.95) 0%,rgba(7,7,8,.74) 48%,rgba(7,7,8,.22) 100%),
url("../images/about-tower.jpg") center 35% / cover no-repeat;
}
.insights-hero-page{
background:
linear-gradient(90deg,rgba(7,7,8,.95) 0%,rgba(7,7,8,.76) 46%,rgba(7,7,8,.24) 100%),
url("../images/about-tower.jpg") center 35% / cover no-repeat;
}
.faq-hero-page{
background:
linear-gradient(90deg,rgba(7,7,8,.95) 0%,rgba(7,7,8,.74) 46%,rgba(7,7,8,.28) 100%),
url("../images/why-columns.jpg") center center / cover no-repeat;
}
.contact-hero-page{
background:
linear-gradient(90deg,rgba(7,7,8,.95) 0%,rgba(7,7,8,.78) 46%,rgba(7,7,8,.24) 100%),
url("../images/home-boardroom.jpg") center center / cover no-repeat;
}
.privacy-hero-page{
background:
linear-gradient(90deg,rgba(7,7,8,.95) 0%,rgba(7,7,8,.76) 46%,rgba(7,7,8,.24) 100%),
url("../images/solutions-office.jpg") center center / cover no-repeat;
}
.notfound-hero-page{
background:
linear-gradient(90deg,rgba(7,7,8,.95) 0%,rgba(7,7,8,.76) 46%,rgba(7,7,8,.24) 100%),
url("../images/home-boardroom.jpg") center center / cover no-repeat;
}
@media(max-width:900px){
.brand-logo{
width:200px;
height:42px;
}
.footer-logo{
width:210px;
height:98px;
}
.hero-v2,
.solutions-hero,
.why-hero-page,
.about-hero-page,
.insights-hero-page,
.faq-hero-page,
.contact-hero-page,
.privacy-hero-page,
.notfound-hero-page{
background-position:center center;
}
}
@media(max-width:520px){
.brand-logo{
width:176px;
height:38px;
}
.footer-logo{
width:180px;
height:84px;
}
}
/* ==========================================================
LAUNCH CANDIDATE CONTACT + SCOPE REFINEMENTS
========================================================== */
.footer-contact-lines{
display:flex;
flex-direction:column;
gap:7px;
margin-top:18px;
}
.footer-contact-lines a{
margin:0;
color:var(--gold);
font-size:13px;
letter-spacing:.04em;
}
.regulatory-scope-page{
padding:130px 0;
background:#0b0b0c;
border-top:1px solid rgba(200,164,110,.12);
border-bottom:1px solid rgba(200,164,110,.12);
}
.regulatory-scope-layout{
display:grid;
grid-template-columns:.92fr 1.08fr;
gap:100px;
align-items:start;
}
.regulatory-scope-copy{
padding-left:42px;
border-left:1px solid rgba(200,164,110,.32);
}
.regulatory-scope-copy p{
margin:0 0 30px;
color:var(--muted);
font-size:19px;
line-height:1.95;
}
.contact-channel-options{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}
.contact-channel-options .contact-channel-card{
min-height:100%;
}
.contact-channel-options .contact-channel-card h3{
font-size:28px;
word-break:break-word;
}
.contact-channel-options .contact-channel-card .btn{
margin-top:12px;
}
@media(max-width:1000px){
.contact-channel-options{
grid-template-columns:1fr;
}
}
@media(max-width:900px){
.regulatory-scope-layout{
grid-template-columns:1fr;
gap:54px;
}
.regulatory-scope-copy{
padding-left:24px;
}
.regulatory-scope-page{
padding:92px 0;
}
}
/* ==========================================================
V1.2 PERFORMANCE REFINEMENTS
Optimised hero image references and browser rendering hints.
========================================================== */
.hero-v2,
.solutions-hero,
.why-hero-page,
.about-hero-page,
.insights-hero-page,
.faq-hero-page,
.contact-hero-page,
.privacy-hero-page,
.notfound-hero-page{
background-repeat:no-repeat;
background-size:cover;
}
.hero-card,
.about-hero-panel,
.insights-hero-panel,
.faq-hero-panel,
.contact-hero-panel,
.privacy-hero-panel,
.notfound-hero-panel{
will-change:transform;
}
/* ==========================================================
V1.3 ACCESSIBILITY + INTERACTION REFINEMENTS
========================================================== */
.skip-link{
position:fixed;
top:14px;
left:14px;
z-index:5000;
padding:12px 18px;
border-radius:999px;
background:var(--ivory);
color:var(--black);
font-size:13px;
font-weight:700;
transform:translateY(-160%);
transition:transform .2s ease;
}
.skip-link:focus{
transform:translateY(0);
}
:where(a,button,summary,input,select,textarea):focus-visible{
outline:2px solid var(--gold);
outline-offset:4px;
}
/* ==========================================================
V1.4 SEO, RESPONSIVE MEDIA + RECOVERY UX
========================================================== */
.hero-media{
position:absolute;
inset:0;
z-index:0;
display:block;
overflow:hidden;
}
.hero-media img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
}
.hero-v2{
background:#070708;
}
.hero-v2 .hero-video-overlay{
z-index:1;
background:
linear-gradient(90deg,rgba(7,7,8,.96) 0%,rgba(7,7,8,.76) 44%,rgba(7,7,8,.18) 100%),
linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.45),rgba(0,0,0,.88));
}
.hero-v2 .hero-noise,
.hero-v2 .hero-gradient{
z-index:2;
}
.page-breadcrumb{
position:absolute;
top:112px;
left:50%;
z-index:6;
width:min(90%,var(--container));
transform:translateX(-50%);
}
.page-breadcrumb ol{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
margin:0;
padding:0;
list-style:none;
color:var(--muted);
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
}
.page-breadcrumb li+li::before{
content:"/";
margin-right:10px;
color:var(--gold);
}
.page-breadcrumb a{
color:var(--ivory);
}
.page-breadcrumb a:hover{
color:var(--gold);
}
.page-breadcrumb [aria-current="page"]{
color:var(--muted);
}
.notfound-search{
max-width:660px;
margin-top:38px;
}
.notfound-search label{
display:block;
margin-bottom:10px;
color:var(--ivory);
font-size:13px;
font-weight:700;
}
.notfound-search-row{
display:flex;
gap:12px;
}
.notfound-search input{
min-width:0;
flex:1;
min-height:56px;
padding:0 18px;
border:1px solid rgba(200,164,110,.32);
border-radius:999px;
background:rgba(7,7,8,.78);
color:var(--ivory);
font:inherit;
}
.notfound-search input::placeholder{
color:var(--soft);
}
.notfound-search button{
min-height:56px;
padding:0 26px;
}
.search-results{
margin-top:18px;
padding:18px 20px;
border:1px solid rgba(200,164,110,.22);
background:rgba(17,17,19,.92);
}
.search-results[hidden]{
display:none;
}
.search-status{
margin:0;
color:var(--muted);
}
.search-results ul{
margin:14px 0 0;
padding:0;
list-style:none;
}
.search-results li+li{
margin-top:14px;
padding-top:14px;
border-top:1px solid rgba(200,164,110,.14);
}
.search-results a{
display:block;
color:var(--gold);
font-weight:700;
}
.search-results span{
display:block;
margin-top:3px;
color:var(--muted);
font-size:14px;
}
@media(max-width:1100px){
/* The full navigation remains usable when JavaScript is unavailable. */
.mobile-toggle{
display:none;
}
.site-nav{
display:flex;
}
.js .mobile-toggle{
display:flex;
}
.js .site-nav{
display:none;
}
.js .site-nav.open{
display:flex;
}
}
@media(max-width:900px){
.page-breadcrumb{
top:94px;
}
}
@media(max-width:620px){
.notfound-search-row{
flex-direction:column;
}
.notfound-search button{
width:100%;
}
}
.solutions-v2 :where(a,button,summary):focus-visible,
.cta-v2 :where(a,button,summary):focus-visible,
.light-feature :where(a,button,summary):focus-visible,
.solutions-faq-v2 :where(a,button,summary):focus-visible,
.why-singapore-page :where(a,button,summary):focus-visible,
.about-position-page :where(a,button,summary):focus-visible,
.about-technology-page :where(a,button,summary):focus-visible,
.privacy-toc-page :where(a,button,summary):focus-visible{
outline-color:var(--gold-dark);
}
.site-nav a[aria-current="page"]:after{
width:100%;
}
[id]{
scroll-margin-top:112px;
}
.hero-v2{
min-height:100vh;
min-height:100svh;
}
.mobile-toggle{
min-width:48px;
min-height:48px;
}
.mobile-toggle span{
transform-origin:center;
transition:transform .25s ease,opacity .2s ease;
}
.mobile-toggle[aria-expanded="true"] span:first-child{
transform:translateY(4px) rotate(45deg);
}
.mobile-toggle[aria-expanded="true"] span:last-child{
transform:translateY(-4px) rotate(-45deg);
}
body.nav-open{
overflow:hidden;
}
@media(max-width:1100px){
.header-inner{
min-height:76px;
}
.brand-logo{
width:210px;
height:44px;
}
.mobile-toggle{
display:flex;
}
.site-nav{
position:absolute;
top:76px;
left:0;
right:0;
display:none;
max-height:calc(100svh - 76px);
overflow:auto;
flex-direction:column;
align-items:stretch;
gap:0;
padding:18px 5% max(28px,env(safe-area-inset-bottom));
border-top:1px solid rgba(200,164,110,.14);
border-bottom:1px solid rgba(200,164,110,.18);
background:rgba(7,7,8,.985);
box-shadow:0 28px 70px rgba(0,0,0,.38);
}
.site-nav.open{
display:flex;
}
.site-nav a{
min-height:48px;
display:flex;
align-items:center;
padding:12px 0;
}
.site-nav .nav-button{
min-height:48px;
justify-content:center;
margin-top:10px;
padding:12px 22px;
}
.hero-grid{
gap:52px;
}
}
@media(max-width:520px){
.hero-title{
font-size:clamp(44px,13.5vw,52px)!important;
line-height:.93;
letter-spacing:-.055em;
}
.hero-label{
max-width:290px;
letter-spacing:.22em;
line-height:1.7;
}
.hero-left{
padding-top:124px;
}
}
@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto;
}
*,*::before,*::after{
scroll-behavior:auto!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
}
.js .fade-up{
opacity:1;
transform:none;
}
.scroll-indicator{
display:none;
}
}
@media print{
.site-header,
.progress-bar,
.scroll-top,
.scroll-indicator,
.hero-buttons,
.notfound-actions{
display:none!important;
}
.js .fade-up{
opacity:1!important;
transform:none!important;
}
}
/* Final progressive-enhancement guard: navigation remains usable without JS. */
@media(max-width:1100px){
html:not(.js) .mobile-toggle{
display:none;
}
html:not(.js) .site-nav{
display:flex;
}
}