/* IT Reinforcement 2026 editorial design enhancement | static, Cloudflare Pages ready */
:root{--editorial-dark:#05121d;--editorial-accent:#64e3cb;--editorial-warm:#e8dfce}
html{scroll-padding-top:100px} .site-header{transition:background .25s ease,box-shadow .25s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header.is-scrolled{background:rgba(6,24,34,.96);box-shadow:0 20px 45px rgba(3,18,25,.28)}
body:before{content:"";position:fixed;left:0;top:0;height:3px;width:var(--reading-progress,0%);background:linear-gradient(90deg,#51d7c1,#ebc390);z-index:100;pointer-events:none}
.home-hero{isolation:isolate;min-height:720px;background:#061722;position:relative}.hero-artwash{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-artwash:before{content:"";position:absolute;inset:-6%;background:linear-gradient(90deg,#061722 6%,rgba(6,23,34,.96) 33%,rgba(6,23,34,.5) 76%,rgba(6,23,34,.12)),url('../images/datacentre-blue.webp') center right/cover no-repeat;transform:translate3d(0,var(--parallax-shift,0px),0) scale(1.07);will-change:transform}.hero-artwash:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#061722 100%),radial-gradient(circle at 80% 40%,rgba(64,205,174,.17),transparent 40%)}
.hero-glow{opacity:.11}.hero-grid{z-index:2}.hero-copy h1{font-size:clamp(3.35rem,4.5vw,5rem);letter-spacing:-.068em}.hero-copy .eyebrow{color:#b8ebdb}.hero-lede{color:#c1d1d4}.dash-window{box-shadow:0 45px 110px rgba(0,0,0,.6);backdrop-filter:blur(10px);background:rgba(10,33,45,.94);transition:transform .5s ease,box-shadow .5s ease}.dash-window:hover{transform:perspective(1400px) rotateY(-1deg) rotateX(1deg) translateY(-8px);box-shadow:0 48px 125px rgba(0,0,0,.64)}.hero-visual{position:relative}.hero-visual:before{position:absolute;content:"";inset:-40px -42px 12px 50px;background:radial-gradient(circle,#44c3ac37 0%,transparent 64%);pointer-events:none}
.editorial-intro{padding:94px 0;background:#f1f5f4}.editorial-intro-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:33px}.editorial-intro-head h2{font-size:clamp(2.4rem,4.2vw,4rem);max-width:750px;margin-bottom:0}.editorial-intro-head>p{max-width:280px;font-size:.92rem;line-height:1.8;margin:0}.editorial-scenes{display:grid;grid-template-columns:1.18fr 1fr;gap:18px}.editorial-scene{height:455px;min-width:0;display:flex;align-items:flex-end;position:relative;border-radius:10px;overflow:hidden;color:#fff;isolation:isolate;box-shadow:0 22px 42px rgba(8,36,45,.14)}.editorial-scene:focus-visible{outline-color:#118a77}.scene-bg{position:absolute;inset:-8%;z-index:-2;transform:translate3d(0,var(--parallax-shift,0px),0) scale(1.07);will-change:transform;background-color:#122c3b;background-position:center;background-size:cover;transition:transform .7s ease,filter .7s ease}.scene-server .scene-bg{background-image:url('../images/datacentre-blue.webp'),url('../images/server-atmosphere.svg')}.scene-energy .scene-bg{background-image:url('../images/solar-ev-charging.webp'),url('../images/energy-landscape.svg')}.editorial-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,19,.05) 20%,rgba(2,15,21,.9) 100%);z-index:-1}.editorial-scene:hover .scene-bg{filter:saturate(1.17);transform:translate3d(0,var(--parallax-shift,0px),0) scale(1.12)}.scene-info{padding:36px;display:block;max-width:470px}.scene-info small{font-size:.68rem;letter-spacing:.2em;font-weight:800;color:#a4f2dd}.scene-info strong{display:block;font-size:clamp(1.7rem,2.7vw,2.55rem);letter-spacing:-.05em;line-height:1.13;margin:13px 0}.scene-info>span{font-size:.9rem;color:#d4e1e0;line-height:1.6;display:block}.scene-arrow{position:absolute;right:32px;top:26px;display:grid;place-items:center;height:43px;width:43px;border:1px solid #a9cec8;border-radius:50%;font-size:1.4rem}
.image-story{background:#091e29;overflow:hidden;position:relative;isolation:isolate;padding:120px 0;color:#e9f5f1}.image-story:before{content:"";z-index:-2;position:absolute;inset:-8%;background:url('../images/datacentre-blue.webp') center center/cover no-repeat,url('../images/server-atmosphere.svg') center/cover no-repeat;transform:translateY(var(--parallax-shift,0px)) scale(1.08)}.image-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,17,26,.97),rgba(5,17,26,.76) 50%,rgba(5,17,26,.36))}.image-story .eyebrow{color:#9dedda}.image-story h2{font-size:clamp(2.5rem,5vw,5rem);max-width:720px;line-height:1.07}.image-story p{font-size:1.1rem;color:#d8e5e4;line-height:1.83;max-width:580px}.image-story .tiny-line{width:92px;height:3px;background:#5be0c6;margin-top:35px}
.page-hero.short-hero{min-height:610px;background:#061923;isolation:isolate}.page-hero.short-hero:before{content:"";position:absolute;inset:-8%;z-index:-2;background:url('../images/datacentre-blue.webp') center center/cover no-repeat,url('../images/server-atmosphere.svg') center/cover no-repeat;transform:translateY(var(--parallax-shift,0px)) scale(1.08)}.page-hero.short-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,19,30,.98) 0%,rgba(5,19,30,.89) 50%,rgba(5,19,30,.4) 100%)}
.ai-page-hero{isolation:isolate}.ai-page-hero:before{content:"";position:absolute;inset:-4%;z-index:-2;background:url('../images/evidence-network.svg') center right/cover no-repeat;opacity:.42;transform:translateY(var(--parallax-shift,0px)) scale(1.04)}.ai-page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071621 5%,rgba(7,22,33,.91) 53%,rgba(7,22,33,.54))}.ai-page-hero .concept-tile{box-shadow:0 50px 90px rgba(0,0,0,.27)}
.energy-hero{isolation:isolate;background:#0b2632}.energy-hero:before{content:"";position:absolute;inset:-5%;z-index:-2;background:url('../images/solar-ev-charging.webp') center center/cover no-repeat,url('../images/energy-landscape.svg') center/cover no-repeat;opacity:.75;transform:translateY(var(--parallax-shift,0px)) scale(1.08)}.energy-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,19,30,.98),rgba(4,19,30,.89) 53%,rgba(4,19,30,.56))}.energy-hero .energy-graphic{background:rgba(7,24,34,.8);backdrop-filter:blur(8px);box-shadow:0 40px 80px rgba(0,0,0,.4)}
.about-hero{isolation:isolate}.about-hero:before{content:"";position:absolute;inset:-5%;z-index:-2;background:url('../images/server-atmosphere.svg') center right/cover no-repeat;opacity:.34;transform:translateY(var(--parallax-shift,0px)) scale(1.05)}.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071621,rgba(7,22,33,.8))}
.contact-hero{isolation:isolate}.contact-hero:before{content:"";position:absolute;inset:-5%;z-index:-2;background:url('../images/evidence-network.svg') center right/cover no-repeat;opacity:.28;transform:translateY(var(--parallax-shift,0px)) scale(1.05)}.contact-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071621,rgba(7,22,33,.84))}
.energy-photo-strip{padding:100px 0;background:#081f2a;color:#f1faf7}.energy-photo-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.energy-photo-grid h2{font-size:clamp(2.25rem,4vw,3.8rem)}.energy-photo-grid p{color:#bdcecf;line-height:1.9}.energy-photo-card{height:510px;border-radius:9px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 30px 65px rgba(0,0,0,.22)}.energy-photo-card:before{content:"";position:absolute;inset:-7%;z-index:-2;background:url('../images/solar-ev-charging.webp') center/cover no-repeat,url('../images/energy-landscape.svg') center/cover no-repeat;transform:translateY(var(--parallax-shift,0px)) scale(1.08)}.energy-photo-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(2,17,27,.85))}.image-label{position:absolute;bottom:25px;left:30px;right:30px;padding-top:16px;border-top:1px solid rgba(255,255,255,.5);color:#f0f7f4;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}
.evidence-editorial{background:#f3f6f5;padding:90px 0}.evidence-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px}.evidence-grid h2{max-width:540px}.evidence-grid p{max-width:480px;line-height:1.85}.evidence-illustration{border-radius:12px;overflow:hidden;min-height:400px;position:relative;background:#061622;box-shadow:0 32px 55px rgba(3,28,40,.18)}.evidence-illustration img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.95}.evidence-illustration:after{position:absolute;content:"Illustrative evidence network · proposed workflow";font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;font-weight:740;color:#a5ead9;left:30px;right:20px;bottom:24px}.evidence-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.evidence-pills span{border:1px solid #b6d5d0;color:#185e5b;border-radius:999px;font-size:.73rem;font-weight:780;padding:8px 13px}
.editorial-quote{font-size:1.2rem;color:#123b46;font-weight:600;line-height:1.55;letter-spacing:-.02em;max-width:500px}.editorial-quote:before{content:'“';display:block;color:#1d9d90;font-family:Georgia,serif;font-size:5rem;line-height:.8}
.photo-footnote{font-size:.67rem;color:#668083}.motion-ready .reveal{transition:opacity .72s ease,transform .72s cubic-bezier(.19,1,.22,1)}.motion-ready .reveal:not(.in-view){opacity:0;transform:translateY(32px)}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}.pulse-line{stroke-dasharray:6 14;animation:traceflow 16s linear infinite}@keyframes traceflow{to{stroke-dashoffset:-300}}
@media(max-width:940px){.editorial-intro-head{display:block}.editorial-intro-head>p{margin-top:15px;max-width:560px}.energy-photo-grid,.evidence-grid{grid-template-columns:1fr;gap:28px}.energy-photo-card{height:410px}.evidence-illustration{min-height:390px}.home-hero{min-height:0}}
@media(max-width:700px){.home-hero .hero-artwash:before{background:linear-gradient(90deg,rgba(6,23,34,.96),rgba(6,23,34,.8)),url('../images/server-atmosphere.svg') center/cover no-repeat;transform:none}.editorial-intro{padding:70px 0}.editorial-scenes{grid-template-columns:1fr}.editorial-scene{height:330px}.scene-info{padding:27px}.scene-info strong{font-size:1.85rem}.image-story{padding:78px 0}.page-hero.short-hero{min-height:510px}.energy-photo-strip,.evidence-editorial{padding:67px 0}.energy-photo-card{height:325px}.evidence-illustration{min-height:330px}.energy-hero:before{opacity:.43}.editorial-quote{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.hero-artwash:before,.scene-bg,.image-story:before,.page-hero.short-hero:before,.energy-hero:before,.ai-page-hero:before,.about-hero:before,.contact-hero:before,.energy-photo-card:before{transform:none!important;will-change:auto!important}.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}.pulse-line{animation:none!important}.dash-window:hover{transform:none!important}}

/* User-selected editorial visual direction. Local image = no external hosting request. */
.home-hero .hero-artwash:before{background:linear-gradient(90deg,#061722 0%,rgba(6,23,34,.98) 24%,rgba(6,23,34,.78) 56%,rgba(6,23,34,.20) 100%),url('../images/datacentre-blue.webp') center 42%/cover no-repeat}
.scene-server .scene-bg{background-position:center 40%}
.page-hero.short-hero:before{background-position:center 40%}
.ai-page-hero:before{background:url('../images/ai-light-trails.svg') center 48%/cover no-repeat;opacity:.76}
.ai-page-hero:after{background:linear-gradient(90deg,#071621 0%,rgba(7,22,33,.98) 30%,rgba(7,22,33,.76) 68%,rgba(7,22,33,.24))}
@media(max-width:700px){.home-hero .hero-artwash:before{background:linear-gradient(90deg,rgba(6,23,34,.95),rgba(6,23,34,.8)),url('../images/datacentre-blue.webp') center 35%/cover no-repeat}.ai-page-hero:before{opacity:.32}}
@media(prefers-reduced-motion:reduce){.ai-page-hero:before{transform:none!important}}

/* October 2026: user-selected images, self-hosted via Cloudflare Pages. */
.ai-page-hero:before{background:url('../images/ai-teal-trails.webp') 64% center/cover no-repeat,url('../images/ai-light-trails.svg') center/cover no-repeat;opacity:.80}
.ai-page-hero:after{background:linear-gradient(90deg,#071621 0%,rgba(7,22,33,.97) 31%,rgba(7,22,33,.72) 65%,rgba(7,22,33,.23))}
.scene-energy .scene-bg{background-position:54% center}
.energy-hero:before{background-position:62% center;opacity:.77}
.energy-photo-card:before{background-position:50% center}
@media(max-width:700px){.ai-page-hero:before{background-position:60% center;opacity:.44}.energy-hero:before{background-position:58% center;opacity:.48}}

/* Founder photography and research/personal links – October 2026 */
.founder-mark-photo{display:block;overflow:hidden;background:#dce9e9;box-shadow:0 4px 20px rgba(7,32,39,.10);transition:transform .2s ease,box-shadow .2s ease}
.founder-mark-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;transition:transform .25s ease}
.founder-mark-photo span{display:grid;place-items:center;bottom:0;right:0;width:28px;height:28px;border-radius:10px 0 0 0;background:#0b756e;color:#fff;font-weight:700;letter-spacing:0}
.founder-mark-photo:hover,.founder-mark-photo:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,32,39,.2)}
.founder-mark-photo:hover img{transform:scale(1.05)}
.founder-quicklinks{display:flex;flex-wrap:wrap;gap:11px 23px;margin-top:13px}
.founder-quicklinks a{font-size:.77rem;line-height:1.5;font-weight:750;color:#0a7c73;text-decoration:underline;text-decoration-color:rgba(10,124,115,.3);text-underline-offset:5px}
.founder-quicklinks a:hover{text-decoration-color:currentColor;color:#075c56}
.founder-visual-photo{display:block;isolation:isolate;background:#e8eceb;transition:box-shadow .2s ease,transform .2s ease}
.founder-visual-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 25%;transition:transform .3s ease}
.founder-visual-photo:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,26,36,.63) 0%,transparent 22%,transparent 55%,rgba(6,23,32,.83) 100%)}
.founder-visual-photo:after{display:none}
.founder-visual-photo>.founder-photo-kicker{color:#fff;font-size:.67rem;letter-spacing:.12em;top:27px;left:27px}
.founder-visual-photo>.founder-overlay{z-index:2;left:28px;bottom:27px;color:#fff;font-size:.98rem;text-shadow:0 1px 6px rgba(0,0,0,.24)}
.founder-visual-photo>.founder-photo-link{top:auto;left:auto;right:22px;bottom:25px;border:1px solid rgba(255,255,255,.8);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.9rem;letter-spacing:0}
.founder-visual-photo:hover img{transform:scale(1.035)}
.founder-visual-photo:focus-visible,.founder-mark-photo:focus-visible{outline:3px solid #15a994;outline-offset:4px}
.founder-web-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:25px}
.founder-web-links a{display:grid;grid-template-columns:1fr auto;gap:4px 9px;align-items:center;padding:17px 16px;background:#edf6f4;border:1px solid #d6e9e5;border-radius:12px;text-decoration:none;color:#165159;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.founder-web-links a:hover{background:#e0f2ec;border-color:#93cfc0;transform:translateY(-2px)}
.founder-web-links a strong{grid-column:1;font-size:.86rem}
.founder-web-links a small{grid-column:1;font-size:.68rem;color:#5d7a7c;overflow-wrap:anywhere}
.founder-web-links a>span{grid-column:2;grid-row:1/3;font-size:1.05rem;color:#0b8276}
@media(max-width:600px){.founder-web-links{grid-template-columns:1fr}.founder-quicklinks{margin-top:17px;gap:10px 20px}.founder-visual-photo>.founder-photo-kicker{left:22px;top:23px}.founder-visual-photo>.founder-overlay{left:22px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.founder-visual-photo img,.founder-mark-photo img,.founder-mark-photo{transition:none!important}.founder-visual-photo:hover img,.founder-mark-photo:hover img{transform:none!important}}


/* October 2026: official IT Reinforcement corporate identity */
.brand{gap:8px;min-width:0}
.brand img{display:block;width:46px;height:46px;flex:none;object-fit:contain}
.brand-word{display:grid;line-height:1.12;min-width:0}
.brand-word strong{display:flex;gap:5px;align-items:baseline;font-size:1.03rem;line-height:1.13;letter-spacing:.01em;font-weight:760;white-space:nowrap}
.brand-word strong .brand-it{color:#24a6da;font-weight:760;letter-spacing:.01em}
.brand-word strong .brand-name{color:#f7fafc;font-weight:760;letter-spacing:.005em}
.brand-word small{color:#b2c2d5;letter-spacing:.095em;text-transform:uppercase;font-size:.48rem;font-weight:640;margin-top:5px;white-space:nowrap}
.brand-word small span{padding:0 .14em;color:#37a7d1}
.footer-brand{gap:9px}
.footer-brand img{display:block;width:42px;height:42px;object-fit:contain}
.footer-brand strong{font-weight:760;letter-spacing:.015em;font-size:1.03rem}
.footer-brand .footer-it{color:#24a6da}
@media(max-width:1120px){.brand-word strong{font-size:.91rem}.brand-word small{font-size:.43rem;letter-spacing:.07em}.brand img{width:41px;height:41px}}
@media(max-width:850px){.brand-word strong{font-size:1.02rem}.brand-word small{font-size:.48rem}.brand img{width:46px;height:46px}}
@media(max-width:580px){.brand{gap:6px}.brand img{width:34px;height:34px}.brand-word strong{font-size:.8rem;gap:4px}.brand-word small{font-size:.36rem;letter-spacing:.025em;margin-top:4px}.header-inner{gap:8px}}