/* BupaWeb Projects 2026 — editorial portfolio */
.bw-page-projects main{overflow:hidden}
.projects-hero{padding:clamp(56px,7vw,108px) 0 clamp(42px,5vw,80px);position:relative}
.projects-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.72fr);gap:clamp(38px,7vw,110px);align-items:end}
.projects-kicker{display:flex;align-items:center;gap:14px;color:#08a98f;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}
.projects-kicker:after{content:"";width:54px;height:1px;background:#08a98f}
.projects-hero h1{font-size:clamp(3.5rem,7.2vw,8.2rem);line-height:.86;letter-spacing:-.075em;margin:0;max-width:880px;color:#07161c}
.projects-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#18b89b;letter-spacing:-.045em}
.projects-hero-copy{max-width:540px;padding-bottom:8px}
.projects-hero-copy p{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.65;color:#56646a;margin:0 0 24px}
.projects-hero-meta{display:flex;flex-wrap:wrap;gap:10px}
.projects-hero-meta span{border:1px solid #d8dfdc;border-radius:999px;padding:10px 15px;font-size:.82rem;font-weight:700;color:#33434a;background:#fff}
.projects-intro-line{height:1px;background:#d9dfdc;margin-top:clamp(42px,6vw,84px)}

.projects-showcase{padding:clamp(26px,4vw,58px) 0 clamp(76px,8vw,128px)}
.projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.project-card{position:relative;display:flex;flex-direction:column;min-width:0;border-top:1px solid #cfd8d4;padding-top:14px;text-decoration:none;color:inherit}
.project-card:nth-child(1){grid-column:span 7}
.project-card:nth-child(2){grid-column:span 5;margin-top:clamp(50px,7vw,118px)}
.project-card:nth-child(3){grid-column:span 5;margin-top:clamp(12px,2vw,32px)}
.project-card:nth-child(4){grid-column:span 7;margin-top:clamp(70px,8vw,130px)}
.project-card:nth-child(5){grid-column:3 / span 8;margin-top:clamp(24px,4vw,62px)}
.project-index{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#8a9699;font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
.project-index .arrow{font-size:1.4rem;color:#07161c;transition:transform .25s ease}
.project-media{position:relative;overflow:hidden;background:#e8eeeb;aspect-ratio:16/9;border-radius:2px}
.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.project-card:hover .project-media img{transform:scale(1.025)}
.project-card:hover .project-index .arrow{transform:translate(5px,-3px)}
.project-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.46fr);gap:24px;padding:20px 2px 0}
.project-text h2{font-size:clamp(1.75rem,2.7vw,3.15rem);letter-spacing:-.05em;line-height:.98;margin:0;color:#07161c}
.project-text p{margin:0;color:#66747a;line-height:1.55;font-size:.98rem}
.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.project-tags span{border:1px solid #d8dfdc;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700;color:#536168;background:#fff}

.projects-method{background:#edf7f4;padding:clamp(70px,8vw,126px) 0}
.projects-method-head{display:grid;grid-template-columns:1fr .8fr;gap:clamp(38px,7vw,110px);align-items:end;margin-bottom:clamp(36px,5vw,70px)}
.projects-method h2{font-size:clamp(3rem,5vw,6.2rem);line-height:.9;letter-spacing:-.065em;margin:0;color:#07161c}
.projects-method h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#18b89b}
.projects-method-head>p{margin:0;color:#58666c;font-size:1.06rem;line-height:1.7;max-width:530px}
.projects-method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9dad4}
.projects-method-item{padding:28px 30px 18px 0;min-height:210px}
.projects-method-item+ .projects-method-item{border-left:1px solid #c9dad4;padding-left:30px}
.projects-method-item span{display:block;color:#0ba98f;font-weight:800;font-size:.8rem;letter-spacing:.13em;margin-bottom:32px}
.projects-method-item h3{font-size:1.5rem;margin:0 0 12px;letter-spacing:-.03em;color:#07161c}
.projects-method-item p{margin:0;color:#5f6d72;line-height:1.6}

.projects-seo{padding:clamp(76px,8vw,130px) 0}
.projects-seo-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(42px,8vw,130px)}
.projects-seo h2{font-size:clamp(2.8rem,4.8vw,5.6rem);line-height:.92;letter-spacing:-.06em;margin:0;color:#07161c}
.projects-seo h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#18b89b}
.projects-seo-copy{font-size:1.04rem;color:#56646a;line-height:1.75}
.projects-seo-copy p{margin:0 0 18px}
.projects-seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.projects-seo-links a{display:inline-flex;border:1px solid #ccd6d2;border-radius:999px;padding:10px 14px;text-decoration:none;color:#07161c;font-weight:800;font-size:.82rem;background:#fff}
.projects-seo-links a:hover{border-color:#18b89b;color:#0b8f7a}

.projects-cta{padding:0 0 clamp(76px,8vw,126px)}
.projects-cta-box{background:#07161c;color:white;padding:clamp(40px,6vw,86px);display:grid;grid-template-columns:1.2fr .75fr;gap:45px;align-items:end}
.projects-cta-box .eyebrow{color:#4de2c9}
.projects-cta-box h2{font-size:clamp(2.8rem,5.2vw,6.4rem);line-height:.9;letter-spacing:-.065em;margin:0}
.projects-cta-box h2 em{font-family:Georgia,'Times New Roman',serif;color:#48dbc2;font-weight:400}
.projects-cta-copy p{color:#c5d1d4;line-height:1.65;margin:0 0 24px}
.projects-cta-copy .actions{display:flex;gap:10px;flex-wrap:wrap}
.projects-cta-copy .button.secondary{color:#fff;border-color:#5a686d}

@media(max-width:980px){
 .projects-hero-grid,.projects-method-head,.projects-seo-grid,.projects-cta-box{grid-template-columns:1fr}
 .projects-hero-copy{max-width:650px}
 .project-card:nth-child(n){grid-column:span 6;margin-top:0}
 .project-card:nth-child(5){grid-column:3 / span 8}
 .project-text{grid-template-columns:1fr}
 .projects-method-grid{grid-template-columns:1fr}
 .projects-method-item{min-height:0;padding:24px 0;border-bottom:1px solid #c9dad4}
 .projects-method-item+ .projects-method-item{border-left:0;padding-left:0}
 .projects-method-item span{margin-bottom:16px}
}
@media(max-width:680px){
 .projects-hero{padding-top:38px}
 .projects-hero h1{font-size:clamp(3.15rem,15vw,5.1rem)}
 .projects-grid{display:block}
 .project-card:nth-child(n){margin:0 0 52px}
 .project-card:nth-child(5){margin-bottom:0}
 .project-media{aspect-ratio:16/10}
 .project-text{padding-top:16px;gap:12px}
 .project-text h2{font-size:2rem}
 .projects-method,.projects-seo{padding-top:70px;padding-bottom:70px}
 .projects-cta-box{padding:34px 24px}
}
@media(prefers-reduced-motion:reduce){.project-media img,.project-index .arrow{transition:none!important}}

/* V6 — CTA contrast fix */
.projects-cta-box h2{color:#fff!important}
.projects-cta-box h2 em{color:#48dbc2!important}
.projects-cta-copy .button{background:#48dbc2!important;border-color:#48dbc2!important;color:#07161c!important}
.projects-cta-copy .button:hover{background:#6be8d3!important;border-color:#6be8d3!important;color:#07161c!important}
.projects-cta-copy .button.secondary{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.projects-cta-copy .button.secondary:hover{background:#fff!important;border-color:#fff!important;color:#07161c!important}