body{min-width:20rem;color:var(--text-primary);font-family:var(--font-display);background:#21180d}.palacio-page{background:#21180d url(../assets/projects/palacio/fondo-sin-franja.png) center / cover fixed}.palacio{min-height:100dvh;overflow:clip;background:transparent}.palacio-mark{position:fixed;z-index:20;top:clamp(1rem,2vw,2rem);left:clamp(1rem,2vw,2rem);display:grid;width:clamp(2.5rem,4vw,3.5rem);aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:#0a0a0a61;color:#fff;font-family:var(--font-display);font-size:clamp(1.45rem,2.3vw,2rem);text-decoration:none;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.palacio-mark:hover,.palacio-mark:focus-visible{transform:scale(1.08);background:#ffffff29;outline:none}.palacio-hero{position:relative;display:grid;height:100dvh;min-height:100dvh;overflow:hidden;background:#5a4933}.palacio-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.palacio-hero:after{content:"";position:absolute;inset:0;background:#19120733}.palacio-hero__overlay{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,.63fr) auto auto minmax(0,1.05fr) auto minmax(0,.24fr);align-items:start;justify-items:center;padding:clamp(3rem,8vw,8rem) 1.5rem;text-align:center}.palacio h1{grid-row:2;margin:0;font-size:clamp(3.6rem,8.6vw,9rem);font-weight:500;letter-spacing:.025em;line-height:.95}.palacio-hero__overlay p.palacio-hero__subtitle{grid-row:3;margin:clamp(.45rem,.9vw,.9rem) 0 0;font-size:clamp(1.1rem,2.1vw,2.35rem);font-weight:300}.palacio-hero__subtitle span{margin-inline:.35em}.palacio-hero__overlay p{max-width:min(90%,53rem);margin:0;font-size:clamp(.9rem,1.5vw,1.45rem);line-height:1.25}.palacio-hero__overlay>p:not(.palacio-hero__subtitle){grid-row:5}.palacio-showcase,.palacio-interaction{position:relative;width:min(92vw,90rem);min-height:clamp(34rem,52vw,65rem);margin-inline:auto}.palacio-showcase{display:grid;align-items:center}.palacio-showcase--role{justify-items:end}.palacio-showcase--contributions{grid-template-rows:auto 1fr;justify-items:start;align-items:start;padding-top:clamp(2rem,4vw,3.5rem)}.palacio-panel{position:relative;z-index:2;width:min(43vw,40rem);padding:clamp(1.5rem,3.2vw,4rem);border:1px solid rgba(255,255,255,.28);border-radius:.4rem;background:linear-gradient(135deg,#737373b8,#0e0e0e9e);box-shadow:0 .7rem 2rem #0000002e}.palacio-panel h2{margin:0 0 .55rem;font-size:clamp(1.3rem,2.1vw,2.35rem);font-weight:600}.palacio-panel ul{margin:0;padding-left:1.25em;font-size:clamp(.85rem,1.45vw,1.55rem);line-height:1.35}.palacio-showcase__creatures{position:absolute;inset:0;pointer-events:none}.creature{position:absolute;height:auto;filter:drop-shadow(0 .6rem .75rem rgba(0,0,0,.4))}.creature--butterfly{width:clamp(19rem,30vw,34rem);top:4%;left:10%;transform:rotate(-15deg)}.creature--beetle{width:clamp(20rem,31vw,35rem);bottom:5%;left:-1%;transform:rotate(-13deg)}.creature--bee{z-index:21;width:clamp(14rem,22vw,25rem);bottom:8%;left:40%}.creature--wire-bee{width:clamp(18rem,29vw,33rem);right:26%;top:5%}.creature--wire-butterfly{width:clamp(20rem,31vw,35rem);right:-2%;top:4%}.palacio-contributions__gallery{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2vw,2rem);width:min(72vw,64rem);margin:clamp(3rem,8vw,7rem) 0 0 auto}.palacio-contributions__gallery img{width:100%;aspect-ratio:1;border-radius:.45rem;object-fit:cover;box-shadow:0 .65rem 1rem #0003}.palacio-contributions__beetle-overlap{position:absolute;z-index:4;bottom:clamp(1rem,3vw,2.5rem);left:clamp(-2rem,2vw,1.5rem);width:clamp(18rem,27vw,31rem);height:auto;filter:drop-shadow(0 .75rem .8rem rgba(0,0,0,.38))}.palacio-showcase--contributions .palacio-showcase__creatures{z-index:5}.palacio-showcase--contributions .creature--wire-bee{top:10%;right:30%}.palacio-showcase--contributions .creature--wire-butterfly{top:2%;right:-2%}.palacio-media{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,3rem);width:min(92vw,90rem);margin:0 auto clamp(4rem,9vw,10rem)}.palacio-media video{width:100%;aspect-ratio:3 / 5;border-radius:.35rem;object-fit:cover;object-position:center var(--palacio-video-y, 50%);background:#151412}.palacio-media video:nth-child(2),.palacio-media video:nth-child(3){--palacio-video-y: 37%}.palacio main>section:not(.palacio-hero)>:not(.palacio-showcase__creatures){opacity:0;transform:translateY(2rem);transition:opacity .65s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}.palacio main>section:not(.palacio-hero)>.palacio-in{opacity:1;transform:none}.palacio-hero__overlay{animation:palacio-hero-in .9s cubic-bezier(.22,1,.36,1) both}@keyframes palacio-hero-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}.palacio-interaction{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));align-items:stretch;min-height:clamp(30rem,44vw,54rem);padding-bottom:clamp(5rem,12vw,12rem)}.palacio-interaction__label{position:relative;z-index:3;grid-column:1 / 4;grid-row:2 / 6;align-self:start;width:88%;border-radius:.25rem;transform:translate(6%,12%)}.palacio-interaction__box{position:relative;z-index:2;grid-column:2 / 7;grid-row:4 / -1;align-self:start;width:100%;margin:0;filter:drop-shadow(0 .8rem 1rem rgba(0,0,0,.55));transform:translate(12%,-17%)}.palacio-interaction .palacio-panel{position:relative;z-index:1;grid-column:7 / -1;grid-row:4 / 7;align-self:stretch;width:100%;transform:translate(-10%,-23%)}@media(max-width:47.5rem){.palacio-hero{height:100dvh;min-height:100dvh}.palacio-hero__overlay{padding-inline:1rem}.palacio-showcase,.palacio-interaction{width:min(100% - 2rem,34rem);min-height:39rem}.palacio-showcase--role{align-items:start;justify-items:center;min-height:62rem;padding-top:3rem}.palacio-showcase--contributions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(3,clamp(7.5rem,42vw,12rem));align-items:start;align-content:start;justify-content:center;justify-items:stretch;row-gap:clamp(.4rem,2vw,.75rem);min-height:39rem;padding:2.5rem clamp(1.5rem,6vw,2.5rem) 4rem}.palacio-panel{width:min(100%,28rem)}.palacio-showcase--role .palacio-panel{width:min(78%,25rem)}.palacio-showcase--role .creature--bee{width:62vw;top:21%;bottom:auto;left:-5%}.palacio-showcase--role .creature--butterfly{width:75vw;top:28%;left:19%}.palacio-showcase--role .creature--beetle{width:68vw;top:50%;bottom:auto;left:3%}.creature--wire-bee{width:64vw;right:22%;top:2%}.creature--wire-butterfly{width:70vw;right:-12%;top:8%}.palacio-showcase--contributions .palacio-panel{grid-column:1 / -1;grid-row:1;width:100%}.palacio-contributions__gallery{display:contents}.palacio-contributions__gallery img{grid-column:1;position:relative;z-index:2;align-self:center;justify-self:end;width:85%}.palacio-contributions__gallery img:nth-child(1){grid-row:2}.palacio-contributions__gallery img:nth-child(2){grid-row:3}.palacio-contributions__gallery img:nth-child(3){grid-row:4}.palacio-contributions__beetle-overlap{position:relative;z-index:4;grid-column:2;grid-row:3;align-self:center;justify-self:start;inset:auto;width:min(54.45vw,16rem);transform:translate(-27%)}.palacio-showcase--contributions .palacio-contributions__beetle-overlap,.palacio-showcase--contributions .creature--wire-bee,.palacio-showcase--contributions .creature--wire-butterfly{max-width:none}.palacio-showcase--contributions .palacio-showcase__creatures--right{position:static;display:contents}.palacio-showcase--contributions .creature--wire-bee,.palacio-showcase--contributions .creature--wire-butterfly{position:relative;z-index:4;grid-column:2;align-self:center;justify-self:start;top:auto;right:auto}.palacio-showcase--contributions .creature--wire-bee{grid-row:2;width:min(59.4vw,17.6rem);transform:translate(-27%)}.palacio-showcase--contributions .creature--wire-butterfly{grid-row:4;width:min(56.87vw,17.05rem);transform:translate(-29%)}.palacio-media{grid-template-columns:1fr;width:min(100% - 4rem,22rem)}.palacio-media video{aspect-ratio:3 / 5}.palacio-interaction{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;align-content:start;row-gap:0;padding:2rem 0 3rem}.palacio-interaction .palacio-panel{grid-column:1 / -1;grid-row:1;align-self:start;width:100%;transform:none;top:10%}.palacio-interaction__label{grid-column:1 / 4;grid-row:2;align-self:start;width:85.5%;margin-top:-1.5rem;transform:translate(16%,1.5rem)}.palacio-interaction__box{grid-column:2 / -1;grid-row:2;align-self:start;justify-self:end;width:min(68.2vw,19.8rem);margin-top:4.5rem;transform:none}}@media(prefers-reduced-motion:reduce){.palacio main>section:not(.palacio-hero)>:not(.palacio-showcase__creatures){opacity:1;transform:none;transition:none}.palacio-hero__overlay{animation:none}}