/* ==========================================================
   OSIRIS PROJECTS 
   Max content width: 1440px
   ========================================================== */
:root{
  --p-bg:#020617;
  --p-bg-2:#06101d;
  --p-panel:#081525;
  --p-panel-2:#0b1a2b;
  --p-cyan:#22d3ee;
  --p-blue:#60a5fa;
  --p-text:#e2e8f0;
  --p-muted:#fff;
  --p-line:rgba(148,163,184,.18);
  --p-soft:rgba(34,211,238,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--p-bg);color:#fff;font-family:Inter,system-ui,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.projects-page{overflow:hidden;background:var(--p-bg)}
.projects-container{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.projects-page h1,.projects-page h2{font-family:'GFS Didot',Georgia,serif;font-weight:500;letter-spacing:-.025em}
.projects-page h2{font-size:clamp(38px,3.4vw,54px);line-height:1.08;margin:0;color:#fff}
.projects-page h2 span,.projects-page h1 span{color:var(--p-cyan)}
.projects-page h3{font-size:clamp(18px,1.4vw,22px);line-height:1.3;margin:0 0 12px;font-weight:600}
.projects-page p{font-size:17px;line-height:1.75;color:var(--p-text);margin:0 0 16px}
.projects-page p:last-child{margin-bottom:0}
.projects-eyebrow{display:block;color:var(--p-cyan);font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:16px}
.projects-section{padding:100px 0}
.projects-section-heading{max-width:850px;margin-bottom:48px}
/*.projects-section-heading::before{content:"";display:block;width:54px;height:2px;background:var(--p-cyan);margin-bottom:22px}*/
.projects-accent{color:#7de9f5!important;font-weight:500}

/* Button */
.projects-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:11px 24px;border:1px solid var(--p-cyan);border-radius:999px;font-size:15px;font-weight:600;transition:.25s ease}
.projects-btn span{color:var(--p-cyan);transition:.25s ease}
.projects-btn:hover{background:var(--p-cyan);color:#020617;transform:translateY(-2px)}
.projects-btn:hover span{color:#020617}
@media (min-width: 767px) {
section#project-start h2:before {
    margin: 0 auto 22px;
}
}
/* HERO — retain existing banner and visual language */
section#hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;padding:140px 0 90px;background:var(--projects_background_1) right center/cover no-repeat!important}
.hero-bg{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 25%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.12) 76%)}
.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 38% 15%,rgba(34,211,238,.13),transparent 55%)}
.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.25}.glow-1{width:24rem;height:24rem;top:18%;left:18%;background:var(--p-cyan)}.glow-2{width:20rem;height:20rem;bottom:5%;left:45%;background:#3b82f6}.glow-3{display:none}
.network-node{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:var(--p-cyan);box-shadow:0 0 18px rgba(34,211,238,.9);opacity:.75}.node-1{top:24%;left:17%}.node-2{top:35%;left:47%}.node-3{bottom:24%;left:35%}.node-4{top:62%;right:23%}.node-5{bottom:17%;left:56%}
.hero-content-wrap{position:relative;z-index:5;width:min(1440px,calc(100% - 64px));margin:auto}
.hero-content{max-width:820px;text-align:left}
#hero h1.hero-title{font-family:'GFS Didot',Georgia,serif;font-size:clamp(52px,5.4vw,82px);font-weight:600;letter-spacing:-.03em;line-height:1.12;margin:0 0 22px;max-width:900px}
p.hero-tagline{font-size:clamp(19px,1.8vw,27px);line-height:1.45;color:#fff;margin:0;max-width:620px}

/* Intro / complexity — editorial split */
.projects-complexity{background:var(--p-bg);position:relative}
.projects-complexity::after{content:"";position:absolute;right:-180px;top:20%;width:420px;height:420px;border-radius:50%;background:rgba(34,211,238,.04);filter:blur(30px);pointer-events:none}
.projects-two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;border-top:1px solid var(--p-line);padding-top:34px}
.projects-two-col>div+div{border-left:1px solid var(--p-line);padding-left:58px}

/* Strong horizontal CTA */
.projects-inline-cta{padding:68px 0;background:linear-gradient(100deg,#07111f,#0a2031);border-block:1px solid rgba(34,211,238,.2)}
.projects-inline-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
.projects-inline-cta h2{font-size:clamp(34px,3vw,48px);max-width:760px;margin:0 0 12px}
.projects-inline-cta p{color:var(--p-muted)}
.projects-inline-cta .projects-btn{flex:0 0 auto}

/* Testimonial */
.projects-endorsement{background:var(--p-bg)}
.projects-quote{position:relative;max-width:1050px;margin:auto;text-align:center;padding:54px 70px;border:1px solid var(--p-line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(34,211,238,.025));border-radius:20px}
.projects-quote::before{content:'“';position:absolute;left:28px;top:12px;font-family:Georgia,serif;font-size:90px;line-height:1;color:rgba(34,211,238,.2)}
.projects-quote blockquote{font-family:'GFS Didot',Georgia,serif;font-size:clamp(25px,2.4vw,36px);line-height:1.45;margin:18px 0 25px;color:#fff}
.projects-quote p{font-size:14px}.projects-quote p span{color:var(--p-muted)}

/* Benefits — reference-inspired feature cards */
.projects-benefits{background:var(--p-bg-2)}
.projects-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.projects-benefit{position:relative;min-height:100%;padding:34px 32px 36px;border:1px solid var(--p-line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:.25s ease}
.projects-benefit:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.42);background:linear-gradient(145deg,rgba(34,211,238,.07),rgba(255,255,255,.01))}
.projects-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(34,211,238,.45);border-radius:12px;color:var(--p-cyan);font-size:25px;margin-bottom:25px;background:rgba(34,211,238,.05)}
.projects-benefit h3{color:#fff}.projects-benefit p{color:var(--p-muted)}

/* Process — clear lifecycle rail */
.projects-process{background:var(--p-bg)}
.projects-process-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.28fr);gap:86px;align-items:start}



@media (min-width: 2400px) {
    section#hero {
        background-size: 1440px auto !important;
        background-position: center center !important;
        min-height: unset;
    }
}

