:root{
  --yellow:#F2E857;
  --yellow-2:#e6d94b;
  --black:#0f1113;
  --text:#1b1e21;
  --muted:#5f6670;
  --light:#f7f8fa;
  --border:#e5e7eb;
  --wrap:1180px;
  --radius:18px;
  --shadow:0 18px 48px rgba(16,24,40,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.topbar{background:var(--black);color:#d4d7dc;font-size:14px}
.topbar .wrap{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:10px 0;flex-wrap:wrap}
.topbar a{color:#fff}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(15,17,19,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px}
.logo img{height:44px;width:auto}
.navlinks{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.navlinks>a,.navitem>button{font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.02em;color:#23272c;background:none;border:none;cursor:pointer;padding:12px 0}
.navitem{position:relative}
.dropdown{position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:10px;min-width:320px;display:none}
.dropdown a{display:block;padding:10px 12px;border-radius:10px;color:#1f2937;font-size:14px}
.dropdown a:hover{background:var(--light)}
.navitem:hover .dropdown,.navitem.open .dropdown{display:block}
.cta-nav{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);padding:12px 16px;border-radius:999px;font-weight:700;box-shadow:0 10px 20px rgba(242,232,87,.28)}
.menu-toggle{display:none;border:none;background:var(--black);color:#fff;border-radius:10px;padding:10px 12px;font-size:18px}
.hero{background:linear-gradient(135deg,#0d0f11 0%,#171a1e 60%,#20242a 100%);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:44vw;height:44vw;min-width:380px;min-height:380px;border-radius:50%;background:radial-gradient(circle,rgba(242,232,87,.22),rgba(242,232,87,0) 64%);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:end;padding:88px 0}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#868e98;font-weight:700}
.hero h1{font-size:clamp(3rem,8vw,6rem);line-height:.92;margin:16px 0 18px;font-weight:800;letter-spacing:-.04em}
.hero h1 span{color:var(--yellow)}
.hero p{font-size:1.08rem;max-width:680px;color:#e7e8ea}
.hero-side{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);padding:24px;border-radius:20px;box-shadow:var(--shadow)}
.hero-side strong{display:block;font-size:1.25rem;margin-bottom:6px;color:var(--yellow)}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-yellow{background:var(--yellow);color:#141414;box-shadow:0 10px 24px rgba(242,232,87,.30)}
.btn-dark{background:var(--black);color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.32);color:#fff;background:transparent}
.section{padding:78px 0}
.bg-light{background:var(--light)}
.bg-black{background:var(--black);color:#fff}
.section-title{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:28px}
.section-title h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.035em;margin:10px 0 0}
.section-title p{color:var(--muted);margin:0}
.bg-black .section-title p{color:#c8ccd1}
.stats,.grid-3,.values,.principles,.credentials,.gallery,.footer-grid,.article-list,.contact-grid,.grid-2,.content-grid{display:grid;gap:22px}
.stats{grid-template-columns:repeat(3,1fr);margin-top:28px}
.stat,.card,.value,.principle,.article-card,.sidebox,.field,.contact-form,.contact-list,.gallery-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.stat{padding:24px}.stat strong{display:block;font-size:2rem;line-height:1;color:#141414}.stat span{display:block;color:var(--muted);margin-top:8px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2,.contact-grid,.content-grid{grid-template-columns:1.15fr .85fr}
.card,.value,.principle,.article-card,.sidebox,.contact-list,.contact-form{padding:24px}
.service-card{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:16px;color:inherit}
.service-card .num,.value .n{font-size:.85rem;font-weight:800;color:#8b9098;background:#f0f2f5;padding:8px 10px;border-radius:999px;align-self:start}
.service-card h3,.value h3,.card h3,.article-card h3,.sidebox h3{margin:0 0 8px;font-size:1.15rem}
.service-card p,.value p,.principle p,.card p,.article-card p,.sidebox p{margin:0;color:var(--muted)}
.arrow{font-size:1.3rem;color:#afb4bc}
.values{grid-template-columns:repeat(3,1fr)}
.principles{grid-template-columns:repeat(4,1fr)}
.principle b{display:block;margin-bottom:6px;font-size:1rem}
.profile{display:block}.profile>div{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}
.portrait{position:relative}
.portrait img,.portrait .fallback{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;background:#e7eaee;border:1px solid var(--border)}
.profile-0{width: 100%;  border: 0px solid #F60;  margin: 0px auto 0px;  overflow: hidden;}
.profile-1{float:left; width:45%}
.profile-1 img{border-radius: var(--radius);}
.profile-2{float:right; width:48%}
.fallback{display:flex;align-items:center;justify-content:center;color:#5d6470;padding:24px;text-align:center}
.fallback span{display:block;font-weight:800;color:#111827;margin-bottom:6px}
.credentials{grid-template-columns:repeat(2,1fr);margin-top:20px}
.credentials div{padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#fff;color:#374151;font-weight:600}
.page-hero{padding:52px 0 0 0;background:linear-gradient(180deg,#f9fafb,#fff)}
.breadcrumb{font-size:14px;color:#6b7280;margin-bottom:8px}
.page-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:-.04em;line-height:1.05;margin:.2rem 0 1rem}
.page-hero p{max-width:760px;color:var(--muted);margin:0}
.content-grid{align-items:start}
.prose{font-size:1rem;color:#222}.prose h2,.prose h3{line-height:1.1;letter-spacing:-.03em}.prose p,.prose li{color:#374151}.prose ul{padding-left:1.2rem}.prose li+li{margin-top:.35rem}
.sidebar{display:grid;gap:20px;position:sticky;top:90px}
.contact-line,.contact-list a{display:flex;gap:10px;align-items:flex-start;color:#374151}
.contact-list{display:grid;gap:14px}
.article-list{grid-template-columns:repeat(2,1fr)}
.article-card .date{display:block;color:#a3a8b0;font-size:14px;margin-bottom:10px}
.gallery{grid-template-columns:repeat(3,1fr)}
.gallery-item{overflow:hidden;min-height:200px;display:flex;align-items:flex-end;background:#fff}
.gallery-item img{width:100%;height:240px;object-fit:cover}
.gallery-item.placeholder{background:linear-gradient(180deg,#fafbfc,#f1f3f6);align-items:center;justify-content:center;padding:20px;text-align:center}
.asset-label{font:600 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#67707c;word-break:break-word}
.status-note,.legal-warning{padding:16px 18px;border-radius:14px;border:1px solid #e7d972;background:#fffce1;color:#6a6221;margin-bottom:18px}
.contact-grid{align-items:start}
.field{padding:0;border:none;box-shadow:none;background:transparent}
.contact-form{display:grid;gap:14px}
.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);font:inherit}
.contact-form textarea{min-height:140px;resize:vertical}
footer{background:#0c0e11;color:#fff;padding:56px 0 22px}
.footer-grid{grid-template-columns:1.2fr .7fr .7fr;align-items:start}
.footer-logo img{height:42px;width:auto;margin-bottom:14px}
footer h4{margin:0 0 12px;color:#fff}
footer a{display:block;color:#b7bec7;padding:4px 0}
.copyright{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#98a1aa}
.bg-black .btn-outline-light{border-color:rgba(255,255,255,.25)}
@media (max-width: 1024px){
  .grid-3,.values{grid-template-columns:repeat(2,1fr)}
  .principles{grid-template-columns:repeat(2,1fr)}
  .section-title,.hero .wrap,.profile>div,.content-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .sidebar{position:static}
  .profile-1{float:left; width:40%}
.profile-1 img{border-radius: var(--radius);}
.profile-2{float:right; width:58%}
}
@media (max-width: 820px){
  .menu-toggle{display:block}
  .nav{align-items:center}
  .navlinks{display:none;position:absolute;left:20px;right:20px;top:80px;z-index:31;padding:18px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}
  .navlinks.show{display:flex}
  .navitem,.navitem>button,.navlinks>a,.cta-nav{width:100%}
  .navitem>button,.navlinks>a{padding:10px 0}
  .dropdown{position:static;display:none;box-shadow:none;border:none;padding:0 0 0 14px;min-width:auto;width:100%}
  .navitem.open .dropdown{display:block}
  .cta-nav{justify-content:center}
  .stats,.article-list,.gallery{grid-template-columns:1fr}
  .profile-1{float:left; width:60%; margin-left:20%; margin-bottom:25px}
.profile-1 img{border-radius: var(--radius);}
.profile-2{float:right; width:100%}
}
@media (max-width: 620px){
  .wrap{width:min(calc(100% - 24px),var(--wrap))}
  .section{padding:56px 0}
  .grid-3,.values,.principles,.credentials{grid-template-columns:1fr}
  .hero .wrap{padding:64px 0}
  .topbar .wrap{justify-content:center}
  .profile-1{float:left; width:85%; margin-left:7.5%; margin-bottom:25px}
.profile-1 img{border-radius: var(--radius);}
.profile-2{float:right; width:100%}
}