.pv4-platform {
  --pv4-navy-950:#061421;--pv4-navy-900:#0b1f33;--pv4-navy-800:#12324d;
  --pv4-orange:#e45a27;--pv4-orange-2:#ff7440;--pv4-ink:#10243a;
  --pv4-muted:#64748b;--pv4-line:#dfe6ed;--pv4-paper:#f7f9fb;--pv4-white:#fff;
  --pv4-radius:1.25rem;--pv4-shadow:0 1.5rem 4rem rgba(11,31,51,.13);
  --pv4-ease:cubic-bezier(.2,0,0,1);--pv4-gutter:clamp(1rem,3vw,2.5rem);
  position:relative;overflow:hidden;background:var(--pv4-paper);color:var(--pv4-ink);
  font-family:var(--font-main,"Tajawal","Segoe UI",sans-serif);line-height:1.6;
}
.pv4-platform *{box-sizing:border-box}.pv4-platform img,.pv4-platform video{display:block;max-width:100%}
.pv4-platform button,.pv4-platform a{font:inherit}.pv4-platform button{color:inherit}
.pv4-platform [hidden]{display:none!important}.pv4-container{width:min(100% - 2*var(--pv4-gutter),87rem);margin-inline:auto}
.pv4-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pv4-platform :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #ffd2c1;outline-offset:4px}
.pv4-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--pv4-orange);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pv4-signal{width:.48rem;height:.48rem;border-radius:50%;background:var(--pv4-orange);box-shadow:0 0 0 .4rem rgb(228 90 39/.14)}
.pv4-btn{min-height:2.85rem;padding:.72rem 1.2rem;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;text-decoration:none;font-size:.84rem;font-weight:900;transition:transform .18s var(--pv4-ease),box-shadow .18s var(--pv4-ease),background .18s}
.pv4-btn-primary{background:var(--pv4-orange);color:#fff;box-shadow:0 .8rem 1.8rem rgb(228 90 39/.25)}
.pv4-btn-light{background:#fff;color:var(--pv4-navy-900)}.pv4-btn-outline{background:transparent;color:var(--pv4-navy-900);border-color:#b9c6d2}
.pv4-circle{width:2.7rem;height:2.7rem;flex:0 0 2.7rem;display:grid;place-items:center;border:1px solid rgb(255 255 255/.28);border-radius:50%;background:rgb(255 255 255/.09);color:inherit;text-decoration:none;cursor:pointer;transition:.2s var(--pv4-ease)}
.pv4-text-button{border:0;background:none;color:var(--pv4-orange);font-size:.78rem;font-weight:900;text-decoration:underline;text-underline-offset:.25rem;cursor:pointer}

.pv4-hero{position:relative;isolation:isolate;background:linear-gradient(116deg,#061421 0%,#0b2238 63%,#12324d 100%);color:#fff;padding:clamp(3.2rem,6vw,5.8rem) 0 0}
.pv4-hero:before,.pv4-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none}
.pv4-hero:before{width:24rem;height:24rem;background:rgb(228 90 39/.2);inset:-10rem auto auto -4rem}.pv4-hero:after{width:28rem;height:28rem;background:rgb(50 149 213/.13);inset:auto 12% -14rem auto}
.pv4-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgb(255 255 255/.09) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.09) 1px,transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.pv4-hero-layout{display:grid;grid-template-columns:minmax(18rem,1.05fr) minmax(23rem,1.32fr) minmax(13rem,.68fr);gap:clamp(1.1rem,2.2vw,2rem);align-items:center;padding-bottom:clamp(2.2rem,4vw,4.5rem)}
.pv4-hero-copy{position:relative;z-index:2}.pv4-hero-copy h1{max-width:10ch;margin:.8rem 0 .85rem;font-size:clamp(2.65rem,4.7vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:900;text-wrap:balance}.pv4-title-dot{color:var(--pv4-orange)}
.pv4-hero-copy>p{max-width:38rem;margin:0;color:#c3cfda;font-size:clamp(.95rem,1.2vw,1.12rem)}
.pv4-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.pv4-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1.45rem;padding:1rem 0;border-block:1px solid rgb(255 255 255/.14)}
.pv4-hero-stats>div{padding-inline:.8rem;border-inline-end:1px solid rgb(255 255 255/.14)}.pv4-hero-stats>div:last-child{border:0}
.pv4-hero-stats strong{display:block;color:#fff;font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1;font-weight:900}.pv4-hero-stats span{display:block;margin-top:.35rem;color:#9fb0c0;font-size:.68rem;line-height:1.35}
.pv4-specializations{margin-top:1.15rem}.pv4-specializations>span{display:block;margin-bottom:.55rem;color:#8297aa;font-size:.68rem;font-weight:800}.pv4-specializations>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.pv4-specializations button{min-height:2.4rem;padding:.5rem .7rem;border:1px solid rgb(255 255 255/.12);border-radius:.65rem;background:rgb(255 255 255/.055);color:#e4ebf0;text-align:start;font-size:.68rem;font-weight:800;cursor:pointer}
.pv4-feature{min-width:0;border:1px solid rgb(255 255 255/.2);border-radius:1.25rem;padding:.65rem;background:rgb(4 16 27/.58);box-shadow:0 2rem 5rem rgb(0 0 0/.34);backdrop-filter:blur(12px)}
.pv4-feature-heading{display:flex;justify-content:space-between;padding:.3rem .45rem .65rem;color:#93a6b7;font-size:.62rem;font-weight:800;letter-spacing:.08em}
.pv4-feature-track{position:relative;min-height:29rem;overflow:hidden;border-radius:.88rem;background:#081522}
.pv4-feature-slide{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;animation:pv4Fade .48s var(--pv4-ease)}
.pv4-feature-media{min-height:0;overflow:hidden}.pv4-feature-media>img{width:100%;height:100%;object-fit:cover}.pv4-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(3 12 20/.95),transparent 60%);pointer-events:none}
.pv4-feature-copy{position:absolute;inset:auto 0 0;padding:1.4rem;z-index:2}.pv4-feature-copy h2{max-width:18ch;margin:.45rem 0 .2rem;color:#fff;font-size:clamp(1.25rem,2.1vw,1.8rem);line-height:1.15}.pv4-feature-copy p{max-width:37rem;margin:0;padding-inline-end:3.5rem;color:#b8c5cf;font-size:.75rem}.pv4-feature-copy .pv4-circle{position:absolute;inset-inline-end:1.2rem;bottom:1.2rem;background:#fff;color:var(--pv4-navy-900)}
.pv4-tag{display:inline-flex;padding:.3rem .65rem;border-radius:999px;background:var(--pv4-orange);color:#fff;font-size:.63rem;font-weight:900}
.pv4-carousel-controls{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.7rem;color:#fff}.pv4-dots{display:flex;gap:.28rem}.pv4-dots button{width:1.5rem;height:2rem;padding:0;border:0;background:transparent;cursor:pointer}.pv4-dots span{display:block;height:.18rem;border-radius:1rem;background:#617386;transition:.2s}.pv4-dots button[aria-pressed=true] span{background:var(--pv4-orange)}
.pv4-profile{position:relative;align-self:stretch;min-height:28rem;padding:1.35rem;border-radius:1.25rem;background:#fff;color:var(--pv4-ink);box-shadow:var(--pv4-shadow);overflow:hidden}.pv4-profile-brand{display:flex;align-items:center;gap:.8rem}.pv4-qmark{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.75rem;background:var(--pv4-navy-900);color:#fff;font-size:1.55rem;font-weight:900}.pv4-qmark span{color:var(--pv4-orange)}.pv4-profile-brand strong,.pv4-profile-brand small{display:block}.pv4-profile-brand strong{font-size:1.15rem}.pv4-profile-brand small{color:var(--pv4-muted);font-size:.66rem}.pv4-profile>p{margin:1.4rem 0;color:#536578;font-size:.8rem}.pv4-profile-link{display:flex;justify-content:space-between;padding:.75rem .8rem;border-radius:.6rem;background:#f1f5f8;color:var(--pv4-navy-900);text-decoration:none;font-size:.75rem;font-weight:900}.pv4-profile-bottom{position:absolute;inset-inline:1.35rem;bottom:1.35rem;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--pv4-line);padding-top:1rem}.pv4-profile-bottom>span{max-width:10ch;color:var(--pv4-muted);font-size:.67rem}.pv4-profile-bottom strong{font-size:2.1rem;line-height:1}.pv4-profile-bottom small{display:block;color:var(--pv4-orange);font-size:.58rem}.pv4-profile-robot{position:absolute;inset-inline-end:-.3rem;bottom:4.2rem;width:7rem;filter:drop-shadow(0 .8rem .8rem rgb(11 31 51/.18));animation:pv4Float 5s ease-in-out infinite}
.pv4-hero-ribbon{padding:.68rem var(--pv4-gutter);border-top:1px solid rgb(255 255 255/.12);background:rgb(4 15 25/.58);text-align:center;color:#91a4b5;font-size:.68rem;letter-spacing:.12em}.pv4-hero-ribbon span{color:var(--pv4-orange);font-weight:900}

.pv4-work{padding-block:clamp(2.4rem,6vw,5.5rem)}.pv4-category-bar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid var(--pv4-line);border-radius:1rem;background:#fff;box-shadow:0 .8rem 2rem rgb(11 31 51/.055)}.pv4-category-bar>strong{font-size:.82rem;white-space:nowrap}.pv4-category-scroll{display:flex;gap:.45rem;overflow:auto;scrollbar-width:none;padding:.2rem}.pv4-category-scroll::-webkit-scrollbar{display:none}
.pv4-pill{min-height:2.45rem;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border:1px solid #dce4eb;border-radius:999px;background:#fff;white-space:nowrap;font-size:.7rem;font-weight:800;cursor:pointer;transition:.2s}.pv4-pill span{min-width:1.25rem;padding:.05rem .32rem;border-radius:99px;background:#edf1f4;text-align:center;font-size:.58rem}.pv4-pill[aria-pressed=true]{border-color:var(--pv4-orange);background:var(--pv4-orange);color:#fff;box-shadow:0 .5rem 1.2rem rgb(228 90 39/.2)}.pv4-pill[aria-pressed=true] span{background:rgb(255 255 255/.18)}
.pv4-goals{margin-top:1rem;border:1px solid var(--pv4-line);border-radius:1rem;background:#eef3f6}.pv4-goals summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;cursor:pointer;font-weight:900;list-style:none}.pv4-goals summary::-webkit-details-marker{display:none}.pv4-goals summary span{color:var(--pv4-muted);font-size:.72rem;font-weight:700}.pv4-goals summary b{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;margin-inline-start:.4rem;border-radius:50%;background:var(--pv4-navy-900);color:#fff}.pv4-goals[open] summary b{transform:rotate(45deg)}.pv4-goals>div{display:flex;gap:.5rem;overflow:auto;padding:0 1rem 1rem}
.pv4-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:clamp(2.8rem,5vw,4.6rem) 0 1.2rem}.pv4-section-heading h2,.pv4-insights h2{margin:.25rem 0 0;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.1;letter-spacing:-.035em}.pv4-results{color:var(--pv4-muted);font-size:.78rem}.pv4-results>span{color:var(--pv4-navy-900);font-size:1.25rem;font-weight:900}
.pv4-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:1rem}.pv4-card{grid-column:span 4;min-width:0;border:1px solid var(--pv4-line);border-radius:var(--pv4-radius);background:#fff;box-shadow:0 .7rem 2rem rgb(11 31 51/.055);overflow:hidden;transition:transform .32s var(--pv4-ease),box-shadow .32s}.pv4-card:nth-child(7n+1){grid-column:span 7;grid-row:span 2}.pv4-card:nth-child(7n+2){grid-column:span 5}.pv4-card:nth-child(7n+3){grid-column:span 5}.pv4-card:nth-child(7n+4),.pv4-card:nth-child(7n+5),.pv4-card:nth-child(7n+6){grid-column:span 4}.pv4-card:nth-child(7n){grid-column:span 12}.pv4-uniform .pv4-card{grid-column:span 4;grid-row:auto}.pv4-card-link{display:block;color:inherit;text-decoration:none}.pv4-card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--pv4-navy-900)}.pv4-card:nth-child(7n+1) .pv4-card-media{aspect-ratio:16/13}.pv4-card:nth-child(7n) .pv4-card-link{display:grid;grid-template-columns:1.4fr 1fr}.pv4-card:nth-child(7n) .pv4-card-media{aspect-ratio:16/7}.pv4-card-media>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--pv4-ease)}.pv4-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(5 18 29/.58),transparent 55%);pointer-events:none}.pv4-media-category{position:absolute;z-index:2;inset-inline-start:.8rem;top:.8rem;padding:.25rem .6rem;border-radius:99px;background:rgb(255 255 255/.92);color:var(--pv4-navy-900);font-size:.62rem;font-weight:900}.pv4-open-icon{position:absolute;z-index:2;inset-inline-end:.8rem;bottom:.8rem;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--pv4-navy-900);font-weight:900;transition:.2s}.pv4-card-copy{padding:1rem 1.1rem 1.1rem}.pv4-card-meta{color:var(--pv4-orange);font-size:.62rem;font-weight:900}.pv4-card-copy h3{margin:.25rem 0 .35rem;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.25}.pv4-card-copy p{display:-webkit-box;overflow:hidden;margin:0;color:var(--pv4-muted);font-size:.74rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pv4-card-action{display:inline-block;margin-top:.7rem;color:var(--pv4-navy-900);font-size:.68rem;font-weight:900}.pv4-card>.pv4-kpis{padding:0 1.1rem 1rem}
.pv4-media-missing{width:100%;height:100%;min-height:10rem;display:grid;place-items:center;align-content:center;gap:.3rem;background:radial-gradient(circle at 30% 20%,#183d5d,#081a2a);color:#8399ac}.pv4-media-missing>span{font-size:2.2rem;font-weight:900;color:#fff}.pv4-media-missing>span span{color:var(--pv4-orange)}.pv4-media-missing small{font-size:.64rem}
.pv4-kpis{display:flex;gap:.5rem;flex-wrap:wrap}.pv4-kpis>div{min-width:6rem;padding:.55rem .7rem;border:1px solid var(--pv4-line);border-radius:.7rem;background:#f8fafb}.pv4-kpis strong,.pv4-kpis b{color:var(--pv4-orange);font-weight:900}.pv4-kpis span{display:block;color:var(--pv4-muted);font-size:.58rem}
.pv4-empty{text-align:center;padding:4rem 1rem}.pv4-empty h3{font-size:1.6rem}.pv4-empty p{color:var(--pv4-muted)}.pv4-load-more{text-align:center;margin-top:1.5rem}

.pv4-studio{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(1.5rem,4vw,4rem);margin-top:1.4rem;padding:clamp(1.5rem,4vw,3.5rem);border-radius:1.5rem;background:var(--pv4-navy-900);color:#fff;overflow:hidden}.pv4-studio:before{content:"";position:absolute;width:20rem;height:20rem;border-radius:50%;inset:auto -6rem -10rem auto;background:rgb(228 90 39/.25);filter:blur(70px)}.pv4-studio-copy{position:relative;z-index:2;align-self:center}.pv4-studio-copy h2{margin:.5rem 0;font-size:clamp(2rem,4vw,3.7rem);line-height:1}.pv4-studio-copy p{color:#b9c6d1;font-size:.85rem}.pv4-studio-count{display:block;margin-block:1rem;color:var(--pv4-orange)}.pv4-studio-visual{position:relative;z-index:2;min-width:0}.pv4-studio-visual>[data-carousel-track]{position:relative;min-height:24rem}.pv4-studio-slide{position:absolute;inset:0;padding:.55rem;border:1px solid rgb(255 255 255/.2);border-radius:1rem;background:#071827;animation:pv4Fade .4s var(--pv4-ease)}.pv4-studio-media{height:calc(100% - 3.5rem);overflow:hidden;border-radius:.65rem}.pv4-studio-media>img,.pv4-studio-media>.pv4-media-missing{width:100%;height:100%;object-fit:cover}.pv4-studio-slide>a{display:flex;justify-content:space-between;padding:.8rem .3rem 0;color:#fff;text-decoration:none;font-size:.78rem;font-weight:900}.pv4-browser-bar{height:2rem;display:flex;align-items:center;gap:.28rem;padding-inline:.5rem;color:#91a4b5;font-size:.55rem}.pv4-browser-bar i{width:.4rem;height:.4rem;border-radius:50%;background:#50667a}.pv4-browser-bar i:first-child{background:var(--pv4-orange)}.pv4-browser-bar span{margin-inline-start:.5rem}.pv4-studio-web .pv4-studio-slide{transform:perspective(900px) rotateY(-2deg)}.pv4-studio-photo{background:#171716}.pv4-studio-photo .pv4-studio-media img{object-fit:cover}.pv4-studio-social{background:linear-gradient(135deg,#0b1f33,#311b32)}.pv4-studio-app{background:linear-gradient(135deg,#071827,#122f46)}

.pv4-insights{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;padding-bottom:clamp(3.5rem,7vw,7rem)}.pv4-sectors,.pv4-distribution{padding:clamp(1.3rem,3vw,2.4rem);border:1px solid var(--pv4-line);border-radius:1.35rem;background:#fff}.pv4-insights .pv4-section-heading{margin:0 0 1rem}.pv4-sector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.pv4-sector-grid button,.pv4-distribution button{border:1px solid var(--pv4-line);border-radius:.75rem;background:#f8fafb;cursor:pointer}.pv4-sector-grid button{display:flex;justify-content:space-between;gap:.6rem;padding:.8rem;text-align:start;font-size:.72rem}.pv4-sector-grid strong{color:var(--pv4-orange)}.pv4-distribution>div{display:grid;gap:.55rem;margin-top:1.2rem}.pv4-distribution button{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.65rem .75rem;text-align:start;font-size:.68rem}.pv4-distribution strong{color:var(--pv4-orange)}.pv4-bar{grid-column:1/-1;height:.2rem;border-radius:1rem;background:#dfe6ec;overflow:hidden}.pv4-bar i{display:block;width:calc(var(--pv4-progress)*100%);height:100%;background:var(--pv4-orange);transform-origin:left;animation:pv4Bar .8s var(--pv4-ease) both}
.pv4-highlights{padding-bottom:clamp(3rem,6vw,6rem)}.pv4-highlights>.pv4-section-heading{margin-top:0}.pv4-highlights>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pv4-highlights a{padding:clamp(1.3rem,3vw,2.3rem);border-radius:1.2rem;background:var(--pv4-navy-900);color:#fff;text-decoration:none}.pv4-highlights a>span{color:var(--pv4-orange);font-size:.66rem;font-weight:900}.pv4-highlights h3{margin:.5rem 0;font-size:1.35rem}.pv4-highlights p{color:#b9c6d1;font-size:.78rem}.pv4-highlights b{font-size:.7rem}
.pv4-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:clamp(3rem,6vw,6rem);padding:clamp(1.6rem,4vw,3.5rem);border-radius:1.5rem;background:linear-gradient(115deg,#071827,#12324d);color:#fff;box-shadow:var(--pv4-shadow)}.pv4-cta h2{margin:.3rem 0;font-size:clamp(1.9rem,3.5vw,3.2rem);line-height:1.05}.pv4-cta p{margin:0;color:#aebdca}

.pv4-case-archive{position:relative}.pv4-case>summary{display:none}.pv4-case[open]{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:clamp(.5rem,2vw,1.5rem);background:rgb(3 12 20/.88);backdrop-filter:blur(14px)}.pv4-case-surface{width:min(100%,82rem);max-height:95vh;overflow:auto;overscroll-behavior:contain;border-radius:1.25rem;background:#fff;box-shadow:0 2rem 7rem rgb(0 0 0/.45);animation:pv4CaseIn .4s var(--pv4-ease)}.pv4-case-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--pv4-line);background:rgb(255 255 255/.92);backdrop-filter:blur(12px);color:var(--pv4-muted);font-size:.67rem;font-weight:900}.pv4-case-top .pv4-circle{border-color:var(--pv4-line);background:#fff;color:var(--pv4-navy-900)}.pv4-case-body{padding:clamp(1rem,3vw,2.4rem)}.pv4-case-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);gap:clamp(1.2rem,3vw,2.5rem)}.pv4-gallery{min-width:0}.pv4-gallery-track{position:relative;height:clamp(20rem,46vw,38rem);display:grid;place-items:center;overflow:hidden;border-radius:1rem;background:#071827}.pv4-gallery-track figure{position:absolute;inset:0;margin:0}.pv4-gallery-track :is(img,video,iframe){width:100%;height:100%;object-fit:contain}.pv4-gallery-track .pv4-media-missing{height:100%}.pv4-play-video{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:.5rem;border:0;background:radial-gradient(circle,#173d5c,#071827);color:#fff;cursor:pointer}.pv4-play-video span{font-size:3rem}.pv4-device-controls{display:flex;gap:.35rem;margin-bottom:.55rem;padding:.3rem;border-radius:.75rem;background:#e9eef2}.pv4-device-controls button{padding:.5rem .8rem;border:0;border-radius:.5rem;background:transparent;font-size:.65rem;font-weight:900;cursor:pointer}.pv4-device-controls button[aria-pressed=true]{background:#fff;box-shadow:0 .25rem .7rem rgb(11 31 51/.1)}.pv4-gallery[data-device=tablet] .pv4-gallery-track{width:72%;margin-inline:auto}.pv4-gallery[data-device=mobile] .pv4-gallery-track{width:42%;margin-inline:auto;border-radius:2rem}.pv4-thumbnails{display:flex;gap:.4rem;overflow:auto}.pv4-thumbnails button{width:4rem;height:3rem;padding:.12rem;border:2px solid transparent;border-radius:.45rem;background:#fff;overflow:hidden;cursor:pointer}.pv4-thumbnails button[aria-pressed=true]{border-color:var(--pv4-orange)}.pv4-thumbnails img{width:100%;height:100%;object-fit:cover}.pv4-gallery>.pv4-text-button{display:block;margin:.6rem auto 0}.pv4-case-info{align-self:center}.pv4-case-info h2{margin:.65rem 0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.07;letter-spacing:-.04em}.pv4-case-info>p{color:var(--pv4-muted);font-size:.83rem}.pv4-case-info dl{display:grid;grid-template-columns:repeat(2,1fr);margin:1.1rem 0}.pv4-case-info dl div{padding:.7rem;border-bottom:1px solid var(--pv4-line)}.pv4-case-info dt{color:var(--pv4-muted);font-size:.62rem}.pv4-case-info dd{margin:0;font-size:.75rem;font-weight:900}.pv4-case-story{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.pv4-case-story section{padding:1.25rem;border:1px solid var(--pv4-line);border-radius:1rem;background:#f8fafb}.pv4-case-story h3,.pv4-comparison h3,.pv4-related h3{margin:0 0 .5rem;font-size:1rem}.pv4-case-story p,.pv4-case-story li{color:#536578;font-size:.78rem}.pv4-case-story ul{padding-inline-start:1.2rem}.pv4-tech{display:flex;flex-wrap:wrap;gap:.4rem}.pv4-tech span{padding:.35rem .6rem;border-radius:99px;background:#e8eef2;font-size:.64rem;font-weight:800}.pv4-comparison{margin-top:2rem}.pv4-comparison>div{position:relative;aspect-ratio:16/8;overflow:hidden;border-radius:1rem}.pv4-comparison img{width:100%;height:100%;object-fit:cover}.pv4-comparison .pv4-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pv4-compare,50%)) 0 0)}.pv4-comparison label{display:flex;align-items:center;gap:1rem;margin-top:.7rem;font-size:.7rem;font-weight:900}.pv4-comparison input{flex:1;accent-color:var(--pv4-orange)}.pv4-related{margin-top:2rem}.pv4-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.pv4-related .pv4-card{grid-column:auto!important;grid-row:auto!important}.pv4-related .pv4-kpis{display:none}.pv4-related .pv4-card-copy p{display:none}
.pv4-video-dialog{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:1rem;background:rgb(3 12 20/.94)}.pv4-video-dialog>div{width:min(100%,68rem)}.pv4-video-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;color:#fff}.pv4-video-dialog iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:1rem}.pv4-video-dialog .pv4-circle{cursor:pointer}
.pv4-reveal{opacity:0;transform:translateY(1.3rem)}.pv4-reveal.is-visible{opacity:1;transform:none;transition:opacity .6s var(--pv4-ease),transform .6s var(--pv4-ease)}
@keyframes pv4Fade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes pv4Float{50%{transform:translateY(-.6rem) rotate(1deg)}}@keyframes pv4CaseIn{from{opacity:0;transform:translateY(1.5rem) scale(.985)}}@keyframes pv4Bar{from{transform:scaleX(0)}}
@media (hover:hover){.pv4-btn:hover{transform:translateY(-2px);box-shadow:0 1rem 2rem rgb(11 31 51/.18)}.pv4-circle:hover{background:var(--pv4-orange);border-color:var(--pv4-orange);color:#fff;transform:rotate(7deg)}.pv4-card:hover{transform:translateY(-.35rem);box-shadow:var(--pv4-shadow)}.pv4-card:hover img{transform:scale(1.045)}.pv4-card:hover .pv4-open-icon{background:var(--pv4-orange);color:#fff;transform:rotate(8deg)}.pv4-pill:hover{border-color:#aebdc9}.pv4-sector-grid button:hover,.pv4-distribution button:hover{border-color:var(--pv4-orange)}}
@media(max-width:72rem){.pv4-hero-layout{grid-template-columns:1fr 1.15fr}.pv4-profile{grid-column:1/-1;min-height:12rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pv4-profile>p{margin:.5rem 0}.pv4-profile-link{align-self:start}.pv4-profile-bottom{position:static;grid-column:1/-1}.pv4-profile-robot{inset-inline-end:2rem;bottom:.8rem}.pv4-bento .pv4-card{grid-column:span 6}.pv4-bento .pv4-card:nth-child(5n+1){grid-column:span 12}.pv4-card:nth-child(7n) .pv4-card-link{display:block}.pv4-insights{grid-template-columns:1fr 1fr}}
@media(max-width:52rem){.pv4-hero{padding-top:2.5rem}.pv4-hero-layout{grid-template-columns:1fr}.pv4-hero-copy h1{max-width:12ch}.pv4-feature-track{min-height:27rem}.pv4-profile{grid-template-columns:1fr;min-height:17rem}.pv4-profile-bottom{grid-column:auto}.pv4-profile-robot{width:6rem}.pv4-category-bar{grid-template-columns:1fr}.pv4-studio{grid-template-columns:1fr}.pv4-studio-visual>[data-carousel-track]{min-height:20rem}.pv4-insights{grid-template-columns:1fr}.pv4-case-hero{grid-template-columns:1fr}.pv4-case-story{grid-template-columns:1fr}.pv4-related>div{grid-template-columns:1fr 1fr}.pv4-highlights>div:last-child{grid-template-columns:1fr}.pv4-cta{align-items:start;flex-direction:column}}
@media(max-width:38rem){.pv4-platform{--pv4-gutter:.9rem}.pv4-hero-copy h1{font-size:2.55rem}.pv4-actions .pv4-btn{flex:1}.pv4-hero-stats{overflow:auto;grid-template-columns:repeat(3,minmax(7.5rem,1fr))}.pv4-specializations>div{display:flex;overflow:auto}.pv4-specializations button{min-width:10rem}.pv4-feature-track{min-height:23rem}.pv4-feature-copy{padding:1rem}.pv4-feature-copy p{display:none}.pv4-profile{min-height:16rem}.pv4-category-bar{margin-inline:-.2rem}.pv4-goals summary{align-items:start;flex-direction:column}.pv4-section-heading{align-items:start;flex-direction:column}.pv4-bento{display:block}.pv4-card{margin-bottom:.8rem}.pv4-card:nth-child(7n) .pv4-card-link{display:block}.pv4-studio{margin-inline:-.2rem;padding:1.1rem}.pv4-studio-visual>[data-carousel-track]{min-height:17rem}.pv4-sector-grid{grid-template-columns:1fr}.pv4-gallery-track{height:19rem}.pv4-gallery[data-device=tablet] .pv4-gallery-track{width:84%}.pv4-gallery[data-device=mobile] .pv4-gallery-track{width:60%}.pv4-case[open]{padding:0}.pv4-case-surface{max-height:100vh;height:100vh;border-radius:0}.pv4-case-body{padding:.8rem}.pv4-case-info dl{grid-template-columns:1fr}.pv4-related>div{grid-template-columns:1fr}.pv4-comparison>div{aspect-ratio:1}.pv4-cta .pv4-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pv4-platform *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.pv4-reveal{opacity:1;transform:none}.pv4-profile-robot{transform:none}}
@media(forced-colors:active){.pv4-platform :is(a,button,summary):focus-visible{outline:3px solid CanvasText}.pv4-pill[aria-pressed=true]{outline:2px solid CanvasText}.pv4-card,.pv4-case-surface{border:1px solid CanvasText}}

.pv4-hero-layout>*{min-width:0}
@media(max-width:52rem){.pv4-hero-layout{grid-template-columns:minmax(0,1fr)}}

/* Portfolio V4 refinement: profile intelligence, media controls, and category state */
.pv4-profile{padding:1.5rem 1.5rem 1.35rem;background:linear-gradient(155deg,#fff 0%,#f8fbfd 62%,#eef4f7 100%);border:1px solid rgba(255,255,255,.8);isolation:isolate}
.pv4-profile-accent{position:absolute;inset:0 0 auto;height:.32rem;background:linear-gradient(90deg,var(--pv4-orange),#ffb160 38%,var(--pv4-navy-700));z-index:2}
.pv4-profile:before{content:"";position:absolute;width:12rem;height:12rem;inset-inline-end:-6rem;bottom:2rem;border-radius:50%;background:radial-gradient(circle,rgba(242,111,33,.14),transparent 67%);z-index:-1}
.pv4-profile-brand{position:relative}.pv4-profile-live{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .48rem;border:1px solid #d9e4e9;border-radius:99rem;color:#425a6b;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.pv4-profile-live i{width:.42rem;height:.42rem;border-radius:50%;background:#23a36d;box-shadow:0 0 0 .23rem rgba(35,163,109,.12);animation:pv4Pulse 2.4s ease-in-out infinite}
.pv4-profile>p{max-width:27rem;margin:1.1rem 0 .9rem;font-size:.76rem;line-height:1.8}
.pv4-profile-metric{padding:.72rem .8rem;border:1px solid #dce7ec;border-radius:.75rem;background:rgba(255,255,255,.72)}
.pv4-profile-metric>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.pv4-profile-metric span{color:#647788;font-size:.6rem}.pv4-profile-metric strong{font-size:.72rem}
.pv4-profile-progress{height:.28rem;margin-top:.55rem;overflow:hidden;border-radius:99rem;background:#e2ebef}.pv4-profile-progress i{display:block;width:var(--pv4-coverage);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pv4-orange),#ffad73)}
.pv4-profile-categories{display:grid;gap:.38rem;margin:.8rem 0}.pv4-profile-categories>span{display:grid;grid-template-columns:minmax(2.5rem,1fr) auto auto;align-items:center;gap:.45rem;font-size:.56rem}.pv4-profile-categories i{height:.2rem;border-radius:2rem;background:linear-gradient(90deg,var(--pv4-navy-700) calc(var(--pv4-category-share)*100%),#e4ebef 0)}.pv4-profile-categories b{font-weight:800;color:#536578}.pv4-profile-categories em{font-style:normal;font-weight:900;color:var(--pv4-navy-900)}
.pv4-profile-link{position:relative;z-index:3;margin-top:.65rem;background:#fff;border:1px solid #dce7ec;transition:transform .2s ease,border-color .2s ease}.pv4-profile-link:hover{transform:translateY(-2px);border-color:var(--pv4-orange)}
.pv4-profile-bottom{z-index:2}.pv4-profile-robot-stage{position:absolute;inset-inline-end:.25rem;bottom:3.9rem;width:7.4rem;height:8.6rem;display:grid;place-items:end center;z-index:1}.pv4-profile-robot-stage:after{content:"";position:absolute;inset:auto 8% .2rem;height:.8rem;border-radius:50%;background:rgba(11,31,51,.18);filter:blur(.4rem);animation:pv4RobotShadow 5s ease-in-out infinite}
.pv4-profile .pv4-profile-robot{position:relative;inset:auto;width:7rem;z-index:1;transform-origin:50% 90%;animation:pv4RobotFloat 5s cubic-bezier(.45,0,.55,1) infinite}
.pv4-feature-media{position:relative}.pv4-feature-play{position:absolute;inset:auto auto 1rem 1rem;display:inline-flex;align-items:center;gap:.42rem;padding:.55rem .78rem;border:0;border-radius:99rem;background:rgba(255,255,255,.94);color:var(--pv4-navy-900);font:inherit;font-size:.68rem;font-weight:900;box-shadow:0 .5rem 1.2rem rgba(11,31,51,.2);cursor:pointer;z-index:3}.pv4-feature-play span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--pv4-orange);color:#fff;font-size:.55rem}
.pv4-distribution [data-category-stat]{transition:background .2s ease,transform .2s ease}.pv4-distribution [data-category-stat].is-active{background:#fff;border-color:var(--pv4-orange);transform:translateX(calc(var(--pv4-dir,1)*-.2rem))}
.pv4-video-dialog video{display:block;width:100%;max-height:72vh;background:#000}
.pv4-platform[data-motion=off] .pv4-profile-live i,.pv4-platform[data-motion=off] .pv4-profile-robot,.pv4-platform[data-motion=off] .pv4-profile-robot-stage:after{animation:none}
@keyframes pv4Pulse{50%{opacity:.45;box-shadow:0 0 0 .4rem rgba(35,163,109,.04)}}@keyframes pv4RobotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-.55rem) rotate(1deg)}}@keyframes pv4RobotShadow{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(.78);opacity:.42}}
@media(max-width:72rem){.pv4-profile{min-height:17rem}.pv4-profile-metric,.pv4-profile-categories{max-width:50%}.pv4-profile-robot-stage{inset-inline-end:2rem;bottom:1rem}}
@media(max-width:52rem){.pv4-profile{min-height:24rem}.pv4-profile-metric,.pv4-profile-categories{max-width:100%}.pv4-profile-robot-stage{inset-inline-end:.5rem;bottom:3.7rem}}
@media(max-width:38rem){.pv4-profile{min-height:25rem}.pv4-profile-live{display:none}.pv4-profile-robot-stage{width:5.8rem;height:7rem}.pv4-profile .pv4-profile-robot{width:5.5rem}.pv4-feature-play{inset:auto .75rem .75rem auto}}
@media(prefers-reduced-motion:reduce){.pv4-profile-live i,.pv4-profile .pv4-profile-robot,.pv4-profile-robot-stage:after{animation:none!important}}

.pv4-profile-metric strong{direction:ltr;unicode-bidi:isolate}

/* Portfolio V4 visual alignment pass */
.pv4-platform :is(a,button,summary):focus-visible{outline:3px solid rgba(242,111,33,.38);outline-offset:3px}
.pv4-btn{min-height:3rem;padding:.74rem 1.18rem;border-radius:.78rem;gap:.55rem;letter-spacing:.005em;box-shadow:none}
.pv4-btn-primary{background:linear-gradient(135deg,var(--pv4-orange),#ef7b36);box-shadow:0 .75rem 1.6rem rgba(228,90,39,.24)}
.pv4-btn-light{border-color:rgba(11,31,51,.08);box-shadow:0 .45rem 1rem rgba(5,18,29,.1)}
.pv4-btn-outline{border-color:#acbbc7;background:rgba(255,255,255,.7)}
.pv4-text-button{font-weight:850;text-underline-offset:.24rem}
.pv4-circle{width:2.8rem;height:2.8rem;flex-basis:2.8rem;border-radius:.72rem;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.08);font-size:1rem}
.pv4-carousel-controls{gap:.65rem}.pv4-carousel-controls>.pv4-circle{position:relative;overflow:hidden}.pv4-carousel-controls>.pv4-circle:after{content:"";position:absolute;inset:auto .5rem .38rem;height:2px;background:var(--pv4-orange);transform:scaleX(0);transition:transform .22s var(--pv4-ease)}
.pv4-feature{padding:.72rem;border-radius:1.45rem;background:linear-gradient(145deg,rgba(4,16,27,.82),rgba(10,35,55,.64));box-shadow:0 2rem 5rem rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)}
.pv4-feature-heading{min-height:2rem;align-items:center;padding:.2rem .55rem .65rem}.pv4-feature-heading span:first-child{color:#fff}
.pv4-feature-track{min-height:30rem;border-radius:1rem}.pv4-feature-slide{grid-template-rows:minmax(0,1fr) auto}
.pv4-feature-media>img{filter:saturate(.94) contrast(1.03)}.pv4-feature-media:after{background:linear-gradient(to top,rgba(3,12,20,.98) 0%,rgba(3,12,20,.68) 32%,transparent 68%)}
.pv4-feature-copy{padding:1.55rem 1.55rem 1.45rem}.pv4-feature-copy .pv4-tag{display:inline-flex;margin-bottom:.08rem;padding:.32rem .62rem;border:1px solid rgba(255,255,255,.24);background:rgba(4,16,27,.58);backdrop-filter:blur(8px)}
.pv4-feature-copy h2{margin:.48rem 0 .4rem;max-width:20ch;font-size:clamp(1.35rem,2vw,1.9rem);text-wrap:balance}.pv4-feature-copy p{max-width:34rem;padding-inline-end:4rem;line-height:1.65}
.pv4-feature-copy .pv4-circle{bottom:1.45rem;inset-inline-end:1.45rem;border-radius:.72rem;background:var(--pv4-orange);color:#fff;border-color:transparent}
.pv4-feature-play{inset:auto 1rem 1rem auto;border:1px solid rgba(255,255,255,.7);border-radius:.72rem;transition:transform .2s var(--pv4-ease),box-shadow .2s var(--pv4-ease)}
.pv4-hero-ribbon{position:relative;overflow:hidden;padding:.95rem 0;border-block:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,rgba(4,15,25,.9),rgba(15,45,68,.92),rgba(4,15,25,.9));text-align:start;box-shadow:0 -1rem 3rem rgba(0,0,0,.12)}
.pv4-hero-ribbon:before{content:"";position:absolute;inset:0 auto 0 -20%;width:28%;background:linear-gradient(90deg,transparent,rgba(242,111,33,.16),transparent);transform:skewX(-18deg);animation:pv4RibbonGlow 5.5s ease-in-out infinite}
.pv4-ribbon-track{display:flex;width:max-content;align-items:center;animation:pv4RibbonMove 24s linear infinite;will-change:transform}
.pv4-ribbon-track>span{display:inline-flex;align-items:center;gap:.7rem;min-width:max-content;padding-inline:2.4rem;color:#d2dce4;font-size:.72rem;font-weight:750;letter-spacing:.11em}
.pv4-ribbon-track b{color:var(--pv4-orange);font-size:.82rem;letter-spacing:.16em}.pv4-ribbon-track i{color:rgba(255,255,255,.3);font-style:normal}
.pv4-work{padding-block:clamp(3.4rem,5vw,5rem)}
.pv4-category-bar{position:relative;display:block;padding:1rem 1.1rem 1.05rem;border-radius:1.15rem;overflow:visible;box-shadow:0 .9rem 2.5rem rgba(11,31,51,.07)}
.pv4-category-bar>strong{display:flex;align-items:center;gap:.55rem;margin-bottom:.8rem;font-size:.82rem}.pv4-category-bar>strong:before{content:"";width:.55rem;height:.55rem;border-radius:.16rem;background:var(--pv4-orange);box-shadow:.9rem 0 0 rgba(228,90,39,.18)}
.pv4-category-scroll{display:flex;flex-wrap:wrap;gap:.5rem;overflow:visible;padding:0}
.pv4-pill{position:relative;min-height:2.55rem;padding:.54rem .72rem .54rem .82rem;border-radius:.68rem;gap:.55rem;background:#f9fbfc;color:#263d50;line-height:1.2}
.pv4-pill:before{content:"";width:.36rem;height:.36rem;flex:0 0 .36rem;border-radius:50%;background:#a9b7c2;transition:.2s}
.pv4-pill>span{display:grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .34rem;margin-inline-start:.08rem;background:#e8eef2;color:#526779;font-size:.58rem;font-variant-numeric:tabular-nums}
.pv4-pill[aria-pressed=true]:before{background:#fff;box-shadow:0 0 0 .24rem rgba(255,255,255,.16)}.pv4-pill[aria-pressed=true]>span{color:#fff}
.pv4-pill:disabled{opacity:.52;cursor:not-allowed;background:#f3f6f8}
.pv4-section-heading{margin:clamp(2.5rem,4vw,3.8rem) 0 1.35rem}.pv4-section-heading>div:first-child{max-width:48rem}
.pv4-bento{grid-auto-flow:row;align-items:stretch;gap:1rem}
.pv4-bento .pv4-card{grid-row:auto!important;display:flex;min-height:100%;border-radius:1.05rem;box-shadow:0 .65rem 1.8rem rgba(11,31,51,.055)}
.pv4-bento .pv4-card.pv4-span-12{grid-column:span 12!important}.pv4-bento .pv4-card.pv4-span-7{grid-column:span 7!important}.pv4-bento .pv4-card.pv4-span-6{grid-column:span 6!important}.pv4-bento .pv4-card.pv4-span-5{grid-column:span 5!important}.pv4-bento .pv4-card.pv4-span-4{grid-column:span 4!important}
.pv4-bento .pv4-card-link{display:flex!important;flex:1;flex-direction:column}.pv4-bento .pv4-card-media{aspect-ratio:16/10!important;min-height:13rem}.pv4-bento .pv4-span-7 .pv4-card-media,.pv4-bento .pv4-span-12 .pv4-card-media{aspect-ratio:16/8!important;min-height:16rem}
.pv4-bento .pv4-card-copy{display:flex;flex:1;flex-direction:column;padding:1.08rem 1.15rem 1.2rem}.pv4-bento .pv4-card-action{margin-top:auto;padding-top:.75rem}
.pv4-media-category{top:.75rem;inset-inline-start:.75rem;border-radius:.5rem}.pv4-open-icon{border-radius:.62rem}
.pv4-profile{min-height:30rem;padding:1.55rem 1.55rem 1.4rem}.pv4-profile>p{margin:1.1rem 0 1rem}.pv4-profile-metric{padding:.78rem .85rem}.pv4-profile-categories{margin:.9rem 0 1rem;gap:.48rem}.pv4-profile-link{margin-top:.75rem;padding:.78rem .85rem;border-radius:.68rem}
.pv4-profile-bottom{inset-inline:1.55rem;bottom:1.35rem;align-items:center;min-height:3.6rem;padding-top:.85rem;padding-inline-end:7.2rem}.pv4-profile-bottom>span{max-width:13ch;line-height:1.55}.pv4-profile-bottom strong{margin-inline-start:auto}
.pv4-profile-robot-stage{inset-inline-end:.55rem;bottom:1rem;width:6.7rem;height:8.1rem}.pv4-profile .pv4-profile-robot{width:6.25rem}
.pv4-insights{position:relative;gap:1.1rem;padding-block:clamp(1rem,2vw,1.8rem) clamp(4rem,6vw,6rem)}
.pv4-sectors,.pv4-distribution{position:relative;overflow:hidden;border-radius:1.25rem;box-shadow:0 .9rem 2.6rem rgba(11,31,51,.065)}
.pv4-sectors:before,.pv4-distribution:before{content:"";position:absolute;inset:0 0 auto;height:.25rem;background:linear-gradient(90deg,var(--pv4-orange),#ffb16f,transparent 75%)}
.pv4-distribution{background:linear-gradient(155deg,#0a2033,#102e46);color:#fff;border-color:#193d58}.pv4-distribution h2{color:#fff}.pv4-distribution .pv4-eyebrow{color:#8fa8bb}
.pv4-sector-grid{gap:.65rem}.pv4-sector-grid button,.pv4-distribution button{transition:transform .2s var(--pv4-ease),border-color .2s,background .2s}
.pv4-sector-grid button{position:relative;min-height:3.5rem;align-items:center;padding:.8rem .9rem;border-radius:.72rem;background:linear-gradient(135deg,#fbfcfd,#f4f7f9)}.pv4-sector-grid button:before{content:"";width:.48rem;height:.48rem;flex:0 0 .48rem;border:2px solid var(--pv4-orange);border-radius:50%;margin-inline-end:.15rem}.pv4-sector-grid button>span{margin-inline-end:auto}
.pv4-sector-grid strong{display:grid;place-items:center;min-width:2rem;height:2rem;border-radius:.55rem;background:#fff;box-shadow:0 .25rem .7rem rgba(11,31,51,.08)}
.pv4-distribution>div{gap:.65rem}.pv4-distribution button{padding:.72rem .78rem;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#dbe5ec}.pv4-distribution strong{display:grid;place-items:center;min-width:1.65rem;height:1.65rem;border-radius:.48rem;background:rgba(242,111,33,.15)}
.pv4-distribution [data-category-stat].is-active{background:rgba(255,255,255,.12);border-color:var(--pv4-orange)}.pv4-bar{height:.3rem;background:rgba(255,255,255,.13)}.pv4-bar i{background:linear-gradient(90deg,var(--pv4-orange),#ffc08e);box-shadow:0 0 .8rem rgba(242,111,33,.35)}
.pv4-highlights{padding-bottom:clamp(3.5rem,5vw,5rem)}.pv4-cta{margin-bottom:clamp(3.5rem,6vw,6rem)}
@keyframes pv4RibbonMove{to{transform:translateX(-25%)}}@keyframes pv4RibbonGlow{0%,100%{transform:translateX(-120%) skewX(-18deg)}50%{transform:translateX(520%) skewX(-18deg)}}
@media(hover:hover){.pv4-carousel-controls>.pv4-circle:hover:after{transform:scaleX(1)}.pv4-feature-play:hover{transform:translateY(-2px);box-shadow:0 .8rem 1.6rem rgba(0,0,0,.24)}.pv4-sector-grid button:hover,.pv4-distribution button:hover{transform:translateY(-2px)}}
@media(max-width:72rem){.pv4-bento .pv4-card{grid-column:span 6!important}.pv4-bento .pv4-card.pv4-span-12{grid-column:span 12!important}.pv4-bento .pv4-card-media,.pv4-bento .pv4-span-7 .pv4-card-media{aspect-ratio:16/10!important;min-height:13rem}.pv4-profile{min-height:19rem;padding-bottom:1.5rem}.pv4-profile-bottom{position:static;grid-column:1/-1;padding-inline-end:8rem}.pv4-profile-robot-stage{bottom:1rem}.pv4-insights{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)}}
@media(max-width:61.99rem){.pv4-category-bar{padding-inline:1rem}.pv4-category-scroll{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:.1rem .05rem .42rem;scrollbar-width:thin}.pv4-pill{flex:0 0 auto;scroll-snap-align:start}.pv4-insights{grid-template-columns:1fr}.pv4-sector-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:52rem){.pv4-hero-layout{gap:1.4rem}.pv4-feature-track{min-height:28rem}.pv4-profile{min-height:25rem}.pv4-profile-bottom{position:absolute;padding-inline-end:6.2rem}.pv4-insights{padding-top:.5rem}.pv4-sector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:38rem){.pv4-work{padding-block:2.8rem}.pv4-category-bar{margin-inline:calc(var(--pv4-gutter)*-.35);padding:.9rem .8rem}.pv4-category-scroll{margin-inline:-.15rem;padding-inline:.15rem}.pv4-pill{min-height:2.65rem}.pv4-section-heading{margin-top:2.5rem}.pv4-bento{display:grid;grid-template-columns:1fr;gap:.85rem}.pv4-bento .pv4-card,.pv4-bento .pv4-card[class*="pv4-span-"]{grid-column:1/-1!important;margin:0}.pv4-bento .pv4-card-media,.pv4-bento .pv4-span-7 .pv4-card-media,.pv4-bento .pv4-span-12 .pv4-card-media{min-height:0;aspect-ratio:16/10!important}.pv4-feature{border-radius:1.1rem}.pv4-feature-track{min-height:25rem}.pv4-feature-copy{padding:1rem 1rem 1.15rem}.pv4-feature-copy h2{font-size:1.3rem}.pv4-feature-copy p{display:block;padding-inline-end:0;font-size:.7rem;-webkit-line-clamp:2}.pv4-feature-copy .pv4-circle{bottom:1rem;inset-inline-end:1rem}.pv4-feature-play{top:1rem;bottom:auto}.pv4-profile{min-height:26rem;padding:1.25rem}.pv4-profile-bottom{inset-inline:1.25rem;padding-inline-end:5.4rem}.pv4-profile-robot-stage{inset-inline-end:.3rem;width:5.6rem}.pv4-profile .pv4-profile-robot{width:5.2rem}.pv4-sector-grid{grid-template-columns:1fr}.pv4-sectors,.pv4-distribution{padding:1.2rem}.pv4-ribbon-track>span{padding-inline:1.5rem;font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.pv4-ribbon-track,.pv4-hero-ribbon:before{animation:none!important}.pv4-ribbon-track{transform:none}}

@media(max-width:72rem){.pv4-bento .pv4-card[class*='pv4-span-']{grid-column:span 6!important}.pv4-bento .pv4-card.pv4-span-12{grid-column:span 12!important}}

/* Portfolio V4 narrative and controls refinement */
.pv4-category-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.pv4-category-title strong{display:flex;align-items:center;gap:.55rem;font-size:.84rem}.pv4-category-title strong:before{content:"";width:.58rem;height:.58rem;border-radius:.18rem;background:var(--pv4-orange);box-shadow:.9rem 0 0 rgba(228,90,39,.17)}.pv4-category-title>span{color:var(--pv4-muted);font-size:.66rem;font-weight:700}.pv4-category-bar>strong{display:none}.pv4-pill:not([aria-pressed=true]){background:linear-gradient(145deg,#fff,#f2f6f8);box-shadow:inset 0 1px #fff,0 .18rem .55rem rgba(11,31,51,.045)}.pv4-pill:not([aria-pressed=true]):nth-child(3n+2):before{border-radius:.12rem;background:#77a5bd}.pv4-pill:not([aria-pressed=true]):nth-child(3n):before{background:var(--pv4-orange)}
.pv4-profile{display:flex;flex-direction:column;min-height:33rem;background:radial-gradient(circle at 80% 88%,rgba(105,185,221,.15),transparent 28%),linear-gradient(155deg,#fff 0%,#f8fbfd 58%,#edf4f7 100%)}.pv4-profile>p{max-width:28rem;line-height:1.85}.pv4-profile-metric{background:rgba(255,255,255,.72);box-shadow:inset 0 1px #fff}.pv4-profile-metric>small{display:block;margin-top:.48rem;color:#7a8b99;font-size:.54rem}.pv4-profile-actions{position:relative;z-index:4;display:grid;grid-template-columns:1.15fr .85fr;gap:.45rem;margin-top:.2rem}.pv4-profile-actions a{display:flex;align-items:center;justify-content:space-between;min-height:2.7rem;padding:.68rem .75rem;border-radius:.68rem;text-decoration:none;font-size:.66rem;font-weight:900;transition:transform .2s var(--pv4-ease),box-shadow .2s var(--pv4-ease)}.pv4-profile-actions i{font-style:normal;font-size:.86rem}.pv4-profile-link{margin:0;border:0;background:var(--pv4-navy-900);color:#fff}.pv4-profile-work-link{border:1px solid #d8e3e9;background:#fff;color:var(--pv4-navy-900)}.pv4-profile-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;align-items:stretch;padding-top:.75rem;padding-inline-end:6.8rem}.pv4-profile-bottom>div{display:flex;flex-direction:column;justify-content:center;min-height:3.7rem;padding:.55rem .65rem;border-radius:.65rem;background:rgba(255,255,255,.64)}.pv4-profile-bottom span{max-width:none;color:var(--pv4-muted);font-size:.53rem}.pv4-profile-bottom strong{margin:0;font-size:1.35rem}.pv4-profile-robot-stage{bottom:.55rem;height:7.8rem}
.pv4-insights{grid-template-columns:minmax(0,1.45fr) minmax(19rem,.55fr);align-items:stretch}.pv4-sectors,.pv4-distribution{padding:clamp(1.4rem,2.4vw,2.2rem)}.pv4-sectors .pv4-section-heading{align-items:end;margin:0 0 1.4rem}.pv4-sectors .pv4-section-heading p,.pv4-distribution>p{max-width:40rem;margin:.65rem 0 0;color:var(--pv4-muted);font-size:.72rem;line-height:1.75}.pv4-sector-total{display:grid;flex:0 0 auto;min-width:5.2rem;padding:.7rem;border:1px solid #e0e8ed;border-radius:.8rem;background:#f7f9fa;color:var(--pv4-muted);font-size:.58rem;text-align:center}.pv4-sector-total b{color:var(--pv4-navy-900);font-size:1.55rem;line-height:1.1}.pv4-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.pv4-sector-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:initial;min-height:5.4rem;padding:.8rem .85rem;text-align:start;overflow:hidden}.pv4-sector-grid button:before{display:none}.pv4-sector-grid button>small{align-self:start;color:#9aabba;font-size:.56rem;font-weight:900}.pv4-sector-grid button>span{display:grid;align-self:stretch;min-width:0;margin:0}.pv4-sector-grid button>span b{overflow:hidden;color:var(--pv4-navy-900);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.pv4-sector-grid button>span em{align-self:end;color:#738695;font-size:.56rem;font-style:normal}.pv4-sector-grid button>span i{align-self:end;width:100%;height:.22rem;margin-top:.42rem;border-radius:1rem;background:linear-gradient(90deg,var(--pv4-orange) calc(var(--pv4-sector-share)*100%),#dae4e9 0)}.pv4-sector-grid button>strong{align-self:center;border:1px solid #e0e8ed;color:var(--pv4-orange)}.pv4-sector-grid button:nth-child(4n+2),.pv4-sector-grid button:nth-child(4n+3){background:linear-gradient(135deg,#f4f8fa,#fff)}.pv4-distribution{display:flex;flex-direction:column}.pv4-distribution>p{color:#9db0bf}.pv4-distribution>div{margin-top:auto;padding-top:1rem}
.pv4-highlights{padding-block:clamp(3.8rem,6vw,6.5rem);background:linear-gradient(180deg,transparent,rgba(224,233,239,.42) 48%,transparent)}.pv4-highlights>.pv4-section-heading{align-items:end;margin:0 0 1.6rem}.pv4-highlights .pv4-section-heading p{max-width:43rem;margin:.65rem 0 0;color:var(--pv4-muted);font-size:.76rem;line-height:1.8}.pv4-method-mark{color:#9badba;font-size:.65rem;font-weight:900;letter-spacing:.14em}.pv4-process{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.pv4-process:before{content:"";position:absolute;top:2rem;inset-inline:7%;height:1px;background:linear-gradient(90deg,transparent,var(--pv4-orange),#89a6b9,transparent);animation:pv4MethodLine 3.8s ease-in-out infinite}.pv4-process-step{position:relative;min-height:12rem;padding:1.15rem;border:1px solid var(--pv4-line);border-radius:1rem;background:rgba(255,255,255,.86);box-shadow:0 .8rem 2rem rgba(11,31,51,.05);overflow:hidden}.pv4-process-step:nth-child(even){margin-top:1.1rem;background:linear-gradient(150deg,#0b1f33,#123550);color:#fff}.pv4-process-step>span{position:relative;z-index:1;color:var(--pv4-orange);font-size:.58rem;font-weight:900;letter-spacing:.04em}.pv4-process-step h3{position:relative;z-index:1;margin:1.8rem 0 .55rem;font-size:1rem}.pv4-process-step p{position:relative;z-index:1;margin:0;color:#657887;font-size:.66rem;line-height:1.75}.pv4-process-step:nth-child(even) p{color:#b7c6d2}.pv4-process-step>i{position:absolute;inset:auto -1.2rem -1.6rem;width:5rem;height:5rem;border:1rem solid rgba(242,111,33,.08);border-radius:50%;transition:transform .45s var(--pv4-ease)}.pv4-strategy-signals,.pv4-highlights>div:last-child{display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:.7rem;margin-top:1.4rem}.pv4-strategy-card{min-height:10.5rem;padding:1.2rem;border:1px solid var(--pv4-line);border-radius:1rem;background:#fff;box-shadow:0 .8rem 2rem rgba(11,31,51,.05)}.pv4-strategy-card>span{color:var(--pv4-orange);font-size:.56rem;font-weight:900;letter-spacing:.08em}.pv4-strategy-card>strong{display:block;margin:1.1rem 0 .15rem;color:var(--pv4-navy-900);font-size:2.25rem}.pv4-strategy-card h3{margin:.25rem 0 .45rem;font-size:.85rem}.pv4-strategy-card p{margin:0;color:var(--pv4-muted);font-size:.64rem;line-height:1.7}.pv4-strategy-main{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-items:center;gap:.7rem 1rem;background:linear-gradient(145deg,#0a1e30,#123b59);color:#fff;border-color:#173e5b}.pv4-strategy-main>span{grid-column:1/-1}.pv4-strategy-main h3{color:#fff}.pv4-strategy-main p{color:#b7c8d4}.pv4-signal-ring{position:relative;width:5.7rem;height:5.7rem;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--pv4-orange) calc(var(--pv4-signal)*1%),rgba(255,255,255,.1) 0);animation:pv4SignalPulse 4s ease-in-out infinite}.pv4-signal-ring:before{content:"";position:absolute;inset:.5rem;border-radius:50%;background:#0d2940}.pv4-signal-ring strong,.pv4-signal-ring small{position:relative;z-index:1;grid-area:1/1}.pv4-signal-ring strong{font-size:1.45rem}.pv4-signal-ring small{align-self:end;margin-bottom:1.2rem;margin-inline-start:2.2rem;color:#a8bbc9;font-size:.55rem}
@media(hover:hover){.pv4-profile-actions a:hover{transform:translateY(-2px);box-shadow:0 .65rem 1.2rem rgba(11,31,51,.13)}.pv4-process-step:hover>i{transform:scale(1.3) rotate(18deg)}.pv4-sector-grid button:hover>strong{background:var(--pv4-orange);color:#fff}}
@keyframes pv4MethodLine{0%,100%{opacity:.3;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@keyframes pv4SignalPulse{50%{filter:drop-shadow(0 0 .7rem rgba(242,111,33,.3))}}
@media(max-width:72rem){.pv4-profile{display:grid;min-height:20rem}.pv4-profile-actions{max-width:50%}.pv4-profile-bottom{position:static;grid-column:1/-1;max-width:65%;padding-inline-end:0}.pv4-insights{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)}.pv4-process-step{min-height:13rem}}
@media(max-width:61.99rem){.pv4-category-title{align-items:start;flex-direction:column}.pv4-insights{grid-template-columns:1fr}.pv4-process{grid-template-columns:repeat(2,1fr)}.pv4-process:before{display:none}.pv4-process-step:nth-child(even){margin-top:0}.pv4-strategy-signals,.pv4-highlights>div:last-child{grid-template-columns:1fr 1fr}.pv4-strategy-main{grid-column:1/-1}}
@media(max-width:52rem){.pv4-profile{display:flex;min-height:29rem}.pv4-profile-actions,.pv4-profile-bottom{max-width:100%}.pv4-profile-bottom{position:absolute;padding-inline-end:6.5rem}.pv4-sectors .pv4-section-heading,.pv4-highlights>.pv4-section-heading{align-items:start;flex-direction:column}.pv4-sector-total{grid-auto-flow:column;align-items:center;gap:.5rem}.pv4-sector-grid{grid-template-columns:1fr 1fr}}
@media(max-width:38rem){.pv4-category-title>span{font-size:.61rem}.pv4-profile{min-height:31rem}.pv4-profile-actions{grid-template-columns:1fr}.pv4-profile-actions a{min-height:2.55rem}.pv4-profile-bottom{grid-template-columns:1fr 1fr;inset-inline:1.25rem;padding-inline-end:5.7rem}.pv4-profile-bottom>div{padding:.45rem}.pv4-sector-grid,.pv4-process,.pv4-strategy-signals,.pv4-highlights>div:last-child{grid-template-columns:1fr}.pv4-sector-grid button{min-height:5rem}.pv4-process-step{min-height:10.5rem}.pv4-strategy-main{grid-column:auto;grid-template-columns:auto 1fr}.pv4-highlights{padding-block:3.4rem}}
@media(prefers-reduced-motion:reduce){.pv4-process:before,.pv4-signal-ring{animation:none!important}}
.pv4-sectors{display:flex;flex-direction:column}.pv4-sector-grid{flex:1;grid-template-rows:repeat(3,minmax(5.4rem,1fr))}
.pv4-feature-empty{height:100%;display:grid;place-items:center;align-content:center;gap:.7rem;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(242,111,33,.16),transparent 28%),linear-gradient(145deg,#0a1e30,#123a56);color:#fff}.pv4-feature-empty>span{width:4rem;height:4rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:1rem;background:rgba(255,255,255,.06);color:var(--pv4-orange);font-size:1.8rem;font-weight:900}.pv4-feature-empty strong{font-size:1rem}.pv4-feature-empty p{max-width:28rem;margin:0;color:#adc0cd;font-size:.7rem;line-height:1.7}.pv4-carousel-controls.is-empty>:is(button,.pv4-dots){visibility:hidden}.pv4-carousel-controls.is-empty:after{content:"Q-DASH / PORTFOLIO";margin:auto;color:#91a7b7;font-size:.58rem;letter-spacing:.14em}
@media(max-width:61.99rem){.pv4-sector-grid{grid-template-rows:none}}

/* Portfolio V4 — true fullscreen gallery */
.pv4-gallery:fullscreen,
.pv4-gallery:-webkit-full-screen{
  box-sizing:border-box;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:1rem!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:.6rem;
  overflow:hidden!important;
  background:#fff!important;
  color:var(--pv4-ink);
}

.pv4-gallery:fullscreen .pv4-gallery-track,
.pv4-gallery:-webkit-full-screen .pv4-gallery-track{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  border-radius:.8rem;
  background:#071827;
}

.pv4-gallery:fullscreen .pv4-gallery-track figure,
.pv4-gallery:-webkit-full-screen .pv4-gallery-track figure{
  width:100%;
  height:100%;
}

.pv4-gallery:fullscreen .pv4-gallery-track :is(img,video,iframe),
.pv4-gallery:-webkit-full-screen .pv4-gallery-track :is(img,video,iframe){
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

.pv4-gallery:fullscreen .pv4-device-controls,
.pv4-gallery:-webkit-full-screen .pv4-device-controls{
  margin:0;
}

.pv4-gallery:fullscreen .pv4-carousel-controls,
.pv4-gallery:-webkit-full-screen .pv4-carousel-controls{
  margin:0;
  color:var(--pv4-navy-900);
}

.pv4-gallery:fullscreen > .pv4-text-button,
.pv4-gallery:-webkit-full-screen > .pv4-text-button{
  margin:.1rem auto 0;
}

/* Keep device preview usable in fullscreen */
.pv4-gallery[data-device=tablet]:fullscreen .pv4-gallery-track,
.pv4-gallery[data-device=tablet]:-webkit-full-screen .pv4-gallery-track{
  width:min(72%,60rem)!important;
}

.pv4-gallery[data-device=mobile]:fullscreen .pv4-gallery-track,
.pv4-gallery[data-device=mobile]:-webkit-full-screen .pv4-gallery-track{
  width:min(42%,30rem)!important;
}

/* =========================================================
   Portfolio Case Study — Full Screen Fix
   ========================================================= */

.pv4-case[open]{
    padding:0 !important;
    place-items:stretch !important;
}

.pv4-case-surface{
    width:100vw !important;
    max-width:none !important;
    height:100vh !important;
    max-height:100vh !important;
    border-radius:0 !important;
    margin:0 !important;
}

.pv4-case-body{
    width:100% !important;
    max-width:none !important;
}


/* =========================================================
   Portfolio Case Study — Full Screen Fix
   ========================================================= */

.pv4-case[open]{
    padding:0 !important;
    place-items:stretch !important;
}

.pv4-case-surface{
    width:100vw !important;
    max-width:none !important;
    height:100vh !important;
    max-height:100vh !important;
    border-radius:0 !important;
    margin:0 !important;
}

.pv4-case-body{
    width:100% !important;
    max-width:none !important;
}



/* PV4 MEDIA + PHONE SIDE BY SIDE */

.pv4-media-pair{
    display:block;
    width:100%;
}

.pv4-media-pair.has-phone{
    display:grid;
    grid-template-columns:minmax(0,1fr) 230px;
    gap:20px;
    align-items:center;
}

.pv4-media-main{
    min-width:0;
}

.pv4-media-pair.has-phone .pv4-gallery-track{
    width:100%;
}

.pv4-reel-phone-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:0;
}

.pv4-reel-phone{
    position:relative;
    width:220px;
    max-width:100%;
    aspect-ratio:9 / 19;
    padding:7px;
    border-radius:34px;
    background:#071827;
    box-shadow:
        0 22px 45px rgba(4,18,31,.22),
        inset 0 0 0 1px rgba(255,255,255,.12);
}

.pv4-reel-phone-screen{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:28px;
    background:#000;
}

.pv4-reel-phone-screen iframe,
.pv4-reel-phone-screen video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    object-fit:cover;
    background:#000;
}

.pv4-reel-phone-island{
    position:absolute;
    z-index:5;
    top:13px;
    left:50%;
    transform:translateX(-50%);
    width:64px;
    height:18px;
    border-radius:20px;
    background:#050b10;
    pointer-events:none;
}

.pv4-reel-phone-home{
    position:absolute;
    z-index:5;
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    width:64px;
    height:4px;
    border-radius:10px;
    background:rgba(255,255,255,.72);
    pointer-events:none;
}

.pv4-reel-phone-caption{
    font-size:.68rem;
    font-weight:900;
    color:var(--pv4-muted);
}

@media(max-width:70rem){
    .pv4-media-pair.has-phone{
        grid-template-columns:minmax(0,1fr) 190px;
        gap:14px;
    }

    .pv4-reel-phone{
        width:185px;
    }
}

@media(max-width:52rem){
    .pv4-media-pair.has-phone{
        grid-template-columns:1fr;
    }

    .pv4-reel-phone{
        width:min(230px,70vw);
    }
}


/* =========================================================
   PV4 Social Showcase — Tablet Images + Phone Reel
   ========================================================= */

.pv4-media-pair.has-phone{
    display:grid !important;
    grid-template-columns:minmax(360px,1fr) 240px !important;
    gap:30px !important;
    align-items:center !important;
    justify-content:center;
}

/* Tablet body */
.pv4-media-pair.has-phone .pv4-media-main{
    position:relative;
    width:100%;
    max-width:620px;
    margin-inline:auto;
    padding:14px;
    border-radius:34px;
    background:#0b1824;
    box-shadow:
        0 25px 55px rgba(7,24,39,.20),
        inset 0 0 0 1px rgba(255,255,255,.10);
}

/* Tablet camera */
.pv4-media-pair.has-phone .pv4-media-main:before{
    content:"";
    position:absolute;
    top:6px;
    left:50%;
    transform:translateX(-50%);
    width:7px;
    height:7px;
    border-radius:50%;
    background:#314150;
    z-index:6;
}

/* Tablet screen */
.pv4-media-pair.has-phone .pv4-gallery-track{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 3 !important;
    max-height:none !important;
    margin:0 !important;
    border-radius:22px !important;
    background:#fff !important;
    overflow:hidden;
}

/* Preserve the full uploaded screenshot */
.pv4-media-pair.has-phone .pv4-gallery-track img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:#fff;
}

/* Phone remains vertical */
.pv4-media-pair.has-phone .pv4-reel-phone{
    width:220px !important;
    max-width:100% !important;
    aspect-ratio:9 / 19.2 !important;
}

/* Align phone with tablet */
.pv4-media-pair.has-phone .pv4-reel-phone-wrap{
    align-self:center;
}

/* Thumbnails under tablet */
.pv4-media-pair.has-phone + .pv4-carousel-controls{
    max-width:620px;
    margin-inline:auto;
}

/* Medium screens */
@media(max-width:70rem){
    .pv4-media-pair.has-phone{
        grid-template-columns:minmax(300px,1fr) 200px !important;
        gap:18px !important;
    }

    .pv4-media-pair.has-phone .pv4-reel-phone{
        width:190px !important;
    }
}

/* Mobile */
@media(max-width:52rem){
    .pv4-media-pair.has-phone{
        grid-template-columns:1fr !important;
    }

    .pv4-media-pair.has-phone .pv4-media-main{
        width:min(94vw,620px);
    }

    .pv4-media-pair.has-phone .pv4-reel-phone{
        width:min(62vw,240px) !important;
    }
}


/* =========================================================
   PV4 — Tablet Images + Custom Instagram Phone Preview
   ========================================================= */

/* Tablet + Phone */
.pv4-media-pair.has-phone{
    display:grid !important;
    grid-template-columns:minmax(360px,1fr) 260px !important;
    gap:32px !important;
    align-items:center !important;
}

/* ---------------- Tablet ---------------- */

.pv4-media-pair.has-phone .pv4-media-main{
    position:relative;
    width:100%;
    max-width:650px;
    margin-inline:auto;
    padding:14px;
    border-radius:34px;
    background:#0b1824;
    box-shadow:0 24px 55px rgba(7,24,39,.18);
}

.pv4-media-pair.has-phone .pv4-media-main:before{
    content:"";
    position:absolute;
    top:6px;
    left:50%;
    transform:translateX(-50%);
    width:7px;
    height:7px;
    border-radius:50%;
    background:#405261;
    z-index:4;
}

.pv4-media-pair.has-phone .pv4-gallery-track{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 3 !important;
    margin:0 !important;
    border-radius:22px !important;
    background:#fff !important;
}

.pv4-media-pair.has-phone .pv4-gallery-track img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:#fff;
}

/* ---------------- Phone ---------------- */

.pv4-media-pair.has-phone .pv4-reel-phone{
    width:250px !important;
    max-width:100% !important;
    aspect-ratio:9 / 18.7 !important;
    padding:8px !important;
}

.pv4-reel-phone-screen{
    overflow:hidden;
    background:#000;
}

/* Instagram custom preview */
.pv4-instagram-preview{
    position:absolute;
    inset:0;
    display:block;
    overflow:hidden;
    background:#111;
    color:#fff;
    text-decoration:none;
}

.pv4-instagram-preview>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.pv4-instagram-preview-empty{
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 30% 25%,#28445d,#071827 65%);
}

/* Instagram top bar */
.pv4-instagram-top{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    gap:7px;
    padding:34px 11px 12px;
    background:linear-gradient(to bottom,rgba(0,0,0,.62),transparent);
}

.pv4-instagram-avatar{
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#f26f21;
    font-size:11px;
    font-weight:900;
}

.pv4-instagram-top strong{
    min-width:0;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
}

.pv4-instagram-more{
    font-weight:900;
}

/* Play button */
.pv4-instagram-play{
    position:absolute;
    z-index:3;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    padding-left:4px;
    border-radius:50%;
    background:rgba(0,0,0,.48);
    backdrop-filter:blur(5px);
    font-size:24px;
    color:#fff;
    box-shadow:0 8px 30px rgba(0,0,0,.25);
}

/* Instagram bottom UI */
.pv4-instagram-bottom{
    position:absolute;
    z-index:3;
    left:0;
    right:0;
    bottom:0;
    padding:44px 12px 28px;
    background:linear-gradient(to top,rgba(0,0,0,.8),transparent);
}

.pv4-instagram-actions{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:10px;
    font-size:25px;
    line-height:1;
}

.pv4-instagram-actions .pv4-instagram-save{
    margin-inline-start:auto;
}

.pv4-instagram-bottom>strong{
    display:block;
    font-size:12px;
    color:#fff;
}

.pv4-instagram-bottom>small{
    display:block;
    margin-top:3px;
    color:rgba(255,255,255,.75);
    font-size:10px;
}

/* Hover */
.pv4-instagram-preview:hover .pv4-instagram-play{
    transform:translate(-50%,-50%) scale(1.08);
}

/* ---------------- Mobile ---------------- */

@media(max-width:70rem){
    .pv4-media-pair.has-phone{
        grid-template-columns:minmax(300px,1fr) 220px !important;
        gap:20px !important;
    }

    .pv4-media-pair.has-phone .pv4-reel-phone{
        width:210px !important;
    }
}

@media(max-width:52rem){
    .pv4-media-pair.has-phone{
        grid-template-columns:1fr !important;
        gap:28px !important;
    }

    .pv4-media-pair.has-phone .pv4-media-main{
        width:min(94vw,650px);
    }

    /* Phone is deliberately bigger on real mobile screens */
    .pv4-media-pair.has-phone .pv4-reel-phone-wrap{
        width:100%;
    }

    .pv4-media-pair.has-phone .pv4-reel-phone{
        width:min(82vw,330px) !important;
        margin-inline:auto;
    }
}


.pv4-instagram-preview{
    border:0;
    padding:0;
    cursor:pointer;
    text-align:inherit;
}

.pv4-video-dialog[data-video-kind="instagram"] > div{
    width:min(92vw,430px) !important;
}

.pv4-video-dialog[data-video-kind="instagram"] iframe{
    width:100% !important;
    aspect-ratio:9 / 16 !important;
    max-height:84vh;
    border:0;
    border-radius:18px;
    background:#000;
}


.pv4-instagram-preview{
    background:#000 !important;
}

.pv4-instagram-preview>img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    z-index:1 !important;
}

.pv4-instagram-top,
.pv4-instagram-play,
.pv4-instagram-bottom{
    z-index:3 !important;
}


/* =========================================================
   PV4 — Direct Reel Player 9:16
   ========================================================= */

.pv4-video-dialog[data-video-layout="story"]{
    padding:12px !important;
}

.pv4-video-dialog[data-video-layout="story"] > div{
    width:min(94vw,430px) !important;
    max-height:96vh;
}

.pv4-video-dialog[data-video-layout="story"] header{
    margin-bottom:8px;
}

.pv4-video-dialog[data-video-layout="story"] video{
    display:block;
    width:100% !important;
    height:auto !important;
    max-height:86vh !important;
    aspect-ratio:9 / 16;
    object-fit:contain !important;
    border-radius:18px;
    background:#000;
}

.pv4-video-dialog[data-video-layout="story"] iframe{
    width:100% !important;
    aspect-ratio:9 / 16 !important;
    max-height:86vh !important;
    border:0;
    border-radius:18px;
    background:#000;
}

/* Reel poster must fill phone naturally */
.pv4-instagram-preview > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

/* If no dedicated Reel poster exists */
.pv4-instagram-preview-empty{
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 50% 35%,#173d5c 0,#071827 68%);
}