@media(max-width:1500px){
.projects-process-layout
 {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(0, 1.28fr);
 }
}
.projects-process-intro{position:sticky;top:120px}
.projects-process-intro h2{margin-bottom:24px}
.projects-process-intro p{color:var(--p-muted)}
.projects-process-intro::after{content:'DISCOVERY  ›  PLANNING  ›  EXECUTION  ›  CONTROL  ›  CLOSING';display:block;margin-top:32px;padding-top:24px;border-top:1px solid var(--p-line);font-size:13px;line-height:1.8;letter-spacing:.12em;color:var(--p-cyan);font-weight:700}
.projects-process-list{counter-reset:step;border-top:1px solid var(--p-line)}
.projects-process-list article{counter-increment:step;position:relative;padding:30px 24px 30px 74px;border-bottom:1px solid var(--p-line);transition:.2s ease}
.projects-process-list article:hover{background:rgba(34,211,238,.035)}
.projects-process-list article::before{content:'0' counter(step);position:absolute;left:10px;top:25px;color:var(--p-cyan);font-size:26px;font-weight:700;letter-spacing:.12em}
.projects-process-list h3{margin-bottom:7px}.projects-process-list p{color:var(--p-muted)}

/* Project types — responsive 3-column service catalogue */
.projects-types{background:var(--p-bg-2)}
.projects-types .projects-section-heading p{max-width:780px;color:var(--p-muted);margin-top:20px}
.projects-stacked-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}
.projects-stacked-item{display:block;padding:27px 25px 29px;border:1px solid var(--p-line);border-radius:14px;background:rgba(255,255,255,.018);min-height:175px;transition:.22s ease}

.projects-stacked-item:hover{border-color:rgba(34,211,238,.42);transform:translateY(-3px);background:rgba(34,211,238,.04)}
.projects-stacked-item h3{font-size:18px}.projects-stacked-item p{line-height:1.65;color:var(--p-muted)}

