:root{--orange:#f59a16;--orange-dark:#d87909;--ink:#101417}
.inner-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e7e7e3}
.inner-header nav a.active{color:#b95d0a}
.page-hero{min-height:310px;color:#fff;display:flex;align-items:flex-end;padding:72px 0 50px;background:linear-gradient(90deg,#090e11e8,#101619a8 60%,#1016196b),url('assets/hero/arkhes-edificacion.png') center 48%/cover}
.page-hero h1{font-size:clamp(44px,5vw,72px);margin:12px 0 22px;letter-spacing:-2px}
.page-kicker{font-size:10px;letter-spacing:2.7px;color:#ffc167;font-weight:700;margin:0}
.breadcrumbs{display:flex;align-items:center;gap:11px;font-size:11px;color:#ffffffb8}.breadcrumbs a:hover{color:#ffc167}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.intro-copy>p:not(.eyebrow){color:#606b6e;font-size:14px;line-height:1.9}.intro-copy .button{margin-top:20px}
.intro-visual{height:480px;position:relative;padding:0 20px 20px 0}.intro-visual:after{content:"";position:absolute;right:0;bottom:0;width:66%;height:58%;background:var(--orange);z-index:-1}.intro-visual img{width:100%;height:100%;object-fit:cover}.intro-visual span{position:absolute;left:24px;bottom:43px;color:#fff;background:#111b;padding:14px 18px;font-size:11px}
.purpose{background:#fff;color:#101417;padding:80px 0;border-top:1px solid #e4e5e1;border-bottom:1px solid #e4e5e1}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.purpose article{position:relative;padding:25px 70px 30px 0}.purpose article+article{border-left:1px solid #d9ddd9;padding-left:70px;padding-right:0}.purpose-number{position:absolute;top:0;right:38px;font-size:70px;color:#1014170b;font-weight:800}.purpose h2{font-size:30px;color:#101417}.purpose article>p:last-child{color:#5f6b6e;font-size:14px;line-height:1.9;max-width:500px}.purpose .eyebrow{color:#b65c0f}
.values-section{background:#f6f6f2}.values-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}.values-heading h2{margin-bottom:0}.values-heading>p{font-size:14px;line-height:1.9;color:#647074;max-width:500px}
.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9dad6;border:1px solid #d9dad6}.value-cards article{position:relative;min-height:220px;padding:34px;background:#fff}.value-cards article>span{font-size:10px;color:#b65c0f;font-weight:700}.value-cards h3{font-size:20px;margin:40px 0 14px}.value-cards p{font-size:12px;line-height:1.8;color:#687376}.value-cards .value-image{padding:0;overflow:hidden}.value-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.value-image:hover img{transform:scale(1.04)}
.about-cta{background:#dcae34;padding:65px 0}.about-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.about-cta h2{margin:0;color:#151515}.about-cta .eyebrow{color:#5d4108}.about-cta .button{background:#111c20;color:#fff}.about-cta .button:hover{background:#293b41}
@media(max-width:900px){.intro-grid{gap:40px}.purpose article{padding-right:35px}.purpose article+article{padding-left:35px}.value-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.inner-header .navigation{height:76px}.inner-header nav{top:76px}.page-hero{min-height:260px;padding-bottom:38px}.intro-grid,.purpose-grid,.values-heading{grid-template-columns:1fr}.intro-visual{height:340px;order:-1}.purpose-grid{gap:45px}.purpose article,.purpose article+article{padding:0;border:0}.value-cards{grid-template-columns:1fr}.value-cards article{min-height:190px}.about-cta .container{align-items:flex-start;flex-direction:column}.about-cta h2{font-size:31px}}
/* Composición cromática de la presentación corporativa */
.company-intro{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0 55%,#132127 55% 100%)}
.company-intro:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;background:var(--orange)}
.company-intro .intro-grid{position:relative}
.company-intro .intro-copy{padding:32px 0 32px 30px;border-left:3px solid var(--orange)}
.company-intro .intro-copy h2{color:#101b20}
.company-intro .intro-copy>p:not(.eyebrow){color:#536064}
.company-intro .intro-visual{filter:drop-shadow(0 20px 28px #07101455)}
.company-intro .intro-visual:before{content:"";position:absolute;left:-18px;top:-18px;width:92px;height:92px;border-left:2px solid var(--orange);border-top:2px solid var(--orange)}
.company-intro .intro-visual img{border:1px solid #ffffff24}
.company-intro .intro-visual span{background:#101b20e8;border-left:3px solid var(--orange);font-weight:700;letter-spacing:.3px}
@media(max-width:760px){.company-intro{background:linear-gradient(180deg,#132127 0 390px,#fff 390px 100%)}.company-intro:before{display:none}.company-intro .intro-grid{gap:42px}.company-intro .intro-copy{padding:0;border-left:0}}

/* Presentación unificada: fondo cálido y fotografía enmarcada */
.company-intro{background:#f4f2ec}
.company-intro:before{display:none}
.company-intro .intro-grid{grid-template-columns:.92fr 1.08fr;gap:72px}
.company-intro .intro-copy{position:relative;padding:46px 46px 46px 50px;border:0;background:#fff;box-shadow:0 18px 45px #15262c0c}
.company-intro .intro-copy:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}
.company-intro .intro-visual{height:460px;padding:18px 18px 0 0;filter:none}
.company-intro .intro-visual:before{left:auto;right:0;top:0;width:78%;height:82%;border:0;background:#14242a;z-index:-2}
.company-intro .intro-visual:after{right:0;bottom:0;width:54%;height:44%;background:var(--orange);z-index:-1}
.company-intro .intro-visual img{position:relative;width:calc(100% - 18px);height:calc(100% - 18px);border:0;box-shadow:0 20px 45px #14242a2b}
.company-intro .intro-visual span{left:24px;bottom:45px;background:#14242a;color:#fff}
@media(max-width:760px){.company-intro{background:#f4f2ec}.company-intro .intro-grid{gap:35px}.company-intro .intro-copy{padding:34px 28px 34px 33px}.company-intro .intro-visual{height:350px;padding:14px 14px 0 0}.company-intro .intro-visual img{width:calc(100% - 14px);height:calc(100% - 14px)}}

/* Presentación editorial */
.company-intro{background-color:#f4f2ec;background-image:linear-gradient(#14242a08 1px,transparent 1px),linear-gradient(90deg,#14242a08 1px,transparent 1px);background-size:54px 54px}
.company-intro .intro-grid{grid-template-columns:minmax(390px,.88fr) minmax(520px,1.25fr);gap:0;max-width:1160px}
.company-intro .intro-copy{z-index:2;margin-right:-62px;padding:54px 64px 46px 58px;box-shadow:0 25px 65px #15262c20}
.company-intro .intro-copy:before{width:6px}
.company-intro .intro-copy:after{content:"ARKHES";position:absolute;right:25px;top:18px;color:#14242a08;font-size:48px;font-weight:800;letter-spacing:5px;pointer-events:none}
.company-intro .intro-copy h2{font-size:clamp(34px,3vw,45px);line-height:1.08;margin-bottom:27px}
.company-intro .intro-copy>p:not(.eyebrow){font-size:13px;line-height:1.82}
.company-intro .intro-visual{height:540px;padding:24px 24px 0 0}
.company-intro .intro-visual:before{width:72%;height:88%}
.company-intro .intro-visual:after{width:48%;height:38%}
.company-intro .intro-visual img{width:calc(100% - 24px);height:calc(100% - 24px);object-position:center;box-shadow:0 26px 65px #14242a3b}
.company-intro .intro-visual span{left:34px;bottom:56px;padding:16px 22px;font-size:11px}
.intro-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;padding-top:24px;border-top:1px solid #dde0dc}
.intro-facts div{display:flex;align-items:center;gap:9px;padding-right:12px}
.intro-facts div+div{padding-left:15px;border-left:1px solid #dde0dc}
.intro-facts strong{color:#d87909;font-size:25px;line-height:1;letter-spacing:-1px}
.intro-facts span{color:#596568;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.6px}
@media(max-width:980px){.company-intro .intro-grid{grid-template-columns:.95fr 1.05fr}.company-intro .intro-copy{margin-right:-35px;padding:42px 42px 38px}.company-intro .intro-visual{height:500px}}
@media(max-width:760px){.company-intro .intro-grid{grid-template-columns:1fr}.company-intro .intro-copy{margin:0;padding:38px 30px 34px}.company-intro .intro-copy:after{font-size:35px}.company-intro .intro-visual{height:360px;padding:14px 14px 0 0}.company-intro .intro-visual img{width:calc(100% - 14px);height:calc(100% - 14px)}.intro-facts{grid-template-columns:1fr;gap:14px}.intro-facts div,.intro-facts div+div{padding:0;border:0}.intro-facts span br{display:none}}

/* Presentación corporativa con mosaico de especialidades */
.company-intro{background:#fff;isolation:isolate}
.company-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 48%,rgba(255,255,255,.76) 100%),url('assets/real/projects/scania-huancayo.jpg') center 58%/cover no-repeat;opacity:1}
.company-intro .intro-grid{grid-template-columns:.9fr 1.1fr;gap:80px;max-width:1180px}
.company-intro .intro-copy{margin:0;padding:20px 0;background:transparent;box-shadow:none}
.company-intro .intro-copy:before,.company-intro .intro-copy:after{content:none}
.company-intro .intro-copy h2{font-size:clamp(34px,3vw,44px);line-height:1.13;margin-bottom:24px}
.company-intro .intro-copy>p:not(.eyebrow){max-width:530px;font-size:13px;line-height:1.85;color:#536064}
.company-intro .intro-button{margin-top:18px;padding:15px 20px}
.intro-specialties{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.intro-specialties article{position:relative;min-height:190px;overflow:hidden;background:#14242a}
.intro-specialties article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07101518,#071015c9)}
.intro-specialties img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.intro-specialties article:hover img{transform:scale(1.05)}
.intro-specialties span{position:absolute;z-index:1;left:22px;right:20px;bottom:20px;color:#fff;font-size:17px;font-weight:700;line-height:1.2}
.intro-specialties span:before{content:"";display:block;width:30px;height:3px;background:var(--orange);margin-bottom:10px}
@media(max-width:900px){.company-intro .intro-grid{gap:42px}.intro-specialties article{min-height:170px}}
@media(max-width:760px){.company-intro .intro-grid{grid-template-columns:1fr}.company-intro .intro-copy{padding:0}.intro-specialties{grid-template-columns:1fr 1fr;gap:10px}.intro-specialties article{min-height:150px}.intro-specialties span{left:16px;bottom:15px;font-size:14px}}
@media(max-width:480px){.intro-specialties{grid-template-columns:1fr}.intro-specialties article{min-height:190px}}