@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/fonts/PlusJakartaSans.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#faf9f7;--surface:#fff;--ink:#202124;--muted:#60616a;--line:#dedbdf;--accent:#c7105c;--accent-soft:#f8e8ef;--accent-hover:#a30d4b;--dark-muted:#bdbdc4;--dark-line:#55565e;--dark-accent:#f284b2;--font:'Plus Jakarta Sans',sans-serif;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--radius:10px;--max:1200px;--body:1.125rem;--h1:clamp(2.5rem,5.1vw,4.5rem);--h2:clamp(1.875rem,3.2vw,2.75rem);--h3:clamp(1.375rem,2vw,1.625rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s,border-color .2s}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:active,.button:active{background:var(--accent-hover);color:white}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.15;letter-spacing:-.04em;text-wrap:balance}h1{font-size:var(--h1);letter-spacing:-.055em}h2{font-size:var(--h2)}h3{font-size:var(--h3)}p+p{margin-top:var(--s3)}svg{display:block;width:100%;height:auto}::selection{color:var(--ink);background:#f3c2d6}.container{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.accent{color:var(--accent)}.eyebrow{font-size:.875rem;line-height:1.5;letter-spacing:.035em;font-weight:500}.brand-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:1px}.small-label{font-size:.875rem;font-weight:500;color:var(--accent)}.section{padding-block:var(--s12)}.section-intro{display:grid;grid-template-columns:1fr 2.12fr;gap:48px;margin-bottom:56px}.section-label{color:var(--muted);padding-top:8px}.section-label>span{margin-right:16px;color:var(--accent)}.section-intro h2{max-width:26ch}.section-intro p:not(.eyebrow){margin-top:24px;max-width:62ch;color:var(--muted)}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:20px;font-size:.875rem;text-underline-offset:5px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:28px;padding:12px 22px;background:var(--accent);color:#fff;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none}.button:hover{background:var(--accent-hover);color:white}.button>span,.text-link>span{transition:transform .2s}.button:hover>span,.text-link:hover>span{transform:translate(2px,-2px)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px;background:#fff;transform:translateY(-200%)}.skip-link:focus{transform:none}
/* Quiet, persistent navigation. The original inline wordmark is unchanged. */
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;width:220px;flex-shrink:0;line-height:0;margin-left:-16px}.brand svg{width:100%;height:auto}.header-inner nav{display:flex;gap:22px;align-items:center;font-size:.875rem}.header-inner nav a{position:relative;text-decoration:none;padding-block:12px;white-space:nowrap}.header-inner nav a[aria-current="location"]:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--accent)}.nav-contact{color:var(--accent);display:flex;gap:12px}.menu-toggle{display:none}.site-header:not(.menu-ready){position:relative}
/* Broad position first; the full measurement scene appears in Methods. */
.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center;padding-block:80px 64px}.hero-copy .eyebrow{margin-bottom:28px}.hero-intro{max-width:57ch;margin-top:28px;color:var(--muted);font-size:1.0625rem}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.origin{margin-top:32px;color:var(--muted);font-size:.875rem}.origin>span{margin-right:8px;color:var(--accent)}.hero-visual{max-width:420px;justify-self:end;width:100%;margin-top:32px}.preview-label{font:15px var(--font);fill:var(--muted)}.preview-human{font-weight:600;fill:var(--ink)}.hero-visual figcaption{text-align:center;font-size:.875rem;color:var(--muted);padding-top:8px}.hero-bridge{display:grid;grid-template-columns:1fr 2fr 48px;gap:48px;align-items:start;padding-block:36px 48px;border-block:1px solid var(--line)}.hero-bridge>.eyebrow{padding-top:4px;color:var(--muted)}.hero-bridge>p:nth-child(2){margin:0;font-size:1rem;max-width:65ch;color:var(--muted)}.circle-link{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--accent)}
/* Open editorial fields, followed by an independent AI interaction example. */
.fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.field{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--line);padding-top:20px}.field-index{font-size:.875rem;color:var(--accent)}.field h3{margin-top:28px;max-width:19ch;min-height:60px}.field>p:not(.field-question){font-size:1rem;color:var(--muted);margin-top:20px;margin-bottom:28px}.field .field-question{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:1rem;max-width:33ch;line-height:1.5}.ai-field{margin-top:64px;padding:48px;background:var(--accent-soft);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.ai-field-copy>.eyebrow{color:var(--muted)}.ai-field-copy .field-index{margin-right:12px}.ai-field h3{margin-top:20px;font-size:.875rem;letter-spacing:0;color:var(--muted);line-height:1.5}.ai-field .ai-question{font-size:clamp(1.75rem,2.6vw,2.125rem);line-height:1.2;letter-spacing:-.035em;max-width:22ch;margin-top:12px}.ai-field-copy>p:not(.eyebrow):not(.ai-question){font-size:1rem;color:var(--muted);margin-top:24px}.ai-field .text-link{margin-top:20px}.assistance-diagram{font-size:.9375rem;min-width:0}.assistance-task{padding-left:20px;border-left:2px solid var(--ink)}.assistance-task>.small-label{color:var(--muted);font-size:.875rem}.assistance-task>p{font-size:1.0625rem;margin-top:4px}.assistance-connection{height:24px;margin-left:21px;border-left:1px dashed var(--muted)}.assistance-proposal{background:var(--surface);border:1px solid #d9bdc9;border-radius:8px;padding:20px 24px}.proposal-header{display:flex;align-items:center;gap:9px;font-size:.875rem}.proposal-dot{display:block;width:7px;height:7px;background:var(--accent);border-radius:50%}.assistance-proposal>p{font-size:1.0625rem;margin-top:16px;line-height:1.5}.proposal-source{border-top:1px solid var(--line);padding-top:12px;margin-top:20px;font-size:.875rem;color:var(--muted)}.proposal-source>span{display:block;font-size:.75rem;margin-bottom:3px}.human-decision{padding:20px 0 0 22px;border-left:1px dashed var(--muted);margin-left:21px}.human-decision>.small-label{display:block;font-size:.8125rem;color:var(--muted)}.human-decision>div{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:10px}.decision-option{font-size:.875rem;display:inline-flex;align-items:center;gap:16px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px}.decision-option.secondary{color:var(--muted);border-color:var(--muted)}.diagram-note{font-size:.75rem;color:var(--muted);margin-top:20px;line-height:1.5}
/* The visible outcomes make the service scope concrete. */
.services-section{background:var(--surface);border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:64px 1fr 1.5fr;gap:40px;padding-block:32px;border-top:1px solid var(--line)}.service-index{font-size:.875rem;color:var(--accent);padding-top:5px}.service h3{max-width:19ch}.service>div>p{font-size:1rem;color:var(--muted)}.service .service-result{font-size:.9375rem;color:var(--ink);margin-top:20px;padding-left:16px;border-left:2px solid var(--accent)}.service-result span,.case-result>span{display:block;font-size:.75rem;margin-bottom:5px;color:var(--muted)}.service-prototype h3{font-size:1.375rem}.service-prototype .service-index{color:var(--muted)}.service-prototype .service-result{border-color:var(--line)}.combination-note{font-size:.875rem;color:var(--muted);margin:20px 0 0 104px}
/* Both data layers live in the same assembly scene. */
.methods-section{background:var(--ink);color:var(--bg)}.methods-heading{display:grid;grid-template-columns:1fr 2.12fr;gap:48px}.methods-section .section-label{color:var(--dark-muted)}.methods-section .section-label>span,.methods-section .small-label{color:var(--dark-accent)}.methods-heading h2{font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.15}.methods-heading h2>span{color:var(--dark-muted)}.method-introduction{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-block:48px;margin-top:16px;border-bottom:1px solid var(--dark-line)}.method-introduction h3{max-width:25ch;font-size:1.5rem}.method-introduction>p{color:var(--dark-muted);font-size:1rem;max-width:60ch}.method-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:64px;align-items:start;padding-top:48px}.perspectives{min-width:0;position:sticky;top:130px}.perspectives figcaption .small-label{font-size:.875rem;color:var(--dark-muted)}.perspectives figcaption h3{margin-top:8px;font-size:1.875rem}.perspective-controls{display:flex;border-bottom:1px solid var(--dark-line);margin-top:28px;gap:8px}.perspective-controls button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dark-muted);font-size:.875rem;padding:10px 4px}.perspective-controls button>span{font-size:.75rem;opacity:.7}.perspective-controls button[aria-pressed=true]{color:#fff;border-color:var(--dark-accent);background:#303137;font-weight:600}.perspective-controls button:hover{background:#38393f;color:white}.methods-section a:focus-visible,.methods-section button:focus-visible{outline-color:var(--dark-accent)}.method-scene{margin-top:16px}.workplace{--scene-stroke:#85858e;--scene-fill:var(--bg);--person:var(--ink);--joint:var(--accent);--gaze:var(--accent);--joint-fill:var(--bg);width:100%;height:auto}.methods-section .workplace{--scene-stroke:#9c9ca6;--scene-fill:#27282d;--person:#d7d6dc;--joint:#f284b2;--gaze:#f284b2;--joint-fill:var(--ink)}.scene-faint{stroke:var(--scene-stroke);stroke-width:1;opacity:.55}.scene-object{fill:var(--scene-fill);stroke:var(--scene-stroke);stroke-width:1.6}.scene-line{stroke:var(--scene-stroke);stroke-width:2}.person-context{stroke:var(--person);stroke-width:9;fill:none}.person-secondary{stroke:var(--person);stroke-width:6;opacity:.4}.person-head{fill:var(--scene-fill);stroke:var(--person);stroke-width:2.5}.glasses{stroke:var(--person);stroke-width:2}.sensor-strap{stroke:var(--scene-stroke);stroke-width:4}.sensor{fill:var(--scene-fill);stroke:var(--person);stroke-width:1.5}.movement-path{stroke:var(--joint);stroke-width:2;stroke-dasharray:5 6}.arrow-tip{stroke-dasharray:none}.movement-skeleton{stroke:var(--joint);stroke-width:1.5}.joint{fill:var(--joint-fill);stroke:var(--joint);stroke-width:2}.gaze-path{fill:none;stroke:var(--gaze);stroke-width:1.5;stroke-dasharray:3 6}.gaze-point{fill:var(--scene-fill);stroke:var(--gaze);stroke-width:1.5}.gaze-center{fill:var(--gaze)}.time-marker{stroke:var(--accent);stroke-width:3;fill:none}.time-dot{fill:var(--accent)}.scene-labels{font:17px var(--font);fill:var(--scene-stroke)}.scene-labels path{fill:none;stroke:var(--scene-stroke);stroke-width:1}.scene-key{font-size:.8125rem;color:var(--dark-muted);line-height:1.6}.scene-key>span{display:block;font-size:.75rem}.sync-timeline{margin-top:24px;padding-top:16px;border-top:1px solid var(--dark-line)}.timeline-heading{display:flex;justify-content:space-between;font-size:.875rem;color:var(--dark-muted)}.timeline-steps{display:grid;grid-template-columns:repeat(3,1fr);font-size:.75rem;margin-top:16px;gap:8px;padding-left:88px}.timeline-steps span{text-align:center}.timeline-tracks{position:relative;display:grid;grid-template-columns:80px 1fr;gap:16px 8px;margin-top:16px;align-items:center;font-size:.75rem;color:var(--dark-muted)}.track{height:12px;position:relative;display:flex;justify-content:space-around;align-items:center}.track:before{content:'';position:absolute;height:1px;left:0;right:0;background:var(--dark-muted)}.track i{z-index:1;width:7px;height:7px;border:1px solid var(--dark-muted);background:var(--ink)}.track-gaze:before{background:none;border-top:1px dashed var(--dark-accent)}.track-gaze i{border-color:var(--dark-accent);border-radius:50%}.shared-marker{position:absolute;left:calc(50% + 44px);top:-5px;bottom:-5px;width:3px;background:var(--accent)}.timeline-caption{font-size:.75rem;color:var(--dark-muted);margin-top:14px}.perspective-explanation{border-top:1px solid var(--dark-line);padding-top:20px;margin-top:24px;min-height:120px;font-size:.9375rem;color:var(--dark-muted)}.perspective-explanation p{margin:0}.perspective-explanation strong{display:block;color:var(--bg);font-weight:500;margin-bottom:8px}.methods-section .diagram-note{color:var(--dark-muted);margin-top:8px}.static-explanation{color:var(--dark-muted);font-size:.9375rem;margin-top:24px}.method-details{padding-top:12px}.method-detail{border-bottom:1px solid var(--dark-line);padding-bottom:32px;margin-bottom:32px}.method-detail:last-child{border-bottom:0;margin-bottom:0}.method-detail h3{margin-top:16px;font-size:1.375rem}.method-detail>p:last-child{font-size:1rem;color:var(--dark-muted);margin-top:20px}.method-human{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:40px;margin-top:48px;border-top:1px solid var(--dark-line)}.method-human .eyebrow{color:var(--dark-muted)}.method-human h3{margin-top:12px;font-size:1.5rem}.method-human>p{color:var(--dark-muted);font-size:1rem}.perspectives [data-layer]{transition:opacity .2s}.perspectives .layer-hidden{opacity:0;visibility:hidden;pointer-events:none}.case-figure .layer-hidden{display:none}
/* Alternating applications give each question its own pace. */
.case{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:56px;border-top:1px solid var(--line);scroll-margin-top:24px}.case:last-child{padding-bottom:0}.case:nth-child(even) .case-copy{order:2}.case-category{display:flex;gap:18px;font-size:.875rem;color:var(--muted);line-height:1.5}.case-category>span{color:var(--accent);flex-shrink:0}.case h3{font-size:clamp(1.75rem,2.6vw,2.25rem);margin-top:24px;max-width:24ch}.case-copy>p:not(.case-category){font-size:1rem;color:var(--muted);margin-top:24px}.case-copy>.case-result{border-left:2px solid var(--accent);padding-left:16px;color:var(--ink)!important;font-size:.9375rem!important}.case-figure{background:#f0eeec;padding:24px 28px;border-radius:var(--radius);min-width:0}.case-figure figcaption{border-top:1px solid #d5d1d3;padding-top:16px;font-size:.875rem;color:var(--ink);line-height:1.5}.case-figure figcaption>span{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.case-figure .workplace{margin-block:20px}.case-diagram{margin-block:8px 24px}.process-label{font:17px var(--font);fill:var(--muted)}.cockpit-numbers{font:15px var(--font);fill:var(--accent)}.case-software{padding:32px}.case-software .assistance-diagram{margin-bottom:24px}.case-software .diagram-note{display:none}.case-software .assistance-proposal{padding:18px}
/* Addressed sectors are stated openly, without implying client references. */
.industries-section{background:#eeece9}.industry{display:grid;grid-template-columns:44px 1.7fr 1fr;gap:24px;align-items:center;padding-block:26px;border-top:1px solid #cfccd0}.industry-index{font-size:.8125rem;color:var(--muted)}.industry h3{font-size:clamp(1.375rem,2.2vw,1.875rem);line-height:1.2;letter-spacing:-.035em}.industry:first-child h3{font-size:clamp(1.625rem,2.7vw,2.25rem)}.industry>p{font-size:.875rem;color:var(--muted);max-width:36ch}.industry:last-child{border-bottom:1px solid #cfccd0}
/* Consistent portrait frames; initials remain available as a fallback. */
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:800px}.portrait{aspect-ratio:4/5;background:#eeece9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.portrait>span{font-size:4.5rem;font-weight:400;letter-spacing:-.06em;color:#777176}.portrait>small{position:absolute;bottom:20px;left:24px;font-size:.75rem;color:var(--muted)}.team-profile h3{margin-top:20px}.team-profile .team-focus{font-size:.875rem;font-weight:500;margin-top:8px;color:var(--muted)}.cooperation{border-top:1px solid var(--line);padding-top:48px;margin-top:64px;display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.cooperation .eyebrow{color:var(--muted)}.cooperation h2{font-size:2rem;max-width:24ch;margin-top:16px}.cooperation-copy>p:not(.eyebrow){font-size:1rem;color:var(--muted);margin-top:24px}.cooperation-copy .department{font-size:.875rem;color:var(--ink);font-weight:500}.department>span{color:var(--muted);font-weight:400}.cooperation-person{display:grid;grid-template-columns:136px 1fr;gap:24px;align-items:center;align-self:center}.portrait-small>span{font-size:2.5rem}.portrait-small>small{font-size:.6875rem;bottom:12px;left:12px}.cooperation-person h3{font-size:1.25rem}.cooperation-person h3+p{font-size:.875rem;color:var(--muted);margin-top:12px;line-height:1.5}
.contact-section{padding-block:96px;background:var(--accent-soft)}.contact-inner{display:grid;grid-template-columns:1fr 2.12fr;gap:48px;position:relative}.contact-inner h2{max-width:22ch;font-size:clamp(2rem,3.7vw,3.25rem)}.contact-inner>div>p{margin-top:24px;max-width:60ch;color:var(--muted)}.email-placeholder{margin-top:32px;padding-top:24px;border-top:1px solid #d9bdc9}.email-placeholder>span{font-size:clamp(1.25rem,2.2vw,1.75rem);letter-spacing:-.035em;overflow-wrap:anywhere}.email-placeholder>p{font-size:.8125rem;margin-top:8px;color:var(--muted)}.email-link{display:inline-block;font-size:clamp(1.25rem,2.2vw,1.75rem);color:var(--accent);margin-top:32px;overflow-wrap:anywhere;text-underline-offset:6px}.site-footer{padding-block:28px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.75rem;color:var(--muted)}.footer-inner nav{display:flex;gap:24px;margin-left:auto}.footer-inner a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.back-top{min-width:44px;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:18px;text-decoration:none;color:var(--accent)}
.legal-page{max-width:850px;min-height:70vh;padding-block:64px 96px}.legal-page h1{margin-top:16px}.legal-page h2{font-size:1.5rem;margin-top:48px}.legal-page h3{font-size:1.25rem;margin-block:32px 16px}.legal-notice{margin-top:32px;padding:24px;background:var(--accent-soft);border-radius:var(--radius)}.legal-page dl{margin-block:32px}.legal-page dl>div{padding-block:20px;border-bottom:1px solid var(--line)}.legal-page dt{font-size:.875rem;color:var(--muted)}.legal-page dd{margin:8px 0 0;overflow-wrap:anywhere}.legal-page>.text-link{margin-top:40px}
.legal-page>.eyebrow{text-transform:uppercase;font-weight:700}.legal-page section{margin-top:48px}.legal-page section h2{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.legal-page section p,.legal-page address,.legal-page li{font-size:1rem;color:var(--muted);font-style:normal;line-height:1.6}.legal-page section p+p{margin-top:16px}.legal-page section a{text-underline-offset:4px;overflow-wrap:anywhere}.legal-intro{margin-top:24px;max-width:64ch;color:var(--muted)}.legal-date{margin-top:12px;font-size:.875rem;color:var(--muted)}.privacy-page ul{margin:16px 0 20px;padding-left:24px}.privacy-page li+li{margin-top:6px}
@media(max-width:1180px){.container{width:calc(100% - 80px)}.brand{width:195px}.header-inner nav{gap:15px;font-size:.8125rem}.hero{gap:32px}.ai-field{padding:36px;gap:40px}.method-layout{gap:40px}.case{gap:48px}.cooperation{gap:40px}.cooperation-person{grid-template-columns:110px 1fr;gap:20px}}
@media(max-width:1020px){.header-inner{min-height:86px;flex-wrap:wrap;gap:0 24px}.brand{width:210px;margin-left:-15px}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:20px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:transparent;padding:8px 14px;font-size:.875rem;color:var(--ink)}.header-inner nav{width:100%;gap:4px 28px;flex-wrap:wrap;padding-bottom:20px;font-size:.875rem}.menu-ready nav:not(.is-open){display:none}.hero{padding-top:64px;grid-template-columns:1.5fr 1fr}.hero-bridge{grid-template-columns:1fr 2fr;gap:32px}.hero-bridge .circle-link{display:none}.section-intro,.methods-heading{grid-template-columns:1fr 2fr;gap:32px}.fields-grid{gap:28px}.field h3{font-size:1.375rem}.ai-field{gap:32px;padding:32px}.service{grid-template-columns:40px 1fr 1.45fr;gap:28px}.method-layout{grid-template-columns:1.5fr 1fr;gap:32px}.perspective-controls button{font-size:.8125rem;gap:6px}.perspective-controls button>span{display:none}.scene-labels{display:none}.method-details{padding-top:0}.method-detail>p:last-child{font-size:.9375rem}.case{gap:32px}.case-figure{padding:20px}.team-grid{gap:28px}.cooperation{grid-template-columns:1fr}.cooperation-person{max-width:480px;grid-template-columns:120px 1fr}.contact-inner{grid-template-columns:1fr 2fr;gap:32px}.footer-inner{flex-wrap:wrap}.footer-inner>p{flex-basis:100%}.footer-inner nav{margin:0}.back-top{margin-left:auto}}
@media(max-width:800px){.preview-label{font-size:20px}.container{width:calc(100% - 64px)}.hero{grid-template-columns:1fr;position:relative;gap:40px;padding-block:56px 40px;--h1:clamp(2.5rem,7.4vw,3.75rem)}.hero-copy{max-width:640px}.hero-visual{width:310px;max-width:100%;justify-self:center;margin-top:0}.hero-intro{max-width:60ch}.hero-bridge{grid-template-columns:1fr;gap:16px;padding-block:28px 32px}.section{padding-block:64px}.section-intro,.methods-heading{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.section-intro h2{max-width:28ch}.fields-grid{grid-template-columns:1fr;gap:32px}.field{display:grid;grid-template-columns:1fr 1.4fr;gap:16px 32px}.field-index{grid-column:1}.field h3{grid-column:1;min-height:0;margin:0}.field>p:not(.field-question){grid-column:2;grid-row:1/3;margin:0}.field .field-question{grid-column:1/-1;max-width:none;margin-top:8px}.ai-field{margin-top:40px;grid-template-columns:1fr 1fr;gap:32px;padding:28px}.ai-field .ai-question{font-size:1.75rem}.assistance-proposal{padding:16px}.assistance-proposal>p{font-size:1rem}.service{grid-template-columns:40px 1fr;gap:20px 24px}.service>div{grid-column:2}.service h3{max-width:none}.combination-note{margin-left:64px}.method-introduction{grid-template-columns:1fr;gap:24px;padding-top:0;margin-top:0}.method-introduction h3{max-width:none}.method-layout{grid-template-columns:1fr;gap:40px}.perspectives{position:static}.perspective-controls button{font-size:.875rem;gap:10px}.perspective-controls button>span{display:inline}.scene-labels{display:block}.method-details{display:grid;grid-template-columns:1fr 1fr;gap:32px}.method-detail{margin:0;padding-bottom:24px}.method-detail:last-child{grid-column:1/-1;padding-bottom:0}.method-detail>p:last-child{font-size:1rem}.method-human{grid-template-columns:1fr;gap:24px;margin-top:40px}.method-human h3{font-size:1.5rem}.perspective-explanation{min-height:112px}.case{gap:40px;padding-block:40px;grid-template-columns:1fr}.case-copy{max-width:62ch}.case:nth-child(even) .case-copy{order:0}.case h3{max-width:27ch;font-size:2rem}.case-figure{width:100%;max-width:600px;justify-self:center;padding:28px}.case-figure .scene-labels{display:block}.case-figure .case-diagram{max-width:560px;margin-inline:auto}.case-software .assistance-diagram{max-width:400px;margin-inline:auto}.industry{grid-template-columns:32px 1fr;gap:12px 20px}.industry>p{grid-column:2;max-width:none}.industry h3{font-size:1.625rem}.industry:first-child h3{font-size:1.875rem}.team-grid{grid-template-columns:1fr;gap:40px}.team-profile{display:grid;grid-template-columns:200px 1fr;gap:0 28px;align-content:start}.team-profile .portrait{grid-row:1/5}.team-profile .placeholder-label{margin-top:0;align-self:end}.team-profile h3{font-size:1.5rem;align-self:center}.team-profile>p:last-child{margin-bottom:auto}.cooperation{margin-top:48px}.contact-section{padding-block:64px}.contact-inner{grid-template-columns:1fr;gap:20px}.contact-dot{display:none}.contact-inner h2{max-width:24ch}.legal-page{padding-block:56px}}
@media(max-width:540px){:root{--body:1.0625rem}.container{width:calc(100% - 48px)}html{scroll-padding-top:104px}.header-inner{min-height:80px}.brand{width:194px;margin-left:-14px}.menu-toggle:not([hidden]){gap:12px;padding-inline:12px}.header-inner nav{gap:0 24px;padding-bottom:16px}.header-inner nav a{min-height:44px}.hero{padding-top:40px;--h1:clamp(2.1rem,10.4vw,2.75rem);gap:24px}.hero-copy .eyebrow{margin-bottom:24px;font-size:.8125rem}.hero-intro{margin-top:24px;line-height:1.65}.hero-actions{gap:12px 20px;margin-top:24px}.button{padding-inline:18px;gap:24px}.origin{font-size:.8125rem;margin-top:24px}.hero-visual{width:270px}.hero-visual figcaption{font-size:.8125rem;padding-top:0}.hero-bridge>p:nth-child(2){font-size:.9375rem}.section{padding-block:56px}.section-intro{margin-bottom:32px;gap:16px}.section-intro p:not(.eyebrow){font-size:1rem;margin-top:20px}.section-label{padding-top:0}.field{display:flex;gap:0}.field h3{margin-top:20px;max-width:20ch;font-size:1.5rem}.field>p:not(.field-question){margin:20px 0 24px}.field .field-question{margin:0;font-size:1rem}.ai-field{grid-template-columns:1fr;gap:36px;margin-top:40px;padding:28px 24px}.ai-field-copy .eyebrow{font-size:.75rem;letter-spacing:0}.ai-field .ai-question{font-size:1.875rem}.assistance-task{padding-left:16px}.human-decision{padding-left:16px;margin-left:16px}.assistance-connection{margin-left:16px}.assistance-proposal{padding:18px}.human-decision>div{gap:12px}.decision-option{font-size:.8125rem}.service{grid-template-columns:24px 1fr;gap:16px;padding-block:28px}.service h3{font-size:1.5rem}.service-prototype h3{font-size:1.375rem}.service>div>p{font-size:1rem}.service .service-result{font-size:.9375rem}.combination-note{margin-left:40px}.methods-heading{gap:20px;margin-bottom:32px}.methods-heading h2{font-size:2.25rem}.method-introduction{padding-bottom:32px}.method-introduction h3{font-size:1.375rem;max-width:25ch}.method-layout{padding-top:32px}.perspectives figcaption h3{font-size:1.75rem}.perspective-controls{gap:0;margin-top:24px}.perspective-controls button{font-size:.8125rem;min-height:48px}.perspective-controls button>span{display:none}.scene-labels{display:none!important}.method-scene{margin-inline:-12px}.scene-key,.sync-timeline{margin-inline:12px}.scene-key{font-size:.8125rem}.scene-key>span{font-size:.75rem}.sync-timeline{margin-top:20px}.timeline-steps{padding-left:62px;font-size:.6875rem;gap:4px}.timeline-tracks{grid-template-columns:58px 1fr;gap:16px 4px;font-size:.6875rem}.shared-marker{left:calc(50% + 31px)}.timeline-caption{font-size:.6875rem}.perspective-explanation{min-height:166px;font-size:.875rem}.method-details{grid-template-columns:1fr;gap:28px}.method-detail:last-child{grid-column:auto}.method-detail{padding-bottom:28px}.method-human{padding-top:32px;margin-top:32px}.case{padding-block:32px;gap:28px}.case h3{font-size:1.875rem;margin-top:20px}.case-category{font-size:.8125rem;gap:14px}.case-figure{padding:20px 16px}.case-figure figcaption{font-size:.8125rem}.case-figure .workplace{margin-block:4px 16px}.case-diagram{margin-block:0 20px}.process-label{font-size:21px}.case-software{padding:24px 20px}.industry{padding-block:24px;grid-template-columns:24px 1fr;gap:10px 16px}.industry h3{font-size:1.5rem}.industry:first-child h3{font-size:1.75rem}.industry>p{font-size:.875rem}.team-profile{display:block}.portrait{max-width:360px}.team-profile .placeholder-label{margin-top:20px}.team-profile h3{margin-top:8px}.cooperation{padding-top:32px;gap:32px}.cooperation h2{font-size:1.875rem}.cooperation-person{grid-template-columns:100px 1fr;gap:20px}.cooperation-person h3{font-size:1.125rem}.cooperation-person .placeholder-label{font-size:.6875rem}.cooperation-person h3+p{font-size:.8125rem}.contact-section{padding-block:56px}.contact-inner h2{font-size:2.25rem}.contact-inner>div>p{font-size:1rem}.footer-inner{gap:12px}.footer-inner>p{font-size:.75rem}.footer-inner nav{gap:24px}.legal-page{padding-block:40px 56px}.legal-notice{padding:20px;font-size:1rem}}
@media(max-width:540px){.privacy-page h1{font-size:1.95rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover>span,.text-link:hover>span{transform:none}}

/* Legible schematic labels and a contrasting edge around the magenta marker. */
.time-marker-halo{stroke:var(--dark-accent);stroke-width:5;fill:none}.time-dot{stroke:var(--dark-accent);stroke-width:1.5}.shared-marker{width:5px;border-inline:1px solid var(--dark-accent)}
@media(max-width:540px){.preview-label{font-size:22px}.timeline-steps{font-size:.875rem;line-height:1.4}.timeline-heading,.scene-key,.scene-key>span{font-size:.875rem}.timeline-tracks{font-size:.75rem}.timeline-caption{font-size:.75rem}.sync-timeline{min-height:216px}}

.case-figure .scene-labels{font-size:20px;fill:var(--muted)}

.portrait>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* Einsatzbereiche erhalten durchgängig dieselbe Überschriftengröße. */
.industry:first-child h3{font-size:clamp(1.375rem,2.2vw,1.875rem)}
@media(max-width:800px){.industry:first-child h3{font-size:1.625rem}}
@media(max-width:540px){.industry:first-child h3{font-size:1.5rem}}