.stage{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.scene{opacity:0;transition:opacity 1.4s var(--ease-soft);position:absolute;inset:0}.scene.is-on{opacity:1}.scene img{object-fit:cover;object-position:var(--origin,50% 50%);width:100%;height:100%;transform:scale(calc(1.02 + var(--p,0) * .16));transform-origin:var(--origin,50% 50%);will-change:transform}.scene--lejos{--origin:78% 55%}.scene--lejos img{transform:scale(calc(1.02 + var(--p,0) * .4))}.scene--puerta{--origin:22% 50%}.scene--estancias{--origin:28% 50%}.scene--puertas{--origin:75% 45%}.scene--centro{--origin:65% 55%}@media (orientation:portrait){.scene.scene{--origin:50% 50%}}main,.site-header,footer{z-index:1;position:relative}.site-header{z-index:10;padding:18px var(--margin);color:var(--ink);justify-content:space-between;align-items:center;gap:24px;transition:color .3s,background-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.site-header.is-solid{background:var(--bg)}.site-header.on-deep{color:var(--deep-ink);background:var(--deep)}.wordmark{font-family:var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.03em;font-size:1.75rem;text-decoration:none}.nav{align-items:center;gap:clamp(16px,2.4vw,36px);display:flex}.nav a:not(.btn){font-size:var(--step-small);text-underline-offset:6px;transition:text-decoration-color var(--t-hover) ease;font-weight:500;text-decoration:underline #0000}.nav a:not(.btn):hover{text-decoration-color:currentColor}.btn--small{min-height:40px;padding:0 1.15em}.on-deep .btn{background:var(--deep-ink);color:var(--deep)}.chapter{min-height:100svh;padding:clamp(96px, 14vh, 180px) var(--margin);grid-template-columns:repeat(12,1fr);align-items:center;column-gap:clamp(12px,2vw,28px);display:grid}.panel{background:var(--bg);padding:clamp(28px,4vw,64px)}.long{font-family:var(--display);font-variation-settings:"SOFT" 100;font-size:var(--step-quote);letter-spacing:-.01em;line-height:1.3}.caption{font-size:var(--step-small);color:var(--muted);margin-top:10px}.hero{align-items:end;padding-bottom:clamp(40px,9vh,96px)}.hero-copy{grid-column:1/-1}.hero h1{font-size:clamp(2.5rem,.4rem + 5.4vw,6.5rem);font-weight:350}.frame{vertical-align:-.02em;background:var(--field);border-radius:.37em;width:1.9em;height:.74em;margin-right:.08em;display:inline-block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.hero-foot{flex-wrap:wrap;align-items:end;gap:24px 40px;margin-top:clamp(24px,4vh,44px);display:flex}.hero-foot p{max-width:34ch;font-size:var(--step-lead);line-height:1.4}.outside .panel{grid-column:1/span 7;grid-template-columns:1.5fr .8fr;align-items:end;gap:clamp(20px,3vw,44px);display:grid}.statement{font-family:var(--display);font-variation-settings:"SOFT" 100;font-size:var(--step-quote);letter-spacing:-.015em;line-height:1.2}.outside .note{max-width:36ch;margin-top:1.25em}.outside figure{margin:0}.outside figure img{aspect-ratio:4/5;object-fit:cover}.door .panel{grid-column:5/-1}.door h2{font-size:var(--step-head);max-width:14ch;margin-bottom:clamp(24px,4vh,44px)}.door-body{grid-template-columns:1.1fr 2.4fr;align-items:start;gap:clamp(20px,3vw,48px);display:grid}.door-pic{margin:0}.door-pic img{aspect-ratio:4/5;object-fit:cover}.long+.long{color:var(--muted);margin-top:.9em}.rooms .panel{grid-column:7/-1}.rooms h2{font-size:var(--step-head);max-width:16ch}.rooms-intro{max-width:46ch;margin-top:20px}.room-list{gap:6px;margin:clamp(28px,5vh,56px) 0 0;padding:0;list-style:none;display:grid}.room{grid-template-columns:6.5em 1fr auto;align-items:baseline;gap:6px 20px;padding:16px 0;display:grid}.room-kind{color:var(--muted);font-size:var(--step-small);font-weight:500}.room-name{font-family:var(--display);font-variation-settings:"SOFT" 100;font-size:var(--step-lead);letter-spacing:-.015em;line-height:1.1}.room-desc{grid-column:2/3}.room-state{font-size:var(--step-small);white-space:nowrap;font-weight:600}.room-state a{gap:.35em;text-decoration:none;display:inline-flex}.room-state a span{transition:transform var(--t-hover) var(--ease-out)}.room-state a:hover span{transform:translate(4px)}.room--next .room-name{color:var(--muted)}.start .panel{grid-column:1/span 6}.start h2{font-size:var(--step-head);max-width:12ch}.choices{border:0;flex-wrap:wrap;gap:10px;margin:clamp(24px,4vh,40px) 0;padding:0;display:flex}.choices legend{font-size:var(--step-body);margin-bottom:14px;padding:0}.choice{background:var(--surface);min-height:48px;color:var(--ink);font:500 var(--step-small)/1.2 var(--text);cursor:pointer;transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out);border:0;border-radius:999px;padding:0 1.2em}.choice:hover{background:var(--field)}.choice:active{transform:scale(.96)}.choice[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.answer{background:var(--surface);min-height:9.5em;padding:clamp(20px,3vw,32px)}.answer h3{font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:400;font-size:var(--step-lead);letter-spacing:-.01em;margin:0 0 10px}.answer a{font-weight:600}.answer.swap{animation:swap .42s var(--ease-out)}@keyframes swap{0%{opacity:0;transform:translateY(8px)}}.how .panel{grid-column:1/span 7;grid-template-columns:1fr 1fr;gap:clamp(28px,4vh,44px) clamp(20px,3vw,44px);display:grid}.how h2{font-size:var(--step-head);grid-column:1/-1;max-width:13ch}.how-list{align-content:start;gap:clamp(24px,3.5vh,36px);display:grid}.how-list h3{font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:400;font-size:var(--step-lead);letter-spacing:-.01em;margin:0 0 6px}.how-pics{grid-template-columns:1fr 1fr;align-content:end;gap:12px;display:grid}.how-pics img{aspect-ratio:4/5;object-fit:cover}.center{background:var(--deep);color:var(--deep-ink);align-items:stretch;min-height:92svh}.center-inner{grid-column:1/-1;grid-template-rows:1fr auto;gap:48px;display:grid}.center h2{font-size:var(--step-title);align-self:center;max-width:10ch;font-weight:330}.center-foot{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.center-foot p{max-width:40ch;font-size:var(--step-lead);line-height:1.4}.center .btn{background:var(--deep-ink);color:var(--deep);min-height:56px}.center .btn:hover{background:var(--field)}.site-footer{background:var(--field);padding:40px var(--margin) 28px;grid-template-rows:auto 1fr auto;gap:40px;min-height:70svh;display:grid}.foot-top{font-size:var(--step-small);flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.foot-top p{max-width:42ch}.mail{font-family:var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.04em;transition:color var(--t-hover) ease;align-self:end;font-size:clamp(2.5rem,.4rem + 12vw,15rem);font-weight:340;line-height:.95;text-decoration:none}.mail:hover{color:var(--accent)}.mail span{display:inline-block}.foot-meta{font-size:var(--step-small);flex-wrap:wrap;justify-content:space-between;gap:16px 32px;display:flex}.js .rise{opacity:0;transition:opacity var(--t-reveal) var(--ease-out), transform var(--t-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js .is-in .rise{opacity:1;transform:none}.js .room.rise{transition-delay:calc(var(--i,0) * 90ms + .16s)}.js .hero h1 .line{padding-bottom:.06em;display:block;overflow:hidden}.js .hero h1 .line>span{transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i,0) * .12s + .15s);display:inline-block;transform:translateY(105%)}.js .hero.is-in h1 .line>span{transform:none}.js .frame img{transition:transform 1.6s var(--ease-soft) .4s;transform:scale(1.25)}.js .hero.is-in .frame img{transform:scale(1)}@media (width<=900px){.nav a:not(.btn){display:none}:root{--step-head:clamp(1.75rem, 1.2rem + 2.4vw, 2.5rem)}.chapter{grid-template-columns:1fr;padding-top:88px;padding-bottom:88px}.hero{background:linear-gradient(to top, var(--bg) 0%, #f8f7f5eb 42%, #f8f7f500 72%)}.hero-copy,.outside .panel,.door .panel,.rooms .panel,.start .panel,.how .panel,.center-inner{grid-column:1/-1}.outside .panel{grid-template-columns:1fr}.outside figure{justify-self:end;width:70%}.door-body{grid-template-columns:1fr}.door-pic{width:60%}.how .panel{grid-template-columns:1fr}.room{grid-template-columns:1fr auto}.room-kind,.room-desc{grid-column:1/-1}.hero h1{font-size:clamp(2rem,9.4vw,5rem)}.hero .frame{display:none}.center h2{font-size:clamp(3rem,15vw,5.5rem)}.center .btn{justify-content:center;width:100%}.mail{font-size:clamp(2.25rem,17vw,6rem)}}@media (prefers-reduced-motion:reduce){.scene{transition:none}.scene img{transform:none!important}.js .rise,.js .hero h1 .line>span,.js .frame img{opacity:1;transition:none;transform:none}.answer.swap{animation:none}}
