/* ══════════════════════════════════════
   HOME PAGE — Homepage-only widgets
   Hero, Stats, About, Services,
   Capabilities, Projects, Team, Blog
   ══════════════════════════════════════ */

/* HOME REVEAL ANIMATIONS */
.pw-reveal{opacity:0;transform:translateY(50px);will-change:transform,opacity}
.pw-reveal-right{opacity:0;transform:translateX(50px);will-change:transform,opacity}
.pw-stagger-item{opacity:0;transform:translateY(30px);will-change:transform,opacity}
.pw-about-grid,.pw-cap-grid{overflow:hidden}

/* HERO */
.pw-hero{position:relative;min-height:100vh;display:flex;align-items:center;background:#0D334E;overflow:hidden;font-family:'Inter',sans-serif}
.pw-hero.pw-no-anim .pw-hero-eyebrow,.pw-hero.pw-no-anim .pw-hero-title,.pw-hero.pw-no-anim .pw-hero-sub,.pw-hero.pw-no-anim .pw-hero-actions{opacity:1!important;transform:none!important}
.pw-hero-canvas{position:absolute;inset:0;z-index:1}
.pw-hero-overlay{position:absolute;inset:0;z-index:2}
.pw-hero-content{position:relative;z-index:3;padding:0 48px;max-width:860px;width:100%}
.pw-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;opacity:0}
.pw-hero-eyebrow span{color:#FBA30A;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.pw-hero-eyebrow .pw-line{width:40px;height:1.5px;background:#FBA30A}
.pw-hero-title{font-size:clamp(36px,5.5vw,76px);font-weight:800;color:#fff;line-height:1.06;letter-spacing:-2px;margin-bottom:24px;opacity:0}
.pw-hero-title .pw-highlight{color:#FBA30A}
.pw-hero-sub{font-size:clamp(15px,1.6vw,19px);color:rgba(255,255,255,.65);line-height:1.7;max-width:580px;margin-bottom:40px;font-weight:300;opacity:0}
.pw-hero-actions{display:flex;gap:14px;flex-wrap:wrap;opacity:0}
.pw-hero-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background-size:cover;background-position:center}
.pw-hero-video iframe{position:absolute;top:50%;left:50%;width:max(177.78vh,100%);height:max(100vh,56.25vw);transform:translate(-50%,-50%);border:none;pointer-events:none}
.pw-hero-video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}
.pw-hero-video-yt iframe{width:max(200vh,120%);height:max(120vh,70vw)}
.pw-hero-cue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.5;transition:opacity .3s;text-decoration:none}
.pw-hero-cue:hover{opacity:.9}
.pw-hero-cue-chevrons{display:flex;flex-direction:column;align-items:center;gap:0}
.pw-hero-cue-chevrons span{display:block;width:18px;height:18px;border-right:2px solid #FBA30A;border-bottom:2px solid #FBA30A;transform:rotate(45deg);animation:pwChevronPulse 2.4s infinite;opacity:0}
.pw-hero-cue-chevrons span:nth-child(1){animation-delay:0s}
.pw-hero-cue-chevrons span:nth-child(2){animation-delay:.25s;margin-top:-8px}
.pw-hero-cue-chevrons span:nth-child(3){animation-delay:.5s;margin-top:-8px}
@keyframes pwChevronPulse{0%{opacity:0;transform:rotate(45deg) translate(-4px,-4px)}50%{opacity:1}100%{opacity:0;transform:rotate(45deg) translate(4px,4px)}}

/* STATS BAR */
.pw-stats-bar{background:#fff;position:relative;z-index:4;font-family:'Inter',sans-serif}
.pw-stats-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e9ecef}
.pw-stats-no-dividers .pw-stat-item{border-right:none}
.pw-stat-item{padding:44px 24px;text-align:center;border-right:1px solid #e9ecef}
.pw-stat-item:last-child{border-right:none}
.pw-stat-number{font-size:clamp(32px,3.5vw,52px);font-weight:800;color:#0D334E;line-height:1;margin-bottom:8px}
.pw-stat-number .pw-amber{color:#FBA30A}
.pw-stat-label{font-size:12px;color:#868e96;letter-spacing:1px;text-transform:uppercase;font-weight:500}

/* ABOUT */
.pw-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pw-about-text p{font-size:16px;line-height:1.8;color:#343a40;margin-bottom:18px;font-weight:300}
.pw-about-text p:first-of-type{font-size:18px;color:#0D334E;font-weight:400}
.pw-about-image-wrap{position:relative;overflow:hidden}
.pw-about-image{width:100%;aspect-ratio:4/3;object-fit:cover}
.pw-about-card{background:#0D334E;padding:36px 32px;position:relative;margin-top:-60px;margin-left:40px;margin-right:0;z-index:2}
.pw-about-card h3{color:#FBA30A;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;font-weight:700}
.pw-about-card p{color:rgba(255,255,255,.7);font-size:15px;line-height:1.7;font-weight:300}

/* SERVICES */
.pw-services-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:64px}
.pw-services-intro-img{width:100%;aspect-ratio:16/7;object-fit:cover}
.pw-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#e9ecef}
.pw-service-card{background:#fff;padding:40px 28px;position:relative;overflow:hidden;cursor:default;transition:background .5s}
.pw-service-card:hover{background:#0D334E}
.pw-service-card:hover .pw-service-icon{color:#FBA30A}
.pw-service-card:hover .pw-service-icon svg{stroke:#FBA30A}
.pw-service-card:hover h3{color:#fff}
.pw-service-card:hover p{color:rgba(255,255,255,.55)}
.pw-service-card:hover .pw-service-num{color:rgba(251,163,10,.15)}
.pw-service-icon{font-size:28px;margin-bottom:20px;color:#0D334E;transition:color .5s}
.pw-service-icon svg{width:28px;height:28px;stroke:currentColor;transition:stroke .5s}
.pw-service-card h3{font-size:18px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px;transition:color .5s}
.pw-service-card p{font-size:14px;line-height:1.65;color:#868e96;font-weight:300;transition:color .5s}
.pw-service-num{position:absolute;top:16px;right:20px;font-size:64px;font-weight:900;color:#f1f3f5;line-height:1;transition:color .5s}

/* CAPABILITIES */
.pw-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.pw-cap-list{display:flex;flex-direction:column}
.pw-cap-item{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-start;gap:18px}
.pw-cap-item:first-child{border-top:1px solid rgba(255,255,255,.08)}
.pw-cap-icon{width:44px;height:44px;background:rgba(251,163,10,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.pw-cap-icon svg{width:20px;height:20px;stroke:#FBA30A;color:#FBA30A}
.pw-cap-item h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}
.pw-cap-item p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6;font-weight:300}
.pw-cap-image-area{position:relative}
.pw-cap-image{width:100%;aspect-ratio:3/4;object-fit:cover;margin-bottom:24px}
.pw-cap-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.pw-cap-stat{padding:28px 24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.pw-cap-stat .pw-number{font-size:36px;font-weight:800;color:#FBA30A;margin-bottom:4px}
.pw-cap-stat .pw-label{font-size:11px;color:rgba(255,255,255,.45);letter-spacing:1px;text-transform:uppercase}

/* PROJECTS */
.pw-projects-scroll-wrap{position:relative;overflow:hidden;max-width:100%}
.pw-projects-scroll{display:flex;gap:20px;overflow-x:auto;padding:0 48px 20px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.pw-projects-scroll::-webkit-scrollbar{display:none}
.pw-project-card{min-width:340px;max-width:340px;background:#fff;border:1px solid #e9ecef;flex-shrink:0;overflow:hidden;transition:transform .4s,box-shadow .4s}
.pw-project-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}
.pw-project-img-wrap{width:100%;overflow:hidden;background:#f1f3f5}
.pw-project-img{width:100%;height:100%;object-fit:cover;display:block}
.pw-project-img-placeholder{background:#174a6e}
.pw-project-body{padding:16px 18px 18px}
.pw-project-client{font-size:12px;color:#FBA30A;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.pw-project-desc{font-size:13px;font-weight:400;color:#0D334E;line-height:1.55;margin-bottom:14px}
.pw-project-meta{display:flex;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #e9ecef}
.pw-project-meta span{font-size:11px;color:#868e96}
.pw-project-meta strong{color:#0D334E;font-weight:600}

/* TEAM */
.pw-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;font-family:'Inter',sans-serif}
.pw-team-card{background:#091e2f;padding:36px 24px;text-align:center;transition:background .4s}
.pw-team-card:hover{background:#174a6e}
.pw-team-avatar{width:72px;height:72px;border-radius:50%;background:rgba(251,163,10,.1);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#FBA30A}
.pw-team-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 16px;display:block}
.pw-team-card h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}
.pw-team-card .pw-role{font-size:12px;color:#FBA30A;font-weight:500;margin-bottom:14px}
.pw-team-card p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.6;font-weight:300}

/* BLOG */
.pw-blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.pw-blog-card{border:1px solid #e9ecef;overflow:hidden;transition:transform .4s,box-shadow .4s;text-decoration:none;color:inherit;display:block}
.pw-blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.07)}
.pw-blog-card-img{width:100%;height:200px;object-fit:cover}
.pw-blog-card-body{padding:24px}
.pw-blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pw-blog-cat-tag{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:rgba(251,163,10,.1);color:#FBA30A;padding:4px 10px}
.pw-blog-date-tag{font-size:12px;color:#868e96}
.pw-blog-card h3{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.2px;margin-bottom:8px;transition:color .3s}
.pw-blog-card:hover h3{color:#FBA30A}
.pw-blog-card p{font-size:13px;color:#868e96;line-height:1.6;font-weight:300;margin-bottom:14px}
.pw-blog-read-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#FBA30A;letter-spacing:.5px;text-transform:uppercase;transition:gap .3s}
.pw-blog-read-link:hover{gap:12px}
.pw-section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:16px}
.pw-view-all{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#FBA30A;letter-spacing:.5px;text-transform:uppercase;transition:gap .3s;text-decoration:none}
.pw-view-all:hover{gap:14px}

/* HOME RESPONSIVE */
@media(max-width:1024px){
.pw-about-grid{grid-template-columns:1fr;gap:40px}
.pw-about-card{margin-left:0;margin-right:0}
.pw-cap-grid{grid-template-columns:1fr;gap:48px}
.pw-services-intro{grid-template-columns:1fr}
.pw-services-grid{grid-template-columns:repeat(2,1fr)}
.pw-team-grid{grid-template-columns:repeat(2,1fr)}
.pw-blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.pw-hero-content{padding:0 20px}
.pw-hero-title{letter-spacing:-1px}
.pw-hero-actions{flex-direction:column}
.pw-hero{max-width:100vw;overflow:hidden}
.pw-stats-bar{overflow:hidden}
.pw-stats-inner{grid-template-columns:repeat(2,1fr)}
.pw-stat-item{padding:28px 16px}
.pw-stat-item:nth-child(2){border-right:none}
.pw-stat-item:nth-child(3),.pw-stat-item:nth-child(4){border-top:1px solid #e9ecef}
.pw-services-grid{grid-template-columns:1fr}
.pw-service-card{padding:32px 24px}
.pw-service-num{font-size:48px}
.pw-about-card{margin-left:0;margin-right:0;margin-top:-40px}
.pw-cap-stats-row{grid-template-columns:1fr 1fr}
.pw-cap-stat{padding:20px 16px}
.pw-cap-stat .pw-number{font-size:28px}
.pw-projects-scroll{padding:0 20px 16px;gap:14px}
.pw-project-card{min-width:280px;max-width:280px}
.pw-team-grid{grid-template-columns:1fr 1fr;gap:2px}
.pw-team-card{padding:28px 16px}
.pw-team-card p{font-size:12px}
.pw-blog-grid{grid-template-columns:1fr}
.pw-blog-card-img{height:180px}
.pw-section-header-row{flex-direction:column;align-items:flex-start}
}
@media(max-width:380px){
.pw-stat-item{padding:22px 12px}
.pw-stat-number{font-size:28px}
.pw-stat-label{font-size:10px}
.pw-project-card{min-width:260px;max-width:260px}
}

/* iOS/Mobile: YouTube iframe cannot autoplay — show fallback poster image instead */
@media(max-width:768px){
.pw-hero-video-yt iframe{display:none}
}

/* Force-hide all browser video controls and play button overlays */
.pw-hero-video video{object-fit:cover}
.pw-hero-video video::-webkit-media-controls{display:none!important}
.pw-hero-video video::-webkit-media-controls-enclosure{display:none!important}
.pw-hero-video video::-webkit-media-controls-panel{display:none!important}
.pw-hero-video video::-webkit-media-controls-play-button{display:none!important}
.pw-hero-video video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.pw-hero-video video::-moz-media-controls{display:none!important}
.pw-hero-video iframe::-webkit-media-controls{display:none!important}