/* Card motion follows the reviewed Medi media zoom and ANCORS/KEOC link cues.
   Text stays visible; transform motion belongs to the clipped media plane. */
.market-tile-media{position:relative;height:38vw;max-height:650px;overflow:hidden;isolation:isolate;border-radius:20px;background:#edf1f6}
.market-tile-media>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .55s var(--ease),filter .55s var(--ease)}
.market-tile-media-aquaculture>img{object-position:center 55%}
.market-tile-media>.market-application-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:0;pointer-events:none;transition:opacity .3s ease}
.market-tile-media.is-video-playing>.market-application-video{opacity:1}
.market-tile-media>.market-card-arrow{z-index:2}
.market-tile-heading{margin:26px 0 14px}
.market-tile-heading h3{min-width:0;flex:1;margin:0;transition:color .25s ease}
.market-card-arrow,.news-card-arrow{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #d6dfe9;border-radius:50%;color:var(--ink);transition:color .25s ease,background-color .25s ease,border-color .25s ease}
.market-card-arrow svg,.news-card-arrow svg{width:19px;height:19px;transition:transform .3s var(--ease)}
.market-card-arrow{position:absolute;right:16px;bottom:16px;margin:0;background:#fff;border-color:rgba(255,255,255,.8)}
.application-card>:is(img,.portfolio-card-film){transform-origin:center;transition:transform .55s var(--ease),filter .55s var(--ease)}
.application-card>.portfolio-card-film>img{transform:none;transition:none}
.application-card>.circle{transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.application-card>.circle svg{transition:transform .3s var(--ease)}

/* One semantic link covers the news photo, date, heading, copy and source cue. */
.evidence-news-item:has(>.evidence-news-card){border-top:0;padding-top:0}
.evidence-news-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;min-width:0;border-top:1px solid var(--line);padding-top:25px}
.evidence-news-card>time{font-family:Manrope,Pretendard,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;color:var(--muted)}
.evidence-news-card>p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.evidence-news-card h3{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .25s ease,text-decoration-color .35s ease}
.evidence-news-media{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:10px;margin-bottom:24px;background:#edf1f6}
.evidence-news-media>.evidence-news-photo{width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:0;transition:transform .55s var(--ease)}
.news-card-arrow{position:absolute;right:14px;bottom:14px;width:38px;height:38px;background:#fff;border-color:rgba(255,255,255,.8)}
.evidence-news-card:focus-visible{outline:2px solid var(--blue);outline-offset:8px;border-radius:2px}
.market-tile:focus-visible h3,.evidence-news-card:focus-visible h3{color:var(--blue)}
.evidence-news-card:focus-visible h3{text-decoration-color:currentColor}
:is(.market-tile,.evidence-news-card):focus-visible :is(.market-card-arrow,.news-card-arrow),.application-card:focus-visible>.circle{background:var(--blue);border-color:var(--blue);color:#fff}
@media(hover:hover) and (pointer:fine){
 .market-tile:hover .market-tile-media>img{transform:scale(1.04);filter:saturate(1.04)}
 .market-tile:hover .market-card-arrow,.evidence-news-card:hover .news-card-arrow,.application-card:hover>.circle{background:var(--blue);border-color:var(--blue);color:#fff}
 .market-tile:hover .market-card-arrow svg,.application-card:hover>.circle svg,.evidence-news-card:hover .news-card-arrow svg{transform:translateX(3px)}
 .application-card:hover>:is(img,.portfolio-card-film){transform:scale(1.04)}
 .evidence-news-card:hover .evidence-news-photo{transform:scale(1.04)}
 .evidence-news-card:hover h3{color:var(--blue);text-decoration-color:currentColor}
}
@media(hover:none),(pointer:coarse){
 .market-tile:hover:not(:focus-visible) h3{color:var(--ink)}
 .application-card:hover>:is(img,.portfolio-card-film){transform:none}
 .application-card:hover>.portfolio-card-film>img{transform:none}
}
@media(max-width:1023px){.market-tile-media{height:65vw}}
@media(max-width:760px){
 .visual-body .visual-photo-process p{font-size:15px!important;line-height:1.8}
 .visual-body .visual-brand-card p{font-size:15px;line-height:1.75}
 .editorial-contact-form :is(.form-note,.form-status){font-size:14px;line-height:1.75}
 html[lang="ja"] .visual-body :is(.editorial-heading h2,.visual-photo-process>h2,.visual-dossier h2){line-height:1.45;letter-spacing:-.025em}
 .visual-impact-opening .comparison-context h3{font-size:19px}
}
@media(max-width:600px){
 .market-tile-media{height:260px;border-radius:16px}
 .market-tile-heading{margin:18px 0 10px}
 .market-tile-heading h3{margin:0}
 .market-card-arrow{width:32px;height:32px;right:12px;bottom:12px}
 .market-card-arrow svg{width:17px;height:17px}
 .evidence-news-card>p{line-height:1.75}
 .evidence-news-card{padding-top:24px}
 body.inline-slider-visible .floating-contact,body.inline-slider-visible .to-top{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
 body.contact-overlaps-content .floating-contact,body.top-overlaps-content .to-top,
 body.menu-open .floating-contact,body.menu-open .to-top{opacity:0;visibility:hidden;pointer-events:none}
 .comparison-context{grid-template-columns:minmax(0,1fr);gap:24px}
 .comparison-context>div:last-child{grid-column:1;grid-row:3}
 .comparison-context .comparison-transition{grid-column:1;grid-row:2;justify-content:flex-start;padding:0;text-align:left}
 .comparison-context .comparison-transition>svg{transform:rotate(90deg)}
 .comparison-context p{font-size:15px;line-height:1.8}
 html[lang="ko"] .visual-photo-process p .typo-unit.typo-unit{display:inline!important;overflow-wrap:normal}
}
@media(max-width:359px){
 .visual-body .visual-dossier .editorial-facts>div,
 .visual-body .visual-material-copy>.editorial-facts>div{grid-template-columns:minmax(0,1fr);gap:6px}
 .visual-body .editorial-facts :is(dt,dd){font-size:15px;line-height:1.7}
 html[lang="ja"] .visual-body :is(.visual-feature-grid,.visual-photo-process) h3{font-size:17px!important;line-height:1.6}
 .visual-impact-opening .comparison-context{grid-template-columns:1fr;gap:24px}
 .visual-impact-opening .comparison-context>div{min-width:0}
 html[lang="en"] .visual-body :is(.editorial-heading h2,.visual-photo-process>h2,.visual-dossier h2){font-size:28px;line-height:1.35}
 html[lang="en"] .sc-company .sc-company-heading h2{font-size:26px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){
 .market-tile-media>.market-application-video{display:none;transition:none!important}
 .market-tile-media>img,.application-card>:is(img,.portfolio-card-film),.application-card>.portfolio-card-film>img,.evidence-news-media>.evidence-news-photo{transition:none!important}
 .market-tile:hover .market-tile-media>img,.application-card:hover>:is(img,.portfolio-card-film),.application-card:hover>.portfolio-card-film>img,.evidence-news-card:hover .evidence-news-photo{transform:none!important;filter:none!important}
 :is(.market-card-arrow,.news-card-arrow) svg,.application-card>.circle svg{transform:none!important;transition:none!important}
}
