.preview-notice{position:fixed;right:12px;bottom:12px;z-index:110;background:rgba(5,7,10,.9);border:1px solid #2563EB;color:#F7F9FC;font:600 10px/1.3 sans-serif;letter-spacing:.04em;padding:9px 12px;pointer-events:none;max-width:190px;border-radius:2px}@media(max-width:700px){.preview-notice{font-size:8px;padding:6px 8px}}
/* TechFlos V3 — editorial image and motion refinements */
.header{isolation:isolate}.desktop-nav .nav-dropdown{position:static;cursor:pointer}.desktop-nav .nav-dropdown>.nav-item{height:100%;display:flex;align-items:center;gap:7px}.desktop-nav .nav-dropdown .mega{z-index:80;max-height:min(75vh,620px);overflow:auto;transform-origin:50% 0;visibility:hidden;transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility .24s}.desktop-nav .nav-dropdown:hover .mega,.desktop-nav .nav-dropdown:focus-within .mega{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.mega-link{transition:transform .24s ease,color .24s ease,padding .24s ease}.mega-link:hover{padding-left:8px;transform:translateX(2px)}
.service-editorial-story{background:#F3F6FA;padding:clamp(60px,8vw,125px) 0}.service-editorial-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px,5vw,90px);align-items:center}.service-editorial-photo{height:clamp(340px,46vw,660px);overflow:hidden;position:relative;background:linear-gradient(135deg,#101E32,#25588B)}.service-editorial-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .6s ease;filter:saturate(.83)}.service-editorial-photo:hover img{transform:scale(1.045);filter:saturate(1)}.media-corner{position:absolute;bottom:0;left:0;right:0;padding:42px 25px 20px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-weight:700;letter-spacing:.13em;font-size:9px;text-transform:uppercase}.service-editorial-caption h2{font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-.06em;margin:32px 0}.service-editorial-caption h2 em{color:#2563EB;font-style:normal}.service-editorial-caption p{max-width:460px;line-height:1.8;color:#3B4B62;margin-bottom:28px;font-size:15px}.service-editorial-caption .line-arrow{color:#2563EB}
.insights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-card[hidden]{display:none!important}.insights-filter{border-top:1px solid #C9D2DD;border-bottom:1px solid #C9D2DD;margin-bottom:40px;padding:22px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}.insights-filter-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#182E48}.insights-filter-label span{display:block;color:#657589;font-weight:500;letter-spacing:.05em;margin-top:7px}.insights-filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.insight-filter-btn{border:1px solid #CFD9E4;border-radius:30px;background:transparent;color:#182E48;cursor:pointer;font:inherit;font-size:11px;font-weight:650;padding:10px 15px;transition:.2s}.insight-filter-btn:hover,.insight-filter-btn.active{background:#2563EB;color:white;border-color:#2563EB}.insight-photo{height:clamp(245px,26vw,370px);background:linear-gradient(135deg,#142D46,#456C90)}.insight-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.75);transition:transform .85s cubic-bezier(.2,.65,.12,1),filter .6s ease}.insight-card:hover .insight-photo img{transform:scale(1.08);filter:saturate(.9) brightness(.86)}.insight-photo::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 35%,rgba(0,0,0,.35))}.insight-photo>span{position:relative;z-index:2;color:#fff}.insight-image-index{font-size:10px!important;align-self:flex-end;letter-spacing:.12em;font-weight:700!important}.insight-card:hover .insight-read{color:#2563EB}.insight-card h2{transition:color .3s ease}.insight-card:hover h2{color:#2563EB}
.article-cover{position:relative;margin-top:-1px;background:#0B1921;padding:0 0 60px;max-width:none}.article-cover img{display:block;width:min(100%,1320px);margin:0 auto;height:clamp(320px,51vw,650px);object-fit:cover;filter:saturate(.8)}.article-cover>span{position:absolute;bottom:72px;left:max(35px,calc((100vw - 1270px)/2 + 20px));color:white;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700;text-shadow:0 2px 15px black}.article-further-reading{padding:28px 0;border-top:1px solid #D4DFE8;margin-top:55px}.article-further-reading h3{font-size:28px;letter-spacing:-.04em;margin:15px 0 20px}.article-further-reading a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #DDE5ED;font-weight:600;color:#1D4ED8;font-size:14px}
.detail-hero-photo{transition:filter .65s ease}.service-card:hover .service-card-media{transform:scale(1.035)}.service-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.service-card:hover{transform:translateY(-5px)}.project-card:hover .project-visual{filter:brightness(1.08)}.btn,.header-cta,.line-arrow{transition:transform .32s cubic-bezier(.18,1,.36,1),background .24s,color .24s}.btn:hover,.header-cta:hover{transform:translateY(-3px)}
@media (min-width:1000px){.home-hero-image{animation:tfHeroDrift 23s ease-in-out infinite alternate}@keyframes tfHeroDrift{0%{transform:scale(1.035) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.8%,.8%,0)}}.detail-hero-photo{animation:tfDetailDrift 25s ease-in-out infinite alternate}@keyframes tfDetailDrift{0%{transform:scale(1.01)}100%{transform:scale(1.06) translate3d(-1%,0,0)}}}
@media(max-width:1000px){.insights-filter{display:block}.insights-filter-label{margin-bottom:20px}.service-editorial-grid{grid-template-columns:1fr}.service-editorial-photo{height:clamp(300px,58vw,520px)}.service-editorial-caption h2{font-size:clamp(40px,7vw,62px)}}
@media(max-width:700px){.service-editorial-story{padding:55px 0 75px}.service-editorial-grid{gap:25px}.service-editorial-photo{height:320px}.media-corner{font-size:8px;padding:40px 15px 15px}.insights-grid{grid-template-columns:1fr}.insight-photo{height:290px}.article-cover{padding:0 0 35px}.article-cover img{height:280px}.article-cover>span{left:25px;bottom:49px;font-size:8px}.service-editorial-caption h2{font-size:45px}.service-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.home-hero-image,.detail-hero-photo{animation:none!important}.service-card,.service-editorial-photo img,.insight-photo img,.mega,.btn,.header-cta{transition:none!important;transform:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}

/* V4 — bespoke service copy, cinematic portfolio, company pages, journal, motion */
#site-scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:#5CE1E6;z-index:99999;transform-origin:0 50%;transform:scaleX(0);pointer-events:none;box-shadow:0 0 12px #5CE1E660}
.detail-intro h2{font-size:clamp(32px,4.5vw,67px);letter-spacing:-.052em;line-height:1.09}.detail-intro p{max-width:690px}.service-editorial-caption h2{font-size:clamp(39px,4.55vw,71px);line-height:1.06}.service-editorial-caption h2 em{font-family:inherit;font-weight:600;font-style:italic;letter-spacing:-.064em;color:#2563EB}.service-editorial-caption p{max-width:560px;font-size:15px;line-height:1.8}.service-editorial-photo{isolation:isolate}.service-editorial-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07182748,transparent 58%);z-index:1}.service-editorial-photo img{height:100%;width:100%;object-fit:cover}.media-corner{z-index:2}.media-photo-number{position:absolute;top:20px;left:20px;z-index:2;color:white;font-weight:800;font-size:10px;letter-spacing:.15em;text-shadow:0 2px 10px #000}.editorial-feature-list{margin:25px 0 30px;border-top:1px solid #CFD8E5}.editorial-feature-list>div{display:grid;grid-template-columns:34px 1fr;gap:12px;border-bottom:1px solid #CFD8E5;padding:13px 0;font-size:13px;line-height:1.45;color:#1E2D43}.editorial-feature-list>div span:first-child{font-weight:800;font-size:10px;color:#2563EB;letter-spacing:.1em}
.story-hero{position:relative;min-height:min(760px,87svh);display:flex;align-items:center;background:#06121F;color:#fff;overflow:hidden}.story-hero-film{position:absolute;inset:0}.story-hero-film video{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.77)}.story-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,27,.95) 0%,rgba(5,17,36,.74) 53%,rgba(4,13,27,.34) 100%),linear-gradient(0deg,#06121f9c,transparent 45%)}.story-hero-inner{position:relative;z-index:2;padding:145px 0 85px}.story-hero h1{font-size:clamp(54px,8.5vw,125px);letter-spacing:-.076em;line-height:.94;max-width:1250px;margin:30px 0}.story-hero h1 em{font-weight:450;font-style:italic;color:#5CE1E6}.story-hero p{max-width:605px;font-size:clamp(15px,1.65vw,19px);line-height:1.65;color:#dae4ee}.story-overline{display:block;font-size:11px;letter-spacing:.18em;color:#a8c1d4;margin-top:40px}.story-scroll{display:inline-flex;align-items:center;gap:10px;margin-top:45px;color:#5CE1E6;text-decoration:none;letter-spacing:.16em;font-size:10px;font-weight:800;border-bottom:1px solid #5CE1E6;padding-bottom:10px}.stock-disclosure{position:absolute;z-index:2;right:clamp(20px,5vw,70px);bottom:25px;color:#b3c5d0;font-size:8px;letter-spacing:.15em}.story-hero-process .story-hero-film video{filter:brightness(.6) hue-rotate(7deg)}.story-hero-work .story-hero-film video{filter:brightness(.6) saturate(.55)}
.about-editorial-photo{min-height:510px;display:grid;grid-template-columns:1fr 1fr;background:#081B2C}.about-editorial-photo>img{height:100%;width:100%;object-fit:cover;max-height:640px;filter:saturate(.7)}.about-editorial-quote{align-self:center;padding:65px clamp(28px,6vw,100px);color:#fff}.about-editorial-quote>span{font-size:11px;letter-spacing:.17em;color:#5CE1E6}.about-editorial-quote h2{font-size:clamp(45px,5vw,79px);line-height:1;letter-spacing:-.063em;margin:30px 0}.about-editorial-quote h2 em{color:#5CE1E6}.about-editorial-quote p{max-width:390px;color:#bdc9d8;line-height:1.7}
.process-philosophy{padding:110px 0;background:#f1f5fa}.process-philosophy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.process-philosophy h2{font-size:clamp(42px,5.7vw,86px);line-height:1.02;letter-spacing:-.065em;margin:30px 0}.process-philosophy h2 em{color:#2563EB}.process-philosophy p{color:#4A5970;line-height:1.9;max-width:500px}.process-philosophy-photo{height:500px;overflow:hidden}.process-philosophy-photo img{height:100%;width:100%;object-fit:cover;filter:saturate(.8);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.process-philosophy-photo:hover img{transform:scale(1.06)}.process-long-v4{position:relative}.process-long-v4>.wrap{position:relative}.process-progress-track{position:absolute;left:0;top:195px;bottom:80px;width:3px;background:#cddbe9;pointer-events:none}.process-progress-fill{width:100%;height:100%;background:#2563EB;transform:scaleY(0);transform-origin:top;transition:transform .2s linear;box-shadow:0 0 15px #2563EB55}.process-row-enhanced{transition:background .4s ease;padding-top:50px;padding-bottom:50px}.process-row-enhanced:hover{background:#E5EEF8}.process-row-mark{color:#2563EB}.process-split-photo{display:grid;grid-template-columns:1fr 1fr;background:#081C31;color:white}.process-split-media{height:530px;overflow:hidden}.process-split-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.68)}.process-split-text{padding:65px clamp(28px,5vw,80px);align-self:center}.process-split-text h2{font-size:clamp(36px,4.5vw,68px);line-height:1.04;letter-spacing:-.06em;margin:30px 0}.process-split-text h2 em{color:#5CE1E6}.process-split-text p{color:#bccddd;max-width:480px;line-height:1.8;margin-bottom:35px}.process-split-text .line-arrow{color:#5CE1E6}
.work-section-full{background:#EDF3F8;padding-top:105px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:45px 0 40px}.portfolio-card{background:#fff;box-shadow:0 10px 30px #0B294513;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0B29452c}.portfolio-media{height:clamp(240px,25vw,390px);position:relative;overflow:hidden;background:#183047}.portfolio-media img{height:100%;width:100%;display:block;object-fit:cover;filter:saturate(.78);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover img{transform:scale(1.09)}.portfolio-media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#061727ac);pointer-events:none}.portfolio-media-index{position:absolute;top:18px;left:19px;color:#fff;z-index:1;font-size:10px;font-weight:800;letter-spacing:.18em}.portfolio-media-stamp{position:absolute;bottom:18px;left:19px;color:#eff8ff;z-index:1;font-size:9px;font-weight:700;letter-spacing:.1em}.portfolio-card-body{padding:28px}.portfolio-card-top,.portfolio-card-foot{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#2563EB;font-weight:800;letter-spacing:.08em}.portfolio-card h3{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.052em;line-height:1.14;margin:23px 0 15px;color:#0B1829}.portfolio-card p{color:#4C5E71;line-height:1.7;font-size:14px;min-height:110px}.portfolio-card-foot{border-top:1px solid #DEE5ED;padding-top:20px;color:#617188;font-size:9px;flex-wrap:wrap;line-height:1.5}.portfolio-experience-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:80px 0 100px;border-top:1px solid #D5E0EC;margin-top:50px}.portfolio-experience-panel h2{font-size:clamp(38px,5vw,74px);letter-spacing:-.065em;line-height:1.04;margin-top:30px}.portfolio-experience-panel h2 em{color:#2563EB}.portfolio-experience-panel p{font-size:16px;line-height:1.85;color:#40556B;margin:0 0 18px}.portfolio-experience-panel .portfolio-note{font-size:13px;color:#66778B}
.journal-hero{background:#071623;color:white;padding:clamp(105px,13vw,170px) 0 80px}.journal-hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px}.journal-hero h1{font-size:clamp(62px,7.3vw,114px);line-height:.96;letter-spacing:-.077em;margin:32px 0}.journal-hero h1 em{color:#5CE1E6;font-weight:460}.journal-hero p{font-size:17px;line-height:1.8;max-width:600px;color:#C1D0DE}.journal-hero-image{position:relative;height:410px;overflow:hidden}.journal-hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.83);transition:transform 1.1s}.journal-hero-image:hover img{transform:scale(1.065)}.journal-hero-image>span{position:absolute;bottom:0;left:0;padding:30px 24px;width:100%;background:linear-gradient(transparent,#081829ac);font-size:10px;font-weight:800;letter-spacing:.17em}.insight-card{will-change:transform}.article-inline-figure{margin:40px 0 62px;padding:0}.article-inline-figure img{display:block;width:100%;height:410px;object-fit:cover;filter:saturate(.78)}.article-inline-figure figcaption{font-size:11px;color:#687789;margin:12px 0 0;line-height:1.5}
/* visibly animated editorial reveals: stagger and directional motion, with reduced-motion off switch */
@media (prefers-reduced-motion:no-preference){.reveal-on-scroll{opacity:0;transform:translate3d(0,35px,0);filter:blur(2px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),filter .8s ease}.reveal-on-scroll[data-delay="1"]{transition-delay:.085s}.reveal-on-scroll[data-delay="2"]{transition-delay:.17s}.reveal-on-scroll[data-delay="3"]{transition-delay:.25s}.reveal-on-scroll.in-view{opacity:1;transform:translate3d(0,0,0);filter:none}.service-editorial-photo.in-view img{animation:v4MediaEntrance 1.8s cubic-bezier(.16,1,.3,1) both}@keyframes v4MediaEntrance{0%{transform:scale(1.13)}100%{transform:scale(1)}}.story-hero-inner.in-view h1{animation:v4TextSlide .85s both .08s}.story-hero-inner.in-view p{animation:v4TextSlide .95s both .2s}@keyframes v4TextSlide{0%{transform:translateY(28px);opacity:0}100%{transform:translateY(0);opacity:1}}.portfolio-media img{animation:v4SlowPan 28s ease-in-out infinite alternate}@keyframes v4SlowPan{to{transform:scale(1.08) translateX(-1.5%)}}.story-hero-film video{animation:v4FilmIn 2s ease-out both}@keyframes v4FilmIn{from{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur(0)}}}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card:last-child{grid-column:1/-1}.process-philosophy-grid,.journal-hero-layout{gap:30px}.story-hero h1{font-size:clamp(54px,8vw,95px)}}
@media(max-width:720px){.story-hero{min-height:590px}.story-hero-inner{padding:130px 0 95px}.story-hero h1{font-size:clamp(49px,10.5vw,74px);letter-spacing:-.07em}.stock-disclosure{font-size:7px;right:20px;bottom:16px}.about-editorial-photo,.process-philosophy-grid,.process-split-photo,.journal-hero-layout,.portfolio-experience-panel{grid-template-columns:1fr}.about-editorial-photo>img{height:330px}.about-editorial-quote{padding:48px 24px}.process-philosophy{padding:70px 0}.process-philosophy-photo{height:310px}.process-progress-track{display:none}.process-split-media{height:320px}.process-split-text{padding:50px 24px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card:last-child{grid-column:auto}.portfolio-media{height:310px}.portfolio-card p{min-height:0}.work-section-full{padding-top:70px}.portfolio-experience-panel{padding:65px 0}.journal-hero{padding:120px 0 55px}.journal-hero h1{font-size:clamp(56px,10vw,75px)}.journal-hero-image{height:290px}.article-inline-figure img{height:265px}.editorial-feature-list{margin-top:20px}.service-editorial-caption h2{font-size:clamp(38px,9vw,59px)}.detail-intro h2{font-size:clamp(38px,8vw,61px)}}
@media(prefers-reduced-motion:reduce){.portfolio-media img,.story-hero-film video,.reveal-on-scroll{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}.process-progress-fill{transform:scaleY(1)!important}}


/* V5: art direction and visible motion — fully self-contained editorial films for company pages */
@media(min-width:960px){.portfolio-grid-v5{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-grid-v5 .v5-portfolio-card:last-child{grid-column:auto}}
.portfolio-grid-v5 .portfolio-card:nth-child(4),.portfolio-grid-v5 .portfolio-card:nth-child(5){grid-column:auto}
.v5-portfolio-card{animation:v5CardRise 1.2s both;animation-timeline:view();animation-range:entry 0% cover 30%}
.v5-portfolio-card .portfolio-card-top{min-height:33px}
.v5-portfolio-card .portfolio-media:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 22%,rgba(115,233,255,.18) 43%,transparent 62%);transform:translateX(-130%);transition:transform 1.1s ease}
.v5-portfolio-card:hover .portfolio-media:before{transform:translateX(130%)}
.v5-specific-benefits{margin:25px 0 29px;border-top:1px solid #CAD6E4;border-bottom:1px solid #CAD6E4;padding:23px 0 10px}
.v5-specific-benefits>strong{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#1D4ED8;font-weight:900}
.v5-specific-benefits ul{list-style:none;padding:0;margin:17px 0 0}
.v5-specific-benefits li{padding:11px 0;display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:baseline;border-top:1px solid #E0E9F2;font-size:13px;line-height:1.45;color:#35495F}
.v5-specific-benefits li b{color:#1D4ED8;font-size:10px;letter-spacing:.1em}
.v5-service-label{display:block;color:#1D4ED8;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:850}
.v5-specialist-copy h2{margin:22px 0 22px;font-size:clamp(43px,4.9vw,76px)}
.v5-service-problem{font-size:clamp(15px,1.15vw,17px);color:#41576E;line-height:1.77}
.v5-kinetic-band{background:#2563EB;color:white;overflow:hidden;display:flex;gap:55px;padding:25px 0;white-space:nowrap;align-items:center;letter-spacing:.15em;font-size:clamp(13px,1.4vw,20px);font-weight:800}
.v5-kinetic-band span{flex:none;animation:v5Marquee 23s linear infinite}.v5-kinetic-band span:nth-child(2){color:#5CE1E6}.v5-band-process{background:#051827}.v5-band-work{background:#10283D}
@keyframes v5Marquee{to{transform:translateX(-900px)}}
@keyframes v5CardRise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
.story-hero{overflow:hidden}.story-hero-film video{filter:saturate(1.1) brightness(.95)!important;object-fit:cover;opacity:.97}.story-hero-shade{background:linear-gradient(90deg,rgba(4,13,27,.92) 0%,rgba(5,17,36,.73) 42%,rgba(4,13,27,.18) 100%),linear-gradient(0deg,#06121f9c,transparent 45%)}
.story-hero-inner h1{animation:v5HeroTitle .85s cubic-bezier(.2,.7,.2,1) both}.story-hero-inner p{animation:v5HeroTitle 1.1s cubic-bezier(.2,.7,.2,1) .13s both}.story-scroll{animation:v5ArrowFloat 2s ease-in-out infinite}
@keyframes v5HeroTitle{from{transform:translateY(44px);filter:blur(7px);opacity:0}to{transform:translateY(0);filter:none;opacity:1}}
@keyframes v5ArrowFloat{50%{transform:translateY(-9px)}}
.about-editorial-photo>img,.process-philosophy-photo img{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.about-editorial-photo:hover>img,.process-philosophy-photo:hover img{transform:scale(1.045)}
.process-row-enhanced{transition:background .35s ease,transform .5s ease}.process-row-enhanced:hover{transform:translateX(8px)}
.process-progress-fill{box-shadow:0 0 22px rgba(92,225,230,.45)}
.article-cover{background:#071725!important;isolation:isolate}.article-cover img{filter:none!important;height:auto!important;min-height:320px;max-height:740px;object-fit:contain!important;image-rendering:auto!important}.article-inline-figure img{filter:none!important;object-fit:contain!important;background:#0B1E31}
.article-cover>span{text-shadow:0 2px 8px #071627}.insight-photo img{filter:saturate(1) contrast(1.04)}
.story-hero-film{background:radial-gradient(circle at 70% 40%,#175a84,#091826 64%)}
.story-hero-film:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.08);animation:v5FilmGlow 7s ease-in-out infinite}
@keyframes v5FilmGlow{50%{box-shadow:inset 0 0 160px rgba(75,189,246,.2)}}
@media(max-width:850px){.portfolio-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-portfolio-card:last-child{grid-column:1/-1}.v5-kinetic-band{padding:16px 0}.story-hero-film video{object-position:64% center}}
@media(max-width:700px){.portfolio-grid-v5{grid-template-columns:1fr}.v5-portfolio-card:last-child{grid-column:auto}.v5-specialist-copy h2{font-size:clamp(38px,9vw,59px)}.v5-service-label{font-size:9px}.story-hero-film video{object-position:60% center}.article-cover img{min-height:190px}}
@media(prefers-reduced-motion:reduce){.v5-kinetic-band span,.story-hero-inner h1,.story-hero-inner p,.story-scroll,.story-hero-film:after,.v5-portfolio-card{animation:none!important;opacity:1!important;transform:none!important}}


/* Editorial film sequences are visible in the body, not only tucked beneath a hero overlay */
.v5-portfolio-film{display:grid;grid-template-columns:1.22fr .78fr;gap:0;min-height:430px;background:#081C2B;margin:35px 0 60px;overflow:hidden;color:#fff}
.v5-portfolio-film-media{position:relative;min-height:430px;overflow:hidden;background:#09213C}
.v5-inline-film{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:brightness(.86) saturate(1.12)}
.v5-film-note{position:absolute;bottom:19px;left:22px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#B9D7E9;z-index:3}
.v5-portfolio-film-story{padding:55px clamp(23px,3.5vw,70px);display:flex;justify-content:center;flex-direction:column;gap:16px}
.v5-portfolio-film-story h3{font-size:clamp(31px,3.9vw,61px);letter-spacing:-.06em;line-height:1.08;margin:11px 0 0}
.v5-portfolio-film-story h3 em{font-family:var(--serif);color:#5CE1E6;font-weight:400;font-style:italic}
.v5-portfolio-film-story p{font-size:15px;color:#BDD2E2;line-height:1.75}
.v5-portfolio-film-story>span{color:#5CE1E6;letter-spacing:.13em;font-size:10px;font-weight:850;margin-top:14px;animation:v5ArrowFloat 2s ease-in-out infinite}
.v5-media-reel{position:relative}.v5-media-reel .v5-inline-film{filter:saturate(1.1) brightness(1)}
.about-video-strip .film-reel{position:relative;min-height:320px}.about-video-strip .film-reel video{width:100%;height:100%;object-fit:cover}
@media(max-width:850px){.v5-portfolio-film{grid-template-columns:1fr}.v5-portfolio-film-media{min-height:320px}.v5-portfolio-film-story{padding:42px 27px 55px}}
@media(prefers-reduced-motion:reduce){.v5-portfolio-film-story>span{animation:none}}


/* TechFlos V6 — cinematic motion with no rasterized lettering or cropped video text */
.story-hero{background:#05111f;min-height:690px;isolation:isolate}
.story-hero-film{z-index:0}
.story-hero-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1!important;filter:none!important;transform:translateZ(0)}
.story-hero-about .story-hero-film video,.story-hero-process .story-hero-film video,.story-hero-work .story-hero-film video{filter:none!important}
.story-hero-shade{background:linear-gradient(90deg,#05111ff7 0%,#051321ed 31%,#051422ab 51%,#05142230 76%,#06132111 100%);z-index:1}
.story-hero-inner{z-index:3;padding-top:126px;padding-bottom:90px;min-height:680px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.story-hero h1{font-size:clamp(54px,6.5vw,94px);max-width:1040px;line-height:1.02;letter-spacing:-.072em;text-wrap:balance;overflow-wrap:normal;margin:26px 0}
.story-hero p{max-width:650px;font-size:clamp(15px,1.3vw,18px);line-height:1.65}
.story-overline{margin-top:19px}
.story-hero-work h1,.story-hero-process h1{font-size:clamp(56px,6.4vw,90px)}
.story-hero-inner h1,.story-hero-inner p{filter:none!important}
.stock-disclosure{z-index:3;font-size:9px;color:#b5d2e0;letter-spacing:.13em}
/* Make the hero copy readable even when an artwork happens to get behind the words. */
.story-hero-inner>*{position:relative}
/* ABOUT: editorial photograph, never a duplicate low-resolution film */
.about-video-strip{padding-top:65px;padding-bottom:95px}
.about-video-strip .wrap{gap:clamp(30px,5vw,90px)}
.v6-editorial-photostory{position:relative;min-height:440px!important;overflow:hidden;background:#111e2b;isolation:isolate}
.v6-editorial-photostory img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:contrast(1.04) saturate(.85);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
.v6-editorial-photostory:hover img{transform:scale(1.055)}
.v6-photo-lights{position:absolute;inset:0;background:linear-gradient(0deg,#04182acc,transparent 60%);pointer-events:none}
.v6-photo-stamp{position:absolute;z-index:2;bottom:26px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#fff;font-weight:750;font-size:10px;letter-spacing:.16em}
.v6-photo-stamp span{padding-bottom:8px;border-bottom:1px solid #7adcfbaa}
/* PROCESS: original crisp DOM motion artwork, never enlarged small text inside video */
.v6-process-editorial{position:relative;min-height:445px!important;height:auto!important;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:29px clamp(18px,3vw,49px);background:radial-gradient(ellipse at 80% 30%,#144a73 0%,#082843 43%,#041623 100%);color:#e4f4fc}
.v6-process-editorial:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a2d5ed17 1px,transparent 1px),linear-gradient(90deg,#a2d5ed17 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000);pointer-events:none}
.v6-process-top,.v6-process-bottom{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:10px;letter-spacing:.17em;font-weight:750;color:#c2e0f4}
.v6-process-bottom{color:#5ce1e6}
.v6-process-meter{position:relative;padding:65px 0 25px}
.v6-process-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;position:relative;z-index:2}
.v6-node{padding:20px 3px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#092d48;border:1px solid #4885ae77;box-shadow:0 15px 25px #0003;transition:transform .5s ease,background .5s ease}
.v6-node:hover{transform:translateY(-12px);background:#165b84}
.v6-node b{display:flex;align-items:center;justify-content:center;color:#041a27;width:31px;height:31px;background:#5ce1e6;border-radius:50%;font-size:11px}
.v6-node span{color:#e2f1fc;font-size:clamp(10px,1vw,13px);letter-spacing:.02em;white-space:nowrap}
.v6-process-line{height:5px;background:#356b91;margin:36px 7px 0;border-radius:30px;overflow:hidden}
.v6-process-line>span{display:block;height:100%;width:30%;background:linear-gradient(90deg,transparent,#5ce1e6 55%,#93f1fa);box-shadow:0 0 18px #5ce1e6;animation:v6RailMove 6s ease-in-out infinite alternate}
@keyframes v6RailMove{0%{transform:translateX(-100%)}100%{transform:translateX(430%)}}
/* SELECTED WORK: three distinct documentary photographs, properly composed. */
.v6-work-photo-gallery{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:#071828}
.v6-work-image{position:relative;overflow:hidden;min-height:195px;background:#203a50}
.v6-work-image-one{grid-row:span 2}
.v6-work-image img{position:absolute;width:100%;height:100%;object-fit:cover;filter:contrast(1.02) saturate(.82);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.v6-work-image:hover img{transform:scale(1.07)}
.v6-work-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#021522ba,transparent 52%)}
.v6-work-image span{position:absolute;z-index:2;bottom:16px;left:15px;color:#eefaff;font-size:10px;font-weight:850;letter-spacing:.15em}
.v5-portfolio-film-story h3{letter-spacing:-.052em}
/* Refinements for small screens */
@media(max-width:860px){.story-hero-inner{min-height:640px;padding-top:120px}.story-hero h1{font-size:clamp(51px,7.2vw,75px);max-width:100%}.story-hero-shade{background:linear-gradient(90deg,#04121ff2 0%,#04121fe0 48%,#04121fa6 84%,#04121f85)}.v6-work-photo-gallery{min-height:410px}}
@media(max-width:700px){.story-hero{min-height:600px}.story-hero-inner{min-height:600px;padding:100px 0 72px;justify-content:center}.story-hero h1,.story-hero-work h1,.story-hero-process h1{font-size:clamp(45px,10.3vw,64px);line-height:1.06}.story-hero p{max-width:100%}.story-hero-film video{object-position:65% center!important}.story-hero-shade{background:linear-gradient(90deg,#04121ffa,#04121fdf 70%,#04121f9d)}.about-video-strip{padding:40px 0 70px}.v6-editorial-photostory{min-height:320px!important}.v6-photo-stamp{font-size:9px;left:16px;right:16px}.v6-process-editorial{min-height:350px!important;padding:20px 15px}.v6-process-top,.v6-process-bottom{font-size:8px}.v6-process-meter{padding:40px 0 20px}.v6-process-nodes{gap:4px}.v6-node{min-height:87px;padding:8px 2px;gap:9px}.v6-node span{font-size:clamp(8px,2.15vw,11px)}.v6-node b{width:25px;height:25px;font-size:9px}.v6-work-photo-gallery{min-height:300px}.v6-work-image{min-height:145px}.v6-work-image span{font-size:8px}.v5-portfolio-film-media{min-height:300px}}
@media(prefers-reduced-motion:reduce){.v6-process-line>span{animation:none;transform:translateX(160%)}.v6-work-image img,.v6-editorial-photostory img,.v6-node{transition:none}}


/* V6 final mobile polish: retain actual horizontal gutters inside the full-width hero. */
@media(max-width:700px){.story-hero-inner.wrap{padding-left:22px!important;padding-right:22px!important}.story-hero-inner h1{max-width:100%;overflow-wrap:normal}.story-hero-inner p{max-width:100%}.preview-notice{font-size:8px!important;max-width:136px;bottom:9px!important;right:9px!important;padding:7px 9px!important;opacity:.86}}
