/* R148: larger narrative subjects, compact shared rows and physical cross-boundary handoffs. */
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative]>.strength-grid{gap:14px}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,42%);grid-template-rows:auto auto auto;align-content:start;align-items:start;column-gap:14px;row-gap:7px;padding:16px;min-width:0}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card>h3{grid-column:1;grid-row:1;font-size:19px;line-height:1.4;margin:0}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card>p{grid-column:1;grid-row:2;font-size:15px;line-height:1.65;margin:0}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card>.r147-strength-more{grid-column:1 / -1;grid-row:4;margin:0}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card>.r148-strength-figure{grid-column:2;grid-row:1 / span 3;display:grid;gap:5px;align-self:center;min-width:0;width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent}
#how-we-work[data-r148-creative] .r148-strength-figure>svg{display:block;width:100%;height:auto;aspect-ratio:240 / 180;overflow:visible}
#how-we-work[data-r148-creative] .r148-strength-figure>figcaption{font-size:12px;line-height:1.5;color:#68577c;text-align:left;margin:0}
#how-we-work[data-r148-creative] .r101-performance-card .r148-strength-figure>figcaption{color:#e3d9f8}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .r101-performance-card>.strength-visual{grid-column:1;grid-row:1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;min-height:0;margin:0}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .r101-performance-card>h3{grid-column:1;grid-row:2;font-size:18px}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .r101-performance-card>p{grid-column:1;grid-row:3;font-size:14px;line-height:1.6}
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .r101-performance-card>.r148-strength-figure{grid-column:2;grid-row:1 / span 3}
#how-we-work[data-r148-creative] .r148-strength-figure [data-r148-play]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-inline-start:5px;width:25px;min-height:25px;padding:3px;font-size:10px;line-height:1.4;border:1px solid #d6c8e7;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.r148-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#how-we-work[data-r148-creative] .r101-performance-card .r148-strength-figure [data-r148-play]{border-color:#9687b5;color:#eee8fa}
@media(min-width:1280px){html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative]>.strength-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1279px){html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative]>.strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card{grid-template-columns:minmax(0,1fr) minmax(112px,42%);padding:14px;gap:8px 12px}
 html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card>h3{grid-column:1 / -1;grid-row:1}
 html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card>p{grid-column:1;grid-row:2;font-size:14px;line-height:1.6}
 html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card>.r148-strength-figure{grid-column:2;grid-row:2 / span 2}
 html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .r101-performance-card>.strength-visual{grid-column:1;grid-row:2}
 html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .r101-performance-card>h3{grid-column:1 / -1;grid-row:1}
 html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .r101-performance-card>p{grid-column:1;grid-row:3}
 #how-we-work[data-r148-creative] .r148-strength-figure>figcaption{font-size:11px}
}
.r148-edge-dock{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;min-height:46px;margin:4px 0;font-size:12px;line-height:1.45;color:#70587d;grid-column:1 / -1}
.r148-edge-dock [data-r148-button-label]{white-space:nowrap}
.r148-dock-copy{max-width:240px;font-style:normal;color:inherit}
.r148-edge-dock>[data-r148-play]{flex:none;border:0;border-bottom:1px solid #baa8d1;background:transparent;padding:5px 1px;min-height:30px;font-size:12px;line-height:1.4;color:#6c489b;cursor:pointer}
[data-r148-media-host]{position:relative}
.r148-work-source>[data-r148-play]{font-size:11px}
.r148-edge-dock.r148-work-target{justify-content:flex-start;margin:6px 0 2px}
.r148-work-target .r148-dock-slot{width:42px;height:31px}
[data-r148-play]:focus-visible{outline:2px solid #25aab7;outline-offset:3px}
[data-r148-play]:disabled{opacity:.65;cursor:default}
.r148-dock-token,.r148-dock-slot{position:relative;display:block;flex:none;width:58px;height:44px;box-sizing:border-box}
.r148-dock-token>svg,.r148-landed-token>svg{display:block;width:100%;height:100%;overflow:visible}
.r148-dock-slot{border-bottom:3px solid #816099;border-radius:0 0 5px 5px;background:linear-gradient(transparent 68%,#f0e8f7 69%);isolation:isolate}
.r148-dock-slot:after{content:"";position:absolute;z-index:3;right:4px;bottom:-3px;width:19px;height:9px;border:2px solid #806196;background:#e6dcf0;border-radius:3px;transform:rotate(-8deg);transform-origin:bottom right}
.r148-token-hidden{visibility:hidden!important;opacity:0!important}
.r148-flight-layer{position:fixed;inset:0;z-index:45;pointer-events:none!important;overflow:visible;contain:layout style}
.r148-flight-token{position:absolute;left:0;top:0;pointer-events:none;transform-origin:center;will-change:transform;filter:drop-shadow(0 6px 5px #39274726)}
.r148-flight-token>svg{width:100%;height:100%;display:block;overflow:visible}
.r148-landed-token{position:absolute;inset:0;display:block;pointer-events:none;z-index:1}
.r148-receiving .r148-dock-slot:after{animation:r148-clip-catch .9s ease-out 1}
.r148-arrived .r148-dock-slot{border-color:#2ba9b5}
.r148-caption-active{color:#6840a0!important;text-decoration:underline;text-decoration-color:#39b6c0;text-underline-offset:5px;text-decoration-thickness:2px}
.r148-enhancement-dock{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:34px;margin-top:4px;color:#6c5382}
.r148-enhancement-dock .r148-dock-token,.r148-enhancement-dock .r148-dock-slot{width:40px;height:30px}
.r148-enhancement-dock [data-r148-play]{font-size:11px;border:0;background:transparent;color:inherit;padding:4px;cursor:pointer;min-height:26px}
@keyframes r148-clip-catch{0%{transform:rotate(-8deg) translate(5px,-6px)}65%{transform:rotate(-8deg) translate(0,1px)}100%{transform:rotate(-8deg)}}
@media(max-width:600px){.r148-edge-dock{gap:7px;font-size:11px}.r148-dock-copy{max-width:170px}.r148-edge-dock>[data-r148-play]{font-size:11px}.r148-dock-token,.r148-dock-slot{width:48px;height:36px}}
@media(prefers-reduced-motion:reduce){.r148-receiving .r148-dock-slot:after{animation:none}.r148-flight-layer{display:none}}

/* Equal specificity with the retained R147 performance layout. */
html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card.r101-performance-card{grid-template-columns:minmax(0,1fr) minmax(150px,42%);column-gap:14px}
#how-we-work[data-r148-creative] figure[data-r148-art-link]>figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:3px 5px}
#how-we-work[data-r148-creative] figure[data-r148-art-link] .r148-dock-token,#how-we-work[data-r148-creative] figure[data-r148-art-link] .r148-dock-slot{display:inline-block;width:32px;height:24px;vertical-align:middle}
#how-we-work[data-r148-creative] figure[data-r148-art-link] [data-r148-play]{margin-inline-start:0}
.r148-edge-dock.r148-work-target{min-height:32px}
.r148-enhanced-explainer>ol>li>.r148-enhancement-dock,.r148-enhanced-explainer>ul>li>.r148-enhancement-dock{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:30px;margin:2px 0 0;padding:0;line-height:1.3;font-size:11px}
@media(max-width:760px){html[data-r110-home] #ai-advantages #how-we-work[data-r148-creative] .strength-card.r101-performance-card{grid-template-columns:minmax(0,1fr) minmax(112px,42%);column-gap:12px}}

/* Keep only our courier dimensions independent of earlier illustration themes. */
.r148-dock-token>svg,.r148-landed-token>svg{width:100%!important;height:100%!important;transform:none!important;animation:none!important}

.r148-enhanced-explainer>ol>li>.r148-enhancement-dock,.r148-enhanced-explainer>ul>li>.r148-enhancement-dock{grid-column:1 / -1}

/* Section seams use the existing breathing room without adding tall spacer rows. */
body[data-r148-page="home"] .r148-edge-dock:not(.r148-work-source):not(.r148-work-target){min-height:30px;margin:0;gap:8px}
body[data-r148-page="home"] .r148-edge-dock:not(.r148-work-source):not(.r148-work-target) .r148-dock-token,body[data-r148-page="home"] .r148-edge-dock:not(.r148-work-source):not(.r148-work-target) .r148-dock-slot{width:40px;height:30px}
.r77-delivery-step>.r148-edge-dock{min-height:32px;margin:0;font-size:11px;gap:6px}

/* R148 media boundary rows.
   Keep original media/player descendants and multi-image grids intact. */
[data-r148-media-host]>.r148-edge-dock.r148-work-source{
  position:relative!important;inset:auto!important;z-index:auto;
  display:flex;align-items:center;justify-content:flex-end;gap:6px;
  flex:0 0 auto;grid-column:1 / -1;align-self:stretch;
  width:100%;max-width:none;min-width:0;min-height:32px;box-sizing:border-box;
  margin:0;padding:2px 8px;border:0;border-top:1px solid #e8e0ef;
  border-radius:0;background:#faf8fc;box-shadow:none;font-size:11px;
}
[data-r148-media-host]>.r148-work-source>.r148-dock-copy{
  flex:1 1 auto;min-width:0;max-width:none;overflow-wrap:anywhere;
}
[data-r148-media-host]>.r148-work-source>.r148-dock-token{width:36px;height:26px}
[data-r148-media-host]>.r148-work-source>[data-r148-play]{min-height:28px;flex:none;padding:2px 1px;white-space:nowrap}
/* R86 is already block; release only its parent frame so the new row is not clipped. */
html[data-r110-home] #selected.r86-selected .r86-media[data-r148-media-host]{height:auto!important;min-height:0}
/* Retain the R110 bounded preview on the original child. Natural R126/R145 media stay untouched. */
html[data-r110-home] #selected.r86-selected[data-r110-frame-works] .r86-card:not([data-r126-work-analysis]):not(.r145-concept-work)>.r86-media[data-r148-media-host]>:is(.folio-media,.r30-case-visual){
  height:var(--r110-work-media-height)!important;max-height:none!important;
}
/* R24 is block in R116, but multi-cover R132 cards are a two-column grid.
   Do not override either display: the generated row above spans both grid columns. */
/* R95/R100 use horizontal centring; put the unchanged 16:9 player above this small row. */
#case-studies[data-r100-cases] .r95-media[data-r148-media-host]{
  display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;
  align-self:start;min-width:0;height:auto;
}
#case-studies[data-r100-cases] .r95-media[data-r148-media-host]>.r100-player{flex:0 0 auto;width:100%}
/* Campus cover has an image and its original overlay caption, rather than a player wrapper.
   Use one shared image/caption grid area, followed by a distinct dock row. */
#case-studies.r93-cases .r93-case-stage>[data-record]>.r30-case-visual[data-r148-media-host]{
  display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;
  align-items:start;height:auto!important;min-height:0!important;max-height:none!important;
}
#case-studies.r93-cases .r93-case-stage>[data-record]>.r30-case-visual[data-r148-media-host]>img{
  grid-column:1;grid-row:1;height:clamp(270px,30vw,400px)!important;box-sizing:border-box;
}
#case-studies.r93-cases .r93-case-stage>[data-record]>.r30-case-visual[data-r148-media-host]>span{
  grid-column:1;grid-row:1;align-self:end;justify-self:start;
  position:relative!important;inset:auto!important;margin:0 16px 14px!important;
  max-width:calc(100% - 32px);box-sizing:border-box;
}
#case-studies.r93-cases .r93-case-stage>[data-record]>.r30-case-visual[data-r148-media-host]>.r148-work-source{grid-column:1;grid-row:2}
@media(max-width:760px){
  #case-studies.r93-cases .r93-case-stage>[data-record]>.r30-case-visual[data-r148-media-host]>img{height:clamp(230px,78vw,320px)!important}
}
