/* Presence is expressed through shared attention and concrete invitations. */
.presence-experiences .agent-heading h2{font-weight:450}
@media(min-width:861px){#chandelier-world .sw-copy:first-child .sw-copy__body{max-width:570px}}
.presence-experiences .scenario-tabs{margin:0 0 26px;gap:24px;flex-wrap:wrap;justify-content:space-between}
.presence-experiences .scenario-tabs button{font-size:17px;padding:18px 0;min-height:52px}
.presence-experiences .agent-demonstration>figure{isolation:isolate}
.presence-experiences .agent-demonstration>figure img{display:block;aspect-ratio:16/9;object-fit:contain;object-position:center}
.presence-experiences .agent-demonstration>figure figcaption{z-index:3}
.presence-experiences .scenario{padding:0}
.presence-experiences .moment-intro{margin-bottom:25px}
.presence-experiences .scenario-result{max-width:100%;font-size:16px}
.presence-note{font-size:17px;line-height:1.6;color:#66675f;margin:34px 0 0;max-width:780px}
.presence-experiences button:focus-visible{outline:2px solid #796184;outline-offset:5px}
@media(max-width:860px){
 .presence-experiences .scenario-tabs{display:grid;grid-template-columns:1.35fr 1fr .75fr .9fr;gap:0 8px;overflow:visible}
 .presence-experiences .scenario-tabs button{font-size:14px;text-align:left;white-space:normal;padding:14px 0}
 .presence-experiences .agent-demonstration>figure img{height:auto;min-height:0;aspect-ratio:16/9}
 .presence-experiences .agent-demonstration>figure figcaption{font-size:12px}
 .presence-experiences .moment-intro{gap:20px}
 .presence-note{font-size:16px}
}

.care-story{background:#ebe6df;color:#302a25}
.care-heading,.sensing-heading{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin-bottom:48px}
.care-heading h2,.sensing-heading h2{font-size:clamp(42px,5.2vw,76px);line-height:1.05;letter-spacing:-.05em;font-weight:450}
.care-heading>p,.sensing-heading>p{font-size:19px;line-height:1.6;color:#696057;max-width:520px}
.care-portrait{position:relative;isolation:isolate;background:#201c18;overflow:hidden}
.care-portrait img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.care-portrait figcaption{position:absolute;bottom:20px;left:24px;z-index:3;color:#fff;font-size:12px;background:#201c18a3;padding:7px 10px}
.care-contexts,.sensing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;margin:46px 0 27px}
.care-contexts h3,.sensing-options h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;font-weight:450}
.care-contexts p,.sensing-options p{font-size:17px;line-height:1.65;color:#696057;margin-top:16px}
.care-note{font-size:14px;line-height:1.6;color:#766c63;max-width:880px;border-top:1px solid #d2c7bc;padding-top:24px}
.sensing-story{background:#eceef0;color:#292d33}
.sensing-heading>p,.sensing-options p{color:#606672}
.sensing-options{margin-top:0}
.sensing-options article{border-top:1px solid #bac1c8;padding-top:25px}
.sensing-boundaries{display:grid;grid-template-columns:1fr 1.45fr;gap:8vw;border-top:1px solid #bac1c8;margin-top:48px;padding-top:35px;align-items:start}
.sensing-boundaries h3{font-size:clamp(27px,3.2vw,42px);line-height:1.15;letter-spacing:-.035em;font-weight:450}
.sensing-boundaries p{font-size:18px;line-height:1.6;color:#606672}
.sensing-evidence{margin-top:33px;border-top:1px solid #bac1c8;padding-top:22px}
.sensing-evidence summary,.everyday-support summary{font-size:16px;cursor:pointer;line-height:1.5}
.sensing-evidence p,.everyday-support p{font-size:16px;line-height:1.7;color:#606672;max-width:960px;margin-top:18px}
.sensing-evidence a{text-decoration:underline;text-underline-offset:3px}
.everyday-support{margin-top:40px;padding-top:25px;border-top:1px solid #b7beb0}
.everyday-support summary{color:#36472a}
.everyday-support p{color:#62695c}
@media(max-width:860px){
 .care-heading,.sensing-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}
 .care-heading h2,.sensing-heading h2{font-size:43px}
 .care-heading>p,.sensing-heading>p{font-size:18px}
 .care-portrait{overflow:visible}
 .care-portrait figcaption{position:static;padding:12px 15px;background:#302b25}
 .care-contexts,.sensing-options{grid-template-columns:1fr;gap:27px;margin-top:30px}
 .care-contexts h3,.sensing-options h3{font-size:25px}
 .care-contexts p,.sensing-options p{margin-top:10px}
 .care-note{font-size:13px}
 .sensing-boundaries{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:28px}
 .sensing-boundaries p{font-size:17px}
 .sensing-options article{padding-top:22px}
}

/* Intimate films and their invitations form one compact chapter. */
.presence-experiences .agent-demonstration{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:4.5vw;align-items:center}
.presence-experiences .presence-film{margin:0;align-self:center;background:#292322;overflow:hidden;border-radius:3px}
.presence-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#292322}
.presence-film-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;background:#e9e5df;color:#726b63}
.presence-experiences .agent-demonstration>figure figcaption{position:static;padding:0;font-size:12px;line-height:1.4;background:none;color:inherit;text-shadow:none}
.presence-play{background:none;color:#41382f;font-size:13px;padding:6px 0 6px 16px;white-space:nowrap}
.presence-experiences .scenario [role=tabpanel]{padding:0;min-height:310px}
.presence-experiences .scenario h3{font-size:clamp(30px,3.3vw,47px);font-weight:450;letter-spacing:-.045em;line-height:1.08}
.moment-invitation{font-size:19px;line-height:1.4;color:#735a72;margin:24px 0 17px;letter-spacing:-.025em}
.moment-story{font-size:17px;line-height:1.6;color:#626460}
.moment-detail{border-top:1px solid #d5d4ce;margin-top:24px;padding-top:15px;font-size:14px;line-height:1.6;color:#73716a}
.moment-detail summary{cursor:pointer;color:#57574f}
.moment-detail p{margin-top:12px}
.presence-choices{border-top:1px solid #cecec5;margin-top:44px;padding-top:24px;scroll-margin-top:100px}
.presence-choices summary{font-size:18px;color:#565a50;cursor:pointer}
.presence-choices>div{display:grid;grid-template-columns:1fr 1fr;gap:20px 5vw;padding-top:23px;max-width:1000px}
.presence-choices p{font-size:16px;line-height:1.6;color:#73756d}
.presence-choices .note{grid-column:1/-1;font-size:13px}
@media(max-width:1000px){.presence-experiences .agent-demonstration{gap:30px}.moment-invitation{font-size:18px}.moment-story{font-size:16px}}
@media(max-width:860px){
 .presence-experiences .agent-demonstration{grid-template-columns:1fr;gap:27px}
 .presence-experiences .scenario [role=tabpanel]{min-height:0}
 .presence-experiences .scenario h3{font-size:36px}
 .presence-film-bar{padding:10px 13px}
 .moment-invitation{margin-top:20px}
 .moment-story{font-size:17px}
 .presence-choices>div{grid-template-columns:1fr;gap:16px}
 .presence-choices{margin-top:34px}
}

#chandelier-world .sw-copy__cta{justify-content:flex-start;align-items:flex-start;margin-top:22px}
#chandelier-world .sw-copy__cta .sw-btn{font-size:16px;padding-bottom:8px}
@media(max-width:860px){#chandelier-world .sw-copy__cta{margin-top:18px}#chandelier-world .sw-copy__cta .sw-btn{font-size:14px}}
.engine-story .engine-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw}
@media(max-width:860px){.engine-story .engine-facts{grid-template-columns:1fr;gap:32px}}

/* Voiced conversations */
.presence-experiences .agent-demonstration{align-items:start}
.presence-screen{position:relative;isolation:isolate}
.presence-subtitle{position:absolute;left:14px;right:14px;bottom:16px;padding:11px 13px;background:#171211df;color:#fff;border-radius:3px;pointer-events:none;text-shadow:0 1px 2px #0004}
.presence-subtitle span{display:block;font-size:11px;line-height:1.2;color:#d6c4b6;margin-bottom:5px}
.presence-subtitle.is-agent span{color:#e1c8f5}
.presence-subtitle p{font-size:16px;line-height:1.35;letter-spacing:-.015em}
.presence-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff20}
.presence-progress i{display:block;width:100%;height:100%;background:#dec3a3;transform:scaleX(0);transform-origin:left}
.presence-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}
.presence-controls button{font-size:12px;white-space:nowrap;background:none;color:#41382f;padding:6px 0}
.presence-sound{border-bottom:1px solid #aa9580}
.presence-sound[aria-pressed=true]{color:#74597a}
.presence-film-bar{gap:12px;padding:11px 14px}
.presence-experiences .agent-demonstration>figure figcaption{font-size:11px}
.moment-story{margin-top:20px}
.moment-conversation{display:grid;gap:15px;margin-top:26px}
.moment-conversation>div{border-left:2px solid transparent;padding-left:13px;transition:border-color .2s}
.moment-conversation span{display:block;font-size:12px;color:#96918a;margin-bottom:5px;transition:color .2s}
.moment-conversation p{font-size:18px;line-height:1.4;letter-spacing:-.02em;color:#857e76;transition:color .2s}
.moment-conversation .is-speaking{border-color:#b69bc1}
.moment-conversation .is-speaking span{color:#74517e}
.moment-conversation .is-speaking p{color:#332e35}
.moment-detail{margin-top:25px}
@media(max-width:1100px){.presence-experiences .agent-demonstration{grid-template-columns:1fr;gap:32px}.presence-experiences .scenario{padding:0}.moment-conversation{max-width:650px}}
@media(max-width:860px){.presence-subtitle{left:10px;right:10px;bottom:11px;padding:8px 10px}.presence-subtitle p{font-size:14px}.presence-subtitle span{font-size:10px;margin-bottom:4px}.presence-controls{gap:13px}.presence-film-bar{padding:10px 12px}.moment-conversation p{font-size:19px}}

@media(max-width:600px){.presence-film video{aspect-ratio:4/3;object-fit:cover;object-position:center}.presence-subtitle p{font-size:14px}}






/* Social sketches */
.presence-experiences .presence-film{background:#e9dec8;border-radius:2px}
.presence-film video{background:#e9dec8}
.presence-film-bar{background:#ede7dc}
.presence-subtitle p{white-space:pre-line}
.presence-premise{padding:16px 19px;background:#eee8dd;border-bottom:1px solid #d7ccb9}
.presence-premise>span{font-size:13px;color:#75664f}
.presence-premise>p{margin-top:7px;font-size:17px;line-height:1.4;color:#443d32}
.presence-controls button{font-size:13px}
@media(max-width:600px){.presence-film-bar{padding:10px}.presence-controls{gap:11px}.presence-experiences .agent-demonstration>figure figcaption{font-size:10px}}

/* The supercomputer earns its place in the home before the shared experiences. */
.engine-opening{max-width:1050px}
.engine-opening>p{max-width:710px}
.engine-system{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;margin:66px 0 45px}
.engine-system h3{font-size:clamp(30px,3.4vw,49px);font-weight:450;line-height:1.1;letter-spacing:-.045em}
.engine-system p{font-size:19px;line-height:1.6;color:#b8b6b2;max-width:660px}
.engine-system nav{display:flex;gap:15px 26px;flex-wrap:wrap;margin-top:26px}
.engine-system a{font-size:15px;color:#d9c5ac;border-bottom:1px solid #625442;padding-bottom:7px}
.engine-system a span{margin-left:6px}
.engine-ownership{margin-top:49px;padding-top:24px;border-top:1px solid #ffffff29}
.engine-ownership summary{font-size:17px;line-height:1.4;color:#d8d2c9;cursor:pointer}
.engine-ownership .engine-facts{margin:32px 0 20px}
.engine-ownership .note{font-size:13px;color:#a39f99;line-height:1.6;max-width:820px}
.engine-story a:focus-visible,.engine-ownership summary:focus-visible{outline:2px solid #d9c5ac;outline-offset:6px}
@media(max-width:860px){
 .engine-system{grid-template-columns:1fr;gap:23px;margin:43px 0 50px}
 .engine-system h3{font-size:34px}
 .engine-system p{font-size:18px}
 .engine-system nav{gap:17px 24px}
 .engine-ownership{margin-top:36px}
}