.service-story{background:var(--surface);--story-enter-distance:8px;--story-enter-duration:.4s;overflow-x:clip}.service-story :is(h1,h2,h3,p,figure){margin:0}.service-story :is(h1,h2,h3){text-wrap:balance;overflow-wrap:anywhere}.service-story h2{letter-spacing:-.04em;font-size:clamp(1.75rem,3.4vw,2.85rem);font-weight:600;line-height:1.12}.service-story h3{letter-spacing:-.025em;font-size:1.15rem;font-weight:600;line-height:1.3}.service-story :is(ul,ol){margin:0;padding:0;list-style:none}.service-story svg{flex-shrink:0}.story-breadcrumb{background:var(--brand-dark);border-bottom:1px solid var(--border)}.story-breadcrumb ol{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.6rem;font-size:.75rem;display:flex}.story-breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.story-breadcrumb a:hover,.story-breadcrumb [aria-current]{color:var(--foreground)}.service-hero{background:var(--brand-dark);padding-block:2.25rem 2rem}.service-hero-layout{align-items:center;gap:2.25rem;display:grid}.service-name{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-secondary);align-items:center;gap:.7rem;font-size:.72rem;font-weight:600;line-height:1.5;display:flex}.service-name>span{background:var(--brand-primary);flex-shrink:0;width:1.35rem;height:2px}.service-headline{letter-spacing:-.055em;max-width:17ch;margin-top:1.25rem;font-size:clamp(2.15rem,4.8vw,4.3rem);font-weight:550;line-height:1.06;display:block}.service-story .service-intro{color:var(--muted);text-wrap:pretty;max-width:48ch;margin-top:1.25rem;font-size:1rem;line-height:1.65}.story-button{border:1px solid var(--brand-primary);background:var(--brand-primary);max-width:100%;min-height:50px;color:var(--brand-light);border-radius:var(--radius-control);text-align:center;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.story-button:hover{background:var(--brand-secondary);border-color:var(--brand-secondary);color:var(--brand-dark)}.service-hero .story-button{margin-top:1.5rem}.service-story .service-audience{color:var(--muted);max-width:50ch;margin-top:1rem;font-size:.75rem}.story-section{padding-block:3.25rem}.story-split{align-items:start;gap:2rem;display:grid}.story-eyebrow{color:var(--brand-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.09em!important;font-size:.72rem!important;line-height:1.5!important}.story-solution h2,.story-proof h2{max-width:21ch;margin-top:.9rem}.story-solution>p:last-child,.story-proof>p:last-child{color:var(--muted);text-wrap:pretty;max-width:53ch;margin-top:1rem;line-height:1.65}.story-steps{display:grid}.story-steps>li{border-top:1px solid var(--border);gap:1.25rem;padding-block:1.25rem;display:flex}.story-step-index{color:var(--brand-secondary);font-family:var(--font-mono);flex-shrink:0;padding-top:.1rem;font-size:.8rem}.story-steps p{color:var(--muted);margin-top:.5rem;line-height:1.6}.story-outcomes ul{gap:1rem;margin-top:1.1rem;display:grid}.story-outcomes li{align-items:start;gap:.75rem;display:flex}.story-outcomes li svg{color:var(--brand-primary);margin-top:.25rem}.network-delivery{border-top:1px solid var(--border);gap:2.5rem;margin-top:2.5rem;padding-top:2.5rem;display:grid}.story-evidence{background:var(--background);border-block:1px solid var(--border)}.story-slider{min-width:0;margin-top:2rem}.story-slider-controls{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem;display:flex}.story-slider-controls>p{color:var(--muted);max-width:18ch;font-size:.72rem}.story-slider-controls>div{align-items:center;gap:.25rem;display:flex}.story-slider-controls button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--foreground);border-radius:50%;place-items:center;display:grid}.story-slider-controls button:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-secondary)}.story-counter{font-family:var(--font-mono);text-align:center;min-width:3.5rem;font-size:.7rem}.service-story .story-slider-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--brand-primary) var(--border);gap:1rem;padding:.3rem .25rem 1rem;display:flex;position:relative;overflow-x:auto}.story-stage{scroll-snap-align:start;border:1px solid var(--border);background:var(--background);border-radius:var(--radius-card);flex:0 0 86%;padding:1.5rem}.story-stage:last-child{margin-right:14%}.story-stage-number{color:var(--brand-secondary);font-family:var(--font-mono);font-size:.8rem}.story-stage-line{background:var(--border);height:1px;margin-block:1.25rem 1.75rem;position:relative}.story-stage-line span{background:var(--brand-primary);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.story-stage p{color:var(--muted);margin-top:.7rem}.communication-solution .story-solution{max-width:43rem}.call-steps{margin-top:2rem!important}.call-delivery{background:var(--background);border-radius:var(--radius-panel);gap:2rem;margin-top:2rem;padding:1.5rem;display:grid}.workplace-intro{gap:2rem;display:grid}.workplace-steps{margin-top:2.5rem!important}.workplace-proof{border-top:1px solid var(--border);grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;margin-top:1.75rem;padding-top:2rem;display:grid}.workplace-pilot{font-family:var(--font-mono);letter-spacing:-.09em;color:var(--brand-primary);font-size:clamp(2rem,7vw,5rem);line-height:1.2;display:grid}.workplace-pilot>span{color:var(--border)}.cable-comparison{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--background);padding:1rem}.cable-switch{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface);width:fit-content;margin-inline:auto;padding:.25rem;display:flex}.cable-switch button{border-radius:.25rem;min-height:44px;padding:.6rem 1.1rem;font-size:.85rem}.cable-switch button[aria-pressed=true]{background:var(--brand-primary);color:var(--brand-light)}.cable-comparison-drawing{width:100%;height:auto;margin-block:1rem;display:block}.cable-ordered,.cable-disordered{stroke:var(--brand-primary);stroke-width:2.5px;transition:opacity var(--duration-slow)}.cable-disordered{stroke:var(--muted)}[data-ordered=true] .cable-disordered,[data-ordered=false] .cable-ordered{opacity:0}.diagram-port{fill:var(--brand-primary)}.diagram-port-label{fill:var(--brand-light);font-family:var(--font-mono);font-size:11px}.diagnosis-layout{gap:2rem;display:grid}.diagnosis-steps>li{border:0;padding:0 0 2rem;position:relative}.diagnosis-steps{--step-node-size:2.25rem}.diagnosis-steps>li:not(:last-child):before{content:"";left:calc(var(--step-node-size) / 2);top:calc(var(--step-node-size) / 2);bottom:calc(var(--step-node-size) / -2);background:var(--border);width:1px;position:absolute;transform:translate(-50%)}.diagnosis-steps .story-step-index{width:var(--step-node-size);height:var(--step-node-size);border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.diagnosis-steps>li>div{padding-top:.3rem}.support-result{align-items:center;gap:2rem;padding-block:1.75rem 2.5rem;display:grid}.support-solution .story-proof{border-top:1px solid var(--border);padding-top:2.5rem}.story-questions{border-top:1px solid var(--border);padding-block:2.75rem}.story-questions-layout{gap:1.5rem;display:grid}.story-questions h2{margin-top:.75rem}.story-questions details{border-top:1px solid var(--border)}.story-questions details:last-child{border-bottom:1px solid var(--border)}.story-questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding-block:1rem;font-weight:500;line-height:1.5;list-style:none;display:flex}.story-questions summary::-webkit-details-marker{display:none}.story-questions summary svg{transition:transform var(--duration-base);color:var(--brand-secondary)}.story-questions details[open] summary svg{transform:rotate(45deg)}.story-questions details p{color:var(--muted);max-width:62ch;padding:0 1rem 1.5rem 0}.story-related{padding-block:1.5rem 2.5rem}.story-related .container-shell>div{flex-wrap:wrap;gap:.4rem 2rem;margin-top:.75rem;display:flex}.story-related a{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;min-height:48px;padding-block:.5rem;font-size:.9rem;display:inline-flex}.story-related a:hover{color:var(--brand-secondary);border-color:var(--brand-primary)}.story-contact{background:var(--brand-dark);padding-block:3rem;position:relative}.story-contact:before{content:"";inset:0 auto auto var(--gutter);background:var(--brand-primary);width:3rem;height:2px;position:absolute}.story-contact-layout{gap:1.75rem;display:grid}.story-contact h2{max-width:22ch;margin-top:.9rem}.story-contact-actions{gap:.7rem;display:grid}.story-contact-secondary{flex-wrap:wrap;justify-content:center;gap:0 1.25rem;display:flex}.story-contact-secondary a{min-height:44px;color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}.story-contact-secondary a:hover{color:var(--foreground)}.service-figure{--diagram-node-size:49px;width:100%;min-width:0}.service-story :is(.diagram-wire,.diagram-grid,.diagram-signal,.diagram-hardware,.fault-gap,.cable-ordered,.cable-disordered){vector-effect:non-scaling-stroke}.service-story .diagram-caption{color:var(--muted);font-family:var(--font-mono);letter-spacing:.035em;text-align:right;margin-top:1rem;font-size:.65rem;line-height:1.5}.diagram-wire{stroke:var(--brand-primary);stroke-width:1.6px}.diagram-grid{stroke:var(--border);stroke-width:1px}.diagram-signal{stroke:var(--brand-primary);stroke-width:2.5px;stroke-linecap:round}.diagram-hardware{fill:var(--surface-elevated);stroke:var(--border);stroke-width:1.5px}.diagram-node{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.diagram-node>span{border:1px solid var(--border);border-radius:var(--radius-control);width:var(--diagram-node-size);height:var(--diagram-node-size);background:var(--brand-dark);color:var(--brand-secondary);flex-shrink:0;place-items:center;display:grid}.diagram-node p{color:var(--muted);background:var(--brand-dark);max-width:14ch;padding-inline:.2rem;font-size:.72rem;line-height:1.3;position:relative}.network-map{max-width:520px;height:300px;margin-inline:auto;position:relative}.network-map>svg{width:100%;height:100%;position:absolute;inset:0}.network-map .diagram-node{width:29%;left:var(--node-x);top:calc(var(--node-y) - var(--diagram-node-size) / 2);position:absolute;transform:translate(-50%)}.network-map .network-room{width:calc(27.0833% - .5rem)}.network-room p{max-width:100%}.network-switch>span{background:var(--brand-primary);color:var(--brand-light);border-color:var(--brand-primary)}.fibre-route{--fibre-end-size:5rem;height:130px;margin-top:.5rem;margin-bottom:1rem;position:relative}.fibre-route>svg{top:0;left:calc(var(--fibre-end-size) / 2);width:calc(100% - var(--fibre-end-size));height:100%;position:absolute}.fibre-endpoint,.fibre-junction,.fibre-destination{--hardware-size:25px;top:calc(var(--node-y) - var(--hardware-size) / 2);width:var(--fibre-end-size);color:var(--brand-secondary);flex-direction:column;align-items:center;gap:.65rem;display:flex;position:absolute}.fibre-endpoint{left:0}.fibre-junction{--hardware-size:2.25rem;left:var(--node-x);width:40%;transform:translate(-50%)}.fibre-destination{right:0}.fibre-device{background:var(--brand-dark);width:var(--hardware-size);height:var(--hardware-size);place-items:center;display:grid}.fibre-route p{color:var(--muted);text-align:center;font-size:.7rem;line-height:1.4}.fibre-port{width:3.5rem;height:var(--hardware-size);background:var(--brand-dark);border:1px solid var(--brand-primary);border-radius:.3rem;justify-content:center;align-items:center;gap:.3rem;display:flex}.fibre-port i{background:var(--brand-primary);border-radius:1px;width:7px;height:14px}.fibre-route-caption{border-top:1px solid var(--border);color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-top:.75rem;font-size:.7rem;display:grid}.fibre-route-caption span:nth-child(2){color:var(--brand-secondary);text-align:center}.fibre-route-caption span:last-child{text-align:right}.call-figure{max-width:480px;margin-inline:auto!important}.call-origin{color:var(--muted);flex-direction:column;align-items:center;gap:.7rem;font-size:.75rem;display:flex}.call-rings{border:1px solid var(--brand-primary);width:72px;height:72px;color:var(--brand-secondary);outline:1px solid var(--border);outline-offset:10px;border-radius:50%;place-items:center;margin-top:10px;display:grid}.call-trunk{background:var(--brand-primary);width:1px;height:30px;margin:.5rem auto 0}.call-number{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin-inline:auto;padding:1rem;font-size:.8rem;display:flex}.story-dot{background:var(--brand-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.call-branches{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:4rem;display:grid;position:relative}.call-branches>svg{width:100%;height:calc(4rem + var(--diagram-node-size) / 2);position:absolute;top:0}.workspace-drawing{--workspace-table-y:58%;--workspace-laptop-size:38px;max-width:560px;height:270px;margin-inline:auto;position:relative}.workspace-screen{border:1px solid var(--border);background:var(--surface);width:40%;height:38%;color:var(--brand-secondary);border-radius:.5rem;place-items:center;display:grid;position:absolute;top:9%;left:30%}.workspace-screen>svg{width:15px;position:absolute;top:.4rem;right:.5rem}.workspace-people{gap:clamp(.5rem,3vw,1.25rem);margin-top:1rem;display:flex}.workspace-people>i{border:1px solid var(--border);border-radius:50% 50% 4px 4px;width:22px;height:28px;position:relative}.workspace-people>i:before{content:"";border:1px solid var(--brand-secondary);border-radius:50%;width:12px;height:12px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.workspace-camera{background:var(--surface);color:var(--muted);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.workspace-table{width:72%;height:34%;left:14%;top:calc(var(--workspace-table-y) - 1px);border-top:2px solid var(--muted);position:absolute}.workspace-table span{background:var(--border);width:1px;height:100%;position:absolute;left:8%}.workspace-table span:last-child{left:auto;right:8%}.workspace-laptop{top:calc(var(--workspace-table-y) + var(--workspace-laptop-size) * 4 / 24);color:var(--brand-secondary);background:var(--brand-dark);z-index:1;position:absolute;left:50%;transform:translate(-50%,-100%)}.workspace-laptop>svg{width:var(--workspace-laptop-size);height:var(--workspace-laptop-size)}.workspace-drawing>svg{width:100%;height:100%;position:absolute;inset:0}.workspace-mark{color:var(--muted);background:var(--brand-dark);padding:.2rem;font-size:.65rem;position:absolute}.workspace-mark-screen{top:22%;left:0}.workspace-mark-laptop{top:59%;left:0}.workspace-mark-network{bottom:2%;right:0}.workplace-tools{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:1rem;font-size:.7rem;display:flex}.workplace-tools>span{align-items:center;gap:.4rem;display:flex}.rack-figure{padding-inline:.5rem}.rack-cabinet{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:1.25rem .85rem 1rem;position:relative}.rack-cabinet:before,.rack-cabinet:after{content:"";border-left:2px dotted var(--border);position:absolute;inset:.7rem auto .7rem .3rem}.rack-cabinet:after{left:auto;right:.3rem}.rack-label{color:var(--muted);font-family:var(--font-mono);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding-bottom:1rem;font-size:.7rem;display:flex}.rack-label>span:last-child{margin-left:auto}.rack-ports{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:relative}.rack-ports>span{font-family:var(--font-mono);color:var(--muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.rack-ports>span>span{background:var(--surface);padding-inline:.2rem}.rack-ports i{border:2px solid var(--brand-secondary);background:var(--surface);border-bottom-width:6px;border-radius:2px;width:24px;height:22px;display:block}.rack-routing{margin-top:1.25rem;display:grid}.rack-routing>*{grid-area:1/1;align-self:start}.rack-routing>svg{width:100%;height:auto;min-height:160px;margin-top:11px}.rack-base{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:.65rem;padding-top:.8rem;font-size:.75rem;display:flex}.rack-base>svg{color:var(--brand-secondary);margin-left:auto}.fault-status{font-family:var(--font-mono);align-items:center;gap:.75rem;padding-bottom:1rem;font-size:.75rem;display:flex}.fault-status-symbol{color:var(--muted);margin-left:auto}.fault-figure>svg{width:100%;height:auto}.fault-gap{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:3 8}.fault-ends{color:var(--muted);justify-content:space-between;padding-top:.6rem;font-size:.7rem;display:flex}.fault-restored{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--background);padding:1.25rem}.fault-restored .diagram-wire{opacity:.2}@media (min-width:40rem){.service-hero{padding-block:3rem}.service-hero-layout{gap:3rem}.service-intro{font-size:1.08rem}.story-slider-controls>p{max-width:none}.story-stage{flex-basis:45%}.story-stage:last-child{margin-right:55%}.network-map{height:340px}.workspace-drawing{height:330px}.fibre-route{height:160px}.workplace-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.workplace-steps>li{flex-direction:column;gap:1rem}.story-contact-actions{justify-items:start}}@media (min-width:64rem){.service-story{--story-enter-distance:20px;--story-enter-duration:.55s}.service-hero{padding-block:3.5rem 4.5rem}.service-hero-layout{grid-template-columns:1.15fr 1fr;gap:clamp(2rem,6vw,6rem)}.service-hero .service-figure{align-self:center}.service-story .service-intro{margin-top:1.5rem;font-size:1.08rem}.service-headline{margin-top:1.5rem}.story-section{padding-block:4.5rem}.story-split{grid-template-columns:1fr 1fr;gap:5rem}.network-delivery{grid-template-columns:1fr 1fr;gap:5rem;margin-top:3rem;padding-top:3rem}.fibre-hero .service-hero-layout{grid-template-columns:1fr;gap:2rem}.fibre-hero .service-hero-copy{grid-template-columns:1.2fr 1fr;align-items:start;gap:0 5rem;display:grid}.fibre-hero h1{grid-row:span 3}.fibre-hero .service-intro{margin-top:2.75rem}.fibre-hero .story-button{justify-self:start}.fibre-route{height:160px}.fibre-hero .diagram-caption{display:none}.fibre-hero .service-headline{max-width:18ch}.fibre-solution .story-solution{grid-template-columns:1.2fr 1fr;column-gap:5rem;display:grid}.fibre-solution .story-solution>.story-eyebrow{grid-column:1/-1}.story-slider{margin-top:2.5rem}.story-slider-controls{display:none}.service-story .story-slider-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:0;display:grid;overflow:visible}.story-stage{padding:2rem}.story-stage:last-child{margin-right:0}.communication-hero .service-hero-layout{grid-template-columns:1.15fr 1fr}.communication-hero .call-figure{padding-inline:1.5rem}.call-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:3rem!important}.call-steps>li{border-color:var(--brand-primary);flex-direction:column;gap:1rem;padding-top:1.5rem;position:relative}.call-steps>li:before{content:"";background:var(--brand-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:0}.call-delivery{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;margin-top:2.5rem;padding:2.5rem}.workplace-hero .service-headline{max-width:15ch}.workplace-hero .service-hero-layout{grid-template-columns:1fr 1.1fr;gap:3rem}.workspace-drawing{height:330px}.workplace-intro{grid-template-columns:1.2fr 1fr;gap:5rem}.workplace-steps{gap:3rem;margin-top:3rem!important}.workplace-proof{grid-template-columns:20% 1fr;gap:2rem;margin-top:2.5rem;padding-top:2.5rem}.workplace-pilot{gap:1rem;display:flex}.workplace-proof .story-proof{grid-template-columns:1fr 1fr;gap:0 3rem;display:grid}.workplace-proof .story-eyebrow{grid-column:1/-1}.cabling-hero .service-headline{max-width:18ch}.cabling-solution .story-split{align-items:center}.cabling-solution .story-slider{margin-top:4rem}.cable-comparison{padding:1.5rem}.diagnosis-layout{grid-template-columns:1fr 1fr;gap:6rem}.diagnosis-layout .story-solution{position:sticky;top:7rem}.diagnosis-steps>li{gap:1.5rem;padding-bottom:2.5rem}.support-result{grid-template-columns:1fr 1fr;gap:5rem;padding-block:1rem 3rem}.support-solution>.container-shell>.story-proof{grid-template-columns:1fr 1fr;gap:0 5rem;display:grid}.support-solution>.container-shell>.story-proof .story-eyebrow{grid-column:1/-1}.story-questions{padding-block:3rem}.story-questions-layout{grid-template-columns:.75fr 1.25fr;gap:5rem}.story-contact{padding-block:4rem}.story-contact-layout{grid-template-columns:1fr auto;align-items:center;gap:3rem}.story-contact-actions{justify-items:stretch}}@media (max-height:44rem){.diagnosis-layout .story-solution{position:static}}@media (prefers-reduced-motion:no-preference){.service-story [data-reveal=left][data-entered]{animation:service-enter-left var(--story-enter-duration) var(--ease-enter) both}.service-story [data-reveal=right][data-entered]{animation:service-enter-right var(--story-enter-duration) var(--ease-enter) both}.service-story [data-motion-ready] [data-reveal=diagram]:not([data-entered]) .diagram-reveal{stroke-dasharray:1;stroke-dashoffset:1px}.service-story [data-reveal=diagram][data-entered] .diagram-reveal{animation:service-connect 1.1s var(--ease-standard) backwards}}@keyframes service-enter-left{0%{opacity:.35;transform:translateX(calc(-1 * var(--story-enter-distance)))}to{opacity:1;transform:translate(0)}}@keyframes service-enter-right{0%{opacity:.35;transform:translateX(var(--story-enter-distance))}to{opacity:1;transform:translate(0)}}@keyframes service-connect{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.service-story *,.service-story :before,.service-story :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-slider-track{scroll-snap-type:none}}
