/* The common frame belongs to the gallery. Each work keeps its own art direction. */
.exhibit-card{padding:0}.exhibit{container-type:inline-size;position:relative;width:100%;aspect-ratio:2/3;display:flex;flex-direction:column;overflow:hidden;text-align:left;isolation:isolate;line-height:1.5;flex-shrink:0}.exhibit *{box-sizing:border-box}.exhibit-heading{display:block;padding:28px 28px 24px;flex-shrink:0}.exhibit-heading small{display:block;font-size:13px;font-weight:650;letter-spacing:.09em;margin-bottom:14px}.exhibit-heading strong{display:block;font-size:clamp(26px,8.4cqw,42px);font-weight:700;line-height:1.3;letter-spacing:-.035em}.exhibit-bottom{padding:17px 24px;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;flex-shrink:0}.exhibit-bottom>span{font-size:12px;white-space:nowrap;letter-spacing:.04em}.exhibit video{display:block;width:100%;min-height:0;flex:1;object-fit:cover}.exhibit-detail{align-self:start;max-width:560px;border-radius:20px}.showcase-detail>.exhibit{width:100%}.exhibit-live{position:relative;display:block;flex:1;min-height:0;overflow:hidden}.exhibit-live iframe{border:0;width:100%;height:100%;display:block;pointer-events:none;background:transparent}.exhibit-live:has(iframe:not([src])){background-position:center;background-size:cover}.exhibit--motion .exhibit-live:has(iframe:not([src])){background-image:url('assets/cmo-feature.webp')}.exhibit--interactive .exhibit-live:has(iframe:not([src])){background-image:url('assets/fruit-game-thumb.webp')}
.exhibit--slides{background:#062957;color:white}.exhibit--slides .exhibit-heading{padding-top:32px}.exhibit--slides .exhibit-heading small{color:#9cd5ff}.deck-pages{margin:auto 22px;display:block}.deck-main{display:block;width:100%;box-shadow:0 12px 30px #0004}.deck-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.deck-thumbs img{width:100%;display:block}.exhibit--slides .exhibit-bottom{color:#c8dced;border-top:1px solid #ffffff25;margin-top:auto}
.exhibit--short{background:#fc714d;color:#291e19}.exhibit--short .exhibit-heading{padding:24px}.exhibit--short .exhibit-heading small{margin-bottom:8px}.exhibit--short video{object-position:50% 43%}.exhibit--short .exhibit-bottom{background:#271d18;color:#fff3e9}
.exhibit--film{background:#171b26;color:#f7ece4}.exhibit--film .exhibit-heading{padding-top:40px}.exhibit--film strong{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:500;font-size:11cqw}.exhibit--film .exhibit-heading small{color:#cdb7a6}.exhibit--film video{flex:0 0 auto;aspect-ratio:1/1;object-fit:cover}.cinema-credit{display:flex;flex:1;justify-content:center;flex-direction:column;text-align:center;font-size:12px;letter-spacing:.24em;color:#d9b995;padding:20px}.cinema-credit span{display:block;font-size:17px;letter-spacing:.08em;color:#f0dfce;margin-top:12px}
.exhibit--world{background:#eff1df;color:#2f482f}.exhibit--world .exhibit-heading{padding:24px 28px}.exhibit--world strong{font-weight:500;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:9.5cqw}.exhibit--world video{object-position:50% 50%}.exhibit--world .exhibit-bottom{background:#eff1df}
.exhibit--motion{background:#f0e6d6;color:#392c20}.exhibit--motion .exhibit-heading{padding:28px 24px 18px}.exhibit--motion .exhibit-heading strong{font-size:7.8cqw}.exhibit--motion .exhibit-heading small{color:#72634f}.exhibit--motion .exhibit-bottom{border-top:1px solid #b9a88d;color:#564734}.exhibit--motion .exhibit-bottom>span{font-size:10px;letter-spacing:.06em}
.exhibit--writing{background:#fffcf4;color:#352719;padding:26px 28px}.journal-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #c4b8a4;padding-bottom:14px}.journal-top span{font-size:13px;letter-spacing:0}.journal-title{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:10cqw;line-height:1.48;letter-spacing:.03em;display:block;padding:24px 0 22px}.journal-image{display:block;width:45%;align-self:flex-end;max-height:30%;object-fit:contain;margin-top:-10px;margin-bottom:16px}.journal-copy{font-size:15px;line-height:1.9;display:block;max-height:5.7em;overflow:hidden}.journal-bottom{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #c4b8a4;margin-top:auto;padding-top:14px;color:#695846}
.exhibit--interactive{background:#5c1021;color:#ffdf91}.exhibit--interactive .exhibit-heading{padding:23px 26px 15px}.exhibit--interactive .exhibit-heading small{color:#f6d4bc}.exhibit--interactive .exhibit-heading strong{font-size:8.1cqw}.exhibit--interactive .exhibit-bottom{padding:14px 25px}.exhibit--interactive .exhibit-live{margin:0 12px}.exhibit--interactive iframe{border-radius:16px}
.exhibit--rag{background:#132f3b;color:#f4f9fa;padding:0 26px}.exhibit--rag .exhibit-heading{padding:30px 0 26px}.exhibit--rag .exhibit-heading small{color:#9cdae2}.exhibit--rag .exhibit-heading strong{font-size:8.2cqw;line-height:1.5;font-weight:600}.knowledge-query{display:block;border:1px solid #73919b;padding:17px 19px;border-radius:8px;margin-bottom:14px}.knowledge-query>span{display:block;color:#b1c9cc;font-size:13px;margin-bottom:6px}.knowledge-query strong{font-size:19px;font-weight:550;display:block}.knowledge-result{display:flex;flex-direction:column;gap:16px;background:#ecf3ef;color:#233f43;border-radius:8px;padding:22px}.knowledge-result small{font-size:13px;color:#456e6b}.knowledge-result strong{font-size:clamp(17px,5cqw,22px);line-height:1.7;font-weight:550}.source-line{display:block;font-size:13px;border-top:1px solid #b4cfca;padding-top:13px}.knowledge-files{display:flex;gap:7px;margin:20px 0 0}.knowledge-files span{font-size:13px;padding:6px 9px;border:1px solid #547a84;border-radius:3px}.exhibit--rag .exhibit-bottom{padding:22px 0;margin-top:auto;color:#b8d6d9}
.exhibit--strategy{background:#dce5d4;color:#283c2f;padding:27px}.strategy-top{font-size:13px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:10px;align-items:start}.strategy-top span{font-size:13px;letter-spacing:0}.strategy-title{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:10.5cqw;line-height:1.4;padding:26px 0;display:block}.vision-sheet{background:#fffef7;padding:25px 24px;box-shadow:0 8px 24px #273a2310;border-top:4px solid #678057;display:flex;flex-direction:column;gap:14px}.vision-sheet small{font-size:12px;color:#5d7551;letter-spacing:.03em}.vision-sheet strong{font-size:19px;line-height:1.65;font-weight:600}.vision-sheet>span:not(.vision-rule){font-size:16px;line-height:1.7}.vision-rule{height:1px;background:#d8decf}.strategy-path{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin-top:auto;padding-top:22px}.strategy-path b{transform:rotate(-90deg);font-size:18px;font-weight:400}
#works .work-card:focus-visible{outline:3px solid #1263c5;outline-offset:5px}#works .showcase-intro{max-width:760px;line-height:1.8}#works .work-card{scroll-snap-align:start}
@media(max-width:600px){.exhibit-heading{padding:22px}.exhibit-heading small{font-size:12px;margin-bottom:12px}.exhibit-bottom{font-size:13px;padding:14px 18px}.exhibit-bottom>span{font-size:11px}.exhibit--writing{padding:22px}.journal-copy{font-size:14px}.exhibit--rag{padding:0 22px}.knowledge-result{padding:18px;gap:12px}.knowledge-query{padding:14px 17px}.knowledge-files{margin-top:15px}.exhibit--strategy{padding:23px}.vision-sheet{padding:20px}.strategy-top{display:block}.strategy-top span{display:block;margin-top:4px}.strategy-title{padding:20px 0}.vision-sheet strong{font-size:18px}.vision-sheet>span:not(.vision-rule){font-size:15px}.exhibit-detail{max-width:440px;margin:auto}.strategy-path{font-size:12px}}
@media(prefers-reduced-motion:reduce){.exhibit *{animation:none!important;transition:none!important}}
/* Reset the old full-cover image rule inside native work previews. */
.work-card .exhibit img,.showcase-detail .exhibit img{height:auto;aspect-ratio:auto;object-fit:contain}
.exhibit--slides .deck-main{aspect-ratio:3/2;width:100%;height:auto}.exhibit--slides .deck-thumbs img{aspect-ratio:3/2}.exhibit--film video{flex:1 1 0;aspect-ratio:auto}.cinema-credit{flex:0 0 auto;padding:20px}.work-card .exhibit .journal-image,.showcase-detail .exhibit .journal-image{height:25%;width:45%;object-fit:contain}
/* On narrow cards, preserve readable type by showing only the useful excerpt. */
@media(max-width:600px){
#works .work-card{flex-basis:max(300px,82vw)}
.exhibit--rag .exhibit-heading{padding:22px 0 18px}.exhibit--rag .exhibit-heading small{font-size:12px;margin-bottom:9px}.exhibit--rag .exhibit-heading strong{font-size:7.5cqw}
.knowledge-query{padding:12px 15px;margin-bottom:12px}.knowledge-query strong{font-size:17px}.knowledge-query>span{font-size:12px;margin-bottom:5px}
.knowledge-result{padding:16px;gap:12px}.knowledge-result small{display:none}.knowledge-result strong{font-size:16px;line-height:1.75}.source-line{font-size:12px;padding-top:10px}.knowledge-files,.exhibit--rag .exhibit-bottom{display:none}
.strategy-top{font-size:12px}.strategy-top span{font-size:12px}.strategy-title{padding:17px 0;font-size:9.3cqw}.vision-sheet{padding:18px;gap:11px}.vision-sheet strong{font-size:17px}.vision-sheet>span:not(.vision-rule){font-size:14px}.vision-sheet small{font-size:11px}.strategy-path{padding-top:18px;font-size:11px}
}
.exhibit--rag .knowledge-files{display:none}
@media(max-width:600px){.exhibit--rag .exhibit-bottom{display:flex;padding:16px 0;font-size:12px}.exhibit--strategy{padding:20px}}
@media(max-width:600px){.exhibit-detail.exhibit--rag,.exhibit-detail.exhibit--strategy{min-height:450px}}