/* Mesa de proyecto — objetos y textos independientes sobre una mesa decorativa. */
:root{--paper:#f3f0e8}.site-header{height:82px;background:var(--paper)}.site-header .brand-art{width:235px}
.tabletop{position:relative;height:clamp(640px,49vw,820px);background:#a87948 url('../assets/images/mesa-materiales.v2.webp') center/cover no-repeat;isolation:isolate;overflow:hidden}
.project-photo{position:absolute;right:4%;top:8%;width:62%;height:72%;padding:18px 18px 0;background:#f8f6ef;transform:rotate(5deg);box-shadow:7px 16px 23px #30221445;z-index:1;display:flex;flex-direction:column}.project-photo img{width:100%;height:calc(100% - 50px);object-fit:cover;object-position:center 56%}.project-photo figcaption{height:50px;display:flex;align-items:center;justify-content:flex-end;font-size:13px;gap:4px;color:#3c3b34;padding:0 4px}
.yellow-sheet{position:absolute;left:13%;top:15%;width:34%;max-width:550px;background:var(--yellow);padding:clamp(28px,3vw,48px);transform:rotate(-5deg);box-shadow:5px 15px 25px #30221442;z-index:2}.yellow-sheet .brand-art{width:100%;max-width:275px;margin:0 0 28px}.yellow-sheet h1{font-size:clamp(36px,3.7vw,59px);line-height:1.12;font-weight:400;letter-spacing:-.03em;text-wrap:initial}.sheet-rule{height:1px;width:45px;background:currentColor;margin:27px 0 21px}.yellow-sheet>p{font-size:clamp(16px,1.25vw,20px);line-height:1.45;max-width:29ch}.yellow-sheet>.button{margin-top:28px;width:100%;font-size:14px;padding:15px;gap:16px;min-height:52px}
.process{padding-top:30px;padding-bottom:30px;align-items:center}.process-intro{border-right:0}.process-intro h2{font-family:Jost,sans-serif;font-size:20px;line-height:1.35;font-weight:400;letter-spacing:0}.process-steps{gap:28px}.step-number,.process-diagram{display:none}.process-steps li{padding-left:20px;border-left:1px solid var(--line)}.process-steps h3{font-family:Jost,sans-serif;font-weight:400;letter-spacing:0;font-size:19px;margin-bottom:4px}.process-steps p{font-size:14px}
.works{border-top:1px solid var(--line);padding-top:65px;padding-bottom:85px}.section-heading h2{font-weight:420}.works-grid{gap:32px;align-items:start}.work-item{background:#fffdf6;padding:12px 12px 18px;box-shadow:3px 8px 16px #30221414}.work-item:nth-child(1){transform:rotate(-1.6deg)}.work-item:nth-child(2){transform:rotate(.7deg);margin-top:30px}.work-item:nth-child(3){transform:rotate(1.6deg);margin-top:8px}.work-image img{aspect-ratio:1.45}.work-caption{padding:0 3px}.work-caption h3{font-weight:400;font-size:23px}.work-caption p{font-size:14px}.project-arrow{width:32px;height:32px}.studio{background:#eae4d8;grid-template-columns:1.15fr 1fr}.studio-image{order:2}.studio-copy{order:1}.studio-image img{min-height:540px;object-position:center}.studio h2{font-weight:420}.contact{background:var(--paper);border-top:1px solid var(--line)}.contact h2{font-size:clamp(65px,9vw,130px);font-weight:420}.contact-actions>.button{background:var(--yellow);color:var(--ink)}.contact-actions>.button:hover{background:#eddb32}.site-footer{border-top:1px solid var(--line)}
@media(max-width:1200px) and (min-width:901px){.yellow-sheet{left:10%;width:39%;top:13%;padding:30px}.yellow-sheet .brand-art{max-width:230px;margin-bottom:22px}.yellow-sheet h1{font-size:42px}.yellow-sheet>p{font-size:16px}.yellow-sheet>.button{font-size:12px;padding:12px;gap:10px}.project-photo{width:65%;right:3%;top:10%}}
@media(max-width:900px){.tabletop{height:730px;background-position:50% center}.yellow-sheet{left:5%;top:10%;width:44%;padding:25px;transform:rotate(-3deg)}.yellow-sheet .brand-art{margin-bottom:25px}.yellow-sheet h1{font-size:clamp(29px,4.8vw,43px)}.yellow-sheet>p{font-size:16px}.yellow-sheet>.button{font-size:13px;padding:13px;gap:12px}.project-photo{right:3%;top:20%;width:65%;height:58%;transform:rotate(5deg);padding:12px 12px 0}.project-photo figcaption{font-size:11px;display:block;padding-top:12px;text-align:right;line-height:1.4}.project-photo figcaption span{display:block}.process-intro{border-bottom:0;padding:0}.process-intro h2{font-size:21px}.process{gap:20px}.process-steps{gap:16px}.process-steps li{padding-left:12px}.works-grid{gap:20px}.work-caption h3{font-size:18px}.work-caption p{font-size:13px}.project-arrow{display:none}.studio{grid-template-columns:1fr 1fr}.studio h2{font-size:34px}}
@media(max-width:600px){.site-header{height:76px}.site-header .brand-art{width:184px}.tabletop{height:auto;min-height:0;display:flex;flex-direction:column;padding:35px 24px 105px;gap:0;background-position:center;background-size:auto 100%}.yellow-sheet{position:relative;left:auto;top:auto;width:100%;max-width:390px;padding:26px;margin:0 auto;transform:rotate(-2deg);order:1}.yellow-sheet .brand-art{width:215px;max-width:100%;margin-bottom:26px}.yellow-sheet h1{font-size:clamp(30px,8.4vw,42px)}.yellow-sheet>p{font-size:16px;line-height:1.5}.sheet-rule{margin:22px 0 18px}.yellow-sheet>.button{font-size:13px;margin-top:24px;padding:14px;gap:12px}.project-photo{position:relative;right:auto;top:auto;width:100%;max-width:390px;height:300px;margin:-10px auto 0;transform:rotate(3deg);order:2;z-index:1;padding:10px 10px 0}.project-photo img{height:calc(100% - 55px)}.project-photo figcaption{height:55px;font-size:12px;padding-top:9px}.process{padding-top:30px;padding-bottom:30px}.process-intro h2{font-size:23px}.process-intro h2 br{display:none}.process-steps{gap:20px}.process-steps h3{font-size:19px}.process-steps p{font-size:16px}.works-grid{gap:25px;padding:0 4px}.work-item:nth-child(n){margin-top:0;transform:rotate(-1deg)}.work-item:nth-child(2){transform:rotate(1deg)}.work-caption h3{font-size:23px}.work-caption p{font-size:14px}.project-arrow{display:grid}.studio{grid-template-columns:1fr}.studio-copy{order:2}.studio-image{order:1}.studio-image img{min-height:0}.studio h2{font-size:34px}.contact h2{font-size:70px}.contact{background:var(--yellow)}.contact-actions>.button{background:var(--ink);color:var(--paper)}}
@media(max-width:600px){.contact h2{font-size:clamp(48px,14vw,70px)}}