/* Casa desplegada — fotografía continua, papel y dibujo arquitectónico. */
.site-header{background:var(--yellow)}
.hero{position:relative;min-height:540px;height:clamp(540px,42vw,690px);isolation:isolate;overflow:hidden;background:var(--paper)}
.hero-scene{position:absolute;inset:0 0 0 25%;z-index:-2;mask-image:linear-gradient(90deg,transparent,black 25%)}.hero-scene img{height:100%;object-fit:cover;object-position:center 55%}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f5eef7 0%,#f7f5eee8 22%,#f7f5ee70 37%,#f7f5ee00 54%)}
.hero-copy{padding:clamp(35px,4vw,64px) var(--pad) 120px;position:relative;max-width:760px}
.hero h1{font-size:clamp(48px,5.5vw,86px);line-height:1.02;letter-spacing:-.04em;font-weight:570;text-wrap:initial}
.hero h1 span{background:var(--yellow);padding:0 .07em .035em;box-decoration-break:clone;-webkit-box-decoration-break:clone;margin-left:-.07em}
.hero-copy>p{font-size:clamp(17px,1.45vw,22px);max-width:27ch;margin:27px 0 25px;line-height:1.45}
.hero-copy .button{font-weight:550}.hero-scene figcaption{position:absolute;right:var(--pad);bottom:105px;color:#fff;text-shadow:0 1px 7px #000;font-size:13px;letter-spacing:.04em}
.ground-drawing{position:absolute;left:0;right:0;bottom:-1px;height:100px;color:#656254;pointer-events:none}
.ground-drawing svg{width:100%;height:100%}.ground-paper{fill:var(--paper)}
.process{padding-top:28px}.process-intro h2 span{background:var(--yellow);padding:0 .06em .03em;margin-left:-.06em}
.works{border-top:1px solid #ddd9cd}.section-heading h2::before{content:'';display:inline-block;width:50px;height:3px;background:var(--yellow);vertical-align:middle;margin-right:18px}
.studio{background:#eee8dc}.studio-image img{object-position:center 65%}
@media(min-width:1600px){.hero-copy{padding-top:65px}.hero-copy>p{margin-top:34px;margin-bottom:30px}}
@media(max-width:1100px) and (min-width:901px){.hero h1{font-size:56px}.hero-copy>p{max-width:24ch}.hero-copy .button{font-size:14px;gap:14px}.hero{height:540px}.hero::before{background:linear-gradient(90deg,#f7f5eef9,#f7f5eee8 27%,#f7f5ee00 65%)}}
@media(max-width:900px){.hero{height:660px;min-height:0}.hero-copy{padding-top:30px;padding-bottom:0;max-width:none}.hero h1{font-size:clamp(46px,7.3vw,65px)}.hero-copy>p{font-size:18px;max-width:32ch;margin:20px 0}.hero::before{background:linear-gradient(180deg,#f7f5eefc 0%,#f7f5eef5 25%,#f7f5ee9c 44%,#f7f5ee00 64%)}.hero-scene img{object-position:60% bottom}.hero-scene{top:80px;left:0;mask-image:none}.hero-scene figcaption{bottom:87px}.ground-drawing{height:80px}}
@media(max-width:600px){.hero{height:700px}.hero h1{font-size:clamp(36px,8.8vw,52px)}.hero-copy{padding-top:25px}.hero-copy>p{font-size:17px;max-width:30ch;margin:19px 0}.hero-copy .button{max-width:100%;font-size:14px}.hero-scene{top:240px}.hero-scene img{object-fit:cover;object-position:56% center}.hero::before{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 38%,#f7f5ee00 57%)}.hero-scene figcaption{bottom:80px;font-size:12px}.hero-scene figcaption span{display:none}.ground-drawing{height:65px}.section-heading h2::before{width:25px;margin-right:10px}}