:root{--bg:#050a0d;--bg2:#081015;--card:#0d151b;--line:#22303a;--gold:#d5aa50;--gold2:#f2c763;--text:#f5f5f2;--muted:#9aa5ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}.topbar{height:72px;display:flex;align-items:center;padding:0 5.5%;border-bottom:1px solid #1b262d;background:#050a0df5;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;min-width:330px}.brand b{font-size:14px;letter-spacing:1.5px}.brand small{display:block;color:#88949c;font-size:8px;margin-top:3px}.monogram{font-family:Georgia,serif;font-size:35px;color:var(--gold);line-height:1}.topbar nav{display:flex;gap:34px;margin:auto}.topbar nav a{color:#e7e9e9;text-decoration:none;font-size:11px;padding:29px 0 25px;border-bottom:2px solid transparent}.topbar nav a:hover,.topbar nav .active{color:var(--gold2);border-color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 24px;border-radius:4px;text-decoration:none;font-weight:700;font-size:12px;transition:.2s}.btn.gold{background:linear-gradient(135deg,#f3ca6c,#d9a846);color:#111}.btn.outline{border:1px solid var(--gold);color:white;background:#080d10}.btn.small{min-height:34px;padding:0 17px;font-size:10px}.hero{min-height:560px;display:grid;grid-template-columns:42% 58%;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:62px 6% 45px 7%;background:radial-gradient(circle at 20% 90%,#2c1b08 0,transparent 33%),#050a0d}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;font-weight:700;margin-bottom:20px}.eyebrow:before{content:'';display:inline-block;width:32px;height:1px;background:var(--gold);vertical-align:middle;margin-right:14px}.hero h1{font-size:54px;line-height:.94;margin:0 0 14px;font-weight:800;letter-spacing:-2px}.hero h1 span{color:#e2b656}.hero h2{font-size:15px;letter-spacing:5px;margin:0 0 7px}.hero h3{font-size:13px;margin:0 0 23px}.hero h3 i{color:var(--gold);font-style:normal;margin:0 5px}.hero p{color:#bdc5ca;line-height:1.8;max-width:610px;font-size:13px}.actions{display:flex;gap:14px;margin-top:26px}.hero-photo{position:relative;background:#0a1014;overflow:hidden}.hero-photo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050a0d 0,transparent 14%,transparent 75%,#07101888 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}.hero-quote{position:absolute;z-index:2;right:8%;top:80px;text-align:center;display:flex;flex-direction:column;font-family:'Playfair Display',Georgia,serif;font-size:23px;color:#e7e7e7;line-height:1.05}.hero-quote strong{color:var(--gold);font-weight:600;margin-top:4px}.hero-quote span{width:36px;border-top:3px solid var(--gold);margin:18px auto}.stats{min-height:92px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 4%;border-bottom:1px solid var(--line);background:#071016}.stats>div{height:55px;display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid #26323a}.stats>div:last-child{border:0}.stats b{color:var(--gold2);font-size:25px}.stats strong{font-size:19px}.stats span{font-size:12px;font-weight:700}.stats small{display:block;color:#8f9ba3;font-size:9px;font-weight:400;margin-top:4px}.section{padding:34px 4% 38px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head>div{display:flex;align-items:baseline;gap:18px}.section-head h2{font-size:25px;margin:0;letter-spacing:-.7px}.section-head p{font-size:10px;color:#82909a;margin:0}.section-head>a,.project-grid a{color:var(--gold);text-decoration:none;font-size:10px;font-weight:700}.expert-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.expert-grid article{min-height:180px;background:linear-gradient(150deg,#111a20,#0a1116);border:1px solid #26343d;border-radius:5px;padding:20px}.expert-grid i{font-style:normal;color:var(--gold2);font-size:30px}.expert-grid h3{font-size:14px;line-height:1.4;margin:15px 0 10px}.expert-grid p{color:#87949d;font-size:9px;line-height:1.6;margin:0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.project-grid article{border:1px solid #273640;border-radius:6px;overflow:hidden;background:#0b1318}.project-grid img{width:100%;height:118px;object-fit:cover;display:block}.project-grid article>div{padding:12px 13px 14px}.tag{font-size:7px;background:var(--gold2);color:#19130a;font-weight:800;padding:4px 7px;border-radius:2px}.project-grid h3{font-size:14px;line-height:1.3;margin:10px 0 8px}.project-grid p{color:#9ca7ae;font-size:9px;line-height:1.6;min-height:58px}.project-grid small{font-size:8px;color:#b6bec3;display:block;margin:9px 0 12px}.infra-map{display:grid;grid-template-columns:31% 48% 17%;gap:2%;align-items:center}.flow{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;text-align:center}.node{font-size:24px}.node b,.node small{display:block;font-size:9px;color:#dce0e2;margin-top:7px}.flow>span{color:var(--gold);font-size:20px}.under{position:absolute;left:30%;top:90px;color:var(--gold);font-size:18px}.under small{color:#ccd1d4;font-size:8px}.under.right{left:74%}.core,.uc{border:1px solid var(--gold);border-radius:5px;padding:14px;color:#d8dee1}.core>b,.uc>b{color:var(--gold);font-size:9px}.core>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 0}.core span{font-size:19px;text-align:center}.core small{display:block;color:#c2c9cd;font-size:8px;margin-top:6px}.oracle{color:#e62b22;font-weight:800;font-size:12px!important}.uc{display:flex;flex-direction:column;gap:13px;font-size:9px}.timeline{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.timeline:before{content:'';position:absolute;top:7px;left:3%;right:3%;height:2px;background:#526674}.timeline article{position:relative;padding:26px 12px 0}.timeline article>b{position:absolute;width:13px;height:13px;border-radius:50%;background:#7f9aaa;top:1px;box-shadow:0 0 0 4px #12202a}.timeline h4{font-size:10px;margin:0 0 8px}.timeline strong{font-size:8px;color:#8c999f}.timeline p{font-size:8px;color:#8f9ba3}.timeline .now b{background:var(--gold2);box-shadow:0 0 12px #d6a94d}.timeline .now h4,.timeline .now strong{color:var(--gold)}.statement{display:flex;align-items:center;justify-content:center;gap:26px;min-height:135px;background:radial-gradient(circle at 45% 50%,#1d170c,#060b0e 58%);border-bottom:1px solid var(--line)}.statement>span{font-family:Georgia,serif;font-size:86px;color:var(--gold);line-height:1;border-right:1px solid #5f4d2b;padding-right:25px}.statement div{min-width:580px}.statement small{display:block;color:#7f8b92;font-size:9px;letter-spacing:3px;margin-bottom:8px}.statement strong{font-size:28px;display:block;transition:opacity .25s,transform .25s}.statement strong.fade{opacity:0;transform:translateY(7px)}.split{display:grid;grid-template-columns:2fr 1fr;gap:26px}.blogs{padding-right:20px;border-right:1px solid #4c3c1d}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blog-grid article{border:1px solid #273640;background:#0d151b;border-radius:5px;overflow:hidden;padding-bottom:12px}.blog-grid img{width:100%;height:95px;object-fit:cover}.blog-grid small,.blog-grid h4,.blog-grid span{margin-left:12px;margin-right:12px}.blog-grid small{font-size:7px;color:#7f8c94;display:block;margin-top:10px}.blog-grid h4{font-size:10px;line-height:1.45;min-height:42px}.blog-grid span{border:1px solid var(--gold);color:var(--gold);font-size:7px;padding:3px 6px;border-radius:2px}.certs .section-head>div{display:block}.certs .section-head p{margin-top:4px}.cert{display:grid;grid-template-columns:92px 1fr;align-items:center;background:#11191e;border:1px solid #24323b;margin-bottom:8px;min-height:46px;border-radius:4px}.cert b{background:#f1f1ed;color:#b83722;align-self:stretch;display:flex;align-items:center;justify-content:center;font-size:10px}.cert span{padding-left:12px;font-size:9px;line-height:1.35}footer{min-height:270px;display:grid;grid-template-columns:39% 30% 31%;position:relative;background:linear-gradient(90deg,#071017,#0a141c);overflow:hidden;padding-left:4%}.contact-copy{padding:38px 0;z-index:2}.contact-copy h2{font-size:27px;margin:0 0 10px}.contact-copy h3{font-size:13px;margin:0 0 13px}.contact-copy p{color:#87959d;font-size:10px}.contact-info{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:30px 35px;z-index:2}.contact-info>div{display:flex;gap:10px}.contact-info i{font-style:normal;color:var(--gold);border:1px solid var(--gold);border-radius:4px;width:30px;height:30px;display:grid;place-items:center}.contact-info span{font-size:8px;color:#d8dddf}.contact-info b{display:block;color:var(--gold);margin-bottom:3px}.skyline{background:url('assets/project-visuals.webp') center/cover no-repeat;position:absolute;right:0;top:0;width:38%;height:100%}.skyline:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a141c 0,transparent 45%)}@media(max-width:900px){.topbar nav{display:none}.topbar{padding:0 20px}.brand{min-width:0;flex:1}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero-photo{height:460px}.stats{grid-template-columns:1fr 1fr}.stats>div{border-bottom:1px solid #26323a}.expert-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.infra-map{grid-template-columns:1fr;gap:30px}.flow{margin-bottom:70px}.timeline{grid-template-columns:1fr 1fr}.timeline:before{display:none}.split{grid-template-columns:1fr}.blogs{border:0;padding:0}.statement div{min-width:0}.statement strong{font-size:20px}footer{grid-template-columns:1fr;padding:0 7%}.contact-info{padding-bottom:35px}.skyline{opacity:.25;width:100%}}@media(max-width:560px){.topbar .btn{display:none}.brand small{display:none}.hero h1{font-size:43px}.hero-photo{height:350px}.stats{grid-template-columns:1fr}.section{padding-left:6%;padding-right:6%}.section-head>div{display:block}.section-head p{margin-top:6px}.expert-grid,.project-grid,.blog-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.statement{padding:25px 6%;gap:15px}.statement>span{font-size:65px}.statement strong{font-size:17px}.contact-info{grid-template-columns:1fr}.hero-quote{font-size:17px}}

/* Premium motion + interaction pass */
body{overflow-x:hidden}.topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:height .3s,background .3s,box-shadow .3s}.topbar.scrolled{height:62px;background:#050a0deb;box-shadow:0 12px 35px #0008}.monogram{transition:transform .35s,text-shadow .35s}.brand:hover .monogram{transform:scale(1.08) rotate(-3deg);text-shadow:0 0 22px #d5aa5066}.btn{position:relative;overflow:hidden;transform:translateZ(0);transition:transform .25s,box-shadow .25s,border-color .25s}.btn:before{content:'';position:absolute;top:-80%;left:-40%;width:35%;height:260%;background:#fff3;transform:rotate(25deg) translateX(-300%);transition:transform .6s}.btn:hover:before{transform:rotate(25deg) translateX(650%)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0008}.btn.gold:hover{box-shadow:0 10px 30px #d5aa5038}.hero-copy>*{animation:heroIn .75s both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.14s}.hero-copy>*:nth-child(4){animation-delay:.2s}.hero-copy>*:nth-child(5){animation-delay:.26s}.hero-copy>*:nth-child(6){animation-delay:.32s}@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-photo img{animation:heroPhoto 1.1s ease both;transition:transform 8s ease}.hero-photo:hover img{transform:scale(1.025)}@keyframes heroPhoto{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.hero-quote{animation:quoteIn 1s .55s both}@keyframes quoteIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.expert-grid article,.project-grid article,.blog-grid article,.cert,.core,.uc{transition:transform .3s,border-color .3s,box-shadow .3s,background .3s}.expert-grid article:hover{transform:translateY(-7px);border-color:#8c713d;box-shadow:0 18px 45px #0007,0 0 0 1px #d5aa5017;background:linear-gradient(150deg,#141f26,#0b1217)}.expert-grid article:hover i{filter:drop-shadow(0 0 10px #d5aa5077)}.project-grid article:hover,.blog-grid article:hover{transform:translateY(-6px);border-color:#8d713d;box-shadow:0 20px 45px #0008}.project-grid img,.blog-grid img{transition:transform .6s,filter .6s}.project-grid article:hover img,.blog-grid article:hover img{transform:scale(1.055);filter:saturate(1.15) contrast(1.04)}.project-grid article,.blog-grid article{position:relative}.project-grid article:after,.blog-grid article:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:right .35s}.project-grid article:hover:after,.blog-grid article:hover:after{right:0}.cert:hover{transform:translateX(5px);border-color:#8d713d;background:#151e24}.timeline article>b{transition:transform .3s,box-shadow .3s}.timeline article:hover>b{transform:scale(1.35);box-shadow:0 0 18px #d5aa5088}.timeline article:hover h4{color:var(--gold2)}.statement{position:relative;overflow:hidden}.statement:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #d5aa5012;border-radius:50%;left:45%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #d5aa500c}.statement>span{animation:iGlow 3s ease-in-out infinite}@keyframes iGlow{50%{text-shadow:0 0 28px #d5aa5066}}.statement strong{min-height:34px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.stats>div{transition:background .25s,transform .25s}.stats>div:hover{background:#0c161c;transform:translateY(-2px)}.section-head h2:after{content:'';display:block;width:0;height:2px;background:var(--gold);margin-top:7px;transition:width .55s}.section-head.visible h2:after,.section:hover .section-head h2:after{width:38px}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#a87c2e,var(--gold2));z-index:100;box-shadow:0 0 10px #d5aa5088}.to-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid #7f6738;background:#0b1218dd;color:var(--gold2);display:grid;place-items:center;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s;z-index:30;backdrop-filter:blur(8px)}.to-top.show{opacity:1;pointer-events:auto;transform:none}.to-top:hover{background:#151c20;box-shadow:0 0 22px #d5aa5033}.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#d5aa5009,transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cursor-glow{display:none}}

/* Hero-integrated rotating statement */
.hero-statement{position:relative;display:flex;align-items:center;gap:18px;margin-top:34px;max-width:610px;min-height:105px;padding:16px 20px 16px 0;border-top:1px solid #26333b;border-bottom:1px solid #26333b;overflow:hidden}
.hero-statement:before{content:'';position:absolute;width:250px;height:250px;border:1px solid #d5aa5014;border-radius:50%;left:38%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #d5aa500d;pointer-events:none}
.hero-statement>span{position:relative;z-index:1;font-family:Georgia,serif;font-size:72px;line-height:.9;color:var(--gold);padding:0 20px 0 12px;border-right:1px solid #5f4d2b;text-shadow:0 0 25px #d5aa5030;animation:iGlow 3s ease-in-out infinite}
.hero-statement>div{position:relative;z-index:1;min-width:0;flex:1}
.hero-statement small{display:block;color:#89949b;font-size:8px;letter-spacing:3px;margin-bottom:8px}
.hero-statement strong{display:block;font-size:21px;line-height:1.2;min-height:26px;transition:opacity .25s,transform .25s}
.hero-statement strong.fade{opacity:0;transform:translateY(7px)}
@media(max-width:900px){.hero-statement{max-width:100%}}
@media(max-width:560px){.hero-statement{gap:12px;margin-top:28px;padding-right:8px}.hero-statement>span{font-size:58px;padding-right:14px}.hero-statement small{font-size:7px;letter-spacing:2px}.hero-statement strong{font-size:16px}}

/* Readable finishing pass */
html{scroll-padding-top:82px}
body{font-size:16px;line-height:1.55}
a{transition:color .2s}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
.topbar{gap:20px}
.brand{min-width:285px}
.brand b{font-size:14px}
.brand small{font-size:10px;line-height:1.2}
.topbar nav{gap:clamp(12px,2vw,28px)}
.topbar nav a{font-size:13px;white-space:nowrap}
.btn,.btn.small{font-size:13px}
.hero{min-height:625px}
.hero-copy{padding-top:64px}
.hero h1{font-size:clamp(46px,4.1vw,70px)}
.hero h3{font-size:14px;line-height:1.5}
.hero p{font-size:15px;line-height:1.75}
.hero-statement small{font-size:10px}
.hero-statement strong{font-size:clamp(17px,1.65vw,25px)}
.stats{padding:12px 3%}
.stats>div{padding:9px 16px;height:auto;min-height:68px}
.stats span{font-size:12px;line-height:1.35}
.stats small{font-size:11px;line-height:1.4}
.section{padding:64px 5%}
.section-head{gap:24px;margin-bottom:28px}
.section-head>div{display:block}
.section-head h2{font-size:clamp(27px,2.5vw,37px)}
.section-head p{font-size:14px;line-height:1.5;margin-top:7px;color:#aab5bc}
.section-head>a,.project-grid a{font-size:13px;flex-shrink:0}
.about-content{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;max-width:1130px}
.about-content p{color:#b7c0c6;font-size:16px;line-height:1.8;margin:0}
.expert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.expert-grid article{min-height:210px;padding:23px}
.expert-grid h3{font-size:18px}
.expert-grid p{font-size:14px;line-height:1.55;color:#a9b4bb}
.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.project-grid img{height:165px}
.project-grid article>div{padding:18px}
.tag{font-size:10px;letter-spacing:.06em}
.project-grid h3{font-size:18px;line-height:1.35}
.project-grid p{font-size:14px;line-height:1.55;min-height:112px}
.project-grid small{font-size:12px;line-height:1.4}
.infra-map{grid-template-columns:28% 48% 20%}
.node b,.node small,.under small,.core>b,.uc>b,.core small,.uc{font-size:12px}
.under{top:120px}
.flow{padding-bottom:32px}
.timeline h4{font-size:15px}
.timeline strong{font-size:12px}
.timeline p{font-size:13px;line-height:1.45}
.timeline article{padding-left:16px}
.split{grid-template-columns:2fr 1fr}
.blog-grid img{height:140px}
.blog-grid h4{font-size:15px;line-height:1.45;min-height:68px}
.blog-grid h4 a{color:#f5f5f2;text-decoration:none}
.blog-grid h4 a:hover{color:var(--gold2)}
.blog-grid span{font-size:11px}
.cert{grid-template-columns:110px 1fr;min-height:66px}
.cert b{font-size:12px;text-align:center;padding:8px}
.cert span{font-size:13px;line-height:1.4;padding:10px 12px}
footer{min-height:320px;grid-template-columns:38% 34% 28%}
.contact-copy h2{font-size:36px}
.contact-copy h3{font-size:16px}
.contact-copy p{font-size:14px;line-height:1.6}
.contact-info span{font-size:13px;overflow-wrap:anywhere}
.contact-info a{color:#f5f5f2;text-decoration:none}
.contact-info a:hover{color:var(--gold2)}
.menu-toggle{display:none}
@media(max-width:1180px){
  .topbar{justify-content:space-between}
  .topbar nav{display:none;position:absolute;top:100%;left:0;right:0;background:#080f14;border-bottom:1px solid var(--line);padding:12px 5% 22px;box-shadow:0 20px 30px #0008}
  .topbar nav.open{display:grid;grid-template-columns:repeat(4,1fr);gap:0 16px}
  .topbar nav a{padding:13px 8px;border-bottom:1px solid #27343d;font-size:14px}
  .menu-toggle{display:flex;order:3;width:42px;height:42px;border:1px solid #6e5a33;border-radius:4px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
  .menu-toggle span{width:19px;height:2px;background:var(--gold2)}
  .topbar .btn{margin-left:auto}
  .hero{grid-template-columns:48% 52%}
  .stats{grid-template-columns:repeat(3,1fr)}
  .stats>div{border-bottom:1px solid #26323a}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-grid p{min-height:0}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-photo{height:min(62vw,550px)}
  .expert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .infra-map{grid-template-columns:1fr;gap:25px}
  .flow{max-width:500px;margin:0 auto 50px;width:100%}
  .under{top:90px}
  .split{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}
}
@media(max-width:650px){
  .topbar{height:66px;padding:0 5%}
  .brand b{font-size:12px}
  .brand small{display:none}
  .topbar .btn{display:none}
  .topbar nav.open{grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(40px,10vw,62px)}
  .hero-copy{padding:42px 6% 34px}
  .hero h3{font-size:13px}
  .hero-photo{height:360px}
  .hero-quote{right:5%;top:35px}
  .stats{grid-template-columns:1fr 1fr}
  .stats>div{padding:14px 8px;gap:9px}
  .stats>div:last-child{grid-column:1/-1}
  .stats strong{font-size:17px}
  .section{padding:48px 6%}
  .section-head{align-items:flex-start;flex-direction:column;gap:10px}
  .about-content,.expert-grid,.project-grid,.blog-grid{grid-template-columns:1fr}
  .about-content{gap:12px}
  .expert-grid article{min-height:0}
  .project-grid img{height:190px}
  .core>div{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:1fr 1fr}
  .contact-info{grid-template-columns:1fr 1fr;gap:18px}
  .skyline{opacity:.17}
}
@media(max-width:420px){
  .actions{flex-wrap:wrap}
  .actions .btn{flex:1;white-space:nowrap;padding-inline:12px}
  .hero h1{font-size:38px}
  .hero-statement>span{font-size:56px;padding-left:0}
  .hero-statement strong{font-size:16px}
  .stats{grid-template-columns:1fr}
  .stats>div:last-child{grid-column:auto}
  .contact-info{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
}

/* Portrait depth and staggered motion */
.hero-photo{isolation:isolate;--portrait-x:0px;--portrait-y:0px}
.hero-photo img{animation:portraitDrift 20s ease-in-out infinite alternate;translate:var(--portrait-x) var(--portrait-y);transition:translate .9s ease;transform-origin:53% 51%;will-change:transform}
@keyframes portraitDrift{from{transform:scale(1.02) translate3d(-1px,1px,0)}to{transform:scale(1.045) translate3d(2px,-2px,0)}}
.hero-photo:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border:1px solid #d5aa5026}
.hero-photo.motion-paused img{animation-play-state:paused}
.hero-quote em,.hero-quote strong{animation:quoteLine .7s ease-out both}
.hero-quote em:nth-child(1){animation-delay:.55s}
.hero-quote em:nth-child(2){animation-delay:.7s}
.hero-quote em:nth-child(3){animation-delay:.85s}
.hero-quote strong{animation-delay:1s}
@keyframes quoteLine{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.reveal{transition-delay:var(--reveal-delay,0ms)}
.section-head h2:after{transition-delay:.12s}
.expert-grid article i{display:inline-block;transition:transform .5s ease,filter .3s}
.expert-grid article:hover i{transform:translateY(-4px) rotate(-5deg)}
.project-grid article,.blog-grid article{transform-style:preserve-3d}
.project-grid article:hover,.blog-grid article:hover{box-shadow:0 25px 50px #000a,0 0 0 1px #d5aa5044}
.project-grid a,.blog-grid a,.section-head>a{transition:color .2s,letter-spacing .25s}
.project-grid a:hover,.blog-grid a:hover,.section-head>a:hover{color:#f2d18a;letter-spacing:.015em}
.stats>div strong{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.hero-photo img,.hero-photo:after,.hero-quote em,.hero-quote strong{animation:none!important;translate:none!important}.hero-photo img{transform:none!important}.reveal{transition-delay:0ms!important}}

/* Crisp local imagery replaces the low-resolution mockup crops. */
.visual-tile{width:100%;height:165px;background-color:#101c25;background-repeat:no-repeat;background-size:200% auto;transition:transform .7s ease,filter .7s ease}
.visual-project{background-image:url('assets/project-visuals.webp')}
.visual-insight{background-image:url('assets/insight-visuals.webp');height:140px}
.visual-1{background-position:0% 15%}
.visual-2{background-position:100% 15%}
.visual-3{background-position:0% 85%}
.visual-4{background-position:100% 85%}
.project-grid article:hover .visual-tile,.blog-grid article:hover .visual-tile{transform:scale(1.045);filter:saturate(1.12) contrast(1.04)}
.skyline{background-image:url('assets/project-visuals.webp');background-size:200% auto;background-position:0% 10%}
@media(max-width:650px){.visual-project{height:190px}}
@media(prefers-reduced-motion:reduce){.visual-tile{transition:none!important}}

/* Final usability polish */
.hero-quote{right:5%;top:64px;padding:17px 19px 11px;border:1px solid #d5aa505c;border-radius:5px;background:linear-gradient(145deg,#071016e6,#0710169c);box-shadow:0 14px 35px #0006;text-shadow:0 2px 10px #000}
.hero-quote em{color:#f8f6f0}
.hero-quote strong{color:#f2c763}
.project-grid article:focus-within,.blog-grid article:focus-within{border-color:#d5aa50;box-shadow:0 16px 40px #0009}
.project-grid article:focus-within .visual-tile,.blog-grid article:focus-within .visual-tile{transform:scale(1.035)}
.contact-info a:focus-visible{color:var(--gold2)}
@media(max-width:650px){.hero-quote{top:18px;right:4%;padding:10px 12px 4px;font-size:15px}.hero-quote span{margin:10px auto}}
@media(prefers-reduced-motion:reduce){.project-grid article:focus-within .visual-tile,.blog-grid article:focus-within .visual-tile{transform:none}}