/*
Theme Name: ENG IDEA Official
Theme URI: https://example.org/
Author: ENG IDEA
Description: Bilingual ENG IDEA portfolio with secure WordPress project management.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: engidea
*/
:root{--navy:#102c48;--blue:#1473ac;--light:#f3f7fb;--ink:#203349}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}.header{position:sticky;top:0;z-index:10;background:white;box-shadow:0 2px 12px #0001}.head{display:flex;justify-content:space-between;align-items:center;min-height:83px;gap:20px}.brand img{height:55px;max-width:175px;object-fit:contain}.head nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.head nav a{font-size:14px;font-weight:600}.head nav a:hover{color:var(--blue)}.lang{border:1px solid #cad7e3;border-radius:6px;padding:6px 10px}.hero{background:linear-gradient(110deg,#102b46ed,#153b5bd9),url('assets/bridge_day.jpg') center/cover;color:white;padding:110px 0}.hero h1{font-size:clamp(42px,6vw,75px);line-height:1.12;margin:16px 0}.hero em{font-style:normal;color:#8bc9f1}.hero p{max-width:650px;font-size:19px}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:3px;color:#61b4e7}.btn{display:inline-block;background:#1473ac;color:white;padding:12px 22px;border-radius:5px;font-weight:700;margin:10px 8px 0 0}.btn.outline{background:transparent;border:1px solid white}.section{padding-top:76px;padding-bottom:76px}.section h2{font-size:clamp(29px,3.5vw,43px);color:var(--navy);margin:10px 0 25px}.services-grid,.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service,.project-card,.about-panel,.contact-card{background:#fff;border:1px solid #e2e9f0;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #132c450a}.service{padding:26px}.service h3{margin-bottom:8px}.symbol{font-size:29px;color:var(--blue)}.about,.ref-section{background:var(--light)}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.about-panel,.contact-card{padding:28px}.project-card img{width:100%;height:235px;object-fit:cover}.project-info{padding:22px}.project-info h3{font-size:21px;color:var(--navy);margin:0 0 8px}.project-info small{color:#64778b}.project-info a{color:var(--blue);font-weight:700}.contact-card iframe{width:100%;height:240px;border:0;margin-top:20px}.contact-card a{color:var(--blue)}footer{background:#102c48;color:white;padding:36px 0}.foot{display:flex;justify-content:space-between;gap:30px}.footer-logo{height:60px;max-width:200px;object-fit:contain;background:white;border-radius:5px;padding:5px}.copyright{margin-top:25px;font-size:12px;color:#a9c4d9}.single-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.single-gallery img{width:100%;height:300px;object-fit:cover;border-radius:7px}.single-gallery img:first-child{grid-column:1/-1;height:470px}.back{color:var(--blue);font-weight:700}.project-meta{color:#60768b}.wp-block-image img{max-width:100%}@media(max-width:780px){.head{align-items:flex-start;padding-top:12px;padding-bottom:12px;flex-direction:column}.head nav{gap:12px}.hero{padding:65px 0}.services-grid,.projects-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.single-gallery{grid-template-columns:1fr}.single-gallery img:first-child{grid-column:auto;height:300px}.foot{flex-direction:column}}

/* ENG IDEA rotating homepage portfolio */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#102b46;color:#fff;min-height:540px;display:flex;align-items:center}
.hero-slides,.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1s ease-in-out;transform:scale(1.025)}
.hero-slide.is-active{opacity:1}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,30,51,.91),rgba(10,39,64,.66) 62%,rgba(10,39,64,.27))}
.hero .wrap{width:100%;position:relative;z-index:1}
.hero-dots{display:flex;gap:9px;margin-top:25px}
.hero-dot{width:10px;height:10px;border:1px solid #fff9;border-radius:50%;background:#ffffff70;padding:0;cursor:pointer}
.hero-dot.is-active{background:#fff;border-color:#fff}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}