.approach-page{--approach-glass:color-mix(in srgb, var(--paper) 76%, transparent);--approach-border:color-mix(in srgb, var(--current) 20%, transparent);overflow-wrap:break-word}.approach-page .section-theme{--section-link:var(--kc-petrol)}.approach-page .approach-hero-visual>.label-kc,.approach-page .approach-hero-visual figcaption,.approach-page .approach-service-visual figcaption,.approach-page .approach-figure-heading{border-radius:10px;width:fit-content;padding:10px 14px}.approach-page .approach-hero-visual .approach-visual{color:var(--paper)}.approach-page .approach-hero-visual .av-sheet{fill:var(--signal-soft)}.approach-page .approach-hero-visual .av-contrast{stroke:var(--kc-petrol)}.approach-page .wave-experience .section-theme.approach-section,.approach-page .wave-experience .section-theme.approach-hero{background:0 0}.approach-page .approach-hero:before{content:none}.approach-page [id]{scroll-margin-top:112px}.approach-page .approach-section{z-index:2;padding-block:clamp(24px,3vw,36px);position:relative}.approach-page .approach-glass{z-index:1;background:var(--approach-glass);border:1px solid var(--approach-border);color:var(--foreground);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;position:relative}.approach-page p{line-height:1.65}.approach-page h2,.approach-page h3{color:var(--current)}.approach-page .approach-section-head{max-width:830px;margin-bottom:24px;padding:clamp(22px,2.5vw,28px)}.approach-page .approach-open-copy{isolation:isolate;color:var(--kc-gray);position:relative}.approach-page .approach-open-copy[data-copy-tone=inverse]{color:var(--kc-white)}.approach-page .approach-open-copy.is-visible{clip-path:none}.approach-page .approach-open-copy[data-copy-tone=inverse] :is(h1,h2,.label-kc){color:var(--kc-white)}.approach-page .approach-open-copy[data-copy-tone=ink] .label-kc{color:var(--kc-gray)}.approach-page #approach .approach-section-head,.approach-page #approach .approach-section-head :is(h2,.label-kc){color:color-mix(in srgb, var(--kc-petrol) 20%, black)}@media (width<=639px){.approach-page #challenge .approach-section-head>p:last-child{color:color-mix(in srgb, var(--kc-petrol) 20%, black)}}.approach-page .approach-note{color:var(--kc-gray)}.approach-page .approach-section-head h2{margin-block:14px 18px;font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.15}.approach-page .approach-section-head p:last-child{max-width:66ch}.approach-page .label-kc{color:var(--current);letter-spacing:.12em;font-size:.65rem}.approach-page .approach-hero{padding:136px 0 32px}.approach-page .approach-hero-grid{align-items:stretch;gap:24px;display:grid}.approach-page .approach-hero-copy{padding:clamp(24px,4vw,48px)}.approach-page .approach-hero h1{color:var(--current);margin-block:24px;font-size:clamp(2.6rem,5vw,4.9rem);line-height:1.06}.approach-page .approach-hero-copy>p:last-of-type{max-width:48ch}.approach-page .approach-button{justify-content:space-between;align-items:center;gap:22px;padding:14px 22px;font-size:.85rem;display:inline-flex}.approach-page .approach-hero .approach-button{margin-top:28px}.approach-page .approach-hero-visual{flex-direction:column;justify-content:space-between;margin:0;padding:28px;display:flex}.approach-page .approach-hero-visual figcaption{color:var(--current);flex-wrap:wrap;gap:10px 22px;font-size:.7rem;font-weight:600;display:flex}.approach-page .approach-statistics{gap:16px;margin-bottom:32px;display:grid}.approach-page .approach-stat{padding:24px}.approach-page .approach-stat-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.approach-page .approach-number{font-family:var(--font-display);letter-spacing:-.045em;color:var(--current);font-variant-numeric:tabular-nums;white-space:nowrap;margin-block:16px 12px;font-size:clamp(3.4rem,6vw,5.8rem);line-height:1.1}.approach-page .approach-percent{margin-left:.15em;font-size:.48em}.approach-page .approach-stat h3{font-family:var(--font-sans);margin-bottom:8px;font-size:.95rem;font-weight:600}.approach-page .approach-stat-context{max-width:32ch;font-size:.78rem}.approach-page .approach-info,.approach-source-close{border:1px solid var(--line);width:44px;height:44px;color:var(--current);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.approach-source{width:310px;max-width:calc(100vw - 24px);color:var(--foreground);background:var(--paper);border-color:var(--line);border-radius:16px;padding:26px 22px}.approach-source .label-kc{margin-right:30px;font-size:.6rem}.approach-source h3{margin-block:14px 10px;font-size:1.2rem}.approach-source p{font-size:.85rem;line-height:1.6}.approach-source a{color:var(--current);margin-top:18px;font-size:.85rem;font-weight:600;text-decoration:underline;display:inline-block}.approach-source-close{width:36px;height:36px;position:absolute;top:8px;right:8px}.approach-page .approach-challenges{gap:16px;display:grid}.approach-page .approach-challenge{padding:26px;transition:transform .22s,border-color .22s}.approach-page .approach-challenge-top{color:var(--current);justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.approach-page .approach-challenge h3{margin-bottom:12px;font-size:1.25rem;line-height:1.25}.approach-page .approach-challenge p{font-size:.85rem}.approach-page .approach-service-layout{gap:22px;display:grid}.approach-page .approach-service-visual{flex-direction:column;justify-content:space-between;margin:0;padding:28px;display:flex}.approach-page .approach-figure-heading{justify-content:space-between;gap:16px;display:flex}.approach-page .approach-service-visual figcaption{color:var(--current);flex-wrap:wrap;gap:8px;font-size:.8rem;font-weight:600;display:flex}.approach-page .approach-service-selector{padding:clamp(18px,3vw,32px)}.approach-page .approach-selector-hint{margin-bottom:14px}.approach-page .approach-service-buttons{gap:8px;display:grid}.approach-page .approach-service-button{text-align:left;border:1px solid var(--approach-border);cursor:pointer;color:var(--current);font-family:var(--font-display);background:0 0;border-radius:12px;grid-template-columns:32px 1fr 20px;align-items:center;gap:10px;padding:18px 14px;font-size:clamp(1rem,1.6vw,1.3rem);transition:background .22s,border-color .22s;display:grid}.approach-page .approach-service-button[aria-pressed=true]{background:var(--signal-soft);border-color:var(--current)}.approach-page .approach-stage-number{font-family:var(--font-sans);font-size:.68rem;font-weight:600}.approach-page .approach-service-panels,.approach-page .approach-phase-panels{display:grid}.approach-page .approach-state-panel{visibility:hidden;opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .26s,transform .26s,visibility .26s;transform:translateY(6px)}.approach-page .approach-state-panel[data-active=true]{visibility:visible;opacity:1;pointer-events:auto;transform:none}.approach-page .approach-service-panels{margin-top:24px}.approach-page .approach-service-panels h3{margin-bottom:12px;font-size:1.5rem}.approach-page .approach-service-panels p{font-size:.88rem}.approach-page .approach-tags{flex-wrap:wrap;gap:6px;margin-top:20px;padding:0;list-style:none;display:flex}.approach-page .approach-tags li{border:1px solid var(--approach-border);border-radius:5px;padding:5px 8px;font-size:.65rem;line-height:1.4}.approach-page .approach-visual{width:100%;height:auto;color:var(--current);display:block;overflow:visible}.approach-page .av-line,.approach-page .av-fine,.approach-page .av-link{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.approach-page .av-fine{opacity:.35;stroke-width:1px}.approach-page .av-link{opacity:.25;transition:opacity .26s}.approach-page .av-node{fill:var(--paper);stroke:currentColor;stroke-width:2px;transition:r .26s}.approach-page .av-sheet{fill:var(--paper);stroke:currentColor;stroke-width:1.5px}.approach-page .av-sheet-back{fill:var(--paper-2)}.approach-page .av-fill{fill:currentColor}.approach-page .av-contrast{stroke:var(--paper)}.approach-page .av-orbit{fill:none;stroke:currentColor;opacity:.16;stroke-dasharray:3 8}.approach-page .av-network-node{opacity:.4;transition:opacity .26s}.approach-page .av-network-node[data-emphasis=true]{opacity:1}.approach-page .av-network-node[data-emphasis=true] .av-link{opacity:.7}.approach-page .av-track{fill:none;stroke:currentColor;opacity:.15;stroke-width:7px}.approach-page .av-progress{fill:none;stroke:currentColor;stroke-width:3px;transition:stroke-dashoffset .32s}.approach-page .approach-journey-desktop{display:none}.approach-page .approach-journey-mobile{gap:14px;display:grid}.approach-page .approach-mobile-step{padding:18px}.approach-page .approach-mobile-step summary{cursor:pointer;grid-template-columns:44px 1fr 18px;align-items:center;gap:12px;list-style:none;display:grid}.approach-page .approach-mobile-step summary::-webkit-details-marker{display:none}.approach-page .approach-mobile-tagline{font-family:var(--font-display);color:var(--current);margin-top:6px;font-size:1.1rem;display:block}.approach-page .approach-disclosure{color:var(--current);font-size:1.4rem;transition:transform .22s}.approach-page details[open] .approach-disclosure{transform:rotate(45deg)}.approach-page .approach-phase-icon{border:1px solid var(--approach-border);width:44px;height:44px;color:var(--current);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;display:flex}.approach-page .approach-phase-content{gap:24px;margin-top:28px;display:grid}.approach-page .approach-phase-content h3{margin-block:14px 20px;font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.2}.approach-page .approach-phase-content p{font-size:.88rem}.approach-page .approach-phase-activities ul{margin-block:16px;padding:0;list-style:none}.approach-page .approach-phase-activities li{border-bottom:1px solid var(--approach-border);padding-block:9px;font-size:.82rem;line-height:1.5}.approach-page .approach-outcome{border-left:2px solid var(--current);gap:8px;padding:8px 0 8px 16px;display:grid}.approach-page .approach-outcome strong{color:var(--current);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.approach-page .approach-scroll-hint{color:var(--current);align-items:center;gap:10px;margin-top:24px;font-size:.75rem;display:flex}.approach-page .approach-journey-statement{max-width:860px;margin-top:22px;padding:28px}.approach-page .approach-journey-statement h3{margin-block:14px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.25}.approach-page .approach-journey-statement>p:last-child{max-width:65ch;font-size:.88rem}.approach-page .approach-showcases{gap:18px;display:grid}.approach-page .approach-showcase{transition:transform .22s,border-color .22s;overflow:hidden}.approach-page .approach-showcase-art{padding:22px 22px 0}.approach-page .approach-showcase-copy{padding:22px;position:relative}.approach-page .approach-showcase-copy h3{margin-bottom:12px;padding-right:16px;font-size:1.35rem}.approach-page .approach-showcase-copy p{font-size:.85rem}.approach-page .approach-showcase-copy>svg{color:var(--current);margin-top:18px}.approach-page .approach-showcase-art .approach-visual{transition:transform .28s}.approach-page .approach-note{margin-top:18px;padding:12px 18px;font-size:.78rem;display:inline-block}.approach-page .approach-practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.approach-page .approach-practice-stat{padding:clamp(18px,3vw,36px)}.approach-page .approach-practice-stat h3{margin-bottom:14px;font-size:clamp(.95rem,2vw,1.5rem);line-height:1.3}.approach-page .approach-practice-stat>p:last-child{max-width:42ch;font-size:.82rem}.approach-page .approach-actions{flex-wrap:wrap;align-items:center;gap:24px;padding:20px;display:inline-flex}.approach-page .approach-secondary{text-underline-offset:5px;padding-block:12px;font-size:.85rem;text-decoration:underline}@media (width>=640px){.approach-page .approach-challenges{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-page .approach-statistics{grid-template-columns:repeat(3,minmax(0,1fr))}.approach-page .approach-stat{padding:20px}}@media (width>=768px){.approach-page .approach-hero-grid{grid-template-columns:1.2fr 1fr}.approach-page .approach-showcases{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.approach-page .approach-challenges{grid-template-columns:repeat(4,minmax(0,1fr))}.approach-page .approach-service-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.approach-page .approach-service-visual .approach-visual{max-height:350px}.approach-page .approach-journey-desktop{padding:30px;display:block}.approach-page .approach-journey-mobile{display:none}.approach-page .approach-timeline{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.approach-page .approach-progress-line{width:75%;height:8px;color:var(--current);position:absolute;top:30px;left:12.5%}.approach-page .approach-phase-button{cursor:pointer;color:var(--current);background:0 0;border:0;flex-direction:column;align-items:center;gap:16px;padding:0 6px 20px;display:flex;position:relative}.approach-page .approach-phase-button .approach-phase-icon{width:66px;height:66px;transition:background .24s,color .24s}.approach-page .approach-phase-button[aria-pressed=true] .approach-phase-icon{background:var(--current);color:var(--paper)}.approach-page .approach-phase-button[data-complete=true] .approach-phase-icon{border-color:var(--current);background:var(--paper-2)}.approach-page .approach-phase-content{grid-template-columns:1fr 1fr;gap:48px;margin-top:28px}.approach-page .approach-phase-panels{min-height:340px}}@media (width>=1024px) and (height>=720px) and (prefers-reduced-motion:no-preference){.approach-page [data-scroll-enabled=true]>.approach-sticky{top:var(--approach-sticky-top,112px);position:sticky}.approach-page [data-scroll-enabled=true]:after{content:"";height:var(--approach-scroll-distance);display:block}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.approach-page .approach-challenge:hover,.approach-page .approach-showcase:hover{border-color:var(--current);transform:translateY(-4px)}.approach-page .approach-showcase:hover .approach-visual{transform:translateY(-4px)}.approach-page .approach-service-button:hover{background:var(--signal-soft)}}@media (width<=639px){.approach-page .approach-practice{gap:10px}.approach-page .approach-practice-stat{padding:16px 12px}.approach-page .approach-practice-stat .approach-number{font-size:3rem}.approach-page .approach-practice-stat>p:last-child{font-size:.73rem}.approach-page .approach-hero-visual{padding:22px}.approach-page .approach-stat .approach-number{font-size:4.2rem}.approach-page .approach-phase-content h3,.approach-page .approach-phase-content>div>.label-kc{display:none}}@media (prefers-reduced-motion:reduce){.approach-page *,.approach-source{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.approach-page[data-motion-paused=true] *,.approach-page[data-motion-paused=true] :before{transition:none!important;animation:none!important}
