/* AI exhibition story: two illustrated moments, then our role. */
.ai-page .expo-story{padding:84px 0 88px;margin-top:-16px;background:var(--bean);scroll-margin-top:24px}
.expo-heading{position:relative;margin-bottom:42px;max-width:920px}
.expo-kicker{display:inline-block;font-size:15px;font-weight:700;border-bottom:2px solid var(--pod);padding-bottom:7px}
.expo-heading h2{font-size:clamp(38px,4.5vw,64px);line-height:1.38;letter-spacing:-.035em;margin-top:19px}
.expo-heading h2 em{color:var(--pod);background:linear-gradient(transparent 75%,var(--yellow) 75%,var(--yellow) 95%,transparent 95%)}
.expo-opening{margin-top:23px;font-size:17px}
.expo-scenes{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.expo-scene{min-width:0}
.expo-scene--surprise{padding-top:47px}
.expo-picture{position:relative;isolation:isolate}
.expo-picture img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:3px solid var(--deep);border-radius:26px 32px 22px 18px;box-shadow:6px 7px 0 var(--deep);background:var(--white)}
.expo-picture figcaption{position:relative;z-index:1;display:table;max-width:calc(100% - 24px);margin:-23px 0 0 19px;padding:9px 18px;background:var(--yellow);border:2px solid var(--deep);box-shadow:3px 4px 0 var(--deep);border-radius:8px 23px 23px 8px;font:700 clamp(17px,1.65vw,24px)/1.5 var(--display);transform:rotate(-3deg)}
.expo-scene--surprise .expo-picture figcaption{background:var(--white);transform:rotate(2deg)}
.expo-scene-copy{padding:29px 10px 0 4px}
.expo-scene-copy h3{font-size:clamp(25px,2.6vw,35px);line-height:1.5;letter-spacing:-.035em}
.expo-scene-copy p{font-size:16px;line-height:2;margin-top:17px;overflow-wrap:anywhere}
.expo-answer{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:start;margin-top:54px;padding:38px 40px 40px;border:2px solid var(--deep);border-radius:26px 26px 40px 26px;background:var(--deep);color:var(--white)}
.expo-problem{position:relative;min-width:0;padding:22px 24px;background:#fff0a0;color:var(--deep);border-radius:26px 26px 26px 8px;box-shadow:0 5px 0 rgba(0,0,0,.13)}
.expo-problem::after{content:"";position:absolute;top:34px;right:-17px;width:18px;height:27px;background:#fff0a0;clip-path:polygon(0 0,100% 80%,0 100%)}
.expo-problem p{font:700 clamp(22px,2.2vw,30px)/1.65 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;line-break:strict}
.expo-promise h3{font-size:clamp(26px,2.8vw,38px);line-height:1.5;letter-spacing:-.035em}
.expo-promise h3 em{color:var(--yellow)}
.expo-promise>p{margin-top:20px;font-size:15px;line-height:2}
.expo-next{display:inline-flex;gap:26px;align-items:center;min-height:48px;margin-top:20px;padding-bottom:3px;border-bottom:1px solid var(--fresh);color:var(--fresh);font-weight:700;font-size:16px}
.expo-next>span{font:25px/1 Arial}
.expo-next:hover{color:var(--yellow);border-color:var(--yellow)}
.ai-page .expo-story+.planning{margin-top:0}
@media(max-width:900px){.expo-scenes{gap:26px}.expo-scene-copy p br{display:none}.expo-answer{gap:24px;padding:30px 26px}.expo-promise>p br{display:none}}
@media(max-width:680px){.ai-page .expo-story{padding:65px 0 56px}.expo-heading{margin-bottom:30px}.expo-kicker{font-size:13px}.expo-heading h2{font-size:clamp(30px,8.5vw,46px);margin-top:17px;line-height:1.45}.expo-opening{font-size:15px;margin-top:17px}.expo-scenes{grid-template-columns:1fr;gap:35px}.expo-scene--surprise{padding-top:0}.expo-picture img{border-width:2px;box-shadow:4px 5px 0 var(--deep);border-radius:20px 25px 17px 14px}.expo-picture figcaption{font-size:clamp(15px,4.7vw,22px);margin-left:12px;margin-top:-18px;padding:7px 12px}.expo-scene-copy{padding:25px 1px 0}.expo-scene-copy h3{font-size:clamp(23px,6.4vw,31px)}.expo-scene-copy p{font-size:16px;line-height:1.9;margin-top:14px}.expo-answer{grid-template-columns:1fr;gap:18px;margin-top:36px;padding:26px 21px 30px;border-radius:22px 22px 32px 22px}.expo-problem{padding:22px;border-radius:22px 22px 22px 8px;margin-bottom:12px}.expo-problem::after{top:auto;right:auto;bottom:-17px;left:28px;width:27px;height:18px;clip-path:polygon(0 0,100% 0,12% 100%)}.expo-problem p{font-size:clamp(20px,5.45vw,23px)}.expo-promise h3{font-size:clamp(22px,6.1vw,29px)}.expo-promise>p{font-size:15px;margin-top:15px}.expo-next{font-size:15px;gap:17px;margin-top:17px}}

/* Keep each part of the central problem readable at narrow widths. */
.expo-problem p>span{display:inline-block}

/* Keep the exhibition heading on one line when the scene cards sit side by side. */
@media(min-width:681px){#expo-title>br{display:none}}

/* Give the unused-technology question a voice, with Sakura beside it. */
.expo-answer--spotlight{grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:40px}
.expo-dilemma{min-width:0;padding:8px 3px 0}
.expo-balloon{position:relative;z-index:1;padding:25px 27px 28px;background:#fff0a0;color:var(--deep);border:3px solid var(--white);border-radius:34px 42px 34px 14px;box-shadow:6px 8px 0 #133424;transform:rotate(-2deg)}
.expo-balloon::after{content:"";position:absolute;bottom:-17px;right:26%;width:30px;height:30px;background:#fff0a0;border-right:3px solid var(--white);border-bottom:3px solid var(--white);transform:rotate(45deg)}
.expo-balloon p{position:relative;z-index:1;text-align:center;font-family:var(--display);font-weight:700;line-height:1.3;letter-spacing:-.035em;font-feature-settings:'palt'}
.expo-balloon-lead{display:block;font-size:clamp(24px,2.35vw,30px);margin-bottom:12px}
.expo-balloon-key{display:block;font-size:clamp(36px,4.25vw,54px);font-weight:700;line-height:1.4;color:var(--white);-webkit-text-stroke:4px var(--deep);paint-order:stroke fill;text-shadow:2px 4px 0 var(--deep)}
.expo-balloon-but{font-size:.75em;-webkit-text-stroke:3px var(--deep)}
.expo-dilemma-actor{position:relative;width:240px;margin:8px 5% -8px auto}
.expo-dilemma-actor img{width:210px;height:210px;object-fit:contain;margin-left:auto;filter:drop-shadow(0 9px 5px #102a2140)}
.expo-question-mark{position:absolute;left:4px;top:18px;color:var(--yellow);font:700 73px/1 var(--display);transform:rotate(-12deg);text-shadow:3px 4px 0 #0f2f22}
.expo-answer--spotlight .expo-promise{min-width:0}
@media(max-width:1100px) and (min-width:901px){.expo-answer--spotlight{gap:32px;padding:32px 28px}.expo-balloon{padding-inline:22px}.expo-balloon-key{font-size:36px}.expo-balloon-lead{font-size:25px}}
@media(max-width:900px){.expo-answer--spotlight{grid-template-columns:1fr;gap:20px;padding:32px}.expo-dilemma{width:min(100%,560px);margin-inline:auto}.expo-balloon-key{font-size:44px}.expo-dilemma-actor{margin-bottom:-14px}.expo-answer--spotlight .expo-promise{padding-top:10px}}
@media(max-width:680px){.expo-answer--spotlight{padding:24px 18px 30px;gap:16px}.expo-dilemma{padding:5px 1px 0}.expo-balloon{padding:20px 17px 23px;border-radius:26px 30px 26px 12px;box-shadow:4px 6px 0 #133424;transform:rotate(-1.5deg)}
.expo-balloon-lead{font-size:clamp(20px,5.6vw,25px);margin-bottom:10px}.expo-balloon-key{font-size:clamp(26px,8.3vw,39px);-webkit-text-stroke:3px var(--deep);text-shadow:1px 3px 0 var(--deep)}.expo-balloon-but{-webkit-text-stroke:2.5px var(--deep)}
.expo-balloon::after{right:25%;width:24px;height:24px;bottom:-14px}.expo-dilemma-actor{width:195px;margin-top:8px;margin-right:1%;margin-bottom:-5px}.expo-dilemma-actor img{width:170px;height:170px}.expo-question-mark{font-size:60px;top:17px;left:0}}

/* A compact cast and a bold answer: the writers plan together. */
.expo-answer--team{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:34px;padding:30px 32px;align-items:center}
.expo-answer--team .expo-dilemma{width:100%;padding:0;margin:0}
.expo-answer--team .expo-balloon{padding:20px 18px 23px}
.expo-answer--team .expo-balloon-lead{font-size:clamp(21px,2vw,28px);margin-bottom:8px}
.expo-answer--team .expo-balloon-key{font-size:clamp(30px,3.2vw,43px);line-height:1.35}
.expo-answer--team .expo-balloon::after{right:46%}
.expo-team-animals{display:flex;align-items:flex-end;justify-content:center;width:min(100%,405px);margin:4px auto -13px;isolation:isolate}
.expo-team-animals img{flex:0 0 47%;width:47%;height:auto;max-width:none;filter:drop-shadow(0 5px 4px #102a2140)}
.expo-team-animals img+img{margin-left:-20%}
.expo-team-sakura{position:relative;z-index:1}
.expo-answer--team .expo-promise{padding:0}
.expo-answer--team .expo-promise h3{margin:0;line-height:1.25;letter-spacing:-.045em}
.expo-promise-lead{display:block;font-size:clamp(25px,2.5vw,35px);margin-bottom:10px}
.expo-answer--team .expo-promise h3 em{display:block;font-size:clamp(46px,5vw,66px);line-height:1.24;color:var(--yellow);-webkit-text-stroke:2px var(--white);paint-order:stroke fill;text-shadow:3px 4px 0 #092c1b;transform:rotate(-2deg);transform-origin:left center}
.expo-answer--team .expo-promise h3 em span{display:inline-block}
.expo-answer--team .expo-promise>p{font-size:15px;line-height:1.85;margin:18px 0 0}
.expo-team-message{display:block;margin-top:10px;font-family:var(--display);font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.55;color:var(--white)}
.expo-team-message span{display:inline-block}
.expo-answer--team .expo-next{margin-top:14px}
@media(max-width:1100px) and (min-width:761px){.expo-answer--team{gap:28px;padding:27px 25px}.expo-answer--team .expo-balloon{padding:20px 13px}.expo-answer--team .expo-balloon-lead{font-size:22px}.expo-answer--team .expo-balloon-key{font-size:30px}.expo-promise-lead{font-size:25px}.expo-answer--team .expo-promise h3 em{font-size:48px}.expo-team-message{font-size:21px}}
@media(max-width:760px){.expo-answer--team{grid-template-columns:1fr;gap:17px;padding:27px 24px 25px}.expo-answer--team .expo-dilemma{max-width:430px;margin:auto}.expo-answer--team .expo-balloon-lead{font-size:clamp(20px,5.6vw,28px)}.expo-answer--team .expo-balloon-key{font-size:clamp(26px,8.3vw,40px)}.expo-team-animals{width:min(100%,330px);margin-top:4px;margin-bottom:-17px}.expo-promise-lead{font-size:clamp(21px,5.5vw,30px);margin-bottom:7px}.expo-answer--team .expo-promise h3 em{font-size:clamp(35px,10.5vw,54px);line-height:1.22}.expo-answer--team .expo-promise>p{margin-top:15px}.expo-team-message{font-size:clamp(18px,5vw,23px);margin-top:8px}.expo-answer--team .expo-next{margin-top:10px}}
@media(max-width:360px){.expo-answer--team{padding:24px 18px}.expo-answer--team .expo-balloon{padding-inline:11px}}
