/* Services, methods and workshops: one family, three working compositions. */
.svc-experience{--svc-paper:#F3F2ED;--svc-ink:#0E0C0B;--svc-teal:#31BAAE;--svc-link:#155E57}
.svc-experience *{box-sizing:border-box}.svc-experience [id]{scroll-margin-top:110px}
.svc-experience .ex-display>span{display:block}.svc-experience .svc-accent{color:#155E57}
.svc-experience .svc-caption{font:400 12px/1.6 Inter,sans-serif;margin:18px 0 0}
.svc-experience .svc-split{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,6vw,80px);align-items:start}
.svc-experience .svc-overline{font:600 11px/1.5 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.svc-experience .svc-hero-visual{min-width:0;position:relative}
.svc-experience .svc-service-map{position:relative;padding:28px;background:#0E0C0B;color:#F3F2ED;min-height:420px;overflow:hidden}
.svc-experience .svc-service-map>p{color:#F3F2ED;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 26px}
.svc-experience .svc-service-map svg{position:absolute;inset:64px 0 0;width:100%;height:300px;pointer-events:none;stroke:#31BAAE;stroke-width:2;fill:none}
.svc-experience .svc-map-center{position:relative;display:grid;place-items:center;border:1px solid #31BAAE;width:150px;height:150px;border-radius:50%;margin:0 auto 30px;background:#0E0C0B;text-align:center;font:600 25px/1.18 Poppins,sans-serif;letter-spacing:-.04em}
.svc-experience .svc-map-center span{display:block;color:#31BAAE}
.svc-experience .svc-map-links{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;list-style:none;margin:0;padding:0}
.svc-experience .svc-map-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;background:#F3F2ED;color:#0E0C0B;padding:12px;font:500 12px/1.4 Inter,sans-serif;text-decoration:none}
.svc-experience .svc-map-links a:hover{background:#31BAAE}.svc-experience .svc-map-links a:focus-visible{outline:3px solid #31BAAE;outline-offset:3px}
.svc-experience .svc-map-links a span{font-size:19px}
.svc-experience .svc-service-map .svc-caption{font-size:10px;color:#F3F2ED;letter-spacing:0;text-transform:none;margin:18px 0 0;font-weight:400}
.svc-experience .svc-offers{border-top:1px solid #0E0C0B}
.svc-experience .svc-offer{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,42px);padding:38px 0;border-bottom:1px solid #0E0C0B;align-items:start}
.svc-experience .svc-offer h2{font-size:clamp(25px,3.1vw,42px);line-height:1.15;letter-spacing:-.045em;max-width:15ch;margin:0 0 16px}
.svc-experience .svc-offer .svc-pressure{font:500 16px/1.55 Inter,sans-serif;margin:0;color:#155E57}
.svc-experience .svc-offer-copy>p{margin:0 0 16px}.svc-experience .svc-offer-copy strong{font-weight:600}
.svc-experience .svc-offer-copy .ex-link{margin-top:8px}
.svc-experience .svc-pod{padding:60px 0}.svc-experience .svc-pod h2{font-size:clamp(36px,6vw,76px);line-height:1.05;letter-spacing:-.05em}
.svc-experience .svc-pod-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:40px 0 0}
.svc-experience .svc-pod-rail li{padding-top:24px;border-top:2px solid #0E0C0B;position:relative}
.svc-experience .svc-pod-rail .svc-pod-verb{font:600 11px/1.4 Inter,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.svc-experience .svc-pod-rail h3{font-size:22px;line-height:1.22;margin:12px 0}.svc-experience .svc-pod-rail p{font-size:13px;line-height:1.65;margin:0}
.svc-experience .svc-pod-rail li::before{content:"↗";display:block;font:400 44px/1 Inter,sans-serif;margin-bottom:26px}

/* The filter is a real interactive tool, with the original twelve radio choices. */
.svc-experience .svc-filter-mark{display:grid;grid-template-columns:1fr 1fr;border:1px solid #0E0C0B;background:#31BAAE;position:relative;isolation:isolate}
.svc-experience .svc-filter-mark>div{padding:24px 20px;border:1px solid #0E0C0B;min-width:0}
.svc-experience .svc-filter-mark strong{display:block;font:700 clamp(72px,9vw,136px)/.95 Poppins,sans-serif;letter-spacing:-.06em;color:#0E0C0B}
.svc-experience .svc-filter-mark span{display:block;margin-top:10px;font:600 12px/1.4 Inter,sans-serif;color:#0E0C0B}
.svc-experience .svc-filter-intro{max-width:66ch;margin-bottom:30px}
.svc-experience .lab-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:28px;align-items:start}
.svc-experience .panel{background:#FFF;border:1px solid #0E0C0B;padding:clamp(20px,3vw,36px);display:grid;gap:28px;border-radius:0;min-width:0}
.svc-experience .axis{border:0;border-bottom:1px solid #0E0C0B;margin:0;padding:0 0 28px;min-width:0}.svc-experience .axis:last-child{border-bottom:0;padding-bottom:0}
.svc-experience .axis-legend{display:flex;align-items:center;gap:14px;padding:0}.svc-experience .axis-key{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#31BAAE;color:#0E0C0B;font:700 27px/1 Poppins,sans-serif}
.svc-experience .axis-name{font:600 22px/1.25 Poppins,sans-serif;letter-spacing:-.025em}.svc-experience .axis-desc{font:400 14px/1.6 Inter,sans-serif;margin:14px 0}
.svc-experience .opts{display:grid;gap:8px}.svc-experience .opt{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:48px;border:1px solid #0E0C0B;cursor:pointer;border-radius:0}
.svc-experience .opt input{position:static;opacity:1;width:18px;height:18px;margin:0;flex:none;accent-color:#155E57}.svc-experience .opt-dot{display:none}
.svc-experience .opt-text{font:400 14px/1.5 Inter,sans-serif}.svc-experience .opt:has(input:checked){background:#F3F2ED;border-color:#155E57}.svc-experience .opt:has(input:focus-visible){outline:3px solid #155E57;outline-offset:3px}
.svc-experience .readout{position:sticky;top:108px;background:#0E0C0B;color:#F3F2ED;padding:clamp(24px,3vw,38px);min-width:0;border-radius:0}
.svc-experience .plot-wrap{display:grid;place-items:center}.svc-experience .plot{display:block;width:100%;max-width:380px;height:auto;overflow:visible}
.svc-experience .plot .rings polygon,.svc-experience .plot line{fill:none;stroke:#F3F2ED;stroke-opacity:.35;stroke-width:1}.svc-experience .plot .shape{fill:#31BAAE;fill-opacity:.25;stroke:#31BAAE;stroke-width:2;stroke-linejoin:round}
.svc-experience .plot.is-stop .shape{fill:#DB4F3C;stroke:#DB4F3C}.svc-experience .ax-lbl{fill:#F3F2ED;font:700 12px Inter,sans-serif}
.svc-experience .verdict{border-top:1px solid #F3F2ED;padding-top:22px;margin-top:24px;display:grid;gap:14px}.svc-experience .v-state{font:700 13px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#F3F2ED;margin:0}
.svc-experience .verdict.pass .v-state{color:#31BAAE}.svc-experience .verdict.stop .v-state{color:#DB4F3C}.svc-experience .v-body{font:400 15px/1.7 Inter,sans-serif;color:#FFF;margin:0}.svc-experience .v-cta{font:600 14px/1.6 Inter,sans-serif;color:#31BAAE;text-decoration:underline;text-underline-offset:4px}
.svc-experience .readout .svc-caption{color:#F3F2ED}.svc-experience .readout a:focus-visible{outline:3px solid #31BAAE;outline-offset:4px}
.svc-experience .svc-cycle-intro{max-width:64ch}.svc-experience .svc-cycle-route{position:relative;padding:26px 0 40px}
.svc-experience .svc-cycle-route svg{width:100%;height:55px;overflow:visible;stroke:#31BAAE;stroke-width:2;fill:none}
.svc-experience .svc-cycle-route ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.svc-experience .svc-cycle-route a{display:flex;flex-direction:column;gap:8px;color:#F3F2ED;text-decoration:none;padding:12px 0;border-top:1px solid #31BAAE}
.svc-experience .svc-cycle-route a span{font:600 11px/1.5 Inter,sans-serif;color:#31BAAE}.svc-experience .svc-cycle-route a strong{font:600 20px/1.3 Poppins,sans-serif}.svc-experience .svc-cycle-route a small{font:400 11px/1.5 Inter,sans-serif}
.svc-experience .svc-cycle-route a:focus-visible{outline:3px solid #31BAAE;outline-offset:4px}
.svc-experience .svc-phase{border-top:1px solid #0E0C0B}.svc-experience .svc-phase:last-child{border-bottom:1px solid #0E0C0B}
.svc-experience .svc-phase>summary{list-style:none;display:grid;grid-template-columns:50px 1fr 1fr 32px;gap:24px;align-items:center;cursor:pointer;padding:28px 0;color:#0E0C0B}
.svc-experience .svc-phase>summary::-webkit-details-marker{display:none}.svc-experience .svc-phase-name{font:600 clamp(25px,3.3vw,44px)/1.2 Poppins,sans-serif;letter-spacing:-.04em}.svc-experience .svc-phase-output{font:400 14px/1.5 Inter,sans-serif}
.svc-experience .svc-phase-sign{font:400 29px/1 Inter,sans-serif}.svc-experience .svc-phase[open] .svc-phase-sign{transform:rotate(45deg)}
.svc-experience .svc-phase-body{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;padding:4px 0 34px 74px}.svc-experience .svc-phase-body>p{grid-column:1/-1;margin:0}.svc-experience .svc-phase-body>div>p{font-weight:600;margin:0 0 10px}.svc-experience .svc-phase-body ul{padding-left:20px;margin:0;display:grid;gap:9px;font-size:14px;line-height:1.65}.svc-experience .svc-phase-body a{color:#155E57;text-underline-offset:4px}
.svc-experience .svc-stop-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center}.svc-experience .svc-stop-word{font:700 clamp(62px,9vw,135px)/1 Poppins,sans-serif;letter-spacing:-.055em;color:#31BAAE;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:center}
.svc-experience .svc-stop-copy h2{font-size:clamp(35px,5vw,66px);line-height:1.1;letter-spacing:-.045em;max-width:20ch}.svc-experience .svc-stop-copy>p{max-width:57ch}

/* Workshop wall and two distinct paths that meet at a readiness decision. */
.svc-experience .svc-workshop-wall{position:relative;min-width:0;margin:0;padding:0 20px 50px 0;perspective:1200px}
.svc-experience .svc-workshop-wall img{width:100%;height:auto;aspect-ratio:4/4.7;object-fit:cover;display:block}
.svc-experience .svc-workshop-wall figcaption{position:absolute;left:25px;bottom:0;right:0;background:#31BAAE;padding:22px 24px;border:1px solid #0E0C0B;color:#0E0C0B;font:600 22px/1.28 Poppins,sans-serif;letter-spacing:-.025em}
.svc-experience .svc-workshop-wall figcaption>span{display:block;font:600 9px/1.5 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px}
.svc-experience .svc-workshop-paths{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #0E0C0B}
.svc-experience .wp-program{background:#FFF;min-width:0;display:flex;flex-direction:column;position:relative}.svc-experience .wp-program+.wp-program{border-left:1px solid #0E0C0B}
.svc-experience .wp-program-main{padding:clamp(24px,3vw,40px)}.svc-experience .wp-eyebrow{font:600 10px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#155E57;margin:0 0 13px}
.svc-experience .wp-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}.svc-experience .wp-title-row h3{font:600 clamp(26px,3.1vw,41px)/1.15 Poppins,sans-serif;letter-spacing:-.04em;margin:0;max-width:14ch}
.svc-experience .wp-badge{font:600 11px/1.5 Inter,sans-serif;padding:8px 11px;border:1px solid #0E0C0B;white-space:nowrap}.svc-experience .wp-program-main>p:not(.wp-eyebrow){font-size:15px;line-height:1.65;margin:0 0 30px}
.svc-experience .wp-sessions{display:grid;gap:25px;list-style:none;padding:0;margin:0}.svc-experience .wp-sessions li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:14px;border-top:1px solid #0E0C0B;padding-top:24px}
.svc-experience .wp-step-number{font:600 15px/1.5 Poppins,sans-serif;color:#155E57}.svc-experience .wp-sessions h4{font:600 20px/1.3 Poppins,sans-serif;letter-spacing:-.025em;margin:0 0 12px}.svc-experience .wp-sessions p:not(.wp-eyebrow){font-size:14px;line-height:1.65;margin:0}
.svc-experience .wp-output{display:flex;align-items:center;gap:20px;background:#31BAAE;color:#0E0C0B;padding:24px 30px;margin-top:auto;min-height:120px;border-top:1px solid #0E0C0B}.svc-experience .wp-output svg{flex:none}.svc-experience .wp-output p{margin:0}.svc-experience .wp-output .wp-eyebrow{color:#0E0C0B;margin-bottom:6px}.svc-experience .wp-output strong{font-size:16px}
.svc-experience .svc-path-connector{display:block;width:100%;height:100px;stroke:#155E57;stroke-width:2;fill:none}
.svc-experience .svc-readiness{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;background:#0E0C0B;color:#F3F2ED;padding:clamp(25px,4vw,50px)}
.svc-experience .svc-readiness .ex-kicker,.svc-experience .svc-readiness .ex-link{color:#31BAAE}.svc-experience .svc-readiness h2,.svc-experience .svc-readiness p{color:#F3F2ED}.svc-experience .svc-readiness h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin-bottom:20px}.svc-experience .svc-blueprint-stack{display:grid;place-items:center;position:relative;min-height:220px;isolation:isolate}
.svc-experience .svc-blueprint-stack::before,.svc-experience .svc-blueprint-stack::after{content:"";position:absolute;width:130px;height:170px;border:1px solid #31BAAE;transform:rotate(-10deg);background:#0E0C0B;z-index:-1}.svc-experience .svc-blueprint-stack::after{transform:rotate(9deg);width:135px;height:170px}
.svc-experience .svc-blueprint-stack>span{background:#F3F2ED;color:#0E0C0B;border:1px solid #31BAAE;display:flex;flex-direction:column;justify-content:space-between;width:145px;height:180px;padding:20px;font:600 20px/1.2 Poppins,sans-serif}.svc-experience .svc-blueprint-stack small{font:600 9px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.svc-experience .svc-platform-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0;border-top:1px solid #0E0C0B;border-left:1px solid #0E0C0B}.svc-experience .svc-platform-list li{display:grid;place-items:center;min-height:120px;border-right:1px solid #0E0C0B;border-bottom:1px solid #0E0C0B;font:600 clamp(22px,3vw,37px)/1.1 Poppins,sans-serif;letter-spacing:-.04em}
.svc-experience .svc-office-wall{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:20px}.svc-experience .svc-office-note{background:#F3F2ED;color:#0E0C0B;padding:22px;min-height:170px;border:1px solid #0E0C0B;display:flex;flex-direction:column;justify-content:space-between;font:600 23px/1.2 Poppins,sans-serif;letter-spacing:-.03em;transform:rotate(-5deg)}
.svc-experience .svc-office-note:nth-child(2){background:#31BAAE;transform:rotate(5deg);margin-top:60px}.svc-experience .svc-office-note span{font:600 9px/1.4 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}.svc-experience .svc-office-note:last-child{grid-column:1/-1;max-width:70%;margin:-12px auto 0;transform:rotate(-2deg);background:#FFF;min-height:135px}
html[data-motion=on] .svc-experience .svc-map-center{animation:svc-breathe 5s ease-in-out infinite}
html[data-motion=on] .svc-experience .svc-map-links li:nth-child(2n){animation:svc-drift 6s ease-in-out infinite}
html[data-motion=on] .svc-experience .svc-filter-mark{transform:perspective(1200px) rotateX(calc(var(--pointer-y,0)*-4deg)) rotateY(calc(var(--pointer-x,0)*5deg))}
html[data-motion=on] .svc-experience .svc-workshop-wall figcaption{transform:translateY(calc((.5 - var(--scene-progress,.5))*35px)) rotate(-3deg)}
html[data-motion=on] .svc-experience .svc-blueprint-stack::before{animation:svc-paper 6s ease-in-out infinite}
html[data-motion=on] .svc-experience .svc-office-note{animation:svc-note 7s ease-in-out infinite}.svc-experience .svc-office-note:nth-child(2){animation-delay:-3s}.svc-experience .svc-office-note:last-child{animation-delay:-5s}
html[data-motion=off] .svc-experience *,html[data-motion=off] .svc-experience *::before,html[data-motion=off] .svc-experience *::after{animation:none!important;transition:none!important}
html[data-motion=off] .svc-experience .svc-filter-mark,html[data-motion=off] .svc-experience .svc-workshop-wall figcaption{transform:none}
@keyframes svc-breathe{50%{transform:scale(1.035)}}@keyframes svc-drift{50%{transform:translateY(-5px)}}@keyframes svc-paper{50%{transform:rotate(-17deg) translateX(-6px)}}@keyframes svc-note{50%{translate:0 -9px}}
@media(max-width:950px){.svc-experience .svc-offer{grid-template-columns:36px minmax(0,.85fr) minmax(0,1.15fr);gap:22px}.svc-experience .svc-pod-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-experience .svc-pod-rail li:last-child{grid-column:auto}.svc-experience .svc-cycle-route ol{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-experience .lab-grid{grid-template-columns:1fr 1fr;gap:18px}.svc-experience .panel{padding:20px}.svc-experience .axis-name{font-size:19px}.svc-experience .axis-desc{font-size:13px}.svc-experience .opt{padding:11px 10px}.svc-experience .opt-text{font-size:13px}.svc-experience .svc-stop-layout{gap:34px}.svc-experience .svc-office-wall{padding:10px;gap:12px}.svc-experience .svc-office-note{font-size:20px;padding:20px}}
@media(max-width:760px){.svc-experience .svc-split,.svc-experience .svc-workshop-paths,.svc-experience .svc-readiness{grid-template-columns:1fr}.svc-experience .svc-service-map{min-height:0}.svc-experience .svc-offer{grid-template-columns:30px minmax(0,1fr);gap:12px 18px;padding:28px 0}.svc-experience .svc-offer-copy{grid-column:2}.svc-experience .svc-offer h2{max-width:none;font-size:30px}.svc-experience .svc-offer .svc-pressure{font-size:15px}.svc-experience .svc-offer-copy p{font-size:14px}.svc-experience .svc-pod-rail{grid-template-columns:1fr 1fr}.svc-experience .svc-pod-rail li::before{font-size:32px;margin-bottom:16px}.svc-experience .svc-pod-rail h3{font-size:21px}.svc-experience .lab-grid{grid-template-columns:1fr}.svc-experience .readout{position:static}.svc-experience .plot{max-width:300px}.svc-experience .svc-phase>summary{grid-template-columns:32px 1fr 24px;gap:12px;padding:22px 0}.svc-experience .svc-phase-output{grid-column:2;grid-row:2;font-size:12px}.svc-experience .svc-phase-sign{grid-column:3;grid-row:1/3}.svc-experience .svc-phase-body{grid-template-columns:1fr;padding-left:44px;gap:22px}.svc-experience .svc-stop-layout{grid-template-columns:1fr;gap:25px}.svc-experience .svc-stop-word{writing-mode:horizontal-tb;transform:none;justify-self:start;font-size:75px}.svc-experience .wp-program+.wp-program{border-left:0;border-top:1px solid #0E0C0B}.svc-experience .wp-title-row h3{font-size:34px}.svc-experience .svc-workshop-wall{max-width:550px;padding-right:20px}.svc-experience .svc-workshop-wall img{aspect-ratio:4/3}.svc-experience .svc-workshop-wall figcaption{font-size:23px}.svc-experience .svc-blueprint-stack{min-height:210px}.svc-experience .svc-office-wall{max-width:500px;width:100%}.svc-experience .svc-filter-mark strong{font-size:90px}.svc-experience .svc-cycle-route svg{height:35px}.svc-experience .svc-cycle-route a strong{font-size:19px}}
@media(max-width:420px){.svc-experience .svc-map-links{grid-template-columns:1fr}.svc-experience .svc-service-map{padding:22px}.svc-experience .svc-map-links a{min-height:46px}.svc-experience .svc-pod-rail{grid-template-columns:1fr}.svc-experience .svc-pod-rail li{display:grid;grid-template-columns:35px 1fr;gap:8px 14px}.svc-experience .svc-pod-rail li::before{grid-row:1/4;margin:0}.svc-experience .svc-pod-rail h3{margin:0}.svc-experience .svc-pod-rail p{grid-column:2}.svc-experience .svc-filter-mark>div{padding:18px 14px}.svc-experience .svc-filter-mark strong{font-size:72px}.svc-experience .svc-filter-mark span{font-size:10px}.svc-experience .svc-phase-body{padding-left:0}.svc-experience .svc-cycle-route ol{grid-template-columns:1fr 1fr}.svc-experience .svc-cycle-route svg{display:none}.svc-experience .svc-workshop-wall figcaption{left:14px;font-size:20px;padding:19px}.svc-experience .wp-program-main{padding:22px}.svc-experience .wp-title-row h3{font-size:29px}.svc-experience .wp-sessions li{grid-template-columns:24px minmax(0,1fr);gap:11px}.svc-experience .wp-sessions h4{font-size:19px}.svc-experience .wp-output{padding:22px;gap:15px}.svc-experience .svc-platform-list li{min-height:95px;font-size:23px}.svc-experience .svc-office-wall{grid-template-columns:1fr;gap:15px;padding:10px}.svc-experience .svc-office-note{min-height:145px;font-size:22px}.svc-experience .svc-office-note:nth-child(2){margin:0}.svc-experience .svc-office-note:last-child{max-width:100%;width:100%;margin:0;grid-column:auto}.svc-experience .svc-stop-word{font-size:60px}}
