:root{
--ease:cubic-bezier(.16,1,.3,1);
}
html{scrollbar-width:thin;scrollbar-color:#A99157 #FAF7F2}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#FAF7F2}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#D4C6A1,#A99157);border-radius:6px;border:2px solid #FAF7F2}
::-webkit-scrollbar-thumb:hover{background:#A99157}
body{position:relative}
body::before{
content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml;utf8,");
}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,#A99157,#D4C6A1 55%,#A99157);z-index:9999;pointer-events:none}
.btn,.outline-btn,.button{position:relative;overflow:hidden}
.btn::after,.outline-btn::after,.button::after{
content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
background:linear-gradient(115deg,transparent,rgba(255,255,255,.4),transparent);
transform:skewX(-18deg);transition:left .6s var(--ease)
}
.btn:hover::after,.outline-btn:hover::after,.button:hover::after{left:130%}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
@media (max-width: 1024px) {
.desktop-layout { display: none !important; }
:root {
--color-oxford-blue:#0A1D3F;
--color-champagne-gold:#D4C6A1;
--color-warm-off-white:#FAF7F2;
--color-ink:#0A1D3F;
--color-muted:#526079;
--color-line:rgba(10,29,63,.14);
--color-white:#fff;
--shadow-card:0 10px 28px rgba(10,29,63,.08);
--radius-card:10px;
--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
--font-display:Georgia, "Times New Roman", serif;
--space-page:22px;
--content-max:430px;
}
*{box-sizing:border-box}
html{background:#e9e3d8;scroll-behavior:smooth}
body{
margin:0;color:var(--color-ink);background:var(--color-warm-off-white);
font-family:var(--font-ui);font-size:15px;line-height:1.55;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.page{
width:100%;max-width:var(--content-max);margin:0 auto;background:
radial-gradient(circle at 5% 3%,rgba(255,255,255,.95),transparent 34%),
linear-gradient(180deg,#fff 0%,var(--color-warm-off-white) 34%,#f7f2ea 100%);
min-height:100vh;overflow:hidden;
}
.section{padding:30px var(--space-page)}
.section-title{
margin:0 0 18px;text-align:center;font-size:15px;font-weight:800;letter-spacing:.34em;
line-height:1.2;text-transform:uppercase;color:var(--color-oxford-blue);
}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px var(--space-page) 10px;position:relative;z-index:10}
.brand{width:132px;height:auto;flex:0 0 auto}
.nav-mobile{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--color-oxford-blue)}
.lang a+a:before{content:"|";display:inline-block;padding:0 7px;color:var(--color-champagne-gold);font-weight:700}
.hamburger{width:30px;height:24px;display:grid;gap:6px;align-content:center;border:0;padding:0;background:transparent;cursor:pointer}
.hamburger i{display:block;height:2px;background:var(--color-oxford-blue);border-radius:2px}
.hero{position:relative;padding:8px var(--space-page) 28px;min-height:480px;overflow:hidden}
.hero::after{
content:"";position:absolute;right:-78px;top:154px;width:330px;height:176px;
background:linear-gradient(90deg,rgba(250,247,242,.96) 0%,rgba(250,247,242,.62) 26%,rgba(250,247,242,0) 48%),url("assets/hero-building.png") right center/contain no-repeat;
z-index:1;pointer-events:none;
}
.hero-content{position:relative;z-index:2;width:min(270px,72vw)}
.hero h1{margin:8px 0 16px;font-family:var(--font-display);font-size:36px;line-height:1.04;font-weight:500;letter-spacing:-.035em;color:var(--color-oxford-blue)}
.title-rule{width:42px;height:2px;background:var(--color-champagne-gold);margin:0 0 18px}
.hero p{margin:0 0 18px;font-size:14px;line-height:1.55;max-width:255px}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:0 22px;
background:var(--color-oxford-blue);color:#fff;border:1px solid var(--color-oxford-blue);
font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 22px rgba(10,29,63,.16);
}
.btn .arrow{color:var(--color-champagne-gold);font-size:17px;line-height:1}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,.outline-btn:focus-visible,.link-card:focus-visible,.way-card:focus-visible{outline:3px solid rgba(212,198,161,.8);outline-offset:3px}
.quick-cards{position:relative;z-index:3;margin:-102px var(--space-page) 0;border:1px solid var(--color-line);background:rgba(255,255,255,.92);box-shadow:var(--shadow-card);border-radius:var(--radius-card);overflow:hidden;backdrop-filter:blur(8px)}
.quick-row{display:grid;grid-template-columns:70px 1fr;gap:14px;min-height:120px;padding:20px 18px;align-items:start;border-bottom:1px solid var(--color-line)}
.quick-row:last-child{border-bottom:0}
.icon{width:44px;height:44px;color:var(--color-champagne-gold);display:flex;align-items:center;justify-content:center}
.icon svg{width:42px;height:42px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.quick-row h3,.approach-item h3,.area-item h3,.way-card h3,.link-card h3{margin:0 0 4px;font-size:14px;line-height:1.25;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.quick-row p,.approach-item p,.area-item p,.way-card p,.link-card p{margin:0;font-size:12.5px;line-height:1.48}
.chev{align-self:center;color:var(--color-champagne-gold);font-size:22px;line-height:1}
.approach{margin-top:28px;background:var(--color-oxford-blue);color:#fff;padding:28px var(--space-page);position:relative;overflow:hidden}
.approach::after{content:"";position:absolute;right:-40px;top:0;width:260px;height:220px;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(212,198,161,.45) 13px 15px)}
.approach .section-title{color:var(--color-champagne-gold);text-align:left;margin-bottom:6px;letter-spacing:.31em}
.approach-lead{position:relative;z-index:2;margin:0 0 22px;max-width:320px;color:rgba(255,255,255,.9);font-size:13px;line-height:1.55}
.approach-list{position:relative;z-index:2;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.16)}
.approach-item{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.approach-item .icon{color:var(--color-champagne-gold);width:44px;height:44px}
.approach-item h3{color:var(--color-champagne-gold)}
.approach-item p{color:rgba(255,255,255,.86)}
.areas{padding-top:26px}
.areas-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-line);border-radius:var(--radius-card);background:rgba(255,255,255,.65);overflow:hidden}
.area-item{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:15px 16px;align-items:start;border-bottom:1px solid var(--color-line)}
.area-item:last-child{border-bottom:0}
.area-item .icon{width:38px;height:38px}
.area-item .icon svg{width:36px;height:36px;stroke-width:1.75}
.area-item h3{font-size:12.5px}
.area-item p{font-size:11.8px;color:#182842}
.outline-btn{display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px;margin:22px auto 0;width:min(295px,100%);border:1px solid var(--color-champagne-gold);color:var(--color-oxford-blue);background:rgba(255,255,255,.48);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.outline-btn .arrow{color:var(--color-champagne-gold);font-size:16px}
.ways{padding-top:18px}
.ways-list{display:grid;gap:13px}
.way-card{display:grid;grid-template-columns:54px 42px 1fr 22px;gap:10px;align-items:start;padding:18px 16px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:rgba(255,255,255,.75);box-shadow:0 8px 18px rgba(10,29,63,.055)}
.way-no{color:var(--color-champagne-gold);font-family:var(--font-display);font-size:32px;line-height:1}
.way-card .icon{width:36px;height:36px}
.way-card .icon svg{width:34px;height:34px;stroke-width:1.75}
.more{display:inline-flex;margin-top:9px;align-items:center;gap:7px;color:#9d6a19;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.prefooter{padding-top:12px;display:grid;gap:12px}
.link-card{display:grid;grid-template-columns:44px 1fr 22px;gap:14px;padding:18px 16px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:rgba(255,255,255,.82);box-shadow:0 8px 18px rgba(10,29,63,.05);border-top:3px solid var(--color-champagne-gold)}
.link-card .icon{width:34px;height:34px}
.link-card .icon svg{width:32px;height:32px;stroke-width:1.75}
.link-card p{color:#23324b}
.link-card .more{margin-top:8px}
.contact-line{display:block;margin-top:8px;font-size:12px;color:var(--color-oxford-blue);font-weight:700}
.footer{background:var(--color-oxford-blue);color:#fff;padding:24px var(--space-page) 26px}
.footer-grid{display:grid;grid-template-columns:122px 1fr;gap:18px;align-items:start}
.footer-logo{width:118px}
.footer-claim{color:var(--color-champagne-gold);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin:2px 0 8px}
.footer-text{font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.82);margin:0}
.footer-bottom{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17);display:grid;gap:18px;justify-items:center}
.legal{display:flex;gap:20px;color:rgba(255,255,255,.82);font-size:11px}
.social{display:flex;gap:14px}
.social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
@media(max-width:374px){
:root{--space-page:18px}
.brand{width:120px}
.hero{min-height:500px}
.hero h1{font-size:32px}
.hero-content{width:245px}
.hero::after{right:-112px;top:176px;width:320px;opacity:.9}
.quick-cards{margin-top:-94px}
.quick-row{grid-template-columns:58px 1fr;padding:18px 14px}
.way-card{grid-template-columns:44px 34px 1fr 18px;padding:16px 13px}
.area-item{grid-template-columns:48px 1fr;padding:14px 12px}
}
@media(min-width:431px) and (max-width:1024px){
:root{--content-max:820px;--space-page:42px}
.page{max-width:820px}
.topbar{padding-top:24px}
.brand{width:168px}
.hero{min-height:420px;padding-top:28px}
.hero-content{width:360px}
.hero h1{font-size:44px}
.hero p{max-width:330px;font-size:15px}
.hero::after{right:-28px;top:118px;width:475px;height:235px}
.quick-cards{margin:-52px var(--space-page) 0}
.quick-row{grid-template-columns:70px 1fr;min-height:auto}
.approach-list{grid-template-columns:1fr 1fr;column-gap:28px}
.approach-item{padding:18px 0}
.approach-item:nth-last-child(1):nth-child(odd){grid-column:1 / -1}
.areas-list{display:grid;grid-template-columns:1fr 1fr}
.area-item:nth-child(odd){border-right:1px solid var(--color-line)}
.area-item:nth-last-child(1):nth-child(odd){grid-column:1 / -1;border-right:0}
.ways-list{grid-template-columns:1fr 1fr 1fr}
.way-card{grid-template-columns:1fr;gap:8px}
.prefooter{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:160px 1fr}
.footer-logo{width:150px}
.footer-bottom{grid-template-columns:1fr auto;justify-items:start}
}
/* Ambient hero glow */
.hero::before{
content:"";position:absolute;inset:-15% -20%;z-index:0;pointer-events:none;filter:blur(28px);opacity:.75;
background:radial-gradient(closest-side,rgba(212,198,161,.35),transparent 70%),radial-gradient(closest-side at 85% 15%,rgba(10,29,63,.22),transparent 70%);
animation:heroGlowMove 16s ease-in-out infinite alternate;
}
@keyframes heroGlowMove{0%{transform:translate(0,0) scale(1)}100%{transform:translate(4%,-3%) scale(1.08)}}
/* Tap/press micro-interactions */
.way-card,.link-card{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.way-card:active,.link-card:active{transform:scale(.97)}
.icon svg{transition:transform .35s var(--ease)}
.way-card:active .icon svg,.link-card:active .icon svg{transform:scale(1.1) rotate(-6deg)}
}
@media (min-width: 1025px) {
.mobile-layout { display: none !important; }
@page { size: 1440px 3600px; margin: 0; }
:root{
--oxford:#0A1D3F;
--oxford-deep:#06152e;
--gold:#D4C6A1;
--gold-dark:#A99157;
--paper:#FAF7F2;
--paper-alt:#F3EEE5;
--ink:#0A1D3F;
--text:#17233a;
--muted:#536070;
--line:rgba(10,29,63,.16);
--shadow:0 18px 45px rgba(10,29,63,.09);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#e9e4dc;color:var(--ink)}
body{font-family:Inter, Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{text-decoration:none;color:inherit}
.page{width:100%;max-width:2200px;margin:0 auto;background:var(--paper);box-shadow:0 0 0 1px rgba(0,0,0,.08);overflow:hidden}
.inner{width:min(1900px,90%);margin:0 auto}
.serif{font-family:'Noto Serif', Georgia, 'Times New Roman', serif}
.icon svg,.mini svg,.bicon svg{width:100%;height:100%;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
header{height:104px;position:absolute;left:0;right:0;top:0;z-index:10}
.header-inner{height:104px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:clamp(160px,19vw,218px);height:auto;display:block}
nav{display:flex;gap:clamp(18px,3vw,42px);align-items:center;margin-left:clamp(18px,3vw,42px);font-size:12px;font-weight:750;letter-spacing:.035em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
nav .active{color:var(--gold-dark);position:relative}
nav .active:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--gold);bottom:-13px}
.lang{font-size:12px;font-weight:750;letter-spacing:.055em;color:var(--ink);white-space:nowrap}.lang span{color:var(--gold-dark);padding:0 10px}
.hero{position:relative;height:clamp(420px,46vw,500px);background:radial-gradient(circle at 38% 0,#fff 0,#fbf7f0 45%,#f3ece2 100%);overflow:hidden;border-bottom:1px solid var(--line)}
.hero-building-wrap{position:absolute;right:-2.8%;bottom:0;width:59%;height:82%;overflow:hidden;z-index:0;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.hero-building{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:contrast(1.05) saturate(.92)}
.hero:after{content:"";position:absolute;right:40.6%;bottom:0;width:24.3%;height:86%;background:linear-gradient(90deg,var(--paper) 0,rgba(250,247,242,.86) 52%,rgba(250,247,242,0) 100%);z-index:1;pointer-events:none}
.hero-copy{position:absolute;left:6.94%;top:25.6%;width:38.9%;min-width:300px;z-index:2}
.hero h1{font-family:'Noto Serif', Georgia, serif;font-weight:500;letter-spacing:-.035em;line-height:1.05;font-size:clamp(34px,3.8vw,50px);margin:0;color:var(--ink)}
.hero .hairline{width:54px;height:2px;background:var(--gold);margin:22px 0 21px}
.hero p{width:100%;max-width:455px;margin:0 0 16px;font-size:clamp(14px,1.15vw,15.5px);line-height:1.56;font-weight:520;color:#11203a}
.button{display:inline-flex;align-items:center;gap:20px;background:var(--gold);color:var(--oxford);border:1px solid rgba(10,29,63,.14);box-shadow:0 10px 28px rgba(10,29,63,.08);text-transform:uppercase;font-size:13px;letter-spacing:.06em;font-weight:800;padding:16px 25px 15px;min-width:232px;justify-content:center;transition:.22s ease-out}.button:hover{transform:translateY(-1px);box-shadow:0 18px 35px rgba(10,29,63,.14)}.button .arrow{font-size:19px}
.pillars{height:300px;background:linear-gradient(180deg,#fffdf9,var(--paper));border-bottom:1px solid var(--line)}
.pillars .grid{height:100%;display:grid;grid-template-columns:repeat(3,1fr)}
.pillar{position:relative;padding:40px 70px 32px;text-align:center}.pillar:not(:last-child):after{content:"";position:absolute;right:0;top:52px;width:1px;height:196px;background:var(--line)}
.icon{width:58px;height:58px;margin:0 auto 18px;color:var(--gold-dark)}
.pillar h3{font-size:18px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);font-weight:850}
.pillar p{margin:0;text-align:left;font-size:13.2px;line-height:1.62;color:#142239;font-weight:520}
.approach{background:linear-gradient(135deg,var(--oxford),var(--oxford-deep));color:white;position:relative;overflow:hidden;padding:42px 0 52px}
.approach:after{content:"";position:absolute;right:-20px;top:-35px;width:600px;height:500px;background:repeating-linear-gradient(135deg,rgba(250,247,242,.055) 0 3px,transparent 3px 22px);opacity:.85}
.approach .inner{position:relative;z-index:1}
.approach-lead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:70px}.approach h2{margin:0;color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:26px;font-weight:850}.approach-lead p{margin:0;max-width:420px;color:#f7f3eb;font-size:14.3px;line-height:1.6;text-align:left}
.approach-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.approach-card{border:1px solid rgba(250,247,242,.18);background:rgba(250,247,242,.035);padding:24px 24px 23px;min-height:174px;display:grid;grid-template-columns:56px 1fr;column-gap:18px;align-items:start}.approach-card:nth-child(1),.approach-card:nth-child(2){grid-column:span 3}.approach-card:nth-child(n+3){grid-column:span 2}.approach-card .icon{width:52px;height:52px;margin:0;color:var(--gold)}.approach-card h3{margin:0 0 9px;color:var(--gold);font-size:16px;text-transform:uppercase;letter-spacing:.03em}.approach-card p{margin:0;color:#fff;font-size:13px;line-height:1.62;font-weight:430}
.areas{background:#fffdf9;padding:42px 0 48px;border-bottom:1px solid var(--line)}
.section-title{text-align:center;margin:0 0 27px;text-transform:uppercase;letter-spacing:.20em;font-size:19px;font-weight:850;color:var(--ink)}
.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border:1px solid var(--line)}
.area-item{min-height:122px;display:grid;grid-template-columns:64px 1fr;gap:19px;padding:28px 34px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.area-item:nth-child(3n){border-right:0}.area-item:nth-last-child(-n+3){border-bottom:0}
.area-item .icon{width:48px;height:48px;margin:0;color:var(--gold-dark)}.area-item h3{margin:0 0 7px;text-transform:uppercase;font-size:13.2px;line-height:1.25;letter-spacing:.02em;color:var(--ink)}.area-item p{margin:0;font-size:12.1px;line-height:1.45;color:#26344b;font-weight:500}.center-cta{text-align:center;margin-top:32px}.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:44px;border:1px solid var(--gold-dark);color:var(--oxford);background:rgba(212,198,161,.16);text-transform:uppercase;font-weight:850;font-size:13px;letter-spacing:.08em;padding:15px 36px;min-width:360px;transition:.22s ease-out}.outline-btn:hover{background:rgba(212,198,161,.28)}.outline-btn .arrow{font-size:18px;color:var(--gold-dark)}
.ways{background:var(--paper-alt);padding:38px 0 45px;border-bottom:1px solid var(--line)}
.ways-title{margin:0 0 28px;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:18px;font-weight:850;color:var(--ink)}
.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.way{position:relative;background:#fffdf9;border:1px solid rgba(10,29,63,.13);box-shadow:0 12px 32px rgba(10,29,63,.06);padding:29px 34px 26px;min-height:190px}.way-top{display:flex;align-items:flex-end;gap:16px;margin-bottom:12px}.num{font-family:'Noto Serif', Georgia, serif;font-size:43px;line-height:.9;color:var(--gold-dark)}.way .mini{width:43px;height:43px;color:var(--gold-dark)}.way h3{margin:0 0 9px;text-transform:uppercase;font-size:14px;color:var(--ink)}.way p{margin:0 0 16px;font-size:12.6px;line-height:1.55;color:#243249;font-weight:500}.more{color:var(--gold-dark);text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:.06em}.more .arr,.more::after{transition:.18s ease-out}.more::after{content:" →"}.way:hover .more::after,.bcard:hover .more::after{padding-left:5px}
.bottom-cards{background:#fffdf9;padding:34px 0 38px}.bottom-cards .inner{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bcard{border:1px solid rgba(10,29,63,.13);background:linear-gradient(180deg,#fff,#fbf7f0);padding:24px 22px 22px;box-shadow:0 14px 34px rgba(10,29,63,.055);min-height:164px;position:relative}.bcard:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--gold)}.bcard-head{display:flex;align-items:center;gap:14px;margin-bottom:13px}.bicon{width:36px;height:36px;color:var(--gold-dark);flex:0 0 36px}.bcard h3{margin:0;text-transform:uppercase;font-size:13.5px;line-height:1.2;color:var(--ink)}.bcard p{margin:0 0 16px;font-size:12px;line-height:1.47;color:#26344b;font-weight:500}.bcard .more{font-size:11.5px}
footer{background:linear-gradient(135deg,var(--oxford),var(--oxford-deep));color:white;padding:29px 0 30px}.footer-grid{display:grid;grid-template-columns:minmax(170px,285px) minmax(160px,1fr) minmax(200px,340px) minmax(90px,110px);align-items:center;gap:clamp(20px,3vw,45px)}.footer-logo img{width:210px;height:auto;display:block}.footer-claim{color:var(--gold);font-size:15px;font-weight:850;letter-spacing:.02em}.footer-claim span{display:block;color:var(--gold);font-size:13px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.footer-links{font-size:12px;color:#f6f3eb;display:flex;justify-content:flex-end;gap:21px;white-space:nowrap}.social{display:flex;gap:15px;justify-content:flex-end}.social i{width:34px;height:34px;border:1px solid rgba(250,247,242,.72);border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:13px;color:#fff}
/* Nav underline */
nav a{position:relative}
nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-13px;height:2px;background:var(--gold-dark);transition:right .3s var(--ease)}
nav a:hover::after{right:0}
/* Hero: duotone building + ambient glow */
.hero-building{filter:grayscale(.4) contrast(1.18) saturate(.75) brightness(.98)}
.hero-building-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(10,29,63,.55),rgba(212,198,161,.28) 60%,rgba(10,29,63,.35));mix-blend-mode:color;pointer-events:none}
.hero::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;filter:blur(10px);
background:radial-gradient(480px 380px at 12% 15%,rgba(212,198,161,.30),transparent 70%),radial-gradient(520px 420px at 78% 85%,rgba(10,29,63,.16),transparent 70%);
animation:heroGlowMove 18s ease-in-out infinite alternate;
}
@keyframes heroGlowMove{0%{transform:translate(0,0) scale(1)}100%{transform:translate(3%,-2%) scale(1.06)}}
/* Card micro-interactions */
.pillar,.approach-card,.area-item,.way,.bcard{transition:transform .4s var(--ease),box-shadow .4s var(--ease),background-color .4s var(--ease)}
.way:hover,.bcard:hover{transform:translateY(-8px);box-shadow:0 28px 55px rgba(10,29,63,.16)}
.area-item{transition:background-color .35s var(--ease)}
.area-item:hover{background-color:rgba(212,198,161,.12)}
.approach-card{position:relative;overflow:hidden}
.approach-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(212,198,161,.14),transparent);transform:translateX(-130%);transition:transform .7s var(--ease);pointer-events:none}
.approach-card:hover::before{transform:translateX(130%)}
.icon svg,.mini svg,.bicon svg{transition:transform .4s var(--ease)}
.pillar:hover .icon svg,.approach-card:hover .icon svg,.area-item:hover .icon svg,.way:hover .mini svg,.bcard:hover .bicon svg{transform:scale(1.15) rotate(-6deg)}
}