.chirichota{--chiri-background:#111317;--chiri-text:#e2ded5;background:var(--chiri-background);color:var(--chiri-text);padding:clamp(42px,6vh,70px) var(--gutter) clamp(48px,7vh,80px)}
.chirichota-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;position:relative;z-index:5}
.chirichota-brand{margin:0;width:clamp(280px,40vw,590px);flex-shrink:0;line-height:0}
.chirichota-brand img{width:100%;height:auto;display:block}
.chirichota-copy{max-width:365px;padding-top:4px}
.chirichota-copy p{font-size:16px;line-height:1.7;letter-spacing:-.02em;margin:0}
.chirichota-link{display:inline-block;font-size:14px;line-height:1.5;padding-bottom:6px;border-bottom:1px solid #747777;margin-top:26px;cursor:default}
.chirichota-stage{position:relative;height:clamp(520px,67vh,720px);margin-top:clamp(26px,4vh,42px);isolation:isolate}
.chirichota-frame{position:absolute;margin:0;overflow:hidden;background:#111317}
.chirichota-frame img{width:100%;height:100%;display:block;object-fit:cover}
.chirichota-universe{width:44%;height:min(54vh,550px);right:1%;top:0;z-index:1}
.chirichota-universe img{object-position:center 60%}
.chirichota-audience{width:56%;height:min(32vh,340px);left:0;top:8%;z-index:2}
.chirichota-audience img{object-position:center 65%}
.chirichota-dani{width:50%;height:min(32vh,340px);left:10%;bottom:0;z-index:3}
.chirichota-dani img{object-position:55% center}
.chirichota-gesture{width:32%;height:min(27vh,285px);right:0;bottom:3%;z-index:4}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference) and (min-width:701px){
  .chirichota-universe img{animation:chiri-universe linear both;animation-timeline:view();animation-range:entry 0% cover 70%}
  .chirichota-audience{animation:chiri-audience linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
  .chirichota-dani{animation:chiri-focus linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
  .chirichota-gesture{animation:chiri-gesture linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
 }
}
@keyframes chiri-universe{from{transform:scale(1.018)}to{transform:scale(1)}}
@keyframes chiri-audience{from{transform:translateY(14px);clip-path:inset(0 0 6% 0)}to{transform:translateY(-4px);clip-path:inset(0)}}
@keyframes chiri-focus{from{clip-path:inset(0 12% 0 0)}to{clip-path:inset(0)}}
@keyframes chiri-gesture{from{transform:translateY(10px)}to{transform:translateY(-4px)}}
@media(max-width:700px){
 .chirichota{padding-top:54px;padding-bottom:60px}
 .chirichota-intro{flex-direction:column;gap:32px}
 .chirichota-brand{width:min(100%,420px)}
 .chirichota-copy{max-width:30em;padding-top:0}
 .chirichota-stage{height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:32px}
 .chirichota-frame{position:relative;top:auto;left:auto;right:auto;bottom:auto}
 .chirichota-universe{width:88%;height:clamp(240px,72vw,320px);align-self:flex-end}
 .chirichota-audience{width:94%;height:clamp(175px,50vw,245px);margin-top:-24px}
 .chirichota-dani{width:100%;height:clamp(190px,55vw,260px);margin-top:22px}
 .chirichota-gesture{width:82%;height:clamp(150px,43vw,210px);align-self:flex-end;margin-top:-14px}
}
@media(prefers-reduced-motion:reduce){.chirichota-frame,.chirichota-frame img{animation:none!important;transform:none!important;clip-path:none!important}}