/* The same atelier, from first idea to the final conversation. */
:root { --work-ink:#183449; --work-blue:#2559bf; --work-paper:#f5f5ee; --work-muted:#526d7c; --work-line:#24445b24; }
html,body { background:var(--work-paper); }
::selection { color:white;background:var(--work-blue); }
.site-header,.site-header.is-scrolled { color:var(--work-ink);background:#f5f6f0ee;border-color:var(--work-line); }
.logo-glyph { color:var(--work-ink);border-color:#18344945;border-radius:3px;background:#fff8; }
.logo-word small { color:#6f828b; }
.primary-nav a { color:#5b7282; }
.primary-nav a:hover { color:var(--work-blue); }
.primary-nav a::after { background:var(--work-blue); }
.header-cta { color:var(--work-ink);border-color:#18344938;border-radius:4px;background:#fff9; }
.header-cta i { color:white;background:var(--work-blue); }
.progress i { background:linear-gradient(90deg,#bfa77e,#729bb9,var(--work-blue)); }
.command-dock { color:#617c8b;background:#f5f6f0eb;border-color:var(--work-line);border-radius:5px;backdrop-filter:none; }
.command-dock b { color:#fff;background:var(--work-blue);border-radius:3px; }
.command-dock:hover { color:var(--work-blue);border-color:var(--work-blue); }
.work-journey { color:var(--work-ink);background:var(--work-paper); }
.work-journey [hidden],.command-palette [hidden] { display:none!important; }
.work-journey :is(h2,h3,p,figure,ul,ol,dl) { margin:0; }
.work-journey h2 { font-size:clamp(30px,3.45vw,56px);font-weight:700;line-height:1.55;letter-spacing:-.055em; }
.work-journey h2 > span { display:block; }
.work-journey h2 em { color:var(--work-blue);font-style:normal; }
.work-journey p { font-size:16px;line-height:2;color:var(--work-muted); }
.work-section { width:min(1280px,88.4%);margin:auto;padding:108px 0;scroll-margin-top:70px; }
.work-section > *, .work-journey :is(article,figure,header) > * { min-width:0; }
.work-journey .work-eyebrow { margin-bottom:22px;color:var(--work-blue);font:500 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.12em; }
.work-heading { display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:56px; }
.work-heading > p,.work-heading > div:last-child:not(:first-child) { max-width:390px;justify-self:end; }
.work-heading .work-text-link { margin-top:20px; }
.work-text-link { display:inline-flex;gap:25px;align-items:center;color:var(--work-blue);font-size:14px;font-weight:500;border-bottom:1px solid #2559bf55;padding-bottom:9px; }
.work-text-link i,.work-section-top i,.work-foundation i { font-style:normal;transition:transform .25s; }
.work-text-link:hover i,.work-foundation a:hover i { transform:translate(3px,-3px); }
.work-journey :is(a,button,input,textarea):focus-visible { outline:3px solid #6c91d7;outline-offset:5px; }
.work-section-top { border-top:1px solid var(--work-line);padding-top:23px;display:flex;justify-content:space-between;align-items:center;color:#7c8e96;font:500 12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.09em; }
.work-section-top a { display:flex;gap:22px;color:var(--work-blue);font-family:'Noto Sans JP',sans-serif;letter-spacing:0; }
.work-intro { padding-top:40px; }
.work-intro-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:82px 0 74px; }
.work-figure { position:relative;min-width:0; }
.work-model { position:relative;width:100%;height:440px;touch-action:pan-y; }
.work-model > canvas { position:absolute;inset:0;display:block;width:100%;height:100%; }
.work-model-fallback { position:absolute;inset:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center; }
.work-model-fallback span { color:var(--work-blue);font:500 16px/1.7 'IBM Plex Mono',monospace; }
.work-model[data-ready='true'] .work-model-fallback { display:none; }
.work-model[data-ready='fallback'] canvas { display:none; }
.work-figure--plan { border-radius:50% 50% 12px 12px;background:radial-gradient(ellipse at 48% 48%,#fff 0%,#edf1eb 44%,#f5f5ee 71%); }
.work-object-label { position:absolute;top:23px;left:18px;color:#869aa4;font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.09em; }
.work-figure figcaption { display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;color:#657f8c;font-size:12px;line-height:1.7; }
.work-note-dot { width:5px;height:5px;display:block;flex:none;border-radius:50%;background:#b69a6b; }
[data-story-motion] { border:0;padding:8px;color:#687f8d;background:none;font-size:11px;cursor:pointer; }
[data-story-motion]:hover { color:var(--work-blue); }
.work-intro-copy h2 { font-size:clamp(34px,4.05vw,64px); }
.work-intro-copy .work-lead { margin:28px 0 23px;color:var(--work-ink);font-size:18px;font-weight:500; }
.work-intro-copy > p:not(.work-eyebrow) + p { margin-top:14px; }
.work-intro-copy .work-text-link { margin-top:25px; }
.work-quality { border-block:1px solid var(--work-line);display:grid;grid-template-columns:1fr 4fr;gap:30px;padding:30px 0; }
.work-quality-intro > span { color:var(--work-blue);font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em; }
.work-quality-intro p { font-size:14px;line-height:1.7;margin-top:11px; }
.work-quality dl { display:grid;grid-template-columns:repeat(4,1fr);align-items:center; }
.work-quality dl > div { padding:0 20px;border-left:1px solid var(--work-line); }
.work-quality dt { font-size:14px;font-weight:500;white-space:nowrap; }
.work-quality dt span { color:#a58d66;font:500 12px/1.5 'IBM Plex Mono',monospace;display:block;margin-bottom:10px; }
.work-quality dd { margin:8px 0 0;color:var(--work-muted);font-size:12px; }
.work-process { padding-top:30px; }
.work-process-line { list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px; }
.work-process-line li { position:relative;padding-top:8px; }
.work-process-line li::before { content:'';height:1px;position:absolute;top:31px;left:46px;right:-30px;background:linear-gradient(90deg,#bfa87a85,#365d9638); }
.work-process-line li:last-child::before { right:0; }
.work-step-number { position:relative;display:grid;place-items:center;z-index:1;width:46px;height:46px;border:1px solid #a8b8c3;border-radius:50%;color:var(--work-blue);background:var(--work-paper);font:500 13px/1 'IBM Plex Mono',monospace;box-shadow:inset 0 0 0 4px #fff9; }
.work-process-tag { margin:27px 0 9px;color:#8799a2;font:500 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.07em; }
.work-process-line h3 { font-size:20px;letter-spacing:-.03em;margin-bottom:16px; }
.work-process-line p { font-size:14px;line-height:1.95;padding-right:5px; }
.work-process-line small { display:block;border-top:1px solid var(--work-line);padding-top:15px;margin-top:24px;color:#57798e;font-size:12px; }
.work-inside { padding-top:40px; }
.work-inside-bench { display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #9bafb82b;border-radius:22px;background:#fff7;box-shadow:0 24px 60px #233b4b07;overflow:clip; }
.work-figure--inside { background:radial-gradient(ellipse at 50% 42%,#fff,#eaf0eb);padding:15px 20px 25px; }
.work-figure--inside .work-model { height:420px; }
.work-figure--inside figcaption { justify-content:space-between;font:500 11px/1.5 'IBM Plex Mono',monospace; }
.work-range { padding-top:23px;margin-top:17px;border-top:1px solid var(--work-line); }
.work-range label { display:flex;align-items:center;justify-content:space-between;color:var(--work-ink);font-size:14px; }
.work-range output { color:var(--work-blue);font:500 13px/1 'IBM Plex Mono',monospace; }
.work-range > div { display:flex;align-items:center;gap:15px;margin-top:13px;color:#6e8592;font-size:12px; }
.work-range > div > span { flex:none;white-space:nowrap; }
.work-range input { flex:1;min-width:0;width:auto;height:28px;margin:0;accent-color:var(--work-blue);cursor:ew-resize; }
.work-layer-list { display:flex;flex-direction:column;justify-content:center;padding:25px 36px; }
.work-layer-list article { display:flex;gap:22px;border-bottom:1px solid var(--work-line);padding:25px 0; }
.work-layer-list article:last-child { border-bottom:0; }
.work-layer-list article > span { color:#a99067;font:500 13px/1.6 'IBM Plex Mono',monospace;margin-top:4px; }
.work-layer-list small { color:#718c9d;font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.06em; }
.work-layer-list h3 { font-size:19px;letter-spacing:-.025em;margin:6px 0 9px; }
.work-layer-list p { font-size:14px;line-height:1.85; }
.work-foundation { display:flex;align-items:center;gap:20px;padding:28px 0 0; }
.work-foundation > span { color:#b19565;font:500 11px/1.5 'IBM Plex Mono',monospace; }
.work-foundation p { font-size:13px; }
.work-foundation a { margin-left:auto;display:flex;gap:15px;color:var(--work-blue);font-size:13px;white-space:nowrap; }
.work-build { position:relative;color:#fff;background:#264b80;isolation:isolate;scroll-margin-top:70px; }
.work-build::before { content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 5%,#4f7bab70,transparent 65%); }
.work-build .work-heading .work-eyebrow { color:#bdd4e6; }
.work-build h2 em { color:#cee2eb; }
.work-build .work-heading > p { color:#ccd8e6; }
.work-products { display:grid;grid-template-columns:1fr 1fr;gap:26px; }
.work-product { padding:28px 30px 30px;background:#f5f6f0;color:var(--work-ink);border:1px solid #d2dfe0;border-radius:14px;box-shadow:0 5px 0 #adbbc5,0 18px 40px #132a4420;transition:transform .25s; }
.work-product:nth-child(even) { background:#edf2ef; }
.work-product-top { display:flex;align-items:center;justify-content:space-between;gap:15px;color:#5b7b91;font:500 11px/1.7 'IBM Plex Mono',monospace;letter-spacing:.07em; }
.work-product-top i { font-style:normal;font-size:19px;color:var(--work-blue); }
.work-product h3 { margin:25px 0 13px;font-size:24px;letter-spacing:-.05em; }
.work-product p { font-size:15px;line-height:1.95; }
.work-product ul { display:flex;flex-wrap:wrap;gap:9px 16px;padding:18px 0 0;list-style:none;font:500 11px/1.7 'IBM Plex Mono',monospace;color:#73909e; }
.work-ui { height:174px;margin-top:25px;border:1px solid #bfd0d6;border-radius:9px;box-shadow:0 9px 20px #18344908;background:white;overflow:hidden;pointer-events:none; }
.work-ui--board { display:flex; }
.work-ui-sidebar { flex:0 0 60px;background:#23476a;padding:17px 12px; }
.work-ui-sidebar b { color:white;font:600 13px/1 'IBM Plex Mono',monospace; }
.work-ui-sidebar i { display:block;width:28px;height:6px;margin-top:16px;border-radius:3px;background:#7c9eb96b; }
.work-ui-sidebar i:first-of-type { background:#9fc5dd; }
.work-ui-main { flex:1;min-width:0;padding:16px; }
.work-ui-main > span { color:#738f9f;font:500 10px/1 'IBM Plex Mono',monospace; }
.work-ui-columns { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px; }
.work-ui-columns > div { min-height:91px;padding:7px;border-radius:4px;background:#eef3f2; }
.work-ui-columns small { color:#708998;font-size:9px; }
.work-ui-columns i { display:block;margin-top:6px;padding:5px 4px;border-radius:3px;background:#fff;font-style:normal;font-size:8px;color:#4b6778;white-space:nowrap; }
.work-ui--flow { display:flex;align-items:center;justify-content:center;gap:11px;padding:15px;background:linear-gradient(145deg,#fff,#e8efed); }
.work-ui--flow > div { border:1px solid #afc2cd;border-radius:8px;background:#fff;padding:18px 10px;box-shadow:0 4px 0 #cbd7db;flex:1;text-align:center; }
.work-ui--flow span { display:block;color:#7c929d;font:500 9px/1.6 'IBM Plex Mono',monospace; }
.work-ui--flow b { display:block;font-size:11px;white-space:nowrap;margin-top:7px;font-weight:500; }
.work-ui--flow > i { color:#a79168;font-size:16px;font-style:normal; }
.work-ui--flow .work-ui-ai { background:#2c5795;border-color:#2c5795;color:#fff; }
.work-ui-ai span { color:#d1dfef; }
.work-ui-browser { padding:8px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfdbde;color:#819ba8; }
.work-ui-browser span { font-size:7px;letter-spacing:3px; }
.work-ui-browser small { font:500 9px/1 'IBM Plex Mono',monospace; }
.work-ui-webcopy { display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 30px;background:linear-gradient(100deg,#fff,#e7eeeb); }
.work-ui-webcopy b { font:700 34px/.96 'Syne',sans-serif;letter-spacing:-.06em;color:var(--work-blue); }
.work-ui-webcopy > div { display:flex;flex-direction:column;gap:8px;border-left:1px solid #bdab8d;padding-left:20px; }
.work-ui-webcopy span { color:#6e8a9c;font:500 9px/1.6 'IBM Plex Mono',monospace;letter-spacing:.04em; }
.work-ui--data { position:relative;padding:20px 22px; }
.work-ui--data > div:first-child span { display:block;color:#79939d;font:500 9px/1.5 'IBM Plex Mono',monospace; }
.work-ui--data b { display:block;margin-top:9px;font-size:18px;color:#376588; }
.work-ui--data small { position:absolute;bottom:18px;left:22px;font:500 9px/1.5 'IBM Plex Mono',monospace;color:#8c9fa7; }
.work-ui-chart { position:absolute;right:22px;top:22px;bottom:43px;width:44%;display:flex;gap:8px;align-items:end;border-bottom:1px solid #b1c5ce; }
.work-ui-chart i { flex:1;background:#99b3c4;border-radius:3px 3px 0 0;height:30%; }
.work-ui-chart i:nth-child(2) { height:48%; }.work-ui-chart i:nth-child(3) { height:39%; }.work-ui-chart i:nth-child(4) { height:66%; }.work-ui-chart i:nth-child(5) { height:57%; }.work-ui-chart i:nth-child(6) { height:77%; }.work-ui-chart i:nth-child(7) { height:71%; }.work-ui-chart i:nth-child(8) { height:94%;background:#2f5a9b; }
.work-build .work-sample-note { margin-top:25px;color:#c4d3e2;font-size:12px;line-height:1.8; }
.work-system { display:grid;grid-template-columns:1.45fr 1fr;border:1px solid #b2c4ce;border-radius:18px;overflow:clip;background:#f9faf6;box-shadow:0 14px 45px #213c5010; }
.work-system-map { background:linear-gradient(#1b507207 1px,transparent 1px),linear-gradient(90deg,#1b507207 1px,transparent 1px);background-size:36px 36px; }
.work-panel-label { padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--work-line); }
.work-panel-label > span { color:#597c94;font:500 11px/1.7 'IBM Plex Mono',monospace;letter-spacing:.08em; }
.work-panel-label small { font-size:11px;color:#79919f; }
.work-system-map svg { display:block;width:100%;height:auto; }
.work-map-node rect { fill:#fcfdfb;stroke:#92acbd;stroke-width:1; }
.work-map-node text { text-anchor:middle;fill:#325777;font:500 13px 'IBM Plex Mono',monospace; }
.work-map-node .work-map-jp { font-family:'Noto Sans JP',sans-serif;font-size:11px;fill:#718c9c; }
.work-map-node--blue rect { fill:#2e5588;stroke:#1f426f; }
.work-map-node--blue text,.work-map-node--blue .work-map-jp { fill:#fff; }
.work-map-foot { padding:0 25px 25px;display:flex;gap:20px;justify-content:space-between;font:500 10px/1.7 'IBM Plex Mono',monospace;color:#8198a6; }
.work-build-log { border-left:1px solid var(--work-line);background:#eef2ef; }
.work-build-log .terminal-stream { min-height:320px;height:auto;max-height:none;padding:20px 24px;margin:0;background:transparent;color:#436178;contain:none;overflow:visible;transform:none; }
.work-build-log .terminal-line { display:block;opacity:1;background:transparent;animation:none;transform:none;color:#4d6d81;white-space:normal;overflow-wrap:anywhere;font:500 11px/2.25 'IBM Plex Mono',monospace; }
.work-build-log .terminal-line > span { display:inline;position:static;background:transparent;opacity:1; }
.work-build-log .terminal-line .time { color:#93a6af; }
.work-build-log .terminal-status--check,.work-build-log .terminal-status--ok { color:#487766; }.work-build-log .terminal-status--info { color:#4b86a1; }.work-build-log .terminal-status--build { color:#3763a9; }
.work-build-log .terminal-cursor { display:inline-block!important;width:6px;height:12px;background:#416bac!important;animation:none; }
.work-build-log > p { border-top:1px solid var(--work-line);padding:19px 24px;font-size:13px;line-height:1.8; }
.work-team { padding-top:35px; }
.work-team-table { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch; }
.work-team-card { padding:40px 44px;background:#fff8;border:1px solid #c3cfcc;border-radius:15px;box-shadow:0 5px 0 #c5cdca,0 20px 45px #29425a08; }
.work-team-role { display:inline-block;padding:6px 13px;border:1px solid #c4af8c;color:#947843;border-radius:20px;font-size:12px; }
.work-team-card .work-team-company { margin-top:35px;font-size:17px;color:#496477;white-space:nowrap; }
.work-team-card h3 { font:700 clamp(45px,4.8vw,73px)/1.3 'Syne',sans-serif;letter-spacing:-.06em;margin:3px 0 22px; }
.work-team-card h3 > span { color:#b7a17a; }
.work-team-card > p:not(.work-team-company) { font-size:14px; }
.work-team-card ul { list-style:none;padding:26px 0 0;border-top:1px solid var(--work-line);margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 19px; }
.work-team-card li { color:#4d6f83;font-size:13px; }
.work-team-card li::before { content:'+';color:#bba47c;margin-right:7px; }
.work-team-card--tech { background:#eaf0f2; }
.work-team-card--tech .work-team-role { color:#3264a5;border-color:#91aecb; }
.work-team-card--tech h3 { color:#29558f; }
.work-team-joint { position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px; }
.work-team-joint > span { display:grid;place-items:center;width:48px;height:48px;border:1px solid #b5c6ce;border-radius:50%;color:#537ea6;background:var(--work-paper);font-size:24px;font-weight:400;box-shadow:0 0 0 8px var(--work-paper); }
.work-team-joint small { color:#7b94a1;font:500 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;background:var(--work-paper);padding:3px; }
.work-shared-plan { text-align:center;padding:46px 0 0; }
.work-shared-plan > span { color:#9a845e;font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.12em; }
.work-shared-plan strong { display:block;margin:16px 0 12px;font-size:clamp(18px,2.3vw,29px);font-weight:500;letter-spacing:-.03em; }
.work-shared-plan i { color:#97afbd;font-style:normal;margin:0 12px;font-weight:400; }
.work-shared-plan p { font-size:13px; }
.work-library { border-top:1px solid var(--work-line);padding-top:85px; }
.work-articles { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:notebook; }
.work-articles .knowledge-card { counter-increment:notebook;padding:27px 27px 27px 36px;min-height:326px;border:1px solid #c7d1ce;border-radius:4px 12px 12px 4px;background:#fff9;box-shadow:-5px 0 0 #d7ddda,0 5px 0 #dfe4de;align-content:stretch;grid-template-rows:auto 1fr auto;transition:transform .25s,box-shadow .25s; }
.work-articles .knowledge-card::before { inset:0 auto 0 12px;width:1px;background:#adbac340;transform:none; }
.work-articles .knowledge-card:hover { color:var(--work-blue);transform:translateY(-5px);box-shadow:-5px 0 0 #d7ddda,0 12px 22px #234c6c0d; }
.work-articles .knowledge-card > span { color:#3d6b9d;font-size:12px;font-family:'Noto Sans JP',sans-serif;letter-spacing:0;line-height:1.5; }
.work-articles .knowledge-card time { color:#91a0a5;font-size:10px;line-height:1.7; }
.work-articles .knowledge-card h3 { margin:33px 0 0;font-size:20px;font-weight:600;line-height:1.85;letter-spacing:-.025em; }
.work-articles .knowledge-card i { padding-top:30px;color:#487396;font-size:12px;letter-spacing:0;font-family:'Noto Sans JP',sans-serif;line-height:1.5; }
.work-contact { display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid var(--work-line);align-items:start;padding-bottom:95px; }
.work-contact-copy h2 { font-size:clamp(31px,3.3vw,50px); }
.work-contact-copy > p:not(.work-eyebrow) { margin-top:24px;font-size:15px; }
.work-contact-notes { display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:20px;color:#6a8492;font-size:12px; }
.work-contact-notes span::before { content:'·';color:#ba9f71;margin-right:7px; }
.work-figure--contact { width:86%;margin-top:15px!important; }
.work-figure--contact .work-model { height:300px; }
.work-figure--contact figcaption { justify-content:space-between;font:500 10px/1.7 'IBM Plex Mono',monospace; }
.work-contact .contact-panel { width:100%;min-width:0;border:1px solid #bdcdc9;border-radius:14px;background:#ffffffb3;box-shadow:0 5px 0 #d6ddda,0 30px 65px #24445b08;padding:32px; }
.work-contact .contact-panel-head { font-family:'Noto Sans JP',sans-serif;font-size:14px;color:#516e80;line-height:1.5;letter-spacing:0; }
.work-contact .contact-panel-head b { font-size:12px;color:#5e856f; }
.work-contact .contact-panel-head b i { background:#7aab95;box-shadow:none; }
.work-contact .contact-panel label > span { font-family:'Noto Sans JP',sans-serif;font-size:12px;line-height:1.6;color:#617c8b;letter-spacing:0; }
.work-contact .contact-panel input,.work-contact .contact-panel textarea { font-size:16px;line-height:1.8;background:#f4f6f24d;color:var(--work-ink);border-color:#b9cccf;padding:12px 0; }
.work-contact .contact-panel input::placeholder,.work-contact .contact-panel textarea::placeholder { color:#9aaeb6; }
.work-contact .contact-panel input:focus,.work-contact .contact-panel textarea:focus { background:#edf3f58f;border-color:var(--work-blue); }
.work-contact .contact-panel .is-invalid { border-color:#b44141; }
.work-contact .submit-button { color:#fff;background:var(--work-blue);border-radius:5px;font-size:15px;min-height:60px; }
.work-contact .submit-button:hover { background:#20478f; }
.work-contact .form-privacy { color:#8a9ba3;font-size:11px;line-height:1.85; }
.work-contact .form-error { color:#b44141;font-size:13px;line-height:1.8; }
.work-contact .form-success strong { color:var(--work-ink); }.work-contact .form-success span { color:var(--work-blue); }
.footer { color:var(--work-ink);background:#e9eeea;border-top:1px solid #c7d2d0;padding-top:50px; }
.footer-main { gap:35px;padding-bottom:40px; }
.footer-logo span { border-color:#a1b6bd;color:#3e6888;border-radius:5px; }
.footer-main p { color:#6f8792;font-size:12px;line-height:1.9; }
.footer-main nav a { color:#557789;font-size:12px; }.footer-main nav a:hover { color:var(--work-blue); }
.footer-base { color:#839aa5;border-color:#bcced0;font-size:10px;line-height:1.7; }.footer-base span:first-child { color:#63897d; }.footer-base i { background:#759f8d;box-shadow:none; }
.command-palette { color:var(--work-ink);background:#f5f6f0;border-color:#b3c4cb;border-radius:12px;box-shadow:0 30px 90px #17384930;backdrop-filter:none; }
.command-palette::backdrop { background:#1b344653;backdrop-filter:blur(4px); }
.command-head,.command-head button { color:#627d8c; }.command-head button { border-color:#b5c8d0; }
.command-search { border-color:#9bb4c5;background:#edf2ef; }.command-search span { color:var(--work-blue); }.command-search input { color:var(--work-ink); }.command-search input::placeholder { color:#8ba0ae; }
.command-list button { color:#41667f;border-color:#cfdbdc; }.command-list button.is-selected,.command-list button:hover { color:white;background:var(--work-blue); }.command-foot { color:#849aa5; }
@media(min-width:1600px) { .work-section { padding-block:125px; }.work-intro { padding-top:40px; }.work-process,.work-inside,.work-team { padding-top:30px; } }
@media(max-width:1100px) {
  .work-section { width:90%;padding-block:80px; }.work-intro { padding-top:35px; }.work-intro-grid { gap:4%;padding-block:60px; }
  .work-heading { gap:35px; }.work-journey h2 { font-size:clamp(28px,3.4vw,42px); }.work-intro-copy h2 { font-size:clamp(32px,4.1vw,47px); }
  .work-figure--plan .work-model { height:390px; }.work-quality { grid-template-columns:1fr;gap:18px; }.work-quality-intro { display:flex;gap:20px;align-items:center; }.work-quality-intro p { margin:0; }.work-quality-intro p br { display:none; }.work-quality dl > div:first-child { border-left:0;padding-left:0; }
  .work-process-line { gap:23px; }.work-process-line h3 { font-size:17px; }.work-process-line li::before { right:-23px; }
  .work-inside-bench { grid-template-columns:1fr 1fr; }.work-layer-list { padding:15px 23px; }.work-layer-list article { gap:14px; }.work-figure--inside .work-model { height:380px; }
  .work-product { padding:23px; }.work-product h3 { font-size:20px; }.work-ui--flow { gap:5px;padding:10px; }.work-ui--flow > div { padding:17px 6px; }.work-ui--flow b { font-size:9px; }
  .work-foundation { flex-wrap:wrap;gap:8px 15px; }.work-foundation a { margin-left:0; }.work-system { grid-template-columns:1.2fr 1fr; }.work-panel-label { padding:20px; }.work-build-log .terminal-stream { padding:18px; }.work-map-foot { font-size:8px;padding-inline:16px;gap:8px; }
  .work-team-card { padding:32px; }.work-team-card h3 { font-size:clamp(40px,5vw,60px); }.work-articles { gap:19px; }.work-articles .knowledge-card { padding:24px 20px 24px 30px; }.work-articles .knowledge-card h3 { font-size:18px; }.work-articles .knowledge-card time { font-size:9px; }
  .work-contact { gap:4%; }.work-contact .contact-panel { padding:26px; }.work-contact .field-row { grid-template-columns:1fr; }
}
@media(max-width:820px) {
  .work-section { width:calc(100% - 48px);padding-block:65px;scroll-margin-top:70px; }.work-intro { padding-top:25px; }
  .work-section-top { font-size:9px;letter-spacing:.04em; }.work-section-top a { font-size:11px;gap:8px; }
  .work-intro-grid { grid-template-columns:1fr;gap:22px;padding:45px 0; }.work-intro-copy { grid-row:1; }.work-intro-copy h2 { font-size:clamp(34px,5.7vw,44px); }.work-intro-copy .work-lead { margin-top:20px;font-size:17px; }
  .work-figure--plan { max-width:510px;width:100%;margin-inline:auto!important; }.work-figure--plan .work-model { height:320px; }.work-object-label { top:8px;font-size:9px; }
  .work-journey .work-eyebrow { font-size:11px;letter-spacing:.07em;margin-bottom:17px; }.work-journey h2 { font-size:clamp(28px,5vw,38px); }.work-journey p { font-size:15px; }
  .work-heading { grid-template-columns:1fr;gap:22px;margin-bottom:33px; }.work-heading > p,.work-heading > div:last-child:not(:first-child) { max-width:none;justify-self:start; }.work-heading > p br { display:none; }
  .work-quality dl { grid-template-columns:1fr 1fr;row-gap:24px; }.work-quality dl > div { padding:0 18px; }.work-quality dl > div:nth-child(3) { border-left:0;padding-left:0; }.work-quality dt { font-size:13px; }.work-quality dd { font-size:11px; }
  .work-quality-intro { gap:15px; }.work-quality-intro > span { font-size:10px; }.work-quality-intro p { font-size:12px; }
  .work-process { padding-top:10px; }.work-process-line { grid-template-columns:1fr 1fr;gap:32px 26px; }.work-process-line li:nth-child(2)::before { right:0; }.work-process-line h3 { font-size:18px; }.work-process-line p { font-size:14px; }
  .work-inside { padding-top:15px; }.work-inside-bench { grid-template-columns:1fr;border-radius:15px; }.work-figure--inside { padding:10px 20px 22px; }.work-figure--inside .work-model { height:340px; }.work-layer-list { padding:8px 24px; }.work-layer-list h3 { font-size:18px; }.work-layer-list p { font-size:14px; }.work-layer-list article { gap:23px; }
  .work-foundation { display:grid;gap:11px; }.work-foundation p { font-size:13px; }.work-foundation a { font-size:13px; }
  .work-products { gap:24px;grid-template-columns:1fr; }.work-product { padding:24px; }.work-product h3 { font-size:22px; }.work-product p { font-size:15px; }.work-ui { height:180px; }.work-ui--flow { gap:8px;padding:15px; }.work-ui--flow b { font-size:11px; }.work-ui--flow > div { padding:18px 8px; }
  .work-build .work-sample-note { font-size:11px; }.work-system { grid-template-columns:1fr; }.work-build-log { border-left:0;border-top:1px solid var(--work-line); }.work-build-log .terminal-stream { min-height:300px;padding:20px; }.work-build-log .terminal-line { font-size:11px; }.work-build-log > p { font-size:13px; }.work-map-foot { font-size:9px; }
  .work-team { padding-top:10px; }.work-team-table { grid-template-columns:1fr;gap:36px; }.work-team-card { padding:32px; }.work-team-card h3 { font-size:56px; }.work-team-card > p:not(.work-team-company) { font-size:14px; }.work-team-card .work-team-company { margin-top:26px; }.work-team-joint { top:50%; }.work-team-joint small { display:none; }.work-shared-plan strong { font-size:20px; }.work-shared-plan i { margin:0 5px; }.work-shared-plan p { font-size:12px; }
  .work-articles { grid-template-columns:1fr;gap:24px; }.work-articles .knowledge-card { min-height:245px;padding:27px 27px 27px 36px; }.work-articles .knowledge-card h3 { font-size:21px;margin-top:27px; }.work-articles .knowledge-card time { font-size:11px; }.work-articles .knowledge-card > i { padding-top:24px; }
  .work-contact { grid-template-columns:1fr;gap:32px; }.work-contact-copy h2 { font-size:clamp(30px,5vw,40px); }.work-contact-copy > p:not(.work-eyebrow) { font-size:14px; }.work-contact-copy > p br { display:none; }.work-contact-notes { font-size:11px;gap:8px 13px; }.work-figure--contact { width:100%;max-width:400px;margin:10px auto 0!important; }.work-figure--contact .work-model { height:250px; }.work-figure--contact figcaption { justify-content:center;gap:20px; }
  .work-contact .contact-panel { padding:26px 22px; }.work-contact .field-row { grid-template-columns:1fr; }.work-contact .contact-panel input,.work-contact .contact-panel textarea { font-size:16px; }
  .footer { padding:38px 24px 22px; }.footer-main { grid-template-columns:1fr;gap:27px;padding-bottom:30px; }.footer-main nav { justify-content:flex-start;gap:10px 23px; }.footer-base { font-size:9px;gap:13px; }
}
@media(max-width:375px) {
  .work-section { width:calc(100% - 40px); }.work-journey h2,.work-contact-copy h2 { font-size:26px; }.work-intro-copy h2 { font-size:32px; }.work-intro-copy .work-lead { font-size:16px; }.work-intro-copy p:not(.work-eyebrow) { font-size:14px; }
  .work-process-line { grid-template-columns:1fr;gap:27px; }.work-process-line li { padding-left:61px; }.work-step-number { position:absolute;left:0;top:8px;width:39px;height:39px; }.work-process-line li::before { top:49px;left:19px;width:1px;height:calc(100% - 25px);background:var(--work-line); }.work-process-line li:last-child::before { display:none; }.work-process-tag { margin-top:0; }.work-process-line small { margin-top:16px; }.work-figure--inside .work-model { height:290px; }.work-figure--inside figcaption { font-size:9px; }[data-story-motion] { font-size:10px; }
  .work-product { padding:21px; }.work-product h3 { font-size:19px; }.work-ui { height:160px; }.work-ui-main { padding:12px; }.work-ui-sidebar { flex-basis:38px;padding:16px 7px; }.work-ui-sidebar i { width:22px; }.work-ui-columns { gap:4px; }.work-ui-columns > div { padding:4px; }.work-ui-columns i { font-size:6px;padding:5px 2px; }.work-ui--flow { gap:4px;padding:10px; }.work-ui--flow span { font-size:7px; }.work-ui--flow b { font-size:8px; }.work-ui--flow > div { padding:18px 4px; }.work-ui-webcopy { padding:25px 18px;gap:15px; }.work-ui-webcopy b { font-size:27px; }.work-ui-webcopy > div { padding-left:12px; }.work-ui-webcopy span { font-size:7px; }.work-ui--data b { font-size:14px; }.work-ui-chart { gap:5px;width:42%; }.work-ui--data small { font-size:7px; }
  .work-team-card { padding:27px; }.work-team-card h3 { font-size:46px; }.work-team-card .work-team-company { font-size:16px; }.work-shared-plan strong { font-size:17px; }.work-shared-plan i { margin:0 3px; }.work-contact-notes { font-size:10px;gap:7px 10px; }.work-panel-label { padding:17px;gap:8px; }.work-panel-label > span { font-size:10px; }.work-panel-label small { font-size:10px; }.work-build-log .terminal-line { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { [data-story-motion],.work-signal { display:none; }.work-journey .reveal { opacity:1;transform:none; }.work-articles .knowledge-card:hover { transform:none; } }

/* Small, purposeful motions: the plan travels, the interfaces wake up, and
   the same material language responds to the visitor. Text never scrubs. */
[data-motion-ready] .work-process-line li::after { content:'';position:absolute;top:31px;left:46px;right:-30px;height:2px;background:linear-gradient(90deg,#bca273,#4f85be);transform:scaleX(var(--step-fill,0));transform-origin:left;box-shadow:0 0 9px #78a4bf33; }
[data-motion-ready] .work-process-line li:last-child::after { right:0; }
.work-step-number { transition:background .45s,border-color .45s,color .45s,box-shadow .45s; }
.is-step-lit .work-step-number { background:#edf3f7;border-color:#5d86b5;color:#2559bf;box-shadow:inset 0 0 0 4px #fff9,0 0 0 5px #608cb00d; }
.work-layer-list article { position:relative;transition:background .4s; }
.work-layer-list article::before { content:'';position:absolute;left:-16px;top:26px;bottom:26px;width:2px;background:#729fc0;transform:scaleY(0);transform-origin:center;transition:transform .45s; }
.work-layer-list article.is-inspected::before { transform:scaleY(1); }
.work-layer-list article.is-inspected small { color:#2559bf; }
.work-layer-list article > span { transition:color .4s; }
.work-layer-list article.is-inspected > span { color:#477ca5; }
.work-product .work-ui { transform:translateZ(0);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s; }
.work-product:hover .work-ui { transform:translateY(-4px);box-shadow:0 14px 24px #18344912; }
.work-product.has-arrived .work-ui-columns i { animation:workTaskArrive .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.12s + var(--motion-order,0)*.13s); }
.work-product.has-arrived .work-ui--flow > div { animation:workModuleArrive .9s cubic-bezier(.18,.8,.2,1) both;animation-delay:calc(var(--motion-order,0)*.11s); }
.work-product.has-arrived .work-ui--flow > i { animation:workSignal 2.2s ease-in-out 2; }
.work-product.has-arrived .work-ui--flow > i:nth-of-type(2) { animation-delay:.45s; }
.work-product.has-arrived .work-ui-chart i { transform-origin:bottom;animation:workChartGrow 1.2s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--motion-order,0)*.065s); }
.work-product.has-arrived .work-ui-webcopy b { animation:workHeadlineArrive .9s cubic-bezier(.2,.8,.2,1) both; }
.work-product.has-arrived .work-ui-webcopy > div { animation:workTaskArrive 1s .15s both; }
.work-product-top i { transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.work-product:hover .work-product-top i { transform:rotate(90deg); }
.work-quality.has-arrived dl > div { animation:workTaskArrive .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--motion-order,0)*.09s); }
.work-team-table::before { content:'';position:absolute;left:calc(50% - 30px);right:calc(50% - 30px);top:50%;height:1px;background:linear-gradient(90deg,#bfa87a,#5c8dbd);transform:scaleX(var(--team-link,0));transform-origin:left; }
.work-team-joint > span { transition:transform .5s; }
.work-team-table.has-arrived .work-team-joint > span { animation:workJointConnect 1.4s cubic-bezier(.2,.8,.2,1) both; }
.work-shared-plan.has-arrived strong > i { display:inline-block;animation:workHandoff 1.8s ease-in-out 2; }
.work-shared-plan.has-arrived strong > i:last-of-type { animation-delay:.35s; }
.work-articles .knowledge-card { transform-origin:left center; }
@media(hover:hover) and (pointer:fine) {
  .work-articles .knowledge-card:hover { transform:perspective(950px) translateY(-5px) rotateY(-2deg); }
  .work-articles .knowledge-card > i { transition:transform .35s; }
  .work-articles .knowledge-card:hover > i { transform:translateX(5px); }
}
.work-contact .contact-panel label > span { transition:color .25s; }
.work-contact .contact-panel label:focus-within > span { color:#2559bf; }
.work-contact .submit-button i { transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.work-contact .submit-button:hover i { transform:translate(3px,-3px); }
[data-motion-paused='true'] .work-journey *,[data-motion-ready] .work-product:not(.is-onstage) *,[data-motion-ready] .work-quality:not(.is-onstage) *,[data-motion-ready] .work-team-table:not(.is-onstage) *,[data-motion-ready] .work-shared-plan:not(.is-onstage) * { animation-play-state:paused!important; }
@keyframes workTaskArrive { from { opacity:.2;transform:translateY(12px); } to { opacity:1;transform:translateY(0); } }
@keyframes workModuleArrive { 0% { opacity:.3;transform:translateY(12px) scale(.95); } 70% { opacity:1;transform:translateY(-2px) scale(1.01); } 100% { opacity:1;transform:translateY(0) scale(1); } }
@keyframes workSignal { 0%,100% { color:#a79168;transform:translateX(0); } 50% { color:#386dad;transform:translateX(4px); } }
@keyframes workChartGrow { from { transform:scaleY(.08);opacity:.4; } to { transform:scaleY(1);opacity:1; } }
@keyframes workHeadlineArrive { from { opacity:0;transform:translateY(15px); } to { opacity:1;transform:translateY(0); } }
@keyframes workJointConnect { 0% { opacity:.25;transform:rotate(-90deg) scale(.8); } 70% { opacity:1;transform:rotate(5deg) scale(1.03); } 100% { opacity:1;transform:rotate(0) scale(1); } }
@keyframes workHandoff { 0%,100% { color:#97afbd;transform:translateX(0); } 45% { color:#396daf;transform:translateX(5px); } }
@media(max-width:1100px) { [data-motion-ready] .work-process-line li::after { right:-23px; } }
@media(max-width:820px) { [data-motion-ready] .work-process-line li:nth-child(2)::after { right:0; }.work-team-table::before { left:50%;right:auto;width:1px;height:60px;top:calc(50% - 30px);transform:scaleY(var(--team-link,0));transform-origin:top; } }
@media(max-width:375px) { [data-motion-ready] .work-process-line li::after { top:49px;left:19px;right:auto;width:2px;height:calc(100% - 25px);transform:scaleY(var(--step-fill,0));transform-origin:top; }[data-motion-ready] .work-process-line li:last-child::after { display:none; } }
@media(prefers-reduced-motion:reduce) {
  .work-journey * { animation:none!important; }
  .work-layer-list article::before { transition:none; }
  .work-articles .knowledge-card:hover,.work-product:hover .work-ui { transform:none; }
}

/* The atelier stays alive while it is in view: assembly, processing, delivery.
   These are illustrative UI demos; all content and real controls stay still. */
.work-product .work-ui { position:relative;transform:perspective(1000px) rotateX(var(--screen-tilt,0deg)) translateY(var(--screen-lift,0px));transform-origin:center bottom; }
.work-product:hover .work-ui { transform:perspective(1000px) rotateX(var(--screen-tilt,0deg)) translateY(calc(var(--screen-lift,0px) - 4px)); }
.work-ui--board .work-ui-main { position:relative; }
.work-ui--board .work-task-transfer { position:absolute;left:16px;top:68px;width:calc((100% - 48px)/3);padding:6px 3px;border:1px solid #4d83b9;border-radius:4px;background:#e9f3f9;color:#2b587b;font:500 8px/1.2 'Noto Sans JP',sans-serif;white-space:nowrap;text-align:center;box-shadow:0 3px 8px #29456520;opacity:0;z-index:2; }
.work-product.has-arrived .work-task-transfer { animation:workTaskTransfer 8s 1.3s ease-in-out infinite; }
.work-product.has-arrived .work-ui-sidebar i { animation:workSidebarStatus 8s ease-in-out infinite; }
.work-product.has-arrived .work-ui-sidebar i:nth-of-type(2) { animation-delay:2.1s; }.work-product.has-arrived .work-ui-sidebar i:nth-of-type(3) { animation-delay:4.2s; }
.work-ui--flow > div { position:relative;overflow:hidden; }
.work-ui--flow > div::after { content:'';position:absolute;left:10%;right:10%;bottom:7px;height:2px;background:#538bac;transform:scaleX(0);transform-origin:left; }
.work-ui--flow .work-ui-ai::after { background:#b2dbe7; }
.work-product.has-arrived .work-ui--flow > div::after { animation:workProcessModule 6s ease-in-out infinite;animation-delay:calc(var(--motion-order,0)*.85s); }
.work-product.has-arrived .work-ui--flow > i { animation:workSignal 2.2s ease-in-out infinite; }
.work-product.has-arrived .work-ui-chart i { animation:workChartGrow 1.2s cubic-bezier(.2,.7,.2,1) both,workChartLive 5.6s ease-in-out infinite;animation-delay:calc(var(--motion-order,0)*.065s),calc(1.3s + var(--motion-order,0)*.24s); }
.work-ui--web::after { content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid #6c97b544;opacity:0; }
.work-product.has-arrived .work-ui--web::after { animation:workBrowserFocus 6s ease-in-out infinite; }
.work-product.has-arrived .work-ui-webcopy > div span { animation:workWebChapter 6s ease-in-out infinite; }
.work-product.has-arrived .work-ui-webcopy > div span:nth-child(2) { animation-delay:1.4s; }.work-product.has-arrived .work-ui-webcopy > div span:nth-child(3) { animation-delay:2.8s; }
.work-process .work-step-number::after { content:'';position:absolute;inset:-5px;border:1px solid #6c9db580;border-radius:50%;opacity:0; }
.work-process .is-step-lit .work-step-number::after { animation:workStepEcho 3.6s ease-out infinite; }
.work-process li:nth-child(2) .work-step-number::after { animation-delay:.6s; }.work-process li:nth-child(3) .work-step-number::after { animation-delay:1.2s; }.work-process li:nth-child(4) .work-step-number::after { animation-delay:1.8s; }
.work-system.has-arrived .work-routes path { stroke-dasharray:6 8;animation:workRouteTravel 3.5s linear infinite; }
.work-system.has-arrived .work-map-node:not(.work-map-node--blue) rect { animation:workNodeReceive 5.5s ease-in-out infinite;animation-delay:calc(var(--node-order,0)*.45s); }
.work-team-role { position:relative;overflow:hidden; }
.work-team-role::after { content:'';position:absolute;left:0;bottom:0;width:45%;height:2px;background:#b9a071;transform:translateX(-110%); }
.work-team-table.has-arrived .work-team-role::after { animation:workRoleHandoff 6s ease-in-out infinite; }
.work-team-table.has-arrived .work-team-card--tech .work-team-role::after { background:#4e86b2;animation-delay:2s; }
.work-shared-plan.has-arrived strong > i { animation-iteration-count:infinite; }
.work-articles.has-arrived .knowledge-card { animation:workNoteOpen 1.1s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--note-order,0)*.11s); }
.work-contact-copy .work-contact-notes > span { position:relative; }
.work-contact-copy .work-contact-notes > span::after { content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:#7899ab;transform:scaleX(0);transform-origin:left; }
.work-contact-copy.has-arrived .work-contact-notes > span::after { animation:workProcessModule 6s ease-in-out infinite; }
.work-contact-copy.has-arrived .work-contact-notes > span:nth-child(2)::after { animation-delay:1s; }.work-contact-copy.has-arrived .work-contact-notes > span:nth-child(3)::after { animation-delay:2s; }
@keyframes workTaskTransfer { 0%,9% { opacity:0;transform:translateX(0) translateY(9px) rotate(-2deg); } 14%,28% { opacity:1;transform:translateX(0) translateY(0) rotate(0); } 42%,55% { opacity:1;transform:translateX(calc(100% + 8px)) translateY(-4px); } 70%,84% { opacity:1;transform:translateX(calc(200% + 16px)) translateY(0); } 91%,100% { opacity:0;transform:translateX(calc(200% + 16px)) translateY(8px); } }
@keyframes workSidebarStatus { 0%,45%,100% { opacity:.45; } 12%,28% { opacity:1; } }
@keyframes workProcessModule { 0%,12% { transform:scaleX(0);opacity:.3; } 34%,66% { transform:scaleX(1);opacity:1; } 84%,100% { transform:scaleX(1);opacity:0; } }
@keyframes workChartLive { 0%,100% { transform:scaleY(1); } 40% { transform:scaleY(.76); } 70% { transform:scaleY(.94); } }
@keyframes workBrowserFocus { 0%,100% { opacity:.2; } 36%,60% { opacity:1; } }
@keyframes workWebChapter { 0%,100% { color:#6e8a9c;transform:translateX(0); } 20%,36% { color:#2559bf;transform:translateX(4px); } }
@keyframes workStepEcho { 0% { opacity:0;transform:scale(.93); } 15% { opacity:.65; } 65%,100% { opacity:0;transform:scale(1.36); } }
@keyframes workRouteTravel { to { stroke-dashoffset:-56; } }
@keyframes workNodeReceive { 0%,65%,100% { fill:#fcfdfb;stroke:#92acbd; } 20%,38% { fill:#eaf3f7;stroke:#3f83b0; } }
@keyframes workRoleHandoff { 0%,15% { transform:translateX(-110%); } 65%,100% { transform:translateX(340%); } }
@keyframes workNoteOpen { from { opacity:.25;transform:perspective(1000px) rotateY(-9deg) translateY(25px); } to { opacity:1;transform:perspective(1000px) rotateY(0) translateY(0); } }
/* Pseudo-elements need explicit lifecycle rules as well as their parents. */
[data-motion-hidden='true'] .work-journey *,[data-motion-hidden='true'] .work-journey *::before,[data-motion-hidden='true'] .work-journey *::after,
[data-motion-paused='true'] .work-journey *,[data-motion-paused='true'] .work-journey *::before,[data-motion-paused='true'] .work-journey *::after,
[data-motion-ready] :is(.work-product,.work-system,.work-process,.work-team-table,.work-shared-plan,.work-articles,.work-contact-copy):not(.is-onstage) *,
[data-motion-ready] :is(.work-product,.work-system,.work-process,.work-team-table,.work-shared-plan,.work-articles,.work-contact-copy):not(.is-onstage) *::before,
[data-motion-ready] :is(.work-product,.work-system,.work-process,.work-team-table,.work-shared-plan,.work-articles,.work-contact-copy):not(.is-onstage) *::after { animation-play-state:paused!important; }
@media(max-width:820px) { .work-ui--board .work-task-transfer { top:60px;left:10px;width:calc((100% - 36px)/3);font-size:7px; }.work-product .work-ui { transform:none; } }
@media(max-width:375px) { .work-ui--board .work-task-transfer { top:55px;font-size:6px; } }
@media(prefers-reduced-motion:reduce) {
  .work-journey *, .work-journey *::before, .work-journey *::after { animation:none!important; }
  .work-product .work-ui,.work-product:hover .work-ui { transform:none; }
  .work-task-transfer,.work-step-number::after { display:none; }
  .work-system.has-arrived .work-routes path { stroke-dasharray:none; }
}