/* Ongoing service projects — large split rows */
.projects-ongoing{background:var(--p-bg)}
.projects-service-list{border-top:1px solid var(--p-line)}
.projects-service-row{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:72px;padding:42px 0;border-bottom:1px solid var(--p-line)}
.projects-service-row h3{font-family:'GFS Didot',Georgia,serif;font-size:clamp(28px,2.3vw,38px);font-weight:500;color:#fff}
.projects-service-row p{color:var(--p-muted)}
 
/* Final CTA */
.projects-start{position:relative;background:linear-gradient(115deg,#07111f,#0b2536);border-top:1px solid rgba(34,211,238,.2)}
.projects-start::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(34,211,238,.12),transparent 35%);pointer-events:none}
.projects-start-inner{position:relative;z-index:1}
.projects-start-inner>div{max-width:900px;margin:0 auto;text-align:center}
.projects-start h2{margin-bottom:24px}.projects-start p{color:var(--p-muted)}
.projects-start .projects-btn{margin-top:22px}

.projects-page h2::before {
    content: "";
    display: block;
    width: 54px;
    height: 2px;
    background: var(--p-cyan);
    margin-bottom: 22px;
}
.start-simple-break {
    display: block;
    margin-top: 4px;
}

/* Tablet */
@media(max-width:1100px){
  .projects-container,.hero-content-wrap{width:min(1440px,calc(100% - 48px))}
  .projects-section{padding:82px 0}
  .projects-two-col{gap:38px}.projects-two-col>div+div{padding-left:38px}
  .projects-process-layout{gap:46px}
  .projects-stacked-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile */
@media(max-width:767px){
    section.projects-section.projects-types,
    section.projects-section.projects-ongoing,
    section#process,
    section.projects-section.projects-benefits,
    section.projects-section.projects-complexity{
    border-top: 1px solid #2b3352;
}
  .projects-container,.hero-content-wrap{width:calc(100% - 36px)}
  .projects-section{padding:62px 0}
  .projects-section-heading{margin-bottom:32px}
  .projects-page h2{font-size:clamp(34px,10vw,44px)}
  .projects-page p{font-size:15px;line-height:1.7}
    section#hero {
        min-height: 470px;
        padding: 129px 0 70px;
        background-position: 62% center !important;
    }
  .hero-bg{background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.87) 55%,rgba(0,0,0,.42) 100%)}
  #hero h1.hero-title{font-size:clamp(43px,12vw,58px);line-height:1.04}
  p.hero-tagline{font-size:19px}
  .network-node{display:none}
  .projects-two-col,.projects-process-layout,.projects-service-row{grid-template-columns:1fr;gap:20px}
  .projects-two-col>div+div{border:0;padding:0}
  .projects-inline-inner{flex-direction:column;align-items:flex-start;gap:28px}.projects-inline-cta{padding:50px 0}
  .projects-quote{padding:38px 24px}.projects-quote::before{left:12px;top:6px;font-size:64px}
  .projects-benefits-grid,.projects-stacked-list{grid-template-columns:1fr}
  .projects-benefit{padding:28px 24px}
  .projects-process-intro{position:static}.projects-process-intro::after{font-size:13px}
  .projects-process-list article{padding:24px 10px 24px 58px}
  .projects-service-row{padding:30px 0}
  .projects-stacked-item{min-height:0}
  .projects-start-inner>div{text-align:left}
}

/* =========================================================
   PROJECT PROCESS — LEFT VISUAL
========================================================= */

.projects-process-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;

    margin-top: 32px;
    padding-top: 24px;

    border-top: 1px solid var(--p-line);

    color: var(--p-cyan);

    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.7;

    letter-spacing: .10em;
    text-transform: uppercase;
}

.projects-process-flow span {
    color: #60a5fa;
}


/* Process image */
.projects-process-image {
    margin-top: 28px;

    overflow: hidden;

    border: 1px solid rgba(34, 211, 238, .18);
    border-radius: 14px;

    background: #06101d;
}

.projects-process-image img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;
}

.projects-process-image img {
    display: block;
    width: 100%;
    height: 315px;
    object-fit: cover;
}

@media (max-width: 1024px) {
.projects-process-image img {
    height: auto;
}
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .projects-process-flow {
        margin-top: 24px;
        padding-top: 20px;

        gap: 5px;

        font-size: 11px;
        letter-spacing: .07em;
    }

    .projects-process-image {
        margin-top: 22px;
    }
}


@media(max-width:500px){
        .projects-page h2 {
        font-size: clamp(34px, 10vw, 44px);
        font-size: 1.375rem;
        font-weight: 600;
        line-height: 1.12;
    }
    .projects-service-row h3 {
    font-family: 'GFS Didot', Georgia, serif;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
    section#hero {
        min-height: 382px;
        padding: 130px 0 56px;
        background-position: 62% center !important;
    }
    #hero h1.hero-title {
        font-size: clamp(34px, 11vw, 40px);
        line-height: 1.04;
    }.projects-quote blockquote {
    font-family: 'GFS Didot', Georgia, serif;
    font-size: 1.375rem;
    }
    
    }
@media(max-width:380px){.projects-container,.hero-content-wrap{width:calc(100% - 28px)}.projects-btn{gap:12px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.projects-btn,.projects-benefit,.projects-stacked-item{transition:none}}