/* Homepage-only presentation. Shared shell and fictional templates are untouched. */
.home-trail{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:20px;max-width:1380px;padding:25px 5%;margin:0 auto;border-top:1px solid #304968;border-bottom:1px solid #304968;font:12px/1.5 Arial,sans-serif}
.home-trail>span{font:9px/1.6 'Courier New',monospace;color:#8ea9cd;letter-spacing:1.5px;align-self:center}.home-trail a{display:flex;flex-direction:column;gap:10px;padding:8px 0;color:#e9f1ff}.home-trail b{font:11px 'Courier New',monospace;color:#e8bc63}
.home-chapter.section,.home-path.section,.motion-chapter>.section{padding-top:105px;padding-bottom:100px}.chapter-heading{max-width:760px;margin-bottom:48px}.chapter-heading h2,.chapter-copy h2{font:600 clamp(34px,4vw,54px)/1.08 Arial,sans-serif;letter-spacing:-1.8px;margin:0 0 25px}.chapter-heading>p:not(.eyebrow),.chapter-copy>p{font:16px/1.8 Arial,sans-serif;color:#b6c8df;max-width:610px}.chapter-copy .eyebrow{font-size:10px;line-height:1.5;color:#e8bc63}.chapter-next{margin-top:34px;display:flex;justify-content:space-between;gap:25px;align-items:center}.chapter-next>span{font:11px/1.5 'Courier New',monospace;color:#8ca7c9}
.home-band{background:#0a1425;border-block:1px solid #263d5e}.home-split{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center;padding-top:100px;padding-bottom:100px}.home-split.reverse .chapter-copy{order:2}.chapter-copy .button{margin:22px 0 8px}.chapter-copy .quiet-note{font-size:11px!important;line-height:1.6;max-width:430px;margin-top:14px}.clean-list{padding:0;list-style:none;margin:25px 0}.clean-list li{padding:10px 0 10px 24px;position:relative;font-size:13px;color:#d1def1;border-bottom:1px solid #263d5e}.clean-list li:before{content:'↳';position:absolute;left:0;color:#e8bc63}
.tool-visual{min-width:0;border:1px solid #365172;background:#08101e;box-shadow:0 24px 70px #0003}.tool-topline{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid #2c4261;font:9px/1.5 'Courier New',monospace;letter-spacing:1.5px;color:#a8c2e6}.tool-topline>span:last-child{font-size:18px;color:#e8bc63}.visual-caption{font:11px/1.6 Arial,sans-serif;color:#9fb3d0;padding:0 22px;margin:16px 0 20px}.segmented{display:flex;gap:5px;padding:20px 20px 0}.segmented button,.palette-options button{min-height:44px;border:1px solid #37516f;background:transparent;color:#b9cce5;font:12px Arial,sans-serif;padding:10px 13px}.segmented button[aria-pressed=true],.palette-options button[aria-pressed=true]{color:#f1cc85;border-color:#e8bc63;background:#1a2536}.device-space{height:310px;display:grid;place-items:center;padding:25px 22px}.device-mini{width:100%;border:1px solid #6782a4;border-radius:8px;overflow:hidden;transition:width .45s ease;background:#eeeae1;color:#263a43}.device-mini[data-size=tablet]{width:73%}.device-mini[data-size=phone]{width:47%;max-width:200px}.mini-browser{height:18px;background:#192b44;display:flex;gap:4px;align-items:center;padding-left:9px}.mini-browser i{width:4px;height:4px;border-radius:50%;background:#7189a9}.device-page{padding:20px}.device-brand{font:700 12px Arial;letter-spacing:1.5px}.device-brand span{font:6px Arial;display:block;letter-spacing:3px;margin-top:3px}.device-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:23px}.device-layout small{font:6px Arial;letter-spacing:1px}.device-layout strong{display:block;font:26px/1.08 Georgia,serif;margin:11px 0 18px}.mini-cta{display:inline-block;font:10px/1.4 Arial,sans-serif;border:1px solid currentColor;padding:9px 12px;position:relative;z-index:2}.device-art{display:flex;gap:5px;align-items:flex-end;justify-content:center;background:#b9c7c7;padding:15px;height:150px}.device-art i{display:block;width:22%;height:55%;background:#506d78}.device-art i:nth-child(2){height:85%;background:#d9c9ad}.device-art i:nth-child(3){height:70%;background:#839fa3}.device-lines{display:flex;gap:8px;margin-top:18px}.device-lines i{width:33%;height:5px;background:#c9cec8}.device-mini[data-size=phone] .device-page{padding:15px}.device-mini[data-size=phone] .device-layout{display:block;margin-top:15px}.device-mini[data-size=phone] .device-layout strong{font-size:24px}.device-mini[data-size=phone] .device-art{display:none}.device-mini[data-size=phone] .mini-cta{font-size:8px;padding:7px}.device-mini[data-size=tablet] .device-layout strong{font-size:23px}
.palette-mini{position:relative;overflow:hidden;margin:22px;padding:32px;background:#122b4b;color:#f1ce88;min-height:300px}.palette-mini small{font:8px/1.5 Arial;letter-spacing:2px}.palette-mini strong{position:relative;z-index:1;display:block;font:600 45px/1.05 Arial;margin:25px 0 20px;letter-spacing:-2px}.palette-mini p{position:relative;z-index:1;font:12px/1.6 Arial;max-width:260px}.palette-mini>i{position:absolute;width:145px;height:220px;border:1px solid currentColor;border-radius:100px 100px 0 0;right:-35px;bottom:-10px;transform:rotate(20deg);opacity:.4}.palette-mini[data-palette=warm]{background:#e7d6c0;color:#503f36}.palette-mini[data-palette=bright]{background:#c4f94f;color:#182118}.palette-options{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px}.palette-options button{display:flex;align-items:center;gap:7px;font-size:10px}.swatch{width:11px;height:11px;border-radius:50%;display:inline-block}.swatch.blue{background:#e8bc63}.swatch.warm{background:#e7d6c0}.swatch.bright{background:#c4f94f}
.motion-chapter .chapter-heading{max-width:800px}.motion-exhibit{display:grid;grid-template-columns:180px 1fr;gap:45px;border-block:1px solid #304968;padding:40px 0}.motion-notes{display:flex;flex-direction:column;justify-content:center;gap:20px}.motion-notes>span{font:10px 'Courier New',monospace;color:#8eadcf}.motion-notes p{font:12px/1.6 Arial;color:#e8bc63;margin:10px 0 0}.motion-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}.motion-tile{border:1px solid #42638b;padding:28px 22px;min-height:205px;background:linear-gradient(145deg,#203d62,#0d1e35)}.motion-tile:nth-child(2){background:#e8bc63;color:#0b1729;transform:translateY(15px);border-color:#e8bc63}.motion-tile:nth-child(3){background:#14243c}.motion-tile small{font:9px 'Courier New',monospace;letter-spacing:1px}.motion-tile strong{display:block;font:600 clamp(20px,2.2vw,31px)/1.15 Arial;letter-spacing:-.9px;margin-top:35px}.motion-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:35px}.motion-actions p{width:100%;font:11px Arial;color:#9fb3d0;margin:0}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.path-grid article{border-top:1px solid #365172;padding-top:25px}.path-number{font:40px/1 'Courier New',monospace;color:#365172}.path-grid h3{font:600 23px/1.2 Arial;margin:25px 0 18px}.path-grid p{font:14px/1.8 Arial;color:#b2c5df}.path-grid a{font:12px/1.5 Arial;color:#e8bc63;text-decoration:underline;text-underline-offset:5px}.honest-note{margin-top:50px;display:flex;gap:25px;padding:22px;background:#102039;align-items:center}.honest-note>span{font-size:35px;color:#e8bc63}.honest-note p{font:12px/1.7 Arial;color:#adc2df;max-width:800px;margin:0}.brief-steps-mini{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.brief-steps-mini span{font:10px Arial;padding:7px 10px;border:1px solid #3a5172;color:#acc3e2}.brief-teaser>label{display:block;margin:20px 22px 7px;font:12px Arial;color:#bfd0e7}.brief-teaser>select{width:calc(100% - 44px);margin:0 22px;min-height:48px;background:#11223b;border:1px solid #587195;color:#edf3ff;padding:10px;font:13px Arial}.brief-mini{position:relative;overflow:hidden;min-height:270px;margin:25px 22px 0;padding:28px;background:#c4f94f;color:#101810}.brief-mini>span:first-child{font:800 12px Arial;letter-spacing:1px;position:relative;z-index:1}.brief-mini strong{display:block;position:relative;z-index:1;font:900 italic 40px/.98 Arial;letter-spacing:-2px;text-transform:uppercase;margin:25px 0}.brief-mini>i{position:absolute;right:20px;bottom:-20px;width:55px;height:330px;background:currentColor;opacity:.12;transform:rotate(25deg)}.brief-mini[data-template=forma]{background:#dacbb9;color:#3c443b}.brief-mini[data-template=forma] strong{font:400 43px/1 Georgia;letter-spacing:-1.5px;text-transform:none}.brief-mini[data-template=forma]>i{width:120px;height:210px;transform:none;border-radius:100px 100px 0 0;background:#75826c;opacity:.6}.brief-mini[data-template=puddle]{background:#aed8ed;color:#253c5d}.brief-mini[data-template=puddle] strong{font:900 41px/1 'Trebuchet MS',Arial;letter-spacing:-2px;text-transform:none}.brief-mini[data-template=puddle]>i{border-radius:50%;width:130px;height:130px;transform:none;background:#e16935;opacity:.8;right:-30px;bottom:-25px}.back-top{display:block;text-align:center;padding:25px;color:#a6c1e2;font:11px Arial;border-top:1px solid #263d5e}html[data-sitecco-motion=reduce] .device-mini{transition:none}
@media(max-width:900px){.home-trail{grid-template-columns:repeat(4,1fr)}.home-trail>span{grid-column:1/-1}.home-split{gap:35px;grid-template-columns:1fr 1fr}.motion-exhibit{grid-template-columns:1fr}.motion-notes{flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.motion-notes p{margin:0}.path-grid{gap:25px}.palette-mini{padding:24px}.palette-mini strong{font-size:37px}}
@media(max-width:700px){.home-trail{grid-template-columns:1fr 1fr;padding:20px 6%;gap:12px 25px}.home-trail a{font-size:12px}.home-split{grid-template-columns:1fr;gap:32px;padding:65px 6%}.home-split.reverse .chapter-copy{order:0}.chapter-heading h2,.chapter-copy h2{font-size:38px;letter-spacing:-1.3px}.chapter-heading>p:not(.eyebrow),.chapter-copy>p{font-size:15px;line-height:1.75}.home-chapter.section,.home-path.section,.motion-chapter>.section{padding:65px 6%}.chapter-heading{margin-bottom:30px}.chapter-next{display:block}.chapter-next>span{display:block;margin-top:20px}.path-grid{grid-template-columns:1fr;gap:34px}.path-grid article{display:grid;grid-template-columns:45px 1fr;gap:0 16px}.path-number{grid-row:1/4;font-size:29px}.path-grid h3{margin:0 0 14px;font-size:22px}.path-grid p,.path-grid a{grid-column:2}.motion-exhibit{gap:25px;padding:25px 0}.motion-stage{gap:9px}.motion-tile{padding:18px 12px;min-height:165px}.motion-tile small{font-size:7px;letter-spacing:0}.motion-tile strong{font-size:19px;letter-spacing:-.6px;margin-top:24px}.motion-notes{gap:15px}.motion-notes>span{font-size:8px}.motion-notes p{display:none}.motion-actions{gap:20px}.device-space{height:300px}.honest-note{gap:15px;margin-top:35px}.brief-mini strong{font-size:39px}.tool-topline{font-size:8px}}
/* Let narrow-screen miniatures determine their own height instead of overlapping controls. */
.device-space{height:auto;min-height:310px}.device-mini{flex-shrink:0}.clean-list li:before{content:'→'}
@media(max-width:700px){.device-space{height:auto;min-height:300px;padding:25px 20px}.device-page{padding:16px}.device-layout strong{font-size:22px}.device-layout{grid-template-columns:1.2fr 1fr;gap:10px}.device-art{padding:10px;height:140px}.device-mini[data-size=phone]{width:65%}.device-mini[data-size=tablet]{width:85%}.device-mini[data-size=tablet] .device-layout strong{font-size:20px}}