/* Quiet depth is a material property. Only two illustrations opt into motion. */
:root{--surface-shadow:0 2px 5px #21163805,0 18px 38px -22px #21163824;--sheet-shadow:0 2px 3px #21163807,0 28px 55px -30px #21163830;--native-shadow:inset 0 1px #ffffff90,0 12px 26px -20px #21163835}
.atmosphere-plane{inset:0;background:none!important;opacity:1!important;transform:none!important}
.atmosphere-plane::before,.atmosphere-plane::after{content:"";position:absolute;pointer-events:none;border:1px solid color-mix(in srgb,var(--violet) 3%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--soft) 25%,transparent),transparent);box-shadow:0 25px 80px -48px #47307318}
.atmosphere-plane::before{width:410px;height:590px;right:-170px;top:120px;border-radius:150px 150px 22px 22px;rotate:19deg}
.atmosphere-plane::after{width:330px;height:430px;left:-205px;bottom:-70px;border-radius:24px;rotate:-24deg}
.v4-home figure{margin:0}.v4-home h1 em,.v4-home h2 em{color:var(--violet);font-style:normal}
.v4-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding-block:64px 52px;min-height:600px}
.v4-hero-copy{position:relative;z-index:2}.v4-hero h1{font-size:clamp(60px,6.3vw,96px);line-height:1.035;letter-spacing:-.07em;margin:30px 0 24px}
.v4-hero-lead{max-width:390px;font-size:17px;line-height:1.65;color:var(--muted)}
.v4-hero .hero-index{margin-top:35px;gap:25px}.v4-hero .v3-actions{gap:9px}.v4-hero .button{padding:14px 16px;font-size:12px}
.v4-hero-art{border-radius:18px;box-shadow:var(--sheet-shadow);background:#eee8e0;padding-bottom:75px;overflow:hidden}
.v4-hero-art>div{overflow:hidden}.v4-hero-art>div>img{display:block;width:100%;height:auto;aspect-ratio:1.14;object-fit:cover;object-position:60% center;scale:1.025}
.v4-hero-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 22px;display:flex;align-items:center;gap:13px;background:var(--panel);font-size:11px;line-height:1.5;min-height:75px;color:var(--ink)}
.v4-hero-art figcaption small{margin-left:auto;max-width:70px;font-size:9px;color:var(--muted)}
.ambient-sheet{position:absolute;right:18px;top:18px;width:80px;height:120px;background:#ffffff14;border-radius:8px;rotate:12deg;z-index:-1}
.v4-home .chapter-nav{padding-block:10px;gap:28px}.v4-home .chapter-nav a{min-height:46px;display:flex;align-items:center}
.v4-home .v3-section{padding-block:80px}.v4-home .v3-section-head h2{line-height:1.08;letter-spacing:-.055em}
.concept-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:52px 34px;align-items:start}
.concept-02{margin-top:105px}.concept-cover{display:block;position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--surface-shadow);background:var(--soft)}
.concept-cover img{width:100%;height:auto;display:block;transition:scale 400ms var(--v3-ease)}
.concept-02 .concept-cover img{aspect-ratio:.98;object-fit:cover;object-position:66% center}.concept-open{position:absolute;right:18px;bottom:18px;width:42px;height:42px;background:#fff;border-radius:50%;display:grid;place-items:center}
.concept-open .icon{filter:none!important}.concept-cover:hover img{scale:1.015}
.concept-copy{padding-top:24px}.concept-copy>small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.concept-copy h3{font-size:clamp(27px,2.8vw,39px);margin:12px 0;letter-spacing:-.055em;line-height:1.12}.concept-copy p{font-size:14px;line-height:1.65;max-width:43ch}.concept-copy>span{display:block;font-size:10px;color:var(--muted);margin-top:16px}
.concept-03{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .65fr;gap:42px;align-items:center}.concept-03 .concept-cover img{aspect-ratio:1.8;object-fit:cover}.concept-03 .concept-copy{padding:0}
.v4-apps{background:color-mix(in srgb,var(--soft) 55%,transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.app-editorial{border-radius:16px;background:#e9e0cf;box-shadow:var(--sheet-shadow)}.app-editorial>div{overflow:hidden}.app-editorial img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;scale:1.015}
.app-editorial figcaption,.book-editorial figcaption,.culture-editorial figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;background:var(--panel);font-size:11px;color:var(--muted);border-top:1px solid var(--line)}
.app-journey{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;margin-top:30px;align-items:center}.journey-tabs{display:flex;gap:5px;background:var(--panel);border:1px solid var(--line);padding:6px;border-radius:12px;box-shadow:var(--native-shadow)}
.journey-tabs button{flex:1;min-height:56px;border:1px solid transparent;background:transparent;border-radius:8px;font-size:13px;text-align:left;padding:9px 12px;color:var(--muted)}
.journey-tabs button small{display:block;font-size:9px;margin-bottom:4px}.journey-tabs button[aria-selected=true]{background:var(--soft);border-color:var(--line);color:var(--ink)}
.journey-panel{display:flex;gap:16px;align-items:center;min-height:120px}.journey-panel h3{font-size:21px;letter-spacing:-.035em;margin:0 0 9px}.journey-panel p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;max-width:35ch}.journey-state{font-size:9px;line-height:1.5;color:var(--muted);margin-left:auto;max-width:65px}.story-link{margin-top:24px}
.book-layout{display:grid;grid-template-columns:1.75fr .65fr;gap:46px;align-items:center}.book-editorial{border-radius:12px;box-shadow:var(--sheet-shadow);overflow:hidden;background:var(--soft)}.book-editorial img{display:block;width:100%;height:auto}
.book-notes{padding-right:10px}.book-notes h3{font-size:34px;line-height:1.1;letter-spacing:-.05em;margin:24px 0 18px}.book-notes p{font-size:13px;line-height:1.7;color:var(--muted)}.book-notes>small{display:block;margin-top:24px;font-size:10px;color:var(--muted)}
.brand-swatches{display:flex;gap:11px;margin-top:22px}.brand-swatches span{font-size:8px;line-height:1.5;max-width:46px}.brand-swatches span::before{content:"";display:block;width:38px;height:38px;background:var(--swatch);border-radius:50%;margin-bottom:8px;box-shadow:inset 0 1px #ffffff40,0 2px 3px #00000008}
.mutation-workspace{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:50px;margin-top:66px;padding-top:48px;border-top:1px solid var(--line)}
.mutation-description h3{font-size:37px;line-height:1.1;letter-spacing:-.05em;margin:24px 0 16px}.mutation-description>p:not(.v3-kicker){max-width:30ch;font-size:14px;color:var(--muted)}
.mutation-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.mutation-controls button,.ui-filter button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:11px;padding:10px 12px;color:var(--muted)}
.mutation-controls button[aria-pressed=true],.ui-filter button[aria-pressed=true]{color:var(--ink);background:var(--soft);border-color:color-mix(in srgb,var(--violet) 35%,var(--line))}
.mutation-board{border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:var(--surface-shadow);min-height:325px}
.mutation-view{display:grid;grid-template-columns:1.2fr .8fr;min-height:325px}.mutation-view[hidden]{display:none}.mutation-photo{min-width:0;overflow:hidden}.mutation-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.mutation-native{padding:26px;align-self:center}.mutation-native small{font-size:9px;color:var(--muted)}.mutation-native h4{font-size:22px;line-height:1.15;letter-spacing:-.04em;margin:14px 0}.mutation-native p,.carrier-note p{font-size:12px;line-height:1.65;color:var(--muted)}
.carrier-sheet{margin:24px;background:#203a29;color:#eee5d3;border-radius:5px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 24px -16px #0006}.carrier-label{font-size:10px;letter-spacing:.05em}.carrier-sheet strong{font-size:51px;line-height:.98;letter-spacing:-.055em}.carrier-sheet>span:last-child{font-size:9px;max-width:130px}.carrier-note{align-self:center;padding:24px 24px 24px 0}.carrier-note h4{font-size:23px;line-height:1.15;margin:17px 0;letter-spacing:-.04em}
.plant-ui{margin:22px;border:1px solid #203a2918;border-radius:13px;background:#f2ecdf;color:#203a29;padding:24px;align-self:center;box-shadow:0 9px 19px -15px #0005}.plant-ui>span:first-child{font-size:9px}.plant-ui h4{font-size:27px;line-height:1.13;letter-spacing:-.04em;margin:24px 0}.plant-options{display:flex;gap:7px}.plant-options span{padding:8px;border-radius:7px;background:#203a290c;font-size:9px}.plant-ui p{font-size:10px;margin:20px 0}.plant-action{display:flex;align-items:center;justify-content:space-between;background:#203a29;color:#eee5d3;padding:11px;border-radius:6px;font-size:10px}.plant-action .icon{width:18px;filter:invert(1)!important}
.v4-culture{background:var(--soft)}.culture-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:20px 60px;margin-bottom:35px}.culture-heading .v3-kicker{grid-column:1/-1}.culture-heading h2{line-height:1.07;margin:0}.culture-heading>p:last-child{max-width:37ch;align-self:end;font-size:16px;line-height:1.65;color:var(--muted)}
.culture-editorial{overflow:hidden;border-radius:6px;box-shadow:var(--sheet-shadow)}.culture-editorial img{width:100%;height:auto;display:block;max-height:680px;object-fit:cover}.culture-details{display:grid;grid-template-columns:1fr 1fr .7fr;gap:45px;margin-top:37px;align-items:start}.culture-details>div{display:grid;grid-template-columns:36px 1fr;gap:0 16px}.culture-details h3{font-size:24px;line-height:1.16;letter-spacing:-.04em;margin:0 0 14px}.culture-details p{grid-column:2;font-size:12px;line-height:1.6;color:var(--muted)}.culture-details>.text-link{align-self:center}
.component-studio{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding:48px 70px;background:color-mix(in srgb,var(--soft) 60%,var(--panel));border:1px solid var(--line);border-radius:20px;overflow:hidden}
.component-studio::before{content:"";position:absolute;right:12%;top:14%;width:300px;height:400px;border-radius:18px;background:color-mix(in srgb,var(--panel) 75%,transparent);border:1px solid var(--line);rotate:11deg;z-index:-1;box-shadow:var(--sheet-shadow)}
.component-sheet{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--sheet-shadow);padding:30px}.component-label{font-size:9px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:20px 0 12px}.component-sheet h3{font-size:32px;letter-spacing:-.045em;margin:0 0 23px}.ui-filter{display:flex;gap:7px}.ui-filter button{font-size:12px;padding-inline:18px}
.ui-result{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;min-height:170px}.ui-result small{font-size:10px;color:var(--muted)}.ui-result strong{display:block;font-size:27px;line-height:1.17;letter-spacing:-.04em;margin:15px 0}.ui-result p{font-size:12px;color:var(--muted);max-width:28ch}
.ui-save{display:flex;gap:11px;align-items:center;justify-content:center;min-height:48px;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:12px;color:var(--ink);margin-top:20px}.ui-save .atlas-icon{width:22px;height:22px}.ui-save[aria-pressed=true]{background:var(--violet);color:white;border-color:var(--violet)}.ui-save[aria-pressed=true] .atlas-icon{filter:invert(1)}
.context-thread{padding:30px;background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--line);border-radius:15px;box-shadow:var(--surface-shadow)}.context-thread>span{display:block;font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin-top:24px}.context-thread>p{font-size:13px;color:var(--muted);line-height:1.7;margin:16px 0 24px}.context-status{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding-top:18px;font-size:10px}.context-status>span{width:6px;height:6px;border-radius:50%;background:var(--violet)}
.detail-states{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.detail-states>span{font-size:9px;max-width:82px;line-height:1.5}.detail-states i{display:block;width:30px;height:20px;border:1px solid var(--line);border-radius:6px;box-shadow:var(--native-shadow);background:var(--panel);margin-bottom:8px}.detail-states>span:nth-child(2) i{background:var(--soft);border-color:var(--violet)}.detail-states>span:nth-child(3) i{background:var(--violet)}.component-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:34ch;margin:25px 0 0}
.v4-home .project-card .case-scene,.service-evidence .case-scene{box-shadow:var(--surface-shadow)}.v4-home .project-card:hover .case-scene{transform:none}.v4-home .production-stage,.v4-home .agent-feature{box-shadow:var(--surface-shadow)}
.v4-service-art{overflow:hidden;border-radius:13px;box-shadow:var(--sheet-shadow);height:auto!important}.v4-service-art img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}.v4-service-art figcaption{font-size:10px;padding:14px;background:var(--panel);margin:0;color:var(--muted)}
.journey-tabs button,.mutation-controls button,.ui-filter button,.ui-save{cursor:pointer;transition:background 160ms,border-color 160ms,color 160ms}.journey-tabs button:hover,.mutation-controls button:hover,.ui-filter button:hover{border-color:var(--violet);color:var(--ink)}
.journey-tabs button:focus-visible,.mutation-controls button:focus-visible,.ui-filter button:focus-visible,.ui-save:focus-visible{outline:2px solid var(--violet);outline-offset:-3px}.ui-save[aria-pressed=true]:focus-visible{outline-color:white}
@media(min-width:1600px){.v4-hero-art>div>img{aspect-ratio:1.35}}
@media(max-width:1100px){.v4-hero{gap:30px}.v4-hero h1{font-size:72px}.v4-hero .button{font-size:11px;padding:12px}.book-layout{grid-template-columns:1.5fr .7fr;gap:30px}.component-studio{padding:40px;gap:40px}.concept-02{margin-top:60px}.mutation-workspace{gap:30px}.culture-details{gap:25px}.v4-home .chapter-nav{gap:20px}}
@media(max-width:850px){.v4-hero{grid-template-columns:1fr;gap:30px;padding-block:38px;min-height:0}.v4-hero h1{font-size:76px;max-width:650px;margin-top:25px}.v4-hero-art>div>img{aspect-ratio:1.8;object-position:center 53%;scale:1.015}.v4-hero-lead{max-width:500px}.v4-hero .hero-index{margin-top:25px}.v4-home .v3-section{padding-block:64px}.app-journey{grid-template-columns:1fr;gap:15px}.book-layout{grid-template-columns:1fr}.book-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:0}.book-notes>.atlas-icon{grid-column:1/-1}.book-notes h3{margin:10px 0}.book-notes>p{grid-row:2;grid-column:2}.book-notes .brand-swatches{grid-column:2;margin:0}.book-notes>small{margin:0;grid-row:3;align-self:end}.mutation-workspace{grid-template-columns:1fr;gap:25px;margin-top:38px;padding-top:35px}.mutation-description h3 br{display:none}.mutation-description>p:not(.v3-kicker){max-width:50ch}.mutation-board{min-height:280px}.mutation-view{min-height:280px}.culture-heading{grid-template-columns:1fr;gap:18px}.culture-heading>p:last-child{max-width:50ch;font-size:14px}.culture-details{grid-template-columns:1fr 1fr}.culture-details>.text-link{grid-column:1/-1}.component-studio{gap:24px;padding:26px}.component-sheet,.context-thread{padding:23px}.detail-states{gap:8px}.v4-home .v3-section-head{gap:24px}.v4-home .v3-section-head>p{font-size:14px;max-width:260px}}
@media(max-width:600px){.v4-hero{gap:25px;padding-block:28px 32px}.v4-hero .v3-kicker{font-size:9px;gap:10px}.v4-hero h1{font-size:clamp(49px,14vw,70px);letter-spacing:-.065em;line-height:1.04;margin:23px 0 20px}.v4-hero-lead{font-size:14px;line-height:1.65;max-width:34ch}.v4-hero .v3-actions{margin-top:25px;gap:8px}.v4-hero .button{min-height:46px;font-size:10px;padding:12px}.v4-hero .button .icon{width:19px}.v4-hero .hero-index{font-size:9px;gap:24px}.v4-hero-art{border-radius:12px;padding-bottom:65px}.v4-hero-art>div>img{aspect-ratio:1.45;object-position:58% center}.v4-hero-art figcaption{padding:13px 16px;min-height:65px;font-size:10px;gap:12px}.v4-hero-art .atlas-icon{width:24px;height:24px}.v4-hero-art figcaption small{font-size:8px;max-width:62px}.v4-home .v3-section{padding-block:48px}.v4-home .v3-section-head{display:block;margin-bottom:28px}.v4-home .v3-section-head h2{font-size:36px;letter-spacing:-.05em;line-height:1.12;margin-top:18px}.v4-home .v3-section-head>p{margin-top:20px;max-width:38ch;font-size:13px}.v4-home .chapter-nav{gap:7px 23px;padding-block:12px}.v4-home .chapter-nav a{font-size:10px;min-height:35px}.concept-grid{grid-template-columns:1fr;gap:34px}.concept-02{margin:0}.concept-02 .concept-cover img{aspect-ratio:1.5;object-position:66% center}.concept-03{display:block}.concept-03 .concept-cover img{aspect-ratio:1.5}.concept-copy,.concept-03 .concept-copy{padding-top:18px}.concept-copy h3{font-size:28px;margin:11px 0}.concept-copy p{font-size:12px}.concept-copy>span{margin-top:12px;font-size:9px}.concept-copy>small{font-size:9px}.concept-open{width:34px;height:34px;right:12px;bottom:12px}.concept-open .icon{width:20px}.app-editorial{border-radius:12px}.app-editorial img{max-height:none;object-fit:contain}.app-editorial figcaption,.book-editorial figcaption,.culture-editorial figcaption{font-size:8px;padding:12px 13px;gap:15px}.app-editorial figcaption>span:last-child,.book-editorial figcaption>span:last-child,.culture-editorial figcaption>span:last-child{max-width:68px;text-align:right}.app-journey{margin-top:22px;gap:15px}.journey-tabs button{font-size:11px;padding:8px;min-height:50px}.journey-tabs button small{font-size:8px}.journey-panel{min-height:112px;gap:13px}.journey-panel>.atlas-icon{width:25px;height:25px}.journey-panel h3{font-size:19px}.journey-panel p{font-size:11px}.journey-state{display:none}.story-link{margin-top:18px}.book-layout{gap:24px}.book-notes{gap:8px 15px}.book-notes h3{font-size:28px}.book-notes p{font-size:11px;line-height:1.7;margin-top:10px}.book-notes>small{font-size:9px}.brand-swatches{gap:8px}.brand-swatches span{font-size:7px;max-width:33px}.brand-swatches span::before{width:27px;height:27px}.mutation-description h3{font-size:29px;margin:19px 0 15px}.mutation-description>p:not(.v3-kicker){font-size:12px}.mutation-workspace{gap:22px;margin-top:30px;padding-top:30px}.mutation-controls{margin-top:19px;gap:6px}.mutation-controls button{font-size:10px;padding:9px 12px}.mutation-board{min-height:320px}.mutation-view{min-height:320px;grid-template-columns:1.05fr .95fr}.mutation-native{padding:18px}.mutation-native h4{font-size:19px}.mutation-native p,.carrier-note p{font-size:10px}.carrier-sheet{margin:16px;padding:18px}.carrier-sheet strong{font-size:38px}.carrier-note{padding:18px 18px 18px 0}.carrier-note h4{font-size:20px}.plant-ui{margin:12px;padding:16px}.plant-ui h4{font-size:21px}.plant-ui>span:first-child{font-size:7px}.plant-options{display:block}.plant-options>span{display:block;margin-bottom:6px}.plant-ui p{font-size:9px}.plant-action{font-size:9px;gap:5px;padding:9px}.plant-action .icon{width:14px}.culture-heading{margin-bottom:25px;gap:18px}.culture-heading h2{font-size:42px;letter-spacing:-.055em}.culture-heading>p:last-child{font-size:12px}.culture-editorial img{aspect-ratio:1.18;object-fit:cover;object-position:39% center}.culture-details{gap:27px 18px;margin-top:26px}.culture-details>div{display:block}.culture-details .atlas-icon{width:25px;height:25px}.culture-details h3{font-size:20px;margin:14px 0 12px}.culture-details p{font-size:10px}.culture-details>.text-link{margin-top:0}.component-studio{display:block;padding:21px;border-radius:15px}.component-sheet{padding:24px;position:relative;z-index:2}.component-sheet h3{font-size:29px}.component-label{font-size:8px}.ui-result{min-height:165px}.ui-result strong{font-size:25px}.ui-result p{font-size:11px}.component-context{padding-top:24px}.context-thread{padding:23px}.context-thread>.atlas-icon{width:24px;height:24px}.context-thread>span{font-size:20px;margin-top:18px}.context-thread>p{font-size:12px}.detail-states{gap:20px;margin-top:22px}.detail-states>span{max-width:85px}.component-note{max-width:none;font-size:10px;line-height:1.6;margin:20px 0 0}.v4-service-art img{aspect-ratio:1.4}.v4-service-art figcaption{font-size:9px}.atmosphere-plane::before{width:220px;height:350px;right:-170px}.atmosphere-plane::after{width:180px;height:220px;left:-135px}}
@media(prefers-reduced-motion:reduce){.concept-cover img,.journey-tabs button,.mutation-controls button,.ui-filter button,.ui-save,[data-plane]{transition:none!important}.capability-icon,.agent-flow .icon{translate:none!important;transform:none!important}.concept-cover:hover img{scale:1}.project-card:hover .case-scene{transform:none!important}}

.v4-hero .v3-actions>.button+.button .icon{filter:none}.v4-hero .v3-actions>.button+.button:focus-visible{outline-color:var(--violet)}html[data-theme=dark] .v4-hero .v3-actions>.button+.button .icon{filter:invert(1)}