/* Concept imagery and optional motion alongside the original portfolio evidence. */
.concept-media{margin:0;min-width:0}
.concept-media>img,.concept-media>video{display:block;width:100%;height:auto;border-radius:18px;background:var(--surface)}
.concept-media figcaption{font:11px/1.6 var(--sans);color:var(--muted);margin-top:11px;max-width:700px}
.concept-media figcaption span{white-space:normal}
.concept-motion video{cursor:pointer}
.hero-layout .home-science-media{align-self:center;width:100%}
.home-science-media video{aspect-ratio:1/1;object-fit:cover;object-position:76% center;border-radius:24px}
.home-science-media figcaption{max-width:430px;font-size:10px}
.concept-cover,.interest-concept-cover{position:relative;overflow:hidden}
.concept-cover img{object-position:center 65%}
.concept-badge{position:absolute;bottom:10px;left:12px;padding:3px 8px;background:#f7f7f2ed;border-radius:5px;font:9px/1.5 var(--sans);letter-spacing:.3px;color:var(--ink)}
.project-concept{align-self:center}
.project-concept img{aspect-ratio:16/10;object-fit:cover;object-position:center 65%}
.media-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px;align-items:center;padding-top:55px;padding-bottom:55px}
.media-intro h1{font-size:clamp(43px,4.7vw,68px);letter-spacing:-2.7px;line-height:1.05;margin:24px 0}
.media-intro-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:610px}
.media-intro .concept-media>img,.media-intro .concept-media>video{aspect-ratio:4/3;object-fit:cover}
.room-media img{object-position:90% 78%}
.lens-media img{object-position:center 60%}
.learning-media img,.learning-media video{object-position:50% 66%}
.wine-concept img{object-position:60% 58%}
.education-media-intro .concept-motion{align-self:center}
.perspective-band{padding-bottom:65px}
.perspective-band img{width:100%;max-height:470px;object-fit:cover;object-position:65% 57%}
.community-concept{padding-bottom:60px}
.community-concept img{aspect-ratio:2.6/1;object-fit:cover;object-position:center 76%}
.journey-motion{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:65px;align-items:center;padding:0 0 50px}
.journey-motion video{aspect-ratio:16/9;object-fit:cover}
.journey-motion h3{font-size:38px;letter-spacing:-1.3px;margin:20px 0}
.journey-motion p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:490px}
.journey-motion .text-link{margin-top:24px}
.interest-concept-cover img{display:block;aspect-ratio:3/2;object-fit:cover}
.interest-directory .intelligence-feature .interest-concept-cover img{object-position:50% 67%}
.interest-concept-cover{border-radius:16px}
.media-placement-link{margin-top:20px}
.motion-review-item .concept-media figcaption{font-size:10px}
@media(max-width:1100px){.media-intro{gap:35px}.media-intro h1{font-size:clamp(42px,5vw,57px)}.journey-motion{gap:35px}.journey-motion h3{font-size:32px}}
@media(max-width:700px){
 .media-intro{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:35px}
 .media-intro h1{font-size:45px;letter-spacing:-2px;line-height:1.06}
 .media-intro-copy>p:not(.eyebrow){font-size:15px}
 .media-intro .concept-media>img,.media-intro .concept-media>video{aspect-ratio:4/3;border-radius:12px}
 .concept-media>img,.concept-media>video{border-radius:12px}
 .concept-media figcaption{font-size:10px;margin-top:9px}
 .hero-layout .home-science-media{margin-top:5px}
 .home-science-media video{aspect-ratio:4/3;border-radius:18px;object-position:76% center}
 .home-science-media figcaption{font-size:9px}
 .perspective-band{padding-bottom:40px}
 .perspective-band img{aspect-ratio:4/3;max-height:none;object-position:70% center}
 .community-concept{padding-bottom:40px}
 .community-concept img{aspect-ratio:4/3;object-position:80% center}
 .journey-motion{grid-template-columns:1fr;gap:24px;padding-bottom:35px}
 .journey-motion h3{font-size:33px;margin:16px 0}
 .interest-concept-cover{border-radius:12px}
 .project-concept img{aspect-ratio:4/3}
 .concept-badge{font-size:9px;bottom:8px;left:8px}
}
/* A single silent play-through, with pause and replay available. */
.concept-motion{position:relative}
.motion-toggle{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #f7f7f2aa;border-radius:50%;background:#173345b8;color:#fff;font:18px/1 var(--sans);cursor:pointer;backdrop-filter:blur(6px)}
.motion-toggle:hover{background:var(--ink)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}