/* HE-Reigns Computers — homepage */
.hrc-splash-seen .splash{display:none!important}
.splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,#132019 0,#07110c 62%);color:#fff;overflow:hidden}
.splash::before,.splash::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(184,255,69,.12)}
.splash::before{width:min(72vw,760px);height:min(72vw,760px);animation:spin 16s linear infinite}.splash::after{width:min(52vw,560px);height:min(52vw,560px);animation:spin 11s linear infinite reverse}
.splash-inner{position:relative;z-index:2;width:min(90vw,640px);text-align:center;display:grid;justify-items:center}
.splash-logo{width:min(230px,48vw);height:auto;max-height:240px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.22))}
.splash-name{margin-top:22px;font-size:clamp(32px,5vw,52px);font-weight:850;letter-spacing:-.045em;line-height:1}
.splash-line{position:relative;width:min(340px,66vw);height:2px;background:rgba(255,255,255,.12);margin-top:28px}
.splash-line span{display:block;height:100%;width:0;background:var(--hrc-signal);box-shadow:0 0 16px rgba(184,255,69,.4)}
.splash-line i{position:absolute;left:0;top:50%;width:11px;height:11px;border-radius:50%;background:var(--hrc-signal);transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(184,255,69,.08),0 0 24px rgba(184,255,69,.42)}
.splash-progress{margin-top:13px;color:#a6b2a8;font-size:14px;font-variant-numeric:tabular-nums}
.splash.exit{animation:splashExit .42s cubic-bezier(.75,0,.2,1) forwards}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes splashExit{to{clip-path:inset(0 0 100% 0)}}

.hero{position:relative;min-height:760px;background:var(--hrc-ink);color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,8,.80) 0%,rgba(5,12,8,.50) 35%,rgba(5,12,8,.07) 70%),linear-gradient(0deg,rgba(5,12,8,.62),transparent 44%),var(--hrc-home-hero-image,url("https://images.unsplash.com/photo-1739287088635-444554e7ac0e?auto=format&fit=crop&fm=jpg&q=86&w=2200")) 62% center/cover no-repeat;transform:scale(1.03);animation:heroDrift 16s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 44%,transparent 0 21%,rgba(3,8,5,.04) 52%,rgba(3,8,5,.14) 100%)}
.hero-inner{position:relative;z-index:3;min-height:760px;padding:140px 0 58px;display:flex;align-items:flex-end}
.hero-content{width:48%;max-width:590px}
.hero h1{margin:0;font-size:clamp(54px,5.9vw,80px);line-height:.94;letter-spacing:-.058em;font-weight:850;text-wrap:balance}
.hero h1 span{color:var(--hrc-signal)}
.hero p{margin:22px 0 0;max-width:500px;color:rgba(255,255,255,.84);font-size:18px;line-height:1.62}
.hero-actions{margin-top:30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cta-primary{min-height:50px;padding:0 20px;background:var(--hrc-signal);color:var(--hrc-ink);display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:850;box-shadow:0 14px 34px rgba(184,255,69,.1);transition:transform .2s,box-shadow .2s,background .2s}
.cta-primary::after{content:"↗";width:25px;height:25px;background:var(--hrc-ink);color:#fff;display:grid;place-items:center;font-size:14px}
.cta-primary:hover,.cta-primary:focus-visible{transform:translateY(-2px);box-shadow:0 18px 42px rgba(184,255,69,.16);background:var(--hrc-signal-hover)}
.cta-secondary{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:740;color:rgba(255,255,255,.8);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.cta-secondary::after{content:"→";color:var(--hrc-signal)}
.hero-signal{position:absolute;right:max(28px,calc((100vw - var(--hrc-max))/2 + 34px));bottom:38px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.hero-signal::before{content:"";position:absolute;inset:24px;border:1px solid rgba(184,255,69,.38);border-radius:50%;animation:spin 7s linear infinite}.hero-signal::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;background:var(--hrc-signal);transform:translate(-50%,-50%);box-shadow:0 0 0 11px rgba(184,255,69,.07),0 0 24px rgba(184,255,69,.34)}
@keyframes heroDrift{to{transform:scale(1.065) translateX(-.6%)}}

.capabilities{background:var(--hrc-paper)}
.cap-head,.work-top,.final-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.cap-head a,.work-top a,.product-links a{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:820;padding-bottom:4px;border-bottom:1px solid var(--hrc-ink)}
.cap-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:68px;align-items:start}
.cap-list{border-top:1px solid var(--hrc-line)}
.cap-item{width:100%;padding:21px 0;border:0;border-bottom:1px solid var(--hrc-line);background:transparent;color:inherit;text-align:left;font:inherit;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:18px;align-items:start;cursor:pointer}
.cap-item small{font-size:14px;color:#737d74;font-variant-numeric:tabular-nums;padding-top:4px}
.cap-item h3{margin:0;font-size:clamp(24px,2.3vw,33px);line-height:1.05;letter-spacing:-.035em}
.cap-item p{margin:8px 0 0;color:#5f695f;font-size:15px;line-height:1.58;max-width:500px}
.cap-item i{font-style:normal;font-size:20px;transition:transform .25s;margin-top:2px}.cap-item.active h3,.cap-item:hover h3{color:#386c09}.cap-item.active i,.cap-item:hover i{transform:rotate(45deg)}
.cap-visual{position:sticky;top:calc(var(--hrc-header-height) + 26px);height:555px;overflow:hidden;background:var(--hrc-ink);box-shadow:var(--hrc-shadow-soft)}
.cap-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,8,.76),transparent 56%)}
.cap-visual img{width:100%;height:100%;object-fit:cover;transition:.65s var(--hrc-ease)}.cap-visual.switch img{opacity:.3;transform:scale(1.06)}
.cap-caption{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff}.cap-caption strong{font-size:25px;letter-spacing:-.035em}.cap-caption p{margin:8px 0 0;font-size:14px;color:rgba(255,255,255,.82);line-height:1.58;max-width:420px}

/* Selected Work — content-first */
.work{background:var(--hrc-white)}
.work-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:590px;border:1px solid var(--hrc-line);overflow:hidden;background:#fff}
.work-feature{position:relative;min-height:590px;overflow:hidden}.work-feature img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--hrc-ease)}.work-feature:hover img{transform:scale(1.025)}.work-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,8,.58),transparent 50%)}
.work-feature-content{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff}.work-feature-content .work-badge{margin-bottom:10px}.work-feature h3{margin:0;font-size:clamp(30px,3vw,43px);line-height:1;letter-spacing:-.04em;max-width:620px}.work-feature p{margin:12px 0 0;max-width:520px;color:rgba(255,255,255,.88);font-size:15px;line-height:1.58}
.work-badge{display:inline-flex;align-items:center;padding:0;background:transparent;font-size:14px;font-weight:760;width:max-content;letter-spacing:.02em}
.work-side{display:grid;grid-template-rows:1fr 1fr;background:var(--hrc-paper)}
.work-card{position:relative;display:grid;grid-template-columns:148px 1fr;gap:22px;align-items:center;padding:26px;border-bottom:1px solid var(--hrc-line);color:var(--hrc-ink)}.work-card:last-child{border-bottom:0}
.work-card img{width:148px;height:148px;object-fit:cover}.work-card::after{display:none}
.work-card-content{position:static;display:block}.work-card .work-badge{color:#386c09;margin-bottom:11px}.work-card h3{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.035em}.work-card p{margin:9px 0 0;color:#5a635b;font-size:14px;line-height:1.58}

/* Ecosystem */
.ecosystem{background:var(--hrc-ink);color:#fff;overflow:hidden}
.eco-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center}
.eco-copy .section-title{max-width:430px}.eco-copy p{margin-top:20px;color:#a7b1a9;line-height:1.68;max-width:460px;font-size:16px}.eco-copy .cta-secondary{display:inline-flex;margin-top:10px}
.orbit-wrap{display:flex;justify-content:center;min-width:0;padding:18px 0 34px}
.orbit{position:relative;width:min(100%,650px);aspect-ratio:1/1;flex:0 1 650px}
.ring{position:absolute;inset:8%;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:spin 34s linear infinite}.ring.r2{inset:23%;animation-direction:reverse;animation-duration:23s}
.eco-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:174px;height:174px;border-radius:50%;background:var(--hrc-signal);color:var(--hrc-ink);display:grid;place-items:center;text-align:center;font-size:19px;line-height:1.05;font-weight:850;box-shadow:0 0 70px rgba(184,255,69,.14);z-index:2}.eco-core span{display:block;margin-top:8px;font-size:14px;line-height:1.25;font-weight:720;letter-spacing:.02em}
.eco-node{position:absolute;width:142px;height:142px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(17,32,24,.76);backdrop-filter:blur(12px);display:grid;place-items:center;text-align:center;padding:14px;z-index:3}.eco-node strong{display:block;font-size:14px;line-height:1.15}.eco-node small{display:block;margin-top:7px;font-size:14px;line-height:1.25;color:#b3bdb5}.eco-node.n1{left:3%;top:15%}.eco-node.n2{right:3%;top:16%}.eco-node.n3{left:6%;bottom:14%}.eco-node.n4{right:7%;bottom:12%}.eco-node.n5{left:50%;bottom:0;transform:translateX(-50%)}

.products-teaser{background:var(--hrc-paper-2)}
.products-shell{display:grid;grid-template-columns:1fr .9fr;gap:68px;align-items:center;min-height:520px}.product-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}
.product-orb{position:relative;width:min(40vw,430px);height:min(40vw,430px);background:var(--hrc-ink);color:#fff;display:grid;place-items:center;text-align:center;box-shadow:var(--hrc-shadow-soft);margin-left:auto;border:1px solid rgba(7,17,12,.2)}.product-orb::before,.product-orb::after{content:"";position:absolute;border:1px solid rgba(7,17,12,.14);pointer-events:none}.product-orb::before{inset:-24px}.product-orb::after{inset:-48px}.product-orb b{font-size:clamp(28px,3.1vw,42px);line-height:.98;letter-spacing:-.045em}.product-orb span{display:block;margin-top:10px;color:#b4beb6;font-size:14px}

.final{position:relative;min-height:620px;background:var(--hrc-ink);color:#fff;overflow:hidden}.final-bg{position:absolute;inset:0}.final-bg img{width:100%;height:100%;object-fit:cover}.final-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,8,.84),rgba(5,12,8,.2))}.final-inner{position:relative;z-index:2;min-height:620px;display:flex;flex-direction:column;justify-content:flex-end;padding:82px 0 48px}.final h2{margin:0;font-size:clamp(52px,6.2vw,86px);line-height:.88;letter-spacing:-.06em}.final h2 span{color:var(--hrc-signal)}.final-bottom{margin:28px 0 0}.final-bottom p{max-width:520px;color:#c0c8c1;font-size:16px;line-height:1.65}

@media(max-width:1100px){
  .hero-content{width:58%}.cap-grid,.eco-grid,.products-shell{grid-template-columns:1fr}.cap-visual{position:relative;top:auto;height:500px;order:-1}.work-grid{grid-template-columns:1fr}.work-feature{min-height:520px}.work-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.work-card{grid-template-columns:120px 1fr}.work-card img{width:120px;height:120px}.orbit{width:min(100%,620px)}.product-orb{margin:24px auto 0}
}
@media(max-width:760px){
  .splash-logo{width:min(190px,52vw)}.splash-name{font-size:32px}.splash-progress{font-size:14px}
  .hero{min-height:690px}.hero-inner{min-height:690px;padding:116px 0 42px}.hero-content{width:100%;max-width:520px}.hero h1{font-size:clamp(48px,13vw,67px);max-width:520px}.hero p{font-size:17px;max-width:430px}.hero-signal{display:none}.hero-actions{gap:16px}.cta-primary,.cta-secondary{font-size:15px}
  .cap-head,.work-top,.final-bottom{flex-direction:column;align-items:flex-start}.cap-grid{gap:32px}.cap-item{grid-template-columns:28px minmax(0,1fr) auto}.cap-item small{font-size:14px}.cap-item h3{font-size:27px}.cap-item p{font-size:15px}.cap-visual{height:400px}.cap-caption strong{font-size:23px}.cap-caption p{font-size:14px}
  .work-feature{min-height:430px}.work-side{grid-template-columns:1fr}.work-card{grid-template-columns:108px 1fr;padding:20px}.work-card img{width:108px;height:108px}.work-card h3{font-size:22px}
  .eco-grid{gap:34px}.eco-copy p{font-size:16px}.orbit{height:530px;aspect-ratio:auto}.ring{display:none}.eco-core{width:148px;height:148px;font-size:17px}.eco-node{width:118px;height:118px;padding:10px}.eco-node strong{font-size:14px}.eco-node small{font-size:14px}.eco-node.n1{left:0;top:4%}.eco-node.n2{right:0;top:5%}.eco-node.n3{left:2%;bottom:13%}.eco-node.n4{right:2%;bottom:12%}.eco-node.n5{bottom:0}
  .products-shell{min-height:auto}.product-orb{width:280px;height:280px}.product-orb span{font-size:14px}
  .final{min-height:540px}.final-inner{min-height:540px}.final h2{font-size:clamp(50px,14vw,68px)}
}
@media(max-width:420px){
  .work-card{grid-template-columns:1fr}.work-card img{width:100%;height:180px}.work-feature-content{left:20px;right:20px;bottom:20px}.work-feature h3{font-size:31px}.eco-node{width:108px;height:108px}.eco-node.n3{left:0}.eco-node.n4{right:0}
}
@media(prefers-reduced-motion:reduce){.splash{display:none}.hero-bg{animation:none}}

/* Phase 3 — structured WordPress content wiring */
.cap-link{display:inline-flex;margin-top:14px;color:#fff;font-size:14px;font-weight:780;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px;position:relative;z-index:3}
.cap-link:hover,.cap-link:focus-visible{border-color:var(--hrc-signal);color:var(--hrc-signal)}
.work-feature,.work-card,.product-orb,.eco-node{cursor:pointer}
.work-grid--single{grid-template-columns:1fr}
.work-grid--single .work-feature{min-height:560px}
.work-feature:focus-visible,.work-card:focus-visible,.product-orb:focus-visible,.eco-node:focus-visible{outline:3px solid var(--hrc-signal);outline-offset:4px}
.eco-node{transition:background .2s,border-color .2s,transform .2s}
.eco-node:hover,.eco-node:focus-visible{background:rgba(184,255,69,.12);border-color:rgba(184,255,69,.55)}
.product-orb{transition:transform .24s var(--hrc-ease),background .2s}
.product-orb:hover,.product-orb:focus-visible{transform:translateY(-4px);background:#0b1a11}
@media(max-width:760px){.cap-link{font-size:14px}.work-grid--single .work-feature{min-height:430px}}