/* New compositions inherit the approved four brand palettes and local typefaces. */
.studio-controls{position:absolute;z-index:2;display:flex;align-items:center;gap:20px;right:56px;bottom:108px;font-size:12px}.studio-controls button{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.studio-controls button[aria-pressed=true]{background:var(--button);color:var(--button-ink)}.studio-controls input{width:112px;height:44px}.studio-controls>label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.studio-controls>span{position:absolute;right:0;top:62px;white-space:nowrap;color:var(--muted)}.studio-lens{position:absolute;z-index:1;width:224px;height:168px;border-radius:8px;border:1px solid #fff9;background-repeat:no-repeat;box-shadow:0 16px 40px #0005;pointer-events:none}.studio-lens:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff45;border-radius:2px}.studio-lens[hidden]{display:none}
body[data-style=arquitectura] .sp-header{position:relative;padding-block:20px;border-bottom:1px solid var(--line)}body[data-style=arquitectura] .sp-hero{height:calc(100svh - 105px);min-height:840px;overflow:visible;padding-bottom:96px}body[data-style=arquitectura] .sp-hero-photo{inset:40px 56px 132px 39%;border-radius:2px;overflow:hidden;z-index:0}body[data-style=arquitectura] .sp-hero-photo img{object-position:73% 57%}body[data-style=arquitectura] .sp-scrim{z-index:0;inset:40px 56px 132px 39%;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 88%,transparent),transparent 46%)}body[data-style=arquitectura] .sp-hero-copy{position:relative;z-index:1;padding-top:0;padding-bottom:100px;pointer-events:none}body[data-style=arquitectura] .sp-hero-copy a{pointer-events:auto}body[data-style=arquitectura] .sp-hero h1{max-width:14ch;font-size:clamp(52px,5vw,88px)}body[data-style=arquitectura].sp-fsr .sp-hero h1{max-width:12ch;font-size:clamp(56px,5.6vw,96px)}body[data-style=arquitectura] .sp-hero-copy>p{max-width:28ch}body[data-style=arquitectura] .sp-hero-foot{bottom:24px;border-top:1px solid var(--line);padding-top:20px}body[data-style=arquitectura] .studio-controls{bottom:140px;right:80px}body[data-style=arquitectura] .sp-intro{border-top:1px solid var(--line)}body[data-style=arquitectura] .sp-story{height:280svh}body[data-style=arquitectura] .sp-stage{margin:0 56px;width:calc(100% - 112px);height:96svh;top:2svh;border-radius:2px}body[data-style=arquitectura] .sp-story-copy{width:calc(100% - 96px)}body[data-style=arquitectura] .sp-explore-heading h2,body[data-style=arquitectura] .sp-zone-heading h2{font-family:Bodoni,serif;font-weight:500}body[data-style=arquitectura] .sp-lab{border-radius:2px}
body[data-style=instrumental] .sp-hero{height:auto;min-height:1100px;padding-top:128px;padding-bottom:690px;align-items:flex-start;overflow:hidden}body[data-style=instrumental] .sp-hero-copy{padding:36px 0 0;display:grid;grid-template-columns:1.5fr 1fr;gap:24px 80px;align-items:start}body[data-style=instrumental] .sp-hero h1{font-size:clamp(48px,4.8vw,84px);max-width:22ch;grid-row:1/3}body[data-style=instrumental].sp-fsr .sp-hero h1{font-size:clamp(52px,5vw,92px)}body[data-style=instrumental] .sp-hero-copy>p{margin:0;max-width:32ch;font-size:20px}body[data-style=instrumental] .sp-hero .sp-actions{margin-top:0}body[data-style=instrumental] .sp-hero-photo{inset:auto 56px 108px 56px;height:570px;border-radius:12px;z-index:0;overflow:hidden}body[data-style=instrumental] .sp-hero-photo img{object-position:75% 67%}body[data-style=instrumental] .sp-scrim{display:none}body[data-style=instrumental] .studio-controls{right:80px;bottom:140px}body[data-style=instrumental] .studio-controls>span{display:none}body[data-style=instrumental] .sp-hero-foot{bottom:20px}body[data-style=instrumental] .sp-intro{padding-block:80px 128px}body[data-style=instrumental] .sp-lab{border-radius:12px}body[data-style=instrumental] .sp-explore{background:var(--surface);width:100%;padding-inline:max(56px,calc((100% - 1600px)/2))}.studio-index{margin:0;background:#0f1927;color:#f7f5f0;font:17px/1.6 Manrope,Arial,sans-serif}.studio-index main{max-width:1400px;margin:auto;padding:96px 48px}.studio-index h1{font-size:clamp(48px,6vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.035em;margin:0 0 40px}.studio-index p{max-width:60ch;color:#c3cbd6}.studio-index main>div{display:grid;grid-template-columns:1fr 1fr;gap:48px 96px;margin-top:72px}.studio-index h2{font-size:28px;font-weight:500}.studio-index a{display:flex;justify-content:space-between;gap:24px;padding:20px 0;min-height:56px;border-bottom:1px solid #334354;text-decoration:none;color:inherit}.studio-index a span{color:#ffad78;font-size:14px}.studio-index a:focus-visible{outline:3px solid #ffad78;outline-offset:6px}
@media(max-width:1100px) and (min-width:761px){body[data-style=arquitectura] .sp-hero-photo{left:35%}body[data-style=arquitectura] .sp-hero h1{font-size:60px}body[data-style=instrumental] .sp-hero-copy{gap:32px;grid-template-columns:1.3fr 1fr}body[data-style=instrumental] .sp-hero h1{font-size:54px}body[data-style=instrumental] .sp-hero-copy>p{font-size:17px}}
@media(max-width:760px){.studio-controls{position:relative;inset:auto!important;margin:0 24px 20px;display:flex;gap:16px;flex-wrap:wrap}.studio-controls button{flex:1;font-size:13px;padding:12px}.studio-controls input{width:96px}.studio-controls>span{position:relative;inset:auto;white-space:normal;width:100%;font-size:11px}.studio-lens{width:168px;height:128px}.studio-index main{padding:64px 24px}.studio-index main>div{grid-template-columns:1fr;gap:32px;margin-top:48px}body[data-style=arquitectura] .sp-hero{height:auto;min-height:0;padding-bottom:24px;overflow:hidden}body[data-style=arquitectura] .sp-hero-photo{position:relative;inset:auto;margin:24px 24px 0;height:360px;width:calc(100% - 48px);order:1;border-radius:2px}body[data-style=arquitectura] .sp-scrim{display:none}body[data-style=arquitectura] .sp-hero-copy{padding:32px 0;order:0}body[data-style=arquitectura] .sp-hero h1,body[data-style=arquitectura].sp-fsr .sp-hero h1{font-size:44px;max-width:19ch}body[data-style=arquitectura] .studio-controls{order:2;margin-top:24px}body[data-style=arquitectura] .sp-hero-foot{order:3;position:relative;bottom:auto;padding-top:16px;margin-top:8px}body[data-style=arquitectura] .sp-stage{margin:0;width:100%;height:100svh;top:0;border-radius:0}body[data-style=arquitectura] .sp-story-copy{width:calc(100% - 48px)}body[data-style=instrumental] .sp-hero{min-height:0;padding:0 0 24px;display:flex;flex-direction:column;overflow:hidden}body[data-style=instrumental] .sp-hero-copy{display:block;padding:32px 0;order:0}body[data-style=instrumental] .sp-hero h1,body[data-style=instrumental].sp-fsr .sp-hero h1{font-size:44px;max-width:20ch}body[data-style=instrumental] .sp-hero-copy>p{font-size:17px;margin-top:24px}body[data-style=instrumental] .sp-hero .sp-actions{margin-top:24px}body[data-style=instrumental] .sp-hero-photo{position:relative;inset:auto;margin:0 24px;width:calc(100% - 48px);height:300px;order:1}body[data-style=instrumental] .studio-controls{order:2;margin-top:24px}body[data-style=instrumental] .studio-controls>span{display:block}body[data-style=instrumental] .sp-hero-foot{order:3;position:relative;bottom:auto}body[data-style=instrumental] .sp-explore{padding-inline:24px}}
