/* PROJECT FORGE — HOMEPAGE CHAPTER 01 / CONTINUOUS BUILD */
.home-hero{position:relative;height:185vh;background:var(--forge-black);color:var(--forge-warm)}
.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding:var(--header-h) var(--page-pad) 2rem;isolation:isolate;background:var(--forge-black)}
.hero-system{position:absolute;left:var(--page-pad);right:var(--page-pad);top:calc(var(--header-h) + 1rem);display:flex;justify-content:space-between;font:700 .62rem var(--font-mono);letter-spacing:.13em;color:#8e8f8f;z-index:8}
.hero-kicker-home{position:absolute;left:var(--page-pad);top:24%;font:700 .68rem var(--font-mono);letter-spacing:.18em;color:var(--forge-orange);z-index:8}
.home-title{position:absolute;left:var(--page-pad);right:var(--page-pad);top:31%;margin:0;font-weight:800;letter-spacing:-.085em;line-height:.73;font-size:clamp(4.2rem,10.8vw,11rem);z-index:5}
.home-title-line{display:block;will-change:transform,opacity}.home-title-line--two{padding-left:21vw;color:var(--forge-orange)}.home-title-line--three{padding-left:6vw}.home-title-line--four{padding-left:28vw;font-size:.72em;color:#d0cec9}
.hero-copy{position:absolute;left:var(--page-pad);right:var(--page-pad);bottom:3.5rem;display:grid;grid-template-columns:minmax(260px,520px) auto;justify-content:space-between;align-items:end;z-index:9}.hero-copy p{margin:0;color:#b7b8b9;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:2rem}.forge-button--solid{background:var(--forge-orange);color:var(--forge-black);border-color:var(--forge-orange);min-width:240px}.forge-button--solid:hover{background:var(--forge-warm);border-color:var(--forge-warm);color:var(--forge-black)}.hero-scroll{position:absolute;right:var(--page-pad);bottom:1.4rem;display:flex;align-items:center;gap:.8rem;font:700 .56rem var(--font-mono);letter-spacing:.15em;color:#888}.hero-scroll i{display:block;width:34px;height:1px;background:var(--forge-orange)}
.build-browser{position:fixed;left:50%;top:50%;width:min(72vw,1080px);height:min(67vh,700px);transform:none;opacity:0;z-index:6;background:#101214;border:1px solid #35383b;border-radius:12px;overflow:hidden;box-shadow:0 70px 180px rgba(0,0,0,.78);will-change:transform,opacity}
.browser-chrome{height:42px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 1rem;border-bottom:1px solid #2c2f32;font:700 .55rem var(--font-mono);letter-spacing:.1em;color:#6e7174}.browser-dots{display:flex;gap:6px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#484b4d}.browser-dots i:first-child{background:var(--forge-orange)}.browser-address{text-align:center}.browser-status{text-align:right;color:var(--forge-orange)}
.browser-canvas{position:relative;height:calc(100% - 76px);overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(216,115,42,.12),transparent 32%),#0c0e0f}.browser-gridlines{position:absolute;inset:0;opacity:.13;background:linear-gradient(90deg,transparent calc(25% - .5px),#757575 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),#757575 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),#757575 75%,transparent calc(75% + .5px)),linear-gradient(transparent calc(50% - .5px),#757575 50%,transparent calc(50% + .5px))}
.browser-stage{position:absolute;inset:0;padding:7% 8%;transition:opacity .2s}.browser-stage--wireframe{opacity:1}.wf-nav{width:100%;height:8%;border:1px solid #3b3e40}.wf-title{width:43%;height:22%;border:1px solid #3b3e40;margin-top:8%}.wf-copy{width:34%;height:8%;border:1px solid #3b3e40;margin-top:3%}.wf-button{width:14%;height:7%;border:1px solid #3b3e40;margin-top:3%}.wf-visual{position:absolute;right:8%;top:23%;width:40%;height:50%;border:1px solid #3b3e40}.browser-stage--styled{opacity:0}.mini-nav{display:flex;gap:2%;align-items:center}.mini-nav .mini-logo{font-weight:800;color:var(--forge-orange);font-size:1.4rem;margin-right:auto}.mini-nav div{width:8%;height:3px;background:#444}.mini-label{font:700 .55rem var(--font-mono);letter-spacing:.14em;color:#777;margin-top:10%}.browser-stage--styled h2{font-size:clamp(2.5rem,5vw,5.7rem);line-height:.82;letter-spacing:-.07em;margin:.8rem 0}.browser-stage--styled h2 em{font-style:normal;color:var(--forge-orange)}.mini-copy{color:#8e8f91;max-width:42%;line-height:1.5}.mini-button{display:inline-block;margin-top:1rem;padding:.8rem 1rem;border:1px solid var(--forge-orange);font:700 .55rem var(--font-mono);letter-spacing:.1em;color:var(--forge-orange)}.mini-product{position:absolute;right:8%;top:23%;width:36%;aspect-ratio:1;background:linear-gradient(145deg,#26292b,#111315);border:1px solid #424548;transform:rotate(-4deg);display:grid;place-items:center}.mini-product-core{width:42%;height:56%;background:linear-gradient(160deg,#3d4042,#151719);border:1px solid #65686a;box-shadow:16px 18px 0 rgba(216,115,42,.15)}.mini-product>span{position:absolute;width:16%;height:16%;border:1px solid #4f5254}.mini-product>span:nth-of-type(1){left:8%;bottom:10%}.mini-product>span:nth-of-type(2){left:28%;bottom:10%}.mini-product>span:nth-of-type(3){left:48%;bottom:10%}.build-scan{position:absolute;left:0;right:0;top:0;height:1px;background:var(--forge-orange);box-shadow:0 0 20px var(--forge-orange);opacity:0}
.build-progress{height:34px;display:grid;grid-template-columns:105px 1fr 45px;gap:1rem;align-items:center;padding:0 1rem;font:700 .55rem var(--font-mono);letter-spacing:.1em;color:#6e7174}.build-progress>div{height:2px;background:#2e3133}.build-progress i{display:block;width:18%;height:100%;background:var(--forge-orange)}.build-progress b{color:var(--forge-warm);text-align:right}.build-steps{position:fixed;left:var(--page-pad);right:var(--page-pad);bottom:2rem;display:flex;justify-content:space-between;opacity:0;z-index:7;font:700 .55rem var(--font-mono);letter-spacing:.11em;color:#555}.build-steps span.is-active{color:var(--forge-orange)}
.hero-handoff{display:none!important;position:absolute;inset:auto 0 0;height:100%;background:var(--forge-warm);color:var(--forge-black);z-index:10;transform:translateY(101%);display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--page-pad) 5vh;will-change:transform}.hero-handoff:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#aaa39a}.hero-handoff span{font:700 .62rem var(--font-mono);letter-spacing:.14em}.hero-handoff strong{font-size:clamp(1.4rem,3vw,3.5rem);letter-spacing:-.05em;max-width:18ch;text-align:right}
.manifesto{padding-top:calc(var(--header-h) + 7rem);margin-top:0}.manifesto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:end}.manifesto h2{font-size:clamp(5rem,12vw,13rem);line-height:.72;letter-spacing:-.09em;margin:0}.manifesto h2 em{font-style:normal;color:var(--forge-orange)}.manifesto-lead{font-size:clamp(1.8rem,3.1vw,3.6rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 3rem}.manifesto-grid>div>p:last-child{font-size:1.1rem;line-height:1.65;max-width:38rem;color:#5c5954}
.project-intro{min-height:120vh;background:var(--forge-black);color:var(--forge-warm);padding:calc(var(--header-h) + 4rem) var(--page-pad) 4rem;position:relative;overflow:hidden}.project-meta{display:flex;justify-content:space-between;font:700 .62rem var(--font-mono);letter-spacing:.12em;color:#777}.project-title{position:relative;z-index:2;font-weight:800;font-size:clamp(5rem,14vw,15rem);line-height:.68;letter-spacing:-.09em;margin-top:9vh}.project-title span{display:block}.project-title span:nth-child(2){padding-left:18vw}.project-title .accent{padding-left:7vw;color:var(--forge-orange)}.project-device{position:absolute;right:4vw;top:29%;width:min(50vw,760px);aspect-ratio:16/10;background:#151718;border:1px solid #444;border-radius:12px;transform:rotate(5deg);box-shadow:0 60px 130px rgba(0,0,0,.65);overflow:hidden}.device-topbar{height:28px;display:flex;gap:5px;align-items:center;padding:0 12px;border-bottom:1px solid #333}.device-topbar span{width:6px;height:6px;border-radius:50%;background:#555}.device-topbar span:first-child{background:var(--forge-orange)}.device-screen{height:calc(100% - 28px);padding:5%;background:radial-gradient(circle at 80% 40%,rgba(216,115,42,.2),transparent 35%),#0d0e0f}.device-nav{display:flex;gap:.6rem;align-items:center}.device-nav b{color:var(--forge-orange);margin-right:auto}.device-nav i{width:9%;height:3px;background:#444}.device-screen>p{font:700 .5rem var(--font-mono);letter-spacing:.12em;color:#888;margin-top:8%}.device-screen h3{font-size:clamp(1.7rem,3.7vw,4rem);line-height:.85;margin:1rem 0;letter-spacing:-.06em}.device-screen h3 em{font-style:normal;color:var(--forge-orange)}.device-products{display:flex;gap:4%;margin-top:9%}.device-products span{height:90px;flex:1;background:linear-gradient(145deg,#2e3032,#151617);border:1px solid #444}.project-proof{position:absolute;left:var(--page-pad);right:var(--page-pad);bottom:7rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #303234}.project-proof article{padding:1.4rem 1rem 0 0;border-right:1px solid #303234}.project-proof strong{display:block;font-size:clamp(1.6rem,3vw,3rem);color:var(--forge-orange)}.project-proof span{color:#888}.project-link{position:absolute;right:var(--page-pad);bottom:2rem;border-bottom:1px solid var(--forge-orange);padding-bottom:.5rem;font-weight:800}
.capabilities{min-height:100vh}.capability-list{border-top:1px solid #aaa39a}.capability-list article{display:grid;grid-template-columns:80px 1fr 1fr auto;align-items:center;gap:2rem;padding:2.1rem 0;border-bottom:1px solid #aaa39a;transition:padding var(--medium),background var(--medium)}.capability-list article:hover{padding-left:1rem;padding-right:1rem;background:rgba(255,255,255,.28)}.capability-list span{font:700 .62rem var(--font-mono)}.capability-list h3{font-size:clamp(2rem,4.5vw,5rem);letter-spacing:-.06em;margin:0}.capability-list p{max-width:34rem;line-height:1.5;color:#615d57}.capability-list i{font-style:normal;font-size:1.8rem;color:var(--forge-orange)}
.contact-takeover{min-height:100vh;background:var(--forge-orange);color:var(--forge-black);padding:8rem var(--page-pad) 2rem;position:relative;overflow:hidden;display:flex;flex-direction:column}.contact-takeover>span{font:700 .62rem var(--font-mono);letter-spacing:.14em}.contact-takeover h2{font-size:clamp(5rem,13vw,14rem);line-height:.72;letter-spacing:-.09em;margin:auto 0}.contact-takeover h2 em{font-style:normal;color:var(--forge-warm)}.contact-button{align-self:flex-end;display:flex;align-items:center;gap:3rem;border:1px solid currentColor;padding:1.5rem 1.8rem;font-weight:800;font-size:1.05rem}.contact-takeover footer{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid currentColor;padding-top:1.3rem;font:700 .62rem var(--font-mono);letter-spacing:.08em}.contact-takeover footer p:nth-child(2){text-align:center}.contact-takeover footer p:last-child{text-align:right}.contact-lines{position:absolute;inset:0;opacity:.14;background:repeating-radial-gradient(ellipse at 100% 20%,transparent 0 38px,currentColor 39px 40px,transparent 41px 80px);pointer-events:none}
@media(max-width:900px){.home-hero{min-height:100vh}.home-title{top:31%;font-size:clamp(4rem,16vw,8rem)}.home-title-line--two,.home-title-line--three,.home-title-line--four{padding-left:0}.hero-copy{grid-template-columns:1fr;gap:1.5rem}.hero-actions{justify-content:space-between}.hero-scroll{display:none}.build-browser{width:88vw;height:54vh}.mini-copy{max-width:50%}.manifesto-grid{grid-template-columns:1fr}.project-device{position:relative;right:auto;top:auto;width:90%;margin:4rem auto 13rem}.project-proof{grid-template-columns:1fr;position:relative;left:auto;right:auto;bottom:auto;margin-top:3rem}.project-proof article{border-right:0;border-bottom:1px solid #303234;padding-bottom:1rem}.project-link{bottom:3rem}.capability-list article{grid-template-columns:50px 1fr auto}.capability-list p{grid-column:2/4}.contact-takeover footer{grid-template-columns:1fr;gap:.5rem}.contact-takeover footer p,.contact-takeover footer p:nth-child(2),.contact-takeover footer p:last-child{text-align:left;margin:.2rem 0}.hero-handoff strong{text-align:left}}
@media(max-width:600px){.home-hero{min-height:100vh}.hero-system span:last-child{display:none}.hero-kicker-home{top:20%;font-size:.55rem}.home-title{top:28%;line-height:.8}.home-title-line--four{font-size:.62em}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.forge-button--solid{min-width:0;width:100%}.build-browser{height:46vh;top:52%}.browser-address{display:none}.browser-chrome{grid-template-columns:auto 1fr}.browser-status{justify-self:end}.mini-copy,.mini-product{display:none}.browser-stage--styled h2{font-size:2.5rem}.build-progress{grid-template-columns:85px 1fr 36px}.build-steps{display:none}.hero-handoff{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1rem}.manifesto,.capabilities{padding-top:7rem}.project-intro{padding-top:7rem}.project-meta span:last-child{display:none}.project-title{font-size:18vw}.project-title span:nth-child(2),.project-title .accent{padding-left:0}.project-device{width:100%;transform:none}.capability-list article{gap:1rem}.contact-takeover h2{font-size:17vw}.contact-button{align-self:stretch;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.home-hero{min-height:auto}.hero-sticky{position:relative;min-height:100svh}.build-browser{display:none}.home-title-line{transform:none!important;opacity:1!important}.hero-copy{opacity:1!important}.build-steps,.hero-handoff{display:none}}

/* Reliable in-page navigation */
#about,#work,#capabilities,#contact{scroll-margin-top:var(--header-h)}

/* V5: viewport-locked build stage — independent of sticky containing blocks */
.build-browser,.build-steps{pointer-events:none}
.home-hero.is-complete .build-browser,.home-hero.is-complete .build-steps{visibility:hidden}

/* =========================================================
   WEBSITE SPECIALIST V6 — PRODUCTION HOMEPAGE
   Builds on the stable V5 viewport-locked hero.
   ========================================================= */

/* Magento Specialist browser reveal */
.browser-canvas--ms{background:#f1eee8;color:#111315}
.ms-preview{position:absolute;inset:0;padding:clamp(1rem,2vw,2rem);overflow:hidden;background:#f1eee8;color:#111315}
.ms-preview-nav{height:14%;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;border-bottom:1px solid rgba(11,12,13,.16);position:relative;z-index:3}
.ms-preview-logo{width:clamp(26px,3vw,44px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--forge-orange);font-weight:800}
.ms-preview-nav>b{font-size:clamp(.45rem,.72vw,.7rem);line-height:.9;letter-spacing:-.04em}
.ms-preview-links{display:flex;justify-content:center;gap:1.4rem}.ms-preview-links i{width:clamp(24px,3vw,55px);height:2px;background:#777;opacity:.38}
.ms-preview-cta{font:700 clamp(.35rem,.55vw,.55rem) var(--font-mono);border:1px solid #111315;padding:.55rem .7rem}
.ms-preview-copy{position:absolute;left:6%;top:27%;width:48%;z-index:3}.ms-preview-copy p{font:700 clamp(.32rem,.55vw,.55rem) var(--font-mono);letter-spacing:.12em;color:var(--forge-orange);margin:0 0 .8rem}.ms-preview-copy h2{font-size:clamp(1.9rem,4.2vw,4.4rem);line-height:.82;letter-spacing:-.075em;margin:0 0 1rem}.ms-preview-copy h2 em{font-style:normal;color:var(--forge-orange)}.ms-preview-copy>span{display:block;max-width:32rem;font-size:clamp(.48rem,.85vw,.9rem);line-height:1.5;color:#615d57}.ms-preview-copy>strong{display:inline-block;margin-top:1rem;font:700 clamp(.35rem,.6vw,.6rem) var(--font-mono);border-bottom:1px solid var(--forge-orange);padding-bottom:.35rem}
.ms-preview-art{position:absolute;right:5%;top:24%;width:34%;aspect-ratio:1;display:grid;place-items:center}.ms-orbit{position:absolute;border:1px solid rgba(216,115,42,.35);border-radius:50%}.ms-orbit--1{inset:6%}.ms-orbit--2{inset:22%;border-style:dashed}.ms-core{width:32%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--forge-black);color:var(--forge-orange);font-size:clamp(1.4rem,4vw,4rem);font-weight:800;box-shadow:0 20px 80px rgba(216,115,42,.22)}.ms-preview-art>span{position:absolute;right:-3%;top:6%;font:800 clamp(2rem,6vw,6rem) var(--font-display);letter-spacing:-.08em;color:var(--forge-orange);opacity:.28}
.ms-preview-stats{position:absolute;left:6%;right:6%;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid rgba(11,12,13,.16);padding-top:.8rem}.ms-preview-stats span{font:700 clamp(.3rem,.48vw,.5rem) var(--font-mono);letter-spacing:.08em}.ms-preview-stats b{display:block;font-family:var(--font-display);font-size:clamp(.8rem,1.4vw,1.4rem);letter-spacing:-.05em;margin-bottom:.15rem}

/* Position section */
.position-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9b3aa;border-bottom:1px solid #b9b3aa;margin-top:10vh}.position-strip span{padding:1.4rem 1rem;border-right:1px solid #b9b3aa;font:700 .62rem var(--font-mono);letter-spacing:.08em}.position-strip span:first-child{padding-left:0}.position-strip span:last-child{border-right:0}

/* Featured Magento Specialist project */
.project-intro--ms{min-height:150vh}.project-copy-block{position:absolute;left:var(--page-pad);top:49%;width:min(34vw,520px);z-index:5}.project-copy-block .eyebrow{color:var(--forge-orange);margin:0 0 1.2rem}.project-copy-block h3{font-size:clamp(1.7rem,2.5vw,3rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 1.4rem}.project-copy-block>p:last-child{font-size:1rem;line-height:1.65;color:#babbbd}.project-device--ms{top:40%;width:min(58vw,980px)}.device-topbar b{font:700 .55rem var(--font-mono);letter-spacing:.08em;color:#7f8183;margin-left:auto;margin-right:1rem}.device-screen--ms{background:#f1eee8!important;color:#111315!important;position:relative;overflow:hidden;padding:4% 5%!important}.device-ms-nav{display:flex;align-items:center;gap:4%;font-size:clamp(.35rem,.65vw,.7rem);border-bottom:1px solid #cbc6bd;padding-bottom:2%}.device-ms-nav b{font-size:clamp(.48rem,.8vw,.9rem);line-height:.85;margin-right:auto}.device-ms-nav span{color:#6d6861}.device-ms-nav i{font-style:normal;border:1px solid #111315;padding:.55em .7em;font:700 .45rem var(--font-mono)}.device-screen--ms>p{margin:8% 0 2%;font:700 clamp(.35rem,.55vw,.6rem) var(--font-mono);letter-spacing:.12em;color:var(--forge-orange)}.device-screen--ms>h3{font-size:clamp(2.5rem,5.4vw,6.5rem)!important;line-height:.78!important;letter-spacing:-.08em!important;margin:0!important;position:relative;z-index:2}.device-screen--ms>h3 em{font-style:normal;color:var(--forge-orange)}.device-ms-orbits{position:absolute;right:7%;top:27%;width:32%;aspect-ratio:1;display:grid;place-items:center}.device-ms-orbits i{position:absolute;inset:2%;border:1px solid rgba(216,115,42,.35);border-radius:50%}.device-ms-orbits i:nth-child(2){inset:22%;border-style:dashed}.device-ms-orbits b{width:34%;aspect-ratio:1;display:grid;place-items:center;background:#111315;color:var(--forge-orange);border-radius:50%;font-size:clamp(1.5rem,4vw,4rem)}.device-ms-stats{position:absolute;left:5%;right:5%;bottom:5%;display:flex;gap:6%;border-top:1px solid #cbc6bd;padding-top:2%;font:700 clamp(.32rem,.5vw,.55rem) var(--font-mono)}

/* Services */
.services{min-height:auto;padding-bottom:10rem}.services-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:10vh}.services-intro h2{font-size:clamp(4rem,8.8vw,10rem);line-height:.78;letter-spacing:-.085em;margin:0}.services-intro h2 em{font-style:normal;color:var(--forge-orange)}.services-intro p{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6;margin:0 0 .7rem;color:#615d57;max-width:36rem}

/* Proof */
.chapter--dark{background:var(--forge-charcoal);color:var(--forge-warm)}.proof{min-height:auto;padding-bottom:10rem}.proof-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.proof-heading h2{font-size:clamp(4.5rem,10vw,11rem);line-height:.75;letter-spacing:-.09em;margin:0}.proof-heading h2 em{font-style:normal;color:var(--forge-orange)}.proof-heading>p{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.65;color:#b2b4b5;margin:0 0 .7rem}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12vh;border-top:1px solid #35383b;border-bottom:1px solid #35383b}.proof-grid article{padding:2rem;border-right:1px solid #35383b}.proof-grid article:first-child{padding-left:0}.proof-grid article:last-child{border-right:0}.proof-grid article>span{font:700 .62rem var(--font-mono);color:var(--forge-orange)}.proof-grid strong{display:block;font-size:clamp(4rem,7vw,8rem);line-height:.8;letter-spacing:-.085em;margin:4rem 0 2rem}.proof-grid h3{font-size:1.15rem;margin:0 0 .8rem}.proof-grid p{line-height:1.6;color:#999c9e;margin:0;max-width:25rem}

/* Process */
.process{min-height:auto;padding-bottom:10rem}.process-stage{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9b3aa;border-bottom:1px solid #b9b3aa}.process-stage article{min-height:440px;padding:2rem;border-right:1px solid #b9b3aa;display:flex;flex-direction:column}.process-stage article:first-child{padding-left:0}.process-stage article:last-child{border-right:0}.process-stage span{font:700 .62rem var(--font-mono);color:var(--forge-orange)}.process-stage h3{font-size:clamp(2rem,3.2vw,4rem);letter-spacing:-.055em;margin:auto 0 1.5rem}.process-stage p{line-height:1.6;color:#615d57;margin:0}

/* Contact */
.contact-copy{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.contact-copy>p{max-width:38rem;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.5;margin:0}.contact-copy .contact-button{align-self:auto}.contact-takeover h2{margin:13vh 0 8vh}

@media(max-width:1000px){
  .position-strip{grid-template-columns:1fr 1fr}.position-strip span:nth-child(2){border-right:0}.position-strip span:nth-child(-n+2){border-bottom:1px solid #b9b3aa}
  .project-intro--ms{min-height:auto;padding-bottom:8rem}.project-copy-block{position:relative;left:auto;top:auto;width:auto;margin:4rem 0}.project-device--ms{width:92%;margin-top:2rem}
  .services-intro,.proof-heading{grid-template-columns:1fr;gap:3rem}.proof-grid{grid-template-columns:1fr}.proof-grid article,.proof-grid article:first-child{padding:2rem 0;border-right:0;border-bottom:1px solid #35383b}.proof-grid article:last-child{border-bottom:0}
  .process-stage{grid-template-columns:1fr 1fr}.process-stage article:nth-child(2){border-right:0}.process-stage article:nth-child(-n+2){border-bottom:1px solid #b9b3aa}
}
@media(max-width:700px){
  .ms-preview-links,.ms-preview-cta,.ms-preview-art{display:none}.ms-preview-nav{grid-template-columns:auto 1fr}.ms-preview-copy{width:86%;left:7%;top:26%}.ms-preview-stats{grid-template-columns:1fr;gap:.3rem}.ms-preview-stats span:nth-child(n+2){display:none}
  .position-strip{grid-template-columns:1fr}.position-strip span{border-right:0;border-bottom:1px solid #b9b3aa!important;padding-left:0}.position-strip span:last-child{border-bottom:0!important}
  .project-copy-block h3{font-size:1.65rem}.device-ms-nav span,.device-ms-nav i{display:none}.device-ms-orbits{opacity:.55}.device-ms-stats{gap:4%;flex-wrap:wrap}.services-intro h2,.proof-heading h2{font-size:16vw}.process-stage{grid-template-columns:1fr}.process-stage article,.process-stage article:first-child{min-height:330px;padding:2rem 0;border-right:0;border-bottom:1px solid #b9b3aa}.contact-copy{display:grid}.contact-copy .contact-button{width:100%}
}

/* V6.1 — real Magento Specialist project imagery */
.ms-preview--real{padding:0!important;overflow:hidden;background:#081018!important}
.ms-preview--real img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:saturate(.96) contrast(1.02)}
.real-site-badge{position:absolute;right:1rem;bottom:1rem;z-index:4;padding:.45rem .65rem;background:rgba(9,10,11,.88);border:1px solid rgba(255,122,0,.55);color:#ff7a00;font:700 .48rem var(--font-mono);letter-spacing:.12em;backdrop-filter:blur(8px)}
.device-screen--real{padding:0!important;background:#081018!important;overflow:hidden}
.device-screen--real img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}
.project-detail-shots{position:absolute;right:5vw;top:72%;width:min(52vw,840px);display:grid;grid-template-columns:1.05fr .95fr;gap:1.25rem;z-index:4;pointer-events:none}
.project-detail-shots figure{margin:0;border:1px solid #33383b;background:#111315;box-shadow:0 35px 80px rgba(0,0,0,.4);overflow:hidden}
.project-detail-shots figure:first-child{transform:translateY(2rem) rotate(-1.5deg)}
.project-detail-shots figure:last-child{transform:rotate(1.5deg)}
.project-detail-shots img{width:100%;height:230px;display:block;object-fit:cover;object-position:top center}
.project-intro--ms{min-height:180vh}
.project-proof{z-index:6}
@media(max-width:900px){.project-detail-shots{position:relative;right:auto;top:auto;width:100%;grid-template-columns:1fr 1fr;margin:1.5rem 0 10rem}.project-detail-shots img{height:180px}.project-intro--ms{min-height:auto}}
@media(max-width:600px){.project-detail-shots{grid-template-columns:1fr;margin-bottom:9rem}.project-detail-shots figure:first-child,.project-detail-shots figure:last-child{transform:none}.project-detail-shots img{height:auto}.real-site-badge{font-size:.42rem}}

/* V6.2 — final homepage interaction/content pass */
.capability-list .capability-card{color:inherit;text-decoration:none;cursor:pointer}
.capability-list .capability-card:focus-visible{outline:2px solid var(--forge-orange);outline-offset:-2px}
.capability-list .capability-card i{transition:transform .25s ease}
.capability-list .capability-card:hover i{transform:translate(6px,-6px)}
.project-link:focus-visible,.contact-button:focus-visible,.forge-button:focus-visible,.text-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.contact-takeover footer a{color:inherit;text-decoration:none}.contact-takeover footer a:hover{text-decoration:underline}

/* V6.3 — layout corrections */
/* Featured-project proof: keep copy comfortably inside each ruled column. */
.project-proof{left:var(--page-pad);right:var(--page-pad);column-gap:0}
.project-proof article{min-width:0;padding:1.65rem 2rem 0}
.project-proof article:first-child{padding-left:0}
.project-proof article:last-child{padding-right:0;border-right:0}
.project-proof strong,.project-proof span{position:relative;display:block;max-width:100%}

/* Service rows are anchors in V6.2, so the anchor itself owns the full-width grid. */
.capability-list{width:100%;border-top:1px solid #aaa39a}
.capability-list .capability-card{width:100%;display:grid;grid-template-columns:80px minmax(260px,1fr) minmax(320px,1fr) auto;align-items:center;gap:2rem;padding:2.1rem 0;border-bottom:1px solid #aaa39a;transition:padding var(--medium),background var(--medium)}
.capability-list .capability-card:hover{padding-left:1rem;padding-right:1rem;background:rgba(255,255,255,.28)}
.capability-list .capability-card span{font:700 .62rem var(--font-mono)}
.capability-list .capability-card h3{font-size:clamp(2rem,4.5vw,5rem);letter-spacing:-.06em;margin:0}
.capability-list .capability-card p{max-width:34rem;line-height:1.5;color:#615d57;margin:0}
.capability-list .capability-card i{justify-self:end;font-style:normal;font-size:1.8rem;color:var(--forge-orange)}
@media(max-width:900px){.capability-list .capability-card{grid-template-columns:50px 1fr auto}.capability-list .capability-card p{grid-column:2/4}.project-proof article,.project-proof article:first-child,.project-proof article:last-child{padding:1.25rem 0}}
@media(max-width:600px){.capability-list .capability-card{gap:1rem}}

/* V8.1 — Magento Specialist project slider */
.project-device--slider{overflow:hidden}
.project-device--slider .device-screen--real{position:relative}
.ms-slider{position:relative;width:100%;height:100%;overflow:hidden;background:#081018;touch-action:pan-y}
.ms-slider-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab}
.ms-slider-track::-webkit-scrollbar{display:none}
.ms-slider-track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.ms-slide{margin:0;min-width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#081018}
.ms-slide img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:top center!important;pointer-events:none;user-select:none;-webkit-user-drag:none}
.ms-slider-ui{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.ms-slider-nav{display:flex;align-items:center;gap:.65rem;padding:.42rem .5rem;background:rgba(8,16,24,.86);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);pointer-events:auto}
.ms-slider-button{width:34px;height:34px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.ms-slider-button span{width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;display:block}
.ms-slider-button--prev span{transform:rotate(-135deg);margin-left:4px}
.ms-slider-button--next span{transform:rotate(45deg);margin-right:4px}
.ms-slider-button:hover,.ms-slider-button:focus-visible{color:var(--forge-orange)}
.ms-slider-button:disabled{opacity:.28;cursor:default}
.ms-slider-button:focus-visible{outline:1px solid var(--forge-orange);outline-offset:2px}
.ms-slider-count{display:flex;align-items:baseline;gap:.35rem;font:700 .52rem var(--font-mono);letter-spacing:.12em;color:#8b8e91;min-width:54px;justify-content:center}
.ms-slider-count b{color:var(--forge-orange);font-size:.72rem}
.ms-slider-count i{font-style:normal;color:#505459}
.ms-slider-hint{padding:.55rem .7rem;background:rgba(8,16,24,.75);border:1px solid rgba(255,255,255,.12);color:#9da0a3;font:700 .45rem var(--font-mono);letter-spacing:.14em;backdrop-filter:blur(10px)}
@media(max-width:900px){.project-device--slider{margin-bottom:2rem!important}.ms-slider-ui{left:.65rem;right:.65rem;bottom:.65rem}.ms-slider-hint{font-size:.42rem}}
@media(max-width:600px){.project-device--slider{aspect-ratio:16/11!important}.ms-slider-nav{gap:.35rem;padding:.3rem}.ms-slider-button{width:38px;height:38px}.ms-slider-count{font-size:.48rem}.ms-slider-hint{display:none}}

/* V8.2 — hero project slider: the homepage browser itself is the gallery. */
.hero-project-stage{padding:0!important;overflow:hidden!important}
.hero-project-stage .hero-ms-slider{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.hero-project-stage .ms-slider-track{height:100%}
.hero-project-stage .ms-slide{height:100%;background:#081018}
.hero-project-stage .ms-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;display:block!important}
.hero-project-stage .hero-ms-slider-ui{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.home-hero.is-project-ready .hero-project-stage .hero-ms-slider-ui{opacity:1;transform:none}
.home-hero.is-browser-active .hero-copy,
.home-hero.is-browser-active .hero-kicker-home,
.home-hero.is-browser-active .home-title,
.home-hero.is-browser-active .hero-scroll{opacity:0!important;pointer-events:none!important}
.home-hero.is-project-ready .build-browser{box-shadow:0 70px 180px rgba(0,0,0,.82),0 0 0 1px rgba(216,115,42,.08)}
@media(max-width:700px){.hero-project-stage .hero-ms-slider-ui{display:none!important}}

/* V8.3 — make the hero project gallery genuinely interactive. */
.home-hero.is-project-ready .build-browser{pointer-events:auto}
.home-hero.is-project-ready .hero-project-stage,
.home-hero.is-project-ready .hero-ms-slider,
.home-hero.is-project-ready .ms-slider-track{pointer-events:auto}
.home-hero.is-project-ready .ms-slider-track{touch-action:pan-y;cursor:grab}
.home-hero.is-project-ready .ms-slider-track.is-dragging{cursor:grabbing}
.hero-project-stage .ms-slider-ui{z-index:20}