/* Nemu's drawn world: color, craft and a little everyday wonder. */
.life-site { --font:Manrope,-apple-system,BlinkMacSystemFont,sans-serif; --hand:Caveat,cursive; }
.life-site main > .section, .life-site .section > .wrap { max-width:1440px; }
.life-site main > .section:not(.wrap) { max-width:none; }
.life-site main > .section { padding-block:112px; }
.life-site main > .wrap, .life-site .section > .wrap { padding-inline:64px; }
.life-site main > :not(#story) h2 { font-size:clamp(44px,4.8vw,74px); font-weight:800; letter-spacing:-.057em; line-height:1.055; }
.life-site main > :not(#story) h3 { font-weight:750; }
.life-site main > :not(#story) .eyebrow { font-size:12px; letter-spacing:.06em; font-weight:600; margin-bottom:22px; }
.life-site main > :not(#story) .handnote { font-family:Caveat,cursive; font-size:27px; font-weight:500; letter-spacing:0; line-height:1.1; }
.life-site .section-heading { align-items:start; gap:65px; margin-bottom:44px; }
.life-site .heading-aside { max-width:360px; font-size:17px; line-height:1.6; padding-top:42px; color:var(--muted); }
.life-site .muted-heading, .life-site .idea-word { color:var(--accent); }
.life-site .text-link { font-size:14px; font-weight:650; }
.life-site .brand-dot { color:#599dff; }
.life-scene { width:100%; min-width:0; position:relative; }
.life-art, .life-bitmap { display:block; width:100%; height:auto; }
.life-bitmap { object-fit:contain; aspect-ratio:3/2; mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent); mask-composite:intersect; }
.life-light-art { display:none; }
[data-theme=light] .life-bitmap { display:none; }
[data-theme=light] .life-light-art { display:block; }
.life-site .life-art { overflow:visible; }
.life-site .capability-explorer { --menu-accent:#9ecbff; display:grid; grid-template-columns:clamp(240px,25vw,310px) minmax(0,1fr); gap:64px; align-items:start; }
.life-site .capability-menu { min-width:0; padding-top:12px; }
.life-site .capability-invitation { display:flex; align-items:center; gap:8px; margin:0 0 22px; color:var(--muted); }
.life-site .capability-invitation.handnote { font-size:25px; }
.life-site .capability-invitation svg { width:45px; height:27px; flex-shrink:0; fill:none; stroke:var(--menu-accent); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.life-site .capability-tabs { display:flex; flex-direction:column; align-items:stretch; gap:14px; padding:0; }
.life-site .capability-tabs button, .life-site .capability-tabs button[aria-selected=true] { position:relative; display:flex; align-items:center; justify-content:flex-start; gap:11px; padding:6px 2px; min-height:56px; border:0; border-radius:0; background:none; box-shadow:none; color:var(--muted); font-size:21px; font-weight:600; letter-spacing:-.035em; line-height:1.3; }
.life-site .capability-tabs button:hover { color:var(--ink); }
.life-site .capability-tabs button[aria-selected=true] { color:var(--menu-accent); }
.life-site .capability-tabs button:focus-visible { outline:2px solid var(--menu-accent); outline-offset:7px; border-radius:3px; }
.life-site .capability-tabs button>.capability-label { position:relative; display:block; opacity:1; color:inherit; }
.life-site .capability-label::after { content:''; position:absolute; left:-3px; right:-3px; bottom:-9px; height:8px; background:var(--menu-accent); mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8 Q67 2 127 6 T217 4 M17 11 Q93 8 159 9' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; opacity:0; clip-path:inset(0 100% 0 0); transition:clip-path .38s ease,opacity .2s; }
.life-site .capability-tabs button[aria-selected=true] .capability-label::after { opacity:1; clip-path:inset(0); }
.life-site .capability-doodle { display:block; flex:0 0 43px; width:43px; height:43px; transition:rotate .25s ease,translate .25s ease; }
.life-site .capability-doodle svg { display:block; width:100%; height:100%; }
.life-site .capability-tabs button:hover .capability-doodle { rotate:-5deg; translate:0 -2px; }
.life-site .capability-panel { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; margin-top:0; min-width:0; }
.life-site .capability-art { width:100%; max-width:700px; margin-inline:auto; min-height:0; padding:0; background:none; background-image:none; border:0; border-radius:0; box-shadow:none; overflow:visible; aspect-ratio:3/2; }
.life-site .capability-art svg { width:100%; max-height:none; }
.life-site .capability-copy { width:100%; max-width:700px; margin-inline:auto; padding:0 0 10px; }
.life-site .capability-copy h3 { font-size:clamp(24px,2.15vw,34px); line-height:1.2; margin-top:8px; }
.life-site .capability-copy .small-label { font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.life-site .capability-copy>p:not(.small-label) { font-size:15px; line-height:1.7; max-width:730px; }
.life-site .capability-copy .capability-examples { color:var(--muted)!important; font-size:11px!important; }
[data-theme=light] .life-site .capability-explorer { --menu-accent:#245d8e; }
[data-motion=paused] .capability-doodle,[data-motion=paused] .capability-label::after { transition:none; rotate:none; translate:none; }
@media(prefers-reduced-motion:reduce) { .life-site .capability-doodle,.life-site .capability-label::after { transition:none; rotate:none!important; translate:none!important; } }
.life-site .world-examples { margin-top:86px; }
.life-site .world-heading { align-items:center; }
.life-site .world-heading .handnote { color:var(--mint); font-size:26px; }
.life-site .world-heading .eyebrow { margin:0; }
.life-site .world-grid { gap:42px; }
.life-site .world-example { border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; }
.life-site .world-example>div { margin:0 0 20px; padding:0; transform:none; perspective:none; aspect-ratio:3/2; }
.life-site .world-example h3 { font-size:25px; }
.life-site .world-example p { font-size:14px; line-height:1.7; margin-top:10px; max-width:340px; }
.life-site .anything-note { padding-top:64px; }
.life-site .anything-note .handnote { color:var(--coral); font-size:26px; }
.life-site .anything-note a { font-size:14px; }

/* Friendly, open color fields punctuate the dark narrative. */
.life-site #connections, .life-site #approach, .life-site #questions { --ink:#172433; --muted:#516574; --line:#a1bbae; --accent:#225b87; --surface:#fffdf9; --surface-2:#edf5f1; --accent-soft:#d3e9fb; --mint:#23785d; color:var(--ink); color-scheme:light; border:0; }
.life-site #connections { --bg:#e1f3e9; background:var(--bg); }
.life-site #connections .muted-heading { color:#39755f; }
.life-site #connections .section-heading { margin-bottom:18px; }
.life-site .connection-playground { grid-template-columns:260px minmax(0,1fr); gap:50px; }
.life-site .connection-options>.handnote { color:#172433; font-size:30px; margin-bottom:25px; }
.life-site .connection-options label { border:1.5px solid #172433; background:#f7fbf6; color:#516574; border-radius:9px 13px 9px 11px; padding:15px 18px; font-size:14px; min-height:53px; }
.life-site .connection-options label:has(input:checked) { background:#fffef9; border-color:#172433; color:#172433; box-shadow:3px 4px 0 #b3d4c2; }
.life-site .checkmark { width:24px; height:24px; display:grid; place-items:center; background:#8de3bd; color:#172433; border:1px solid #172433; border-radius:5px; }
.life-site .connection-options .small-muted { max-width:260px; font-size:11px; line-height:1.7; }
.life-site .system-canvas { aspect-ratio:3/2; min-height:0; transform:none; }
.life-site .connections-visual { height:100%; position:absolute; inset:0; }
.life-site .connections-visual .life-bitmap { height:100%; object-fit:contain; }
.life-site .system-wires { z-index:2; opacity:.4; pointer-events:none; }
.life-site .system-node { z-index:3; display:flex; gap:7px; padding:8px 13px; width:auto; min-width:102px; border:1px solid #172433; border-radius:7px; background:#fffef9; box-shadow:3px 3px 0 #bfd8c9; }
.life-site .system-node::before { content:''; width:7px; height:7px; background:#288263; border-radius:50%; flex-shrink:0; }
.life-site .system-node strong { font-size:11px; white-space:nowrap; }
.life-site .system-node small, .life-site .system-node .node-glyph { display:none; }
.life-site .system-node[data-active=false] { opacity:.45; box-shadow:none; }
.life-site .system-node[data-active=false]::before { background:#87928d; }
.life-site .system-node[data-active=false]::after { content:'off'; font-size:8px; font-weight:650; }
.life-site .node-payments, .life-site .node-inventory { top:12%; }
.life-site .node-crm, .life-site .node-messaging { top:89%; }
.life-site .node-payments, .life-site .node-crm { left:24%; }
.life-site .node-inventory, .life-site .node-messaging { left:78%; }
.life-site .connection-result { margin:28px 0 0 310px; border:0; padding:16px 22px; min-height:60px; background:#f6fbf6; border-radius:9px; }
.life-site .connection-result p { font-size:13px; line-height:1.7; color:#344e43; }
.life-site .integration-footnotes { margin-top:40px; padding-top:26px; font-size:11px; }

.life-site #engineering { background:var(--bg); }
.life-site #engineering .muted-heading { color:var(--mint); }
.life-site .engineering-layout { display:grid; grid-template-columns:1.08fr 1fr; gap:60px; align-items:center; }
.life-site .engineering-visual { min-width:0; }
.life-site .engineering-visual .life-scene { width:115%; margin-left:-9%; }
.life-site .engineering-visual .handnote { margin:20px 0 0; text-align:center; color:var(--mint); transform:rotate(-4deg); }
.life-site .engineering-grid { grid-template-columns:1fr 1fr; gap:33px 32px; }
.life-site .engineering-item { border:0; padding:0; }
.life-site .sketch-symbol { width:58px; height:58px; margin-left:-5px; }
.life-site .sketch-symbol svg { width:100%; height:100%; }
.life-site .engineering-item h3 { font-size:18px; line-height:1.35; margin:12px 0 9px; }
.life-site .engineering-item p { font-size:13px; line-height:1.65; }
.life-site .engineering-item>span:last-child { font-size:10px; line-height:1.7; color:var(--accent); margin-top:11px; }
.life-site .engineering-item:nth-child(3n)>span:last-child { color:var(--mint); }
.life-site .engineering-item:nth-child(3n + 2)>span:last-child { color:var(--coral); }

.life-site #approach { --bg:#ffe7de; --line:#d8b8a9; width:100%; max-width:none; background:var(--bg); padding-inline:max(64px,calc((100% - 1312px)/2)); }
.life-site #approach .muted-heading { color:#ad4e3d; }
.life-site .speed-intro { grid-template-columns:1fr 1.05fr; gap:65px; }
.life-site .section-intro { font-size:18px; line-height:1.6; margin-top:25px; }
.life-site .speed-scope { font-size:12px; line-height:1.75; max-width:440px; }
.life-site .speed-number { padding:0; }
.life-site .speed-number>div { display:block; }
.life-site .speed-number svg { width:100%; stroke:initial; stroke-width:initial; }
.life-site .speed-number .handnote { font-size:30px; color:#172433; transform:rotate(-3deg); margin-top:0; }
.life-site .speed-number p { margin:13px 0 0; font-size:11px; }
.life-site .delivery { --stage-accent:#86631b; --stage-soft:#fff0c9; margin-top:65px; scroll-margin-top:110px; }
.life-site .delivery[data-current-stage=design] { --stage-accent:#2b659c; --stage-soft:#ddecff; }
.life-site .delivery[data-current-stage=build] { --stage-accent:#287556; --stage-soft:#daf4e8; }
.life-site .delivery[data-current-stage=launch] { --stage-accent:#a6513d; --stage-soft:#ffe1d7; }
.life-site .delivery-heading h3 { font-size:25px; }
.life-site .delivery-heading p { font-size:12px; }
.life-site .delivery-tabs { gap:24px; margin-bottom:32px; }
.life-site .delivery-tabs button,.life-site .delivery-tabs button[aria-selected=true] { padding:0 8px 20px 0; gap:6px; border:0; border-bottom:1px solid #c8a08d; border-radius:0; background:none; box-shadow:none; color:#6c584f; min-width:0; min-height:132px; }
.life-site .delivery-tabs button::before { content:''; top:auto; bottom:-4px; right:10px; height:8px; background:var(--stage-accent); mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8 Q67 2 127 6 T217 4 M17 11 Q93 8 159 9' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.life-site .delivery-tabs button:focus-visible { outline:2px solid #2b659c; outline-offset:6px; }
.life-site .delivery-tabs button>span,.life-site .delivery-tabs button[aria-selected=true]>span { width:47px; height:43px; border:0; border-radius:44% 52% 42% 55%; background:transparent; color:#806c60; font-family:var(--hand); font-size:32px; margin-bottom:6px; rotate:-6deg; transition:rotate .3s,background-color .3s,color .3s; }
.life-site .delivery-tabs button[aria-selected=true]>span { background:var(--stage-soft); color:var(--stage-accent); outline:1.5px solid var(--stage-accent); }
.life-site .delivery-tabs button:hover>span { rotate:2deg; }
.life-site .delivery-tabs button strong { font-size:17px; font-weight:750; line-height:1.35; }
.life-site .delivery-tabs button[aria-selected=true] strong { color:var(--stage-accent); }
.life-site .delivery-tabs button small { font-size:11px; line-height:1.5; }
.life-site .delivery-panel { background:#fffdf7; border:1.5px solid #172433; border-radius:12px 18px 11px 15px; box-shadow:5px 6px 0 #e0bda7; padding:30px 40px 34px; grid-template-columns:minmax(0,1fr) minmax(0,1.18fr); gap:54px; min-height:382px; align-items:center; }
.life-site .stage-visual,.life-site .stage-copy { min-width:0; }
.life-site .stage-art { width:100%; max-width:410px; aspect-ratio:3/2; margin-inline:auto; }
.life-site .stage-art svg { display:block; width:100%; height:100%; }
.life-site .delivery-panel .handnote { color:#9a5440; font-size:27px; line-height:1.12; max-width:320px; text-align:center; margin:10px auto 0; }
.life-site .delivery-panel h4 { font-size:clamp(22px,2.1vw,30px); line-height:1.25; margin-bottom:15px; }
.life-site .delivery-panel p:not(.handnote) { font-size:14px; line-height:1.75; }
.life-site .delivery-panel .stage-output { margin-top:24px; padding-left:15px; border-left:2px solid var(--stage-accent); gap:7px; }
.life-site .stage-output>span { color:var(--stage-accent); font-size:10px; }
.life-site .stage-output>strong { font-size:14px; line-height:1.65; }
[data-motion=paused] .delivery-tabs button::before,[data-motion=paused] .delivery-tabs button>span { transition:none; }
@media(prefers-reduced-motion:reduce) { .life-site .delivery-tabs button::before,.life-site .delivery-tabs button>span { transition:none; } }

.life-site .working-together { grid-template-columns:1.1fr 1fr; gap:80px; }
.life-site .together-title .handnote { font-size:28px; max-width:100%; margin-top:23px; color:var(--coral); }
.life-site .together-title .life-scene { margin-top:38px; width:107%; margin-left:-5%; }
.life-site .working-options { padding-top:20px; gap:30px; }
.life-site .working-options article { padding:0 0 28px; border-color:var(--line); }
.life-site .working-options article>.small-label { color:var(--coral); font-size:10px; letter-spacing:.13em; }
.life-site .working-options article:nth-child(2)>.small-label { color:var(--mint); }
.life-site .working-options article:nth-child(3)>.small-label { color:var(--accent); }
.life-site .working-options h3 { font-size:28px; line-height:1.2; margin:12px 0 15px; }
.life-site .working-options p { font-size:14px; line-height:1.7; }
.life-site .working-options .text-link { font-size:13px; }
.life-site #questions { --bg:#e9f2ff; --line:#b5c6d9; background:var(--bg); }
.life-site #questions .muted-heading { color:#3a6faa; }
.life-site .faq-layout { grid-template-columns:1fr 1.1fr; gap:70px; }
.life-site .faq-layout .handnote { font-size:28px; margin-top:24px; color:#486b94; }
.life-site .faq-layout .life-scene { max-width:430px; margin:24px auto 0; }
.life-site .faq-layout .life-bitmap { aspect-ratio:1; }
.life-site .faq-list details { border-color:#abc1da; }
.life-site .faq-list summary { padding-block:25px; font-size:16px; font-weight:650; line-height:1.5; }
.life-site .faq-list summary>span { border:1px solid #7895b4; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; font-size:18px; }
.life-site .faq-list details p { font-size:14px; color:#435e79; line-height:1.8; }

.life-site .start-section { grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:clamp(28px,4.5vw,68px); align-items:start; }
.life-site .start-intro,.life-site .start-section>.brief-builder { min-width:0; }
.life-site .start-heading>p:not(.eyebrow) { font-size:18px; line-height:1.6; margin-top:25px; }
.life-site .contact-email { color:var(--accent); margin-top:24px; font-size:23px; }
.life-site .start-heading>.handnote { display:block; margin-top:28px; font-size:27px; color:var(--mint); }
.life-site .start-intro>.contact-skyline { width:100%; max-width:600px; margin:36px 0 0; }
.life-site .contact-skyline img { display:block; width:100%; height:auto; aspect-ratio:3/2; }
[data-theme=light] .life-site .contact-skyline img { border-radius:18px; }
.life-site .brief-builder { --bg:#fff; --surface:#f6f8fb; --surface-2:#eef2f8; --ink:#172433; --muted:#667589; --line:#bbc7d8; --accent:#245ea9; --accent-solid:#245ea9; --accent-soft:#dcebff; color:var(--ink); color-scheme:light; background:#f9fbff; border:2px solid #172433; border-radius:20px 12px 26px 13px; padding:34px; box-shadow:7px 9px 0 #29466b; position:relative; }
.life-site .brief-builder::after { content:''; position:absolute; top:-2px; right:-2px; width:28px; height:28px; border:2px solid #172433; border-radius:0 10px 0 8px; background:#ff8d80; }
.life-site .brief-sheet-title { font-size:26px; letter-spacing:-.045em; margin:0 0 30px; padding-right:10px; }
.life-site .field label { color:#172433; font-size:12px; font-weight:600; }
.life-site .field input,.life-site .field select,.life-site .field textarea { background:#fff; border:1px solid #7a8ba3; border-radius:8px; color:#172433; padding:12px 13px; font-size:14px; }
.life-site .field textarea { min-height:128px; }
.life-site .brief-builder .field-row { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:0 18px; }
.life-site .field input::placeholder,.life-site .field textarea::placeholder { color:#667589; opacity:1; }
.life-site .brief-services legend { font-size:12px; }
.life-site .brief-services legend>span { font-size:11px; }
.life-site .brief-services label>span { border:1px solid #7a8ba3; border-radius:7px; background:#fff; font-size:10px; color:#354963; padding:8px 11px; }
.life-site .brief-services input:checked+span { border-color:#377ad1; background:#ddebff; color:#172433; }
.life-site .brief-submit { min-height:50px; border-radius:9px; font-weight:650; font-size:14px; }
.life-site .privacy-note { font-size:10px; line-height:1.65; }
.life-site .brief-status { color:#266e55; }
.life-site .site-footer { position:relative; background:var(--bg); border:0; padding:105px 0 28px; }
.life-site .footer-ribbon { position:absolute; width:100%; height:90px; left:0; top:0; }
.life-site .footer-top .wordmark { font-size:88px; font-weight:800; letter-spacing:-7px; }
.life-site .footer-top p { font-family:Caveat,cursive; font-size:25px; line-height:1.05; transform:rotate(-4deg); }
.life-site .footer-bottom { margin-top:35px; }
[data-theme=light] .life-site .capability-art { box-shadow:none; }
[data-theme=light] .life-site :is(#capability-art,.engineering-visual,.together-title,.start-heading) .life-bitmap { border-radius:18px; mask-image:none; }

@media(min-width:1600px) { .life-site main > .section { padding-block:130px; } }
@media(max-width:1100px) {
  .life-site main > .wrap, .life-site .section > .wrap { padding-inline:38px; }
  .life-site #approach { padding-inline:38px; }
  .life-site main > :not(#story) h2 { font-size:50px; }
  .life-site .section-heading { gap:36px; }
  .life-site .heading-aside { max-width:295px; padding-top:30px; font-size:15px; }
  .life-site .capability-explorer { gap:36px; }
  .life-site .capability-tabs { gap:13px; }
  .life-site .capability-tabs button,.life-site .capability-tabs button[aria-selected=true] { font-size:18px; }
  .life-site .capability-doodle { flex-basis:37px; width:37px; height:37px; }
  .life-site .capability-panel { gap:16px; }
  .life-site .connection-playground { grid-template-columns:230px minmax(0,1fr); gap:28px; }
  .life-site .connection-result { margin-left:258px; }
  .life-site .engineering-layout { gap:30px; grid-template-columns:.9fr 1fr; }
  .life-site .engineering-grid { gap:25px 24px; }
  .life-site .engineering-item h3 { font-size:16px; }
  .life-site .engineering-item p { font-size:12px; }
  .life-site .working-together,.life-site .faq-layout,.life-site .start-section { gap:42px; }
  .life-site .start-section { gap:clamp(28px,4.5vw,42px); }
  .life-site #start #start-title { font-size:clamp(38px,5.05vw,50px); }
  .life-site .start-heading>p:not(.eyebrow) { font-size:16px; }
  .life-site .start-heading>.handnote { font-size:25px; }
  .life-site .working-options h3 { font-size:24px; }
  .life-site .brief-builder { padding:27px; }
  .life-site .brief-sheet-title { font-size:23px; }
}
@media(max-width:760px) {
  .life-site main > .section { padding-block:76px; }
  .life-site main > .wrap,.life-site .section > .wrap,.life-site #approach { padding-inline:24px; }
  .life-site main > :not(#story) h2 { font-size:clamp(36px,8.9vw,54px); line-height:1.1; }
  .life-site main > :not(#story) .eyebrow { font-size:10px; margin-bottom:19px; }
  .life-site .section-heading { display:block; margin-bottom:30px; }
  .life-site .heading-aside { padding:0; margin-top:22px; max-width:500px; font-size:15px; line-height:1.65; }
  .life-site .capability-explorer { display:grid; grid-template-columns:minmax(0,1fr); gap:30px; }
  .life-site .capability-menu { padding-top:0; }
  .life-site .capability-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 17px; padding:0; }
  .life-site .capability-tabs button,.life-site .capability-tabs button[aria-selected=true] { min-width:0; min-height:52px; font-size:14px; padding:4px 0; gap:8px; }
  .life-site .capability-tabs button:last-child { grid-column:auto; }
  .life-site .capability-doodle { flex-basis:32px; width:32px; height:32px; }
  .life-site .capability-panel { display:flex; flex-direction:column; gap:4px; margin-top:0; }
  .life-site .capability-art { width:100%; max-width:600px; }
  .life-site .capability-copy { padding:15px 0 0; width:100%; }
  .life-site .capability-copy h3 { font-size:26px; }
  .life-site .capability-copy>p:not(.small-label) { font-size:14px; }
  .life-site .world-examples { margin-top:65px; }
  .life-site .world-heading { display:block; }
  .life-site .world-heading .handnote { font-size:25px; margin-top:13px; }
  .life-site .world-grid { display:grid; grid-template-columns:1fr; gap:45px; }
  .life-site .world-example>div { max-width:470px; margin-inline:auto; margin-bottom:18px; }
  .life-site .world-example h3 { font-size:25px; }
  .life-site .world-example p { font-size:14px; max-width:500px; }
  .life-site .anything-note { gap:15px; padding-top:45px; }
  .life-site .anything-note a { font-size:13px; }
  .life-site .anything-note .handnote { font-size:25px; }
  .life-site .connection-playground { display:flex; flex-direction:column; gap:22px; }
  .life-site .connection-options label { padding:12px; min-height:49px; font-size:12px; }
  .life-site .connection-options>.handnote { font-size:27px; margin-top:15px; }
  .life-site .connection-options .small-muted { max-width:100%; font-size:10px; }
  .life-site .system-canvas { aspect-ratio:1.25; width:100%; min-height:0; }
  .life-site .system-node { padding:6px 8px; min-width:0; gap:5px; }
  .life-site .system-node strong { font-size:9px; }
  .life-site .system-node::before { width:5px; height:5px; }
  .life-site .connection-result { margin:8px 0 0; padding:16px; }
  .life-site .connection-result p { font-size:12px; }
  .life-site .integration-footnotes { font-size:10px; }
  .life-site .engineering-layout { grid-template-columns:1fr; gap:36px; }
  .life-site .engineering-visual .life-scene { width:100%; margin:0; }
  .life-site .engineering-visual .handnote { margin:12px 0 0; font-size:27px; }
  .life-site .engineering-grid { gap:31px 23px; }
  .life-site .engineering-item h3 { font-size:16px; }
  .life-site .engineering-item p { font-size:12px; }
  .life-site .engineering-item>span:last-child { font-size:9px; }
  .life-site .sketch-symbol { width:49px; height:49px; }
  .life-site .speed-intro { grid-template-columns:1fr; gap:30px; }
  .life-site .section-intro { font-size:16px; }
  .life-site .speed-number .handnote { font-size:29px; }
  .life-site .delivery { margin-top:42px; }
  .life-site .delivery-heading h3 { font-size:24px; }
  .life-site .delivery-tabs { grid-template-columns:1fr 1fr; gap:23px 20px; }
  .life-site .delivery-tabs button,.life-site .delivery-tabs button[aria-selected=true] { padding:0 4px 16px 0; min-height:130px; }
  .life-site .delivery-tabs button strong { font-size:15px; }
  .life-site .delivery-tabs button small { font-size:10px; }
  .life-site .delivery-panel { grid-template-columns:1fr; gap:28px; padding:24px 23px 30px; min-height:0; }
  .life-site .stage-art { max-width:355px; }
  .life-site .delivery-panel .handnote { font-size:24px; max-width:270px; margin-top:10px; }
  .life-site .delivery-panel h4 { font-size:23px; }
  .life-site .delivery-panel p:not(.handnote) { font-size:13px; }
  .life-site .working-together,.life-site .faq-layout,.life-site .start-section { grid-template-columns:1fr; gap:38px; }
  .life-site .start-section { grid-template-columns:minmax(0,1fr); gap:30px; }
  .life-site #start #start-title { font-size:clamp(36px,8.9vw,54px); }
  .life-site .together-title .life-scene { width:100%; margin:27px 0 0; }
  .life-site .together-title .handnote { font-size:26px; }
  .life-site .working-options { padding:0; }
  .life-site .working-options h3 { font-size:25px; }
  .life-site .faq-layout .life-scene { max-width:330px; margin:15px auto 0; }
  .life-site .faq-list summary { font-size:14px; padding-block:22px; }
  .life-site .faq-list details p { font-size:13px; }
  .life-site .start-heading>p:not(.eyebrow) { font-size:16px; }
  .life-site .contact-email { font-size:21px; }
  .life-site .start-heading>.handnote { font-size:26px; margin-top:20px; }
  .life-site .start-intro>.contact-skyline { max-width:460px; margin:26px auto 0; }
  .life-site .brief-builder { padding:28px 22px; }
  .life-site .brief-sheet-title { font-size:23px; margin-bottom:26px; }
  .life-site .field input,.life-site .field select,.life-site .field textarea { font-size:16px; }
  .life-site .brief-services label>span { font-size:10px; }
  .life-site .footer-top .wordmark { font-size:66px; letter-spacing:-5px; }
  .life-site .footer-top p { font-size:23px; }
  .life-site .site-footer { padding-top:100px; }
  .life-site .footer-top .text-link { font-size:12px; }
}
@media(max-width:380px) {
  .life-site main > .wrap,.life-site .section > .wrap,.life-site #approach { padding-inline:19px; }
  .life-site .engineering-grid { grid-template-columns:1fr; }
  .life-site .capability-tabs { column-gap:13px; }
  .life-site .capability-tabs button,.life-site .capability-tabs button[aria-selected=true] { font-size:13px; gap:6px; }
  .life-site .capability-doodle { flex-basis:28px; width:28px; height:28px; }
  .life-site .brief-builder { padding:25px 18px; }
}

/* Keep the small list drawings quiet until they are being explored. */
.life-site .capability-tabs button[aria-selected=false]:not(:hover):not(:focus-visible) [data-life-part],
.life-site .capability-tabs button[aria-selected=false]:not(:hover):not(:focus-visible) [data-life-part] * { animation-play-state:paused; }