/* Interaction language inspired by modern studio sites: slow reveals, pinned-feeling rhythm, and hover intent. */
.scroll-reveal-group .case-row,.service-panel,.discipline,.exploration,.studio-copy,.faq,.work-next{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.scroll-reveal-group .case-row.is-visible,.service-panel.is-visible,.discipline.is-visible,.exploration.is-visible,.studio-copy.is-visible,.faq.is-visible,.work-next.is-visible{opacity:1;transform:none}.scroll-reveal-group .case-row:nth-child(2){transition-delay:.08s}.scroll-reveal-group .case-row:nth-child(3){transition-delay:.16s}.scroll-reveal-group .case-row:nth-child(4){transition-delay:.24s}.scroll-reveal-group .case-row:nth-child(5){transition-delay:.32s}.case-row .case-copy{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.case-row:hover .case-copy{transform:translateX(9px)}.case-row .work-cover{transition:clip-path .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.case-row .work-cover:hover{clip-path:inset(0 0 0 10px);transform:translateY(-5px)}.case-row .work-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,#f6f4ed55 50%,transparent 55%);transform:translateX(-120%);transition:transform .8s}.case-row .work-cover:hover:after{transform:translateX(120%)}.button,.case-link,.text-link{transition:gap .25s,transform .25s,color .25s}.button:hover,.case-link:hover,.text-link:hover{transform:translateY(-2px)}.case-link:hover{gap:40px}.hero .button{position:relative;overflow:hidden}.hero .button:after{content:'';position:absolute;inset:0;background:#d9d2c733;transform:translateX(-105%) skewX(-18deg);transition:transform .55s}.hero .button:hover:after{transform:translateX(105%) skewX(-18deg)}
@media(prefers-reduced-motion:reduce){.scroll-reveal-group .case-row,.service-panel,.discipline,.exploration,.studio-copy,.faq,.work-next{opacity:1;transform:none;transition:none}.case-row:hover .case-copy,.case-row .work-cover:hover{transform:none}.case-row .work-cover:after{display:none}}

/* Portfolio slider with monochrome-to-colour image treatment. */
.case-list{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 24px;margin-inline:-4px;scrollbar-width:thin;scrollbar-color:#1a1a1a #d9d2c7}.case-row,.case-row:first-child{display:grid;flex:0 0 min(900px,86vw);grid-template-columns:.72fr 1.28fr;gap:7%;scroll-snap-align:start;margin:0;padding:38px 0 40px;border-bottom:1px solid #1a1a1926;opacity:1;transform:none}.case-row .work-cover{filter:grayscale(1) sepia(.18) contrast(.9);transition:filter .45s ease,transform .6s cubic-bezier(.2,.7,.2,1),clip-path .6s ease}.case-row:hover .work-cover,.case-row .work-cover:focus-visible{filter:grayscale(0) sepia(0) contrast(1)}.case-list:focus-within .case-row:not(:focus-within){opacity:.64}.case-list:after{content:'Desliza para ver más proyectos →';position:absolute;font-size:11px;color:#6b6b6b;pointer-events:none;transform:translateY(67px)}.projects .wrap{position:relative}.case-row .case-copy{transform:none}.case-row:hover .case-copy{transform:translateX(7px)}
@media(max-width:800px){.case-row,.case-row:first-child{grid-template-columns:1fr;flex-basis:86vw;gap:26px;padding:25px 0 30px}.case-list{gap:18px;padding-bottom:34px}.case-list:after{transform:translateY(35px)}.case-row .work-cover{aspect-ratio:1.4}}
@media(prefers-reduced-motion:reduce){.case-list{scroll-behavior:auto}.case-row .work-cover{transition:none}.case-list:after{display:none}}