.project-detail-hero{position:relative;padding-block:clamp(160px,24vh,220px) clamp(96px,20vh,180px);color:#fff;overflow:hidden;background:linear-gradient(145deg,rgba(25,38,67,.92),rgba(52,62,81,.94))}.project-detail-hero .ambient-glow,.project-detail-hero .texture{position:absolute;inset:0;pointer-events:none}.project-detail-hero .ambient-glow{background:radial-gradient(circle at top left,rgba(62,119,224,.45),transparent 60%),radial-gradient(circle at bottom right,rgba(243,98,166,.24),transparent 55%);mix-blend-mode:screen}.project-detail-hero .texture{opacity:.4;background-image:linear-gradient(0deg,hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:32px 32px}.project-detail-hero .hero-layout{position:relative;z-index:1;display:grid;grid-gap:36px;gap:36px;text-align:left}.project-detail-hero .hero-content{display:grid;grid-gap:20px;gap:20px;max-width:680px}.project-detail-hero h1{color:#fff}.project-detail-hero .breadcrumb{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:100px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase}.project-detail-hero .breadcrumb .breadcrumb-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;transition:.25s ease}.project-detail-hero .breadcrumb .breadcrumb-link ion-icon{font-size:1.6rem}.project-detail-hero .breadcrumb .breadcrumb-link:is(:hover,:focus-visible){opacity:.85;transform:translateX(-2px)}.project-detail-hero .breadcrumb .breadcrumb-current{font-weight:700;color:hsla(0,0%,100%,.75)}.project-detail-hero .hero-eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:1.4rem;color:hsla(0,0%,100%,.74)}.project-detail-hero .hero-subtitle{color:hsla(0,0%,100%,.88);max-width:70ch;font-size:1.8rem;line-height:1.7}.project-detail-hero .hero-meta{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,max-content))}.project-detail-hero .hero-meta .meta-item{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;background-color:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-detail-hero .hero-meta .meta-item ion-icon{font-size:1.8rem}.project-detail-hero .service-tags{display:flex;flex-wrap:wrap;gap:12px}.project-detail-hero .service-tags li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.06);font-size:1.5rem;color:hsla(0,0%,100%,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-detail-hero .service-tags li ion-icon{font-size:1.6rem;color:hsla(0,0%,100%,.85)}.project-detail-hero .hero-stats{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.project-detail-hero .hero-stats .hero-stat{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);border-radius:16px;padding:24px 22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:.25s ease}.project-detail-hero .hero-stats .hero-stat:is(:hover,:focus-visible){transform:translateY(-6px);border-color:hsla(0,0%,100%,.28);box-shadow:0 18px 38px rgba(31,35,41,.3)}.project-detail-hero .hero-stats .hero-stat .value{font-size:clamp(2.4rem,2.6vw,3.6rem);font-weight:700;color:#fff;-webkit-margin-after:6px;margin-block-end:6px}.project-detail-hero .hero-stats .hero-stat .label{font-size:1.5rem;color:hsla(0,0%,100%,.75)}.project-detail-hero .hero-media{position:relative;display:grid;grid-gap:16px;gap:16px;justify-items:center}.project-detail-hero .hero-figure{position:relative;width:min(680px,100%);border-radius:24px;overflow:hidden;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 28px 60px rgba(31,35,41,.35)}.project-detail-hero .hero-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(52,62,81,0) 45%,rgba(52,62,81,.38));pointer-events:none}.project-detail-hero .hero-figure img{width:100%;height:auto;display:block}.project-detail-hero .media-badge{position:absolute;top:20px;left:20px;padding:16px 18px;border-radius:16px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-gap:6px;gap:6px;align-items:start;color:#fff;min-width:180px}.project-detail-hero .media-badge .badge-label{font-size:1.4rem;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.7)}.project-detail-hero .media-badge .badge-value{font-size:clamp(2rem,2.4vw,2.8rem);font-weight:700}.project-detail-hero .media-badge .badge-meta{font-size:1.5rem;color:hsla(0,0%,100%,.78)}.project-detail-hero .media-location{position:absolute;right:24px;bottom:24px;padding:10px 16px;border-radius:100px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:inline-flex;align-items:center;gap:8px;font-size:1.5rem;color:hsla(0,0%,100%,.85)}.project-detail-hero .media-location ion-icon{font-size:1.8rem}@media(min-width:768px){.project-detail-hero .hero-layout{gap:48px}.project-detail-hero .hero-subtitle{font-size:1.9rem}}@media(min-width:992px){.project-detail-hero .hero-layout{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:56px}.project-detail-hero .hero-content{max-width:640px}.project-detail-hero .hero-media{justify-items:stretch}.project-detail-hero .hero-figure{width:100%;min-height:420px}}@media(min-width:1200px){.project-detail-hero{padding-block:clamp(200px,28vh,240px) clamp(130px,22vh,200px)}.project-detail-hero .hero-layout{gap:72px}.project-detail-hero .hero-figure{border-radius:32px}}.project-detail-metrics{background-color:#343e51;color:#fff;position:relative}.project-detail-metrics:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(62,119,224,.28),transparent 55%);pointer-events:none}.project-detail-metrics .container{position:relative;z-index:1}.project-detail-metrics .metrics-header{max-width:680px}.project-detail-metrics .metrics-header .section-title{color:#fff}.project-detail-metrics .metrics-grid{-webkit-margin-before:40px;margin-block-start:40px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.project-detail-metrics .metrics-card{background:hsla(0,0%,100%,.08);border-radius:24px;padding:32px 28px;border:1px solid hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 55px rgba(31,35,41,.25);transition:.25s ease}.project-detail-metrics .metrics-card:is(:hover,:focus-visible){transform:translateY(-8px);border-color:hsla(0,0%,100%,.28)}.project-detail-metrics .metrics-card .metric-value{font-size:clamp(3.2rem,3vw,4.2rem);font-weight:700;-webkit-margin-after:12px;margin-block-end:12px;color:#fff}.project-detail-metrics .metrics-card .metric-label{color:hsla(0,0%,100%,.85);-webkit-margin-after:10px;margin-block-end:10px}.project-detail-metrics .metrics-card .metric-description{color:hsla(0,0%,100%,.68);font-size:1.5rem;line-height:1.7}@media(min-width:1200px){.project-detail-metrics .metrics-grid{-webkit-margin-before:56px;margin-block-start:56px;gap:24px}}.project-detail-navigation{background-color:#f6f7f9}.project-detail-navigation .nav-grid{display:grid;grid-gap:24px;gap:24px}.project-detail-navigation .nav-card{background:#fff;border-radius:32px;border:1px solid rgba(52,62,81,.08);box-shadow:0 24px 60px rgba(52,62,81,.08);padding:32px;display:grid;grid-gap:18px;gap:18px}.project-detail-navigation .nav-card .label{text-transform:uppercase;letter-spacing:.22em;font-size:1.4rem;color:rgba(52,62,81,.6)}.project-detail-navigation .nav-card .card-body{display:grid;grid-gap:18px;gap:18px;transition:.25s ease}.project-detail-navigation .nav-card .card-body:is(:hover,:focus-visible){transform:translateY(-6px)}.project-detail-navigation .nav-card .card-body .card-banner{border-radius:24px;overflow:hidden;aspect-ratio:16/10}.project-detail-navigation .nav-card .card-body .card-content{display:grid;grid-gap:12px;gap:12px}.project-detail-navigation .nav-card .card-body .card-content p{color:#60697b;font-size:1.7rem;line-height:1.7}.project-detail-navigation .nav-card .card-body .link{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#757ed1;font-size:1.7rem}.project-detail-navigation .nav-card .card-body .link ion-icon{font-size:2rem}@media(min-width:768px){.project-detail-navigation .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.project-detail-navigation .nav-card{padding:40px}}.project-detail-overview{background-color:#f6f7f9}.project-detail-overview .overview-header{max-width:960px;margin-inline:auto;text-align:center}.project-detail-overview .overview-header .h2{font-weight:700;color:#343e51;line-height:1.4}.project-detail-overview .overview-grid{display:grid;grid-gap:20px;gap:20px;-webkit-margin-before:40px;margin-block-start:40px}.project-detail-overview .overview-grid .overview-card{background:#fff;border-radius:24px;padding:32px;border:1px solid rgba(52,62,81,.08);box-shadow:0 25px 55px rgba(52,62,81,.06)}.project-detail-overview .overview-grid .overview-card p{color:#60697b;font-size:1.7rem}.project-detail-overview .overview-grid .overview-card .pill-list{display:flex;flex-wrap:wrap;gap:12px;-webkit-margin-before:16px;margin-block-start:16px}.project-detail-overview .overview-grid .overview-card .pill-list li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;background-color:hsla(234,50%,64%,.08);color:#1f2329;font-weight:700;font-size:1.5rem}.project-detail-overview .overview-grid .overview-card .pill-list li ion-icon{color:#757ed1;font-size:1.8rem}.project-detail-overview .columns{-webkit-margin-before:48px;margin-block-start:48px;display:grid;grid-gap:20px;gap:20px}.project-detail-overview .columns .column-card{background:#fff;border-radius:24px;padding:32px;border:1px solid rgba(52,62,81,.08);box-shadow:0 20px 50px rgba(52,62,81,.05)}.project-detail-overview .columns .column-card .bullet-list{-webkit-margin-before:16px;margin-block-start:16px;display:grid;grid-gap:12px;gap:12px}.project-detail-overview .columns .column-card .bullet-list li{position:relative;padding-left:28px;color:#60697b;font-size:1.7rem}.project-detail-overview .columns .column-card .bullet-list li:before{content:"";position:absolute;top:10px;left:0;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#757ed1,#3e77e0)}@media(min-width:768px){.project-detail-overview .columns,.project-detail-overview .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(min-width:1200px){.project-detail-overview .overview-header{max-width:1040px}.project-detail-overview .overview-grid{-webkit-margin-before:64px;margin-block-start:64px}.project-detail-overview .columns{-webkit-margin-before:60px;margin-block-start:60px}}.project-detail-testimonial{background:linear-gradient(135deg,rgba(31,35,41,.92),rgba(25,38,67,.92));color:#fff}.project-detail-testimonial .container{display:grid;grid-gap:32px;gap:32px}.project-detail-testimonial .testimonial-card{background:hsla(0,0%,100%,.08);border-radius:32px;padding:clamp(32px,5vw,48px);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 30px 65px rgba(31,35,41,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-gap:20px;gap:20px}.project-detail-testimonial .testimonial-card .quote-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,rgba(117,126,209,.9),rgba(62,119,224,.9));display:grid;place-items:center;color:#fff;font-size:2.4rem}.project-detail-testimonial .testimonial-card .quote{font-size:clamp(2.2rem,2.8vw,2.8rem);line-height:1.6;color:#fff}.project-detail-testimonial .testimonial-card .person{display:flex;flex-direction:column;gap:4px}.project-detail-testimonial .testimonial-card .person .name{font-weight:700;font-size:1.8rem}.project-detail-testimonial .testimonial-card .person .role{color:hsla(0,0%,100%,.7);font-size:1.5rem}.project-detail-testimonial .cta-card{background:hsla(0,0%,100%,.08);border-radius:32px;padding:clamp(32px,5vw,44px);border:1px solid hsla(0,0%,100%,.12);display:grid;grid-gap:18px;gap:18px}.project-detail-testimonial .cta-card .section-subtitle{color:hsla(0,0%,100%,.7)}.project-detail-testimonial .cta-card .section-text{color:hsla(0,0%,100%,.78);max-width:42ch}.project-detail-testimonial .cta-card .btn{justify-self:start;background:#fff;color:#343e51;border:none}.project-detail-testimonial .cta-card .btn:is(:hover,:focus-visible){transform:translateY(-6px)}@media(min-width:768px){.project-detail-testimonial .container{grid-template-columns:1.2fr .8fr;align-items:stretch}.project-detail-testimonial .cta-card{align-content:center}}@media(min-width:1200px){.project-detail-testimonial .container{gap:40px}}.project-detail-timeline{background-color:#fff}.project-detail-timeline .timeline-header{max-width:760px;margin-inline:auto;text-align:center}.project-detail-timeline .timeline-list{-webkit-margin-before:56px;margin-block-start:56px;display:grid;grid-gap:32px;gap:32px;counter-reset:step}.project-detail-timeline .timeline-item{display:grid;grid-gap:16px;gap:16px;padding:32px;border-radius:24px;border:1px solid rgba(52,62,81,.08);background:linear-gradient(133deg,rgba(246,247,249,.85),#fff);box-shadow:0 20px 60px rgba(52,62,81,.08)}.project-detail-timeline .timeline-item .timeline-marker{display:flex;align-items:center;gap:16px}.project-detail-timeline .timeline-item .timeline-marker span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#757ed1,#3e77e0);color:#fff;font-weight:700}.project-detail-timeline .timeline-item .timeline-marker .connector{flex:1 1;height:2px;background:linear-gradient(90deg,rgba(117,126,209,.35),transparent)}.project-detail-timeline .timeline-item .timeline-content header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.project-detail-timeline .timeline-item .timeline-content header .duration{font-size:1.5rem;font-weight:700;padding:8px 14px;border-radius:100px;background-color:hsla(234,50%,64%,.08);color:#757ed1}.project-detail-timeline .timeline-item .timeline-content p{-webkit-margin-before:14px;margin-block-start:14px;color:#60697b;font-size:1.7rem;line-height:1.7}@media(min-width:768px){.project-detail-timeline .timeline-item{grid-template-columns:160px 1fr;align-items:start}.project-detail-timeline .timeline-item .timeline-marker{flex-direction:column;align-items:center;gap:16px}.project-detail-timeline .timeline-item .timeline-marker .connector{flex:unset;width:2px;height:100%;background:linear-gradient(180deg,rgba(117,126,209,.35),transparent)}}@media(min-width:1200px){.project-detail-timeline .timeline-list{gap:40px}}