/* A photographic rhythm, within the approved Casa Tropical layout. */
.information-panel,.home-stage,.portfolio-tile{animation:none}
.studio-intents button{transition:border-color 240ms,background-color 240ms,color 240ms}
.context-link,.header-contact,.library-filters a{transition:color 220ms,border-color 220ms}
.context-link .ui-arrow,.header-contact>.ui-arrow,.open-project .ui-arrow,.tile-open .ui-arrow{transition:transform 260ms var(--ease)}
.tile-open{transition:opacity 240ms,transform 260ms,background-color 240ms,color 240ms}
.rooms a,.dock a{transition:color 220ms,background-color 220ms}
.dock svg{transition:color 220ms,transform 260ms var(--ease)}
.tile-caption{position:relative}
.tile-caption:after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 380ms var(--ease)}
.portfolio-tile:focus-visible .tile-caption:after{transform:scaleX(1)}
.signature-work .tile-image img{scale:1.012}
/* Four existing signature cases receive a larger opening image; order is unchanged. */
.signature-case .case-gallery{gap:34px 26px}
.signature-case .case-gallery figure:first-child{grid-column:1/-1}
.signature-case .case-gallery figure:first-child img{height:auto;max-height:78svh;min-height:0;object-fit:contain;background:transparent}
.signature-case .case-visuals{margin-top:18px;margin-bottom:42px}
@media(hover:hover) and (pointer:fine){
 .portfolio-tile:hover .tile-caption:after{transform:scaleX(1)}
 .rooms a:hover{color:var(--accent)}
 .dock a:hover svg{transform:translateY(-2px);color:var(--orange)}
 .context-link:hover,.header-contact:hover{border-color:var(--orange)}
 .context-link:hover .ui-arrow,.header-contact:hover>.ui-arrow,.home-visual:hover .ui-arrow,.portfolio-tile:hover .ui-arrow{transform:translate(2px,-2px)}
}

@media(max-width:700px){
 .home-stage .visual-caption{gap:6px}
 .signature-work .tile-image img{scale:1}
 .signature-case .case-gallery{gap:24px}
 .signature-case .case-gallery figure:first-child img{max-height:75svh}
}
@media(prefers-reduced-motion:reduce){
 .signature-work .tile-image img{translate:none!important;scale:1}
 .portfolio-tile:hover .tile-image img,.dock a:hover svg{transform:none}
}