:root { --ink:#1c1d1d; --paper:#f1f0ed; --muted:#9b9b96; --accent:#bc5b45; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.nav-shell { position:fixed; z-index:50; top:0; left:0; width:100%; height:82px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; color:#fff; background:linear-gradient(180deg,rgba(0,0,0,.55),transparent); }
.brand { display:flex; align-items:center; }
.brand img { display:block; width:auto; height:38px; filter:brightness(0) invert(1); }
.brand-header img { height:34px; }
.brand-footer img { height:52px; opacity:.92; }
.nav-links { display:flex; gap:36px; font-size:12px; letter-spacing:.08em; }
.nav-links a { opacity:.72; transition:.25s; }.nav-links a:hover { opacity:1; }
.nav-actions { display:flex; align-items:center; gap:18px; }
.language { border:0; border-bottom:1px solid rgba(255,255,255,.7); background:#1c1d1d; color:#fff; padding:4px 2px; cursor:pointer; font-size:11px; letter-spacing:.08em; font-family:inherit; }
.language option { background:#1c1d1d; color:#fff; }
.menu-button { display:none; background:none; border:0; width:30px; height:30px; padding:7px 0; }
.menu-button i { display:block; height:1px; background:#fff; margin:6px 0; }
.hero { min-height:100svh; position:relative; display:flex; align-items:flex-end; color:#fff; overflow:hidden; }
.hero-image,.bridge-image { position:absolute; inset:0; background-image:url('assets/sandanik-hero.png'); background-size:cover; background-position:center; transform:scale(1.03); animation:slowzoom 18s ease-out both; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,12,12,.86) 0%,rgba(10,12,12,.35) 55%,rgba(10,12,12,.15)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 50%); }
.hero-content { position:relative; z-index:2; width:min(880px,88vw); margin:0 0 10vh 7vw; }
.eyebrow { margin:0 0 24px; font-size:11px; font-weight:700; letter-spacing:.25em; color:rgba(255,255,255,.62); }
.eyebrow.dark { color:#777873; }
.hero h1 { max-width:820px; margin:0; font-size:clamp(54px,7.6vw,116px); line-height:.92; letter-spacing:-.06em; font-weight:500; }
.hero-copy { max-width:610px; font-size:clamp(17px,2vw,23px); line-height:1.55; color:rgba(255,255,255,.72); margin:34px 0; }
.text-link { display:inline-flex; align-items:center; gap:45px; padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,.6); font-size:13px; letter-spacing:.04em; }.text-link span { color:var(--accent); }
.scroll-mark { position:absolute; right:4vw; bottom:8vh; z-index:2; display:flex; gap:14px; align-items:center; font-size:9px; letter-spacing:.24em; opacity:.55; transform:rotate(90deg); transform-origin:right; }.scroll-mark span { width:48px; height:1px; background:white; }
.section-pad { padding:140px 7vw; }
.statement { min-height:72vh; display:flex; flex-direction:column; justify-content:center; }
.statement h2 { max-width:1150px; margin:0; font-size:clamp(42px,6.4vw,92px); line-height:1.04; font-weight:400; letter-spacing:-.055em; }
.focus { background:#f1f0ed; }
.focus-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.focus-card { position:relative; min-height:720px; overflow:hidden; background:#171818; color:white; display:flex; align-items:flex-end; }
.focus-visual { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.focus-card:hover .focus-visual { transform:scale(1.035); }
.focus-card-1 .focus-visual { background-image:url('assets/china-europe-advisory.png'); }
.focus-card-2 .focus-visual { background-image:url('assets/sports-sponsorship.png'); }
.focus-card:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,9,9,.92),rgba(8,9,9,.05) 70%); }
.focus-copy { position:relative; z-index:2; padding:48px; }
.focus-copy span { font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#d08a77; }
.focus-copy h3 { margin:14px 0 20px; font-size:clamp(34px,3.4vw,56px); line-height:1; letter-spacing:-.045em; font-weight:450; }
.focus-copy p { max-width:560px; margin:0; color:rgba(255,255,255,.7); font-size:16px; line-height:1.65; }
.expertise { background:#e7e5e0; }
.section-heading { display:grid; grid-template-columns:1fr 2.2fr; gap:8vw; margin-bottom:80px; }
.section-heading h2,.about h2 { margin:0; font-size:clamp(40px,5vw,76px); line-height:1; font-weight:450; letter-spacing:-.05em; }
.service-list { border-top:1px solid #c1c0bb; }
.service { display:grid; grid-template-columns:70px minmax(230px,1fr) 1.2fr 30px; gap:30px; align-items:start; padding:35px 0; border-bottom:1px solid #c1c0bb; transition:.3s ease; }
.service:hover { padding-left:16px; background:rgba(255,255,255,.25); }
.service>span,.service>b { color:var(--accent); font-size:12px; }.service>b { font-size:18px; font-weight:400; }
.service h3 { margin:0; font-size:24px; font-weight:500; }.service p { margin:0; max-width:540px; color:#62635f; font-size:15px; line-height:1.7; }
.bridge { position:relative; min-height:100svh; display:flex; align-items:flex-end; padding:7vw; color:white; overflow:hidden; }
.bridge-image { background-image:url('assets/sandanik-services.png'); background-attachment:fixed; }
.bridge:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(12,13,13,.88),rgba(12,13,13,.08) 75%); }
.bridge-panel { position:relative; z-index:2; max-width:830px; }
.bridge-panel h2 { font-size:clamp(48px,6vw,92px); line-height:.98; font-weight:450; letter-spacing:-.05em; margin:0 0 35px; }.bridge-panel>p:last-child { max-width:680px; font-size:18px; line-height:1.65; color:rgba(255,255,255,.7); }
.pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:7vw; background:var(--ink); color:white; }
.pillars article { border-top:1px solid #4a4b4b; padding-top:30px; }.pillars span { color:var(--accent); font-size:11px; }.pillars h3 { font-size:30px; font-weight:450; margin:45px 0 20px; }.pillars p { color:#999; line-height:1.6; }
.about { display:grid; grid-template-columns:1.25fr 1fr; gap:10vw; align-items:end; min-height:78vh; }.about>p { color:#62635f; font-size:19px; line-height:1.75; margin:0; }
.contact { min-height:82vh; padding:12vw 7vw 9vw; background:var(--accent); color:white; display:flex; flex-direction:column; justify-content:center; }.contact .eyebrow { color:rgba(255,255,255,.65); }.contact h2 { font-size:clamp(55px,8vw,120px); max-width:1000px; line-height:.92; letter-spacing:-.06em; font-weight:450; margin:0; }.contact>p:not(.eyebrow) { font-size:19px; max-width:550px; line-height:1.6; margin:40px 0; color:rgba(255,255,255,.75); }.contact>a { font-size:17px; width:max-content; padding-bottom:10px; border-bottom:1px solid white; }.contact a span { margin-left:60px; }
.privacy-section { display:grid; grid-template-columns:.85fr 1.6fr; gap:10vw; background:#e7e5e0; }
.privacy-heading { position:sticky; top:130px; align-self:start; }
.privacy-heading h2 { max-width:520px; margin:0 0 25px; font-size:clamp(42px,5vw,76px); line-height:1; font-weight:450; letter-spacing:-.05em; }
.privacy-heading>p:last-child { color:#777873; font-size:12px; }
.privacy-content { border-top:1px solid #c1c0bb; }
.privacy-content article { padding:32px 0; border-bottom:1px solid #c1c0bb; }
.privacy-content h3 { margin:0 0 14px; font-size:20px; font-weight:500; }
.privacy-content p { margin:0; color:#62635f; font-size:14px; line-height:1.75; }
footer { padding:90px 7vw 35px; background:#121313; color:#aaa; }.footer-top { display:flex; justify-content:space-between; padding-bottom:70px; border-bottom:1px solid #303131; }.footer-top>a { color:white; }.brand.light { color:white; }.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:7vw; padding:55px 0; }.footer-grid b { color:white; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }.footer-grid p { font-size:13px; line-height:1.7; }.copyright { display:flex; justify-content:space-between; padding-top:25px; border-top:1px solid #303131; font-size:10px; letter-spacing:.09em; }
.reveal { animation:rise 1.1s .15s ease-out both; }
@keyframes rise { from{opacity:0;transform:translateY(35px)} to{opacity:1;transform:none} }
@keyframes slowzoom { from{transform:scale(1.08)} to{transform:scale(1.02)} }
@media(max-width:800px){
  .nav-shell{height:68px;padding:0 22px}.brand-header img{height:28px}.brand-footer img{height:42px}.nav-links{position:fixed;inset:0;background:#151616;flex-direction:column;justify-content:center;align-items:center;font-size:22px;gap:28px;transform:translateY(-100%);transition:.4s}.nav-links.open{transform:none}.nav-actions{z-index:3}.menu-button{display:block}.hero-content{margin:0 25px 12vh}.hero h1{font-size:55px}.hero-copy{font-size:17px}.section-pad{padding:90px 25px}.statement{min-height:65vh}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:30px}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:610px}.focus-copy{padding:30px}.service{grid-template-columns:40px 1fr 20px;gap:14px}.service p{grid-column:2/4;margin-top:8px}.service h3{font-size:20px}.bridge{padding:25px 25px 60px;min-height:90vh}.bridge-image{background-attachment:scroll}.pillars{grid-template-columns:1fr;gap:60px}.about{grid-template-columns:1fr;gap:55px;min-height:auto}.contact{padding:120px 25px}.privacy-section{grid-template-columns:1fr;gap:55px}.privacy-heading{position:static}.footer-top,.copyright{gap:25px;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:35px}.scroll-mark{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.bridge-image,.reveal{animation:none}.bridge-image{background-attachment:scroll}}