/*
Theme Name: Vantage Energy Strategic
Theme URI: https://vantage-energy.pl/
Author: Atelion Studio
Author URI: https://atelionstudio.com/
Description: Dedykowany motyw WordPress dla Vantage Energy & Construction. Strategiczny, techniczny layout dla infrastruktury WN/SN i konstrukcji.
Version: 0.2.0
Text Domain: vantage-strategic
*/

:root{
  --navy:#102231;
  --navy-2:#173347;
  --ink:#14202a;
  --paper:#f3f1eb;
  --paper-2:#e9e6dd;
  --white:#fbfaf6;
  --blue:#315f8b;
  --blue-soft:#dbe4eb;
  --signal:#c75338;
  --muted:#6d7478;
  --line:#c9c8c1;
  --line-dark:rgba(255,255,255,.18);
  --max:1480px;
  --pad:clamp(22px,4vw,64px);
  --sans:'IBM Plex Sans',Arial,sans-serif;
  --mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img,svg{display:block;max-width:100%}
::selection{background:#b9ccdc;color:#102231}

.site-shell{min-height:100vh}
.wrap{width:min(var(--max),calc(100% - var(--pad)*2));margin-inline:auto}
.mono{font-family:var(--mono)}
.kicker{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kicker.light{color:rgba(255,255,255,.58)}
.hr{height:1px;background:var(--line)}

/* header */
.header{position:sticky;top:0;z-index:60;background:rgba(243,241,235,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{height:82px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:14px;font-weight:600;letter-spacing:.11em;font-size:15px}
.logo-mark{width:34px;height:34px;position:relative}
.logo-mark:before,.logo-mark:after{content:"";position:absolute;inset:0;border:1px solid var(--navy)}
.logo-mark:before{clip-path:polygon(0 0,100% 0,100% 35%,0 82%)}
.logo-mark:after{clip-path:polygon(0 65%,100% 18%,100% 100%,0 100%)}
.logo-mark i{position:absolute;width:6px;height:6px;background:var(--signal);right:3px;top:3px}
.nav{justify-self:center;display:flex;gap:34px;font-size:13px}
.nav a{padding:10px 0;position:relative;color:#33424c}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--signal);transition:right .2s}
.nav a:hover:after,.nav a.active:after{right:0}
.header-side{display:flex;align-items:center;gap:14px}
.lang{font:11px var(--mono);color:var(--muted)}
.primary-small{display:inline-flex;align-items:center;gap:22px;border:1px solid var(--navy);padding:12px 14px 12px 16px;font-size:12px;transition:.2s}
.primary-small:hover{background:var(--navy);color:var(--white)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--navy);background:transparent;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:1px;background:var(--navy);transition:.2s}.burger span:first-child{top:17px}.burger span:last-child{top:25px}.burger.open span:first-child{transform:translateY(4px) rotate(45deg)}.burger.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav{display:none}

/* shared */
.page-hero{padding:74px 0 58px;border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:7vw;align-items:end}
.page-hero h1{margin:15px 0 0;font-size:clamp(46px,5.7vw,88px);line-height:1.02;letter-spacing:-.045em;font-weight:400;max-width:1000px}
.page-hero h1 strong{font-weight:500;color:var(--blue)}
.page-hero p{margin:0;color:#53606a;font-size:16px;max-width:520px}
.section{padding:104px 0}
.section-tight{padding:72px 0}
.section-title-row{display:grid;grid-template-columns:210px 1fr;gap:40px;margin-bottom:58px;align-items:start}
.section-title-row h2{margin:0;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.07;letter-spacing:-.035em;max-width:800px}
.section-title-row p{max-width:520px;margin:18px 0 0;color:#59656c}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:220px;padding:15px 18px;border:1px solid currentColor;font-size:13px;transition:.22s}
.button:hover{background:var(--navy);color:var(--white)}
.button.on-dark:hover{background:var(--white);color:var(--navy)}
.link-arrow{display:inline-flex;gap:24px;align-items:center;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px}
.link-arrow span{transition:transform .2s}.link-arrow:hover span{transform:translateX(5px)}

/* home hero */
.home-hero{padding:64px 0 34px}
.home-hero-top{display:grid;grid-template-columns:1.18fr .82fr;gap:4vw;align-items:end}
.home-hero h1{font-size:clamp(50px,6.2vw,94px);line-height:.99;letter-spacing:-.05em;font-weight:400;margin:18px 0 0;max-width:920px}
.home-hero h1 .line{display:block}.home-hero h1 .accent{color:var(--blue)}
.hero-intro{padding:0 0 6px 10%;border-left:1px solid var(--line)}
.hero-intro p{max-width:530px;margin:0 0 32px;font-size:17px;color:#47545c}
.hero-visual{margin-top:54px;height:470px;background:var(--navy);position:relative;overflow:hidden}
.hero-visual .caption{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,.62);font:10px var(--mono);z-index:3}
.tech-landscape{position:absolute;inset:0;background:linear-gradient(180deg,#29485d 0 42%,#1d374a 42% 59%,#102231 59%)}
.tech-landscape .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:46px 46px;opacity:.7}
.tech-landscape .horizon{position:absolute;left:0;right:0;top:58%;height:1px;background:rgba(255,255,255,.28)}
.pylon{position:absolute;bottom:13%;width:160px;height:250px;opacity:.82}
.pylon svg{width:100%;height:100%}.pylon.one{left:14%}.pylon.two{right:10%;transform:scale(.8);opacity:.5}
.cable{position:absolute;left:-4%;width:110%;height:1px;background:rgba(255,255,255,.35);transform-origin:left}.cable.c1{top:37%;transform:rotate(1.6deg)}.cable.c2{top:44%;transform:rotate(-.8deg)}.cable.c3{top:50%;transform:rotate(1deg)}
.hero-data{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}
.hero-data div{padding:18px 20px;border-right:1px solid var(--line);min-height:83px}.hero-data div:last-child{border-right:0}.hero-data span{display:block;font:10px var(--mono);color:#7c8385;margin-bottom:7px}.hero-data strong{font-weight:500;font-size:14px}

/* positioning */
.positioning{background:var(--white)}
.positioning-grid{display:grid;grid-template-columns:210px 1.15fr .85fr;gap:40px;align-items:start}
.positioning blockquote{margin:0;font-size:clamp(32px,3.8vw,58px);font-weight:300;line-height:1.14;letter-spacing:-.035em}
.positioning blockquote b{font-weight:500;color:var(--blue)}
.positioning-copy{padding-top:8px}.positioning-copy p{margin:0 0 28px;color:#546169}

/* capabilities */
.capabilities-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}
.capabilities-head h2{font-size:clamp(36px,4.2vw,62px);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:12px 0 0;max-width:760px}
.capability-tabs{border-top:1px solid var(--line)}
.cap-row{display:grid;grid-template-columns:90px 1fr 1fr 56px;gap:36px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start;cursor:pointer;transition:background .2s}
.cap-row:hover,.cap-row.open{background:rgba(255,255,255,.46)}
.cap-row .num{font:11px var(--mono);color:#7e8588;padding-top:7px}.cap-row h3{font-size:28px;font-weight:400;margin:0;letter-spacing:-.025em}.cap-row .summary{font-size:14px;color:#5f6b72;margin:4px 0 0;max-width:580px}.cap-toggle{width:40px;height:40px;border:1px solid var(--line);background:transparent;font-size:20px;color:var(--navy)}
.cap-detail{grid-column:2/4;display:none;grid-template-columns:1fr 1fr;gap:40px;padding:15px 0 8px}.cap-row.open .cap-detail{display:grid}.cap-detail ul{list-style:none;padding:0;margin:0}.cap-detail li{padding:8px 0;border-bottom:1px dotted #bbb;font-size:13px;color:#4d5961}.cap-detail .voltage-card{background:var(--navy);color:var(--white);padding:22px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.voltage-card strong{font-size:34px;font-weight:400}.voltage-card span{font:10px var(--mono);color:rgba(255,255,255,.55)}

/* europe band */
.europe-band{background:var(--navy);color:var(--white);padding:86px 0}
.europe-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}
.europe-copy h2{font-size:clamp(38px,4.5vw,64px);font-weight:300;line-height:1.08;letter-spacing:-.035em;margin:16px 0 25px}.europe-copy h2 b{font-weight:500}.europe-copy p{color:rgba(255,255,255,.63);max-width:520px}
.europe-matrix{position:relative;height:360px;border:1px solid var(--line-dark);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:45px 45px;overflow:hidden}
.europe-matrix svg{position:absolute;inset:28px;width:calc(100% - 56px);height:calc(100% - 56px)}
.market-tag{position:absolute;background:var(--paper);color:var(--navy);padding:7px 9px;font:10px var(--mono);box-shadow:0 0 0 1px rgba(255,255,255,.08)}.market-tag.m1{left:9%;top:14%}.market-tag.m2{right:10%;top:28%}.market-tag.m3{left:36%;bottom:14%}.market-tag.m4{right:18%;bottom:34%}

/* projects */
.projects-list{border-top:1px solid var(--line)}
.project-row{display:grid;grid-template-columns:150px 1.15fr .85fr 50px;gap:34px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center;transition:.2s}.project-row:hover{padding-left:10px;background:rgba(255,255,255,.35)}
.project-row .meta{font:10px var(--mono);color:#7c8385}.project-row h3{font-size:24px;font-weight:400;margin:0;letter-spacing:-.02em}.project-row .scope{font-size:13px;color:#5e6a71}.project-row .go{font-size:22px;color:var(--blue)}
.project-preview{margin-top:38px;height:360px;background:var(--paper-2);position:relative;overflow:hidden;border:1px solid var(--line)}
.project-preview .plan-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,34,49,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(16,34,49,.08) 1px,transparent 1px);background-size:34px 34px}
.project-preview .plan-line{position:absolute;height:2px;background:var(--signal);transform-origin:left}.project-preview .p1{width:70%;left:8%;top:60%;transform:rotate(-13deg)}.project-preview .p2{width:43%;left:45%;top:23%;transform:rotate(48deg)}
.project-preview .node{position:absolute;width:15px;height:15px;border:3px solid var(--navy);background:var(--paper-2);border-radius:50%}.node.n1{left:8%;top:58%}.node.n2{left:48%;top:49%}.node.n3{right:18%;top:72%}.project-preview .plan-note{position:absolute;right:22px;bottom:18px;font:10px var(--mono);color:#657078}

/* assurance */
.assurance{background:var(--paper-2)}
.assurance-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.assurance h2{font-size:clamp(36px,4.2vw,62px);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:13px 0 0}.assurance-list{border-top:1px solid #bbb}
.assurance-item{display:grid;grid-template-columns:46px 1fr;padding:22px 0;border-bottom:1px solid #bbb}.assurance-item span{font:10px var(--mono);color:#7a8082;padding-top:5px}.assurance-item h3{font-size:20px;font-weight:500;margin:0 0 6px}.assurance-item p{font-size:13px;color:#5a666c;margin:0;max-width:500px}

/* CTA */
.contact-strip{background:var(--blue);color:var(--white);padding:68px 0}
.contact-strip-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.contact-strip h2{font-size:clamp(36px,4.4vw,64px);font-weight:300;line-height:1.08;letter-spacing:-.035em;margin:12px 0 0;max-width:900px}.contact-strip h2 b{font-weight:500}.contact-strip .button{min-width:250px}

/* footer */
.footer{background:#0c1923;color:rgba(255,255,255,.78);padding:64px 0 26px}
.footer-top{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);gap:50px;padding-bottom:56px}.footer-brand .logo{color:#fff;margin-bottom:22px}.footer-brand p{font-size:13px;color:rgba(255,255,255,.5);max-width:430px}.footer-col h4{font:10px var(--mono);color:rgba(255,255,255,.38);margin:0 0 18px}.footer-col a,.footer-col span{display:block;font-size:13px;padding:4px 0}.footer-bottom{border-top:1px solid var(--line-dark);padding-top:20px;display:flex;justify-content:space-between;gap:30px;font:9px var(--mono);color:rgba(255,255,255,.35)}

/* about */
.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.about-lead .statement{font-size:clamp(32px,3.8vw,55px);font-weight:300;line-height:1.14;letter-spacing:-.035em}.about-lead .statement b{font-weight:500;color:var(--blue)}.about-copy p{margin-top:0;color:#56636b}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principle{padding:28px 28px 36px 0;border-right:1px solid var(--line)}.principle:not(:first-child){padding-left:28px}.principle:last-child{border-right:0}.principle span{font:10px var(--mono);color:#7b8285}.principle h3{font-size:23px;font-weight:400;margin:28px 0 12px}.principle p{font-size:13px;color:#5c676e}
.team-band{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.team-diagram{height:420px;background:var(--navy);position:relative;overflow:hidden}.team-diagram .axis-x,.team-diagram .axis-y{position:absolute;background:rgba(255,255,255,.15)}.team-diagram .axis-x{height:1px;left:8%;right:8%;top:50%}.team-diagram .axis-y{width:1px;top:8%;bottom:8%;left:50%}.team-diagram .circle{position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.team-diagram .c1{width:280px;height:280px;left:12%;top:17%}.team-diagram .c2{width:180px;height:180px;right:10%;bottom:9%}.team-diagram .dot{position:absolute;width:10px;height:10px;background:var(--signal);border-radius:50%;left:calc(50% - 5px);top:calc(50% - 5px)}.team-copy h2{font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:13px 0 24px}.team-copy p{color:#58646b;max-width:580px}.credentials{margin-top:40px;border-top:1px solid var(--line)}.credential{display:grid;grid-template-columns:170px 1fr;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.credential span:first-child{font:10px var(--mono);color:#777f82;padding-top:3px}

/* project detail */
.project-hero{padding:68px 0 38px}.project-hero .bread{font:10px var(--mono);color:#7b8285}.project-hero-main{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;margin-top:40px;align-items:end}.project-hero h1{font-size:clamp(44px,5vw,76px);font-weight:400;line-height:1.03;letter-spacing:-.045em;margin:0}.project-hero .lead{font-size:16px;color:#59666d;margin:0}.project-cover{height:500px;background:var(--navy);position:relative;overflow:hidden}.project-cover .substation{position:absolute;inset:0;background:linear-gradient(180deg,#698096 0 47%,#2c4254 47% 58%,#132a3a 58%)}.substation .beam{position:absolute;background:rgba(255,255,255,.58)}.substation .beam.v{width:3px;height:70%;bottom:7%}.substation .beam.h{height:3px;width:70%;left:14%}.substation .beam.b1{left:18%}.substation .beam.b2{left:43%}.substation .beam.b3{right:22%}.substation .beam.h1{top:39%}.substation .beam.h2{top:53%}.substation .wire{position:absolute;height:1px;background:rgba(255,255,255,.45);width:110%;left:-5%}.substation .w1{top:28%;transform:rotate(2deg)}.substation .w2{top:34%;transform:rotate(-1deg)}.substation .w3{top:41%;transform:rotate(1deg)}.project-facts{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-top:0}.project-facts div{padding:18px;border-right:1px solid var(--line)}.project-facts div:last-child{border-right:0}.project-facts span{display:block;font:9px var(--mono);color:#7b8285;margin-bottom:6px}.project-facts strong{font-size:13px;font-weight:500}.project-story{display:grid;grid-template-columns:250px 1fr;gap:70px}.project-story h2{font-size:clamp(32px,3.6vw,50px);font-weight:400;line-height:1.08;letter-spacing:-.03em;margin:0 0 26px}.project-story p{color:#56626a;max-width:800px}.scope-table{margin-top:45px;border-top:1px solid var(--line)}.scope-table .row{display:grid;grid-template-columns:170px 1fr;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.scope-table .row span:first-child{font:10px var(--mono);color:#7b8285;padding-top:3px}.project-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.project-gallery .tile{min-height:320px;border:1px solid var(--line);position:relative;overflow:hidden;background:var(--paper-2)}.project-gallery .tile.tall{grid-row:span 2;min-height:658px;background:#d6d8d5}.drawing{position:absolute;inset:0;background-image:linear-gradient(rgba(16,34,49,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(16,34,49,.12) 1px,transparent 1px);background-size:32px 32px}.drawing:before,.drawing:after{content:"";position:absolute;border:2px solid var(--navy);transform:rotate(18deg)}.drawing:before{width:42%;height:58%;left:26%;top:18%}.drawing:after{width:55%;height:22%;left:20%;top:40%}.foundation{position:absolute;inset:0;background:linear-gradient(135deg,#a4a59f,#ece9df)}.foundation:before{content:"";position:absolute;width:220px;height:220px;border:34px solid #737b7c;left:calc(50% - 110px);top:calc(50% - 110px);transform:rotate(15deg);box-shadow:0 0 0 2px #34444d inset}.foundation:after{content:"";position:absolute;width:65%;height:2px;background:var(--signal);left:18%;top:50%;transform:rotate(-27deg)}

/* contact */
.contact-main{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.contact-info h2{font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:14px 0 24px}.contact-info p{color:#58646b;max-width:470px}.contact-cards{margin-top:54px;border-top:1px solid var(--line)}.contact-card{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:130px 1fr;font-size:13px}.contact-card span:first-child{font:10px var(--mono);color:#7b8285;padding-top:3px}.contact-form{background:var(--white);padding:36px;border:1px solid var(--line)}.contact-form h3{font-size:27px;font-weight:400;margin:0 0 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font:10px var(--mono);color:#6f787c;text-transform:uppercase}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #bfc1bd;background:transparent;padding:10px 0 12px;outline:none;font-size:14px;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--blue)}.field textarea{min-height:120px;resize:vertical}.form-note{font-size:11px;color:#747d80;margin:18px 0 24px}.submit{border:0;background:var(--navy);color:white;padding:15px 18px;min-width:220px;display:inline-flex;justify-content:space-between;cursor:pointer}.submit:hover{background:var(--blue)}.form-status{margin-left:16px;font-size:12px;color:var(--blue)}

/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

@media(max-width:1050px){
 .header-inner{grid-template-columns:1fr auto}.nav,.header-side .lang,.header-side .primary-small{display:none}.burger{display:block}.mobile-nav{position:fixed;top:82px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:18px var(--pad) 26px;z-index:55}.mobile-nav.open{display:block}.mobile-nav a{display:block;font-size:22px;padding:11px 0;border-bottom:1px solid var(--line)}
 .home-hero-top,.page-hero-grid,.positioning-grid,.europe-grid,.assurance-grid,.about-lead,.team-band,.project-hero-main,.contact-main{grid-template-columns:1fr;gap:46px}.hero-intro{padding-left:0;border-left:0;max-width:650px}.positioning-grid{grid-template-columns:1fr}.positioning .kicker{margin-bottom:8px}.cap-row{grid-template-columns:60px 1fr 56px}.cap-row .summary{grid-column:2}.cap-toggle{grid-column:3;grid-row:1/3}.cap-detail{grid-column:2/3}.europe-matrix{height:320px}.project-row{grid-template-columns:110px 1fr 50px}.project-row .scope{grid-column:2}.project-row .go{grid-column:3;grid-row:1/3}.footer-top{grid-template-columns:1fr 1fr}.project-story{grid-template-columns:1fr;gap:35px}.project-facts{grid-template-columns:repeat(3,1fr)}.project-facts div:nth-child(3){border-right:0}.project-facts div:nth-child(n+4){border-top:1px solid var(--line)}
}
@media(max-width:720px){
 :root{--pad:20px}.header-inner{height:72px}.mobile-nav{top:72px}.section{padding:76px 0}.section-tight{padding:56px 0}.home-hero{padding-top:42px}.home-hero h1{font-size:clamp(46px,14vw,68px)}.hero-visual{height:360px;margin-top:38px}.pylon.one{left:0}.pylon.two{right:-8%}.hero-data{grid-template-columns:1fr 1fr}.hero-data div:nth-child(2){border-right:0}.hero-data div:nth-child(n+3){border-top:1px solid var(--line)}.section-title-row{grid-template-columns:1fr;gap:14px;margin-bottom:40px}.capabilities-head{display:block}.capabilities-head .button{margin-top:25px}.cap-row{grid-template-columns:42px 1fr 44px;gap:13px}.cap-row h3{font-size:23px}.cap-detail{grid-template-columns:1fr;gap:18px}.europe-band{padding:70px 0}.europe-matrix{height:280px}.project-row{grid-template-columns:1fr 42px;gap:9px}.project-row .meta,.project-row .scope{grid-column:1}.project-row h3{grid-column:1}.project-row .go{grid-column:2;grid-row:1/4}.project-preview{height:270px}.contact-strip-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.principles-grid{grid-template-columns:1fr}.principle,.principle:not(:first-child){padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.project-cover{height:360px}.project-facts{grid-template-columns:1fr 1fr}.project-facts div:nth-child(odd){border-right:1px solid var(--line)}.project-facts div:nth-child(even){border-right:0}.project-facts div:nth-child(n+3){border-top:1px solid var(--line)}.project-gallery{grid-template-columns:1fr}.project-gallery .tile.tall{min-height:430px;grid-row:auto}.project-gallery .tile{min-height:280px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-form{padding:26px 20px}.footer-bottom{display:grid}.credential,.scope-table .row,.contact-card{grid-template-columns:1fr;gap:4px}.team-diagram{height:320px}
}

/* WordPress integration / VEC logo */
.header-inner{grid-template-columns:minmax(190px,280px) 1fr auto;min-height:96px;height:auto;padding-block:10px}
.logo.vec-logo-link{display:inline-flex;align-items:center;letter-spacing:0;font-size:0;line-height:0;max-width:250px}
.vec-logo{display:block;width:230px;height:auto;max-height:76px;object-fit:contain;object-position:left center}
.footer-logo-panel{display:inline-flex;background:var(--paper);padding:9px 12px;margin-bottom:20px;max-width:270px}
.footer-logo-panel .vec-logo{width:235px;max-height:none}
.nav ul,.mobile-nav ul{list-style:none;margin:0;padding:0;display:contents}
.nav .menu{display:flex;gap:34px;list-style:none;margin:0;padding:0}
.mobile-nav .menu{display:block;list-style:none;margin:0;padding:0}
.current-menu-item>a,.current_page_item>a{color:var(--blue)}
.admin-bar .header{top:32px}
.wp-content{max-width:850px}.wp-content>*:first-child{margin-top:0}.wp-content>*:last-child{margin-bottom:0}
.project-cover.has-image{height:auto;min-height:500px;background:#d9d9d3}
.project-cover.has-image img{width:100%;height:clamp(360px,42vw,650px);object-fit:cover}
.project-gallery .tile.has-image{background:#ddd}.project-gallery .tile.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.archive-card{border:1px solid var(--line);background:var(--white);display:block}.archive-card-media{height:320px;background:var(--navy);position:relative;overflow:hidden}.archive-card-media img{width:100%;height:100%;object-fit:cover}.archive-card-body{padding:24px}.archive-card .meta{font:10px var(--mono);color:#7c8385}.archive-card h2{font-size:26px;font-weight:400;letter-spacing:-.025em;margin:12px 0}.archive-card p{font-size:13px;color:#5e6a71;margin:0}.archive-card:hover h2{color:var(--blue)}
.contact-form .wpcf7-form p{margin:0}.contact-form .wpcf7-form-control-wrap{display:block}.contact-form .wpcf7 input:not([type=submit]),.contact-form .wpcf7 textarea{width:100%;border:0;border-bottom:1px solid #bfc1bd;background:transparent;padding:10px 0 12px;outline:none;font-size:14px;color:var(--ink)}.contact-form .wpcf7 input[type=submit]{border:0;background:var(--navy);color:#fff;padding:15px 22px;cursor:pointer}.contact-form .wpcf7 input[type=submit]:hover{background:var(--blue)}
.demo-admin-note{font-size:11px;color:#7a8082;margin-top:15px}
@media(max-width:1050px){.header-inner{grid-template-columns:1fr auto;min-height:82px}.vec-logo{width:210px;max-height:68px}.nav .menu{display:none}.admin-bar .mobile-nav{top:114px}}
@media(max-width:782px){.admin-bar .header{top:46px}}
@media(max-width:720px){.header-inner{min-height:72px;padding-block:7px}.vec-logo{width:165px;max-height:56px}.mobile-nav{top:72px}.admin-bar .mobile-nav{top:118px}.archive-grid{grid-template-columns:1fr}.archive-card-media{height:260px}.footer-logo-panel .vec-logo{width:210px}}
.archive-card-media .substation{position:absolute;inset:0;background:linear-gradient(180deg,#698096 0 47%,#2c4254 47% 58%,#132a3a 58%)}