:root{--roxo:#3D1F7A;--roxo2:#2E1660;--lav:#C4A8F0;--violeta:#7C4FD4;--menta:#4A9E8A;--menta2:#9FCFC4;--dourado:#D4A520;--ambar:#E8C84A;--creme:#F5F2EC;--graf:#1A1A1A;--brand:'Archivo',sans-serif;--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace;--gut:clamp(20px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,iframe,video{max-width:100%}
html,body{min-height:100%}
body{font-family:var(--sans);background:var(--roxo);color:#fff;-webkit-font-smoothing:antialiased;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}
a{color:#fff;text-decoration:none}a:hover{color:var(--lav)}
.wm,h1,.fw{margin:0;font-size:inherit;font-family:var(--brand);letter-spacing:-.045em;line-height:.9;display:inline-flex;align-items:baseline}
.b{font-weight:700}.s{font-weight:200;color:var(--lav)}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px var(--gut)}
.top .wm{font-size:24px}
.loc,.kick,.trio,.n,.go,.tags span,.bot{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:lowercase}
.loc{color:rgba(255,255,255,.7)}
main{flex:1;display:flex;flex-direction:column}
.intro{padding:clamp(40px,8vh,96px) var(--gut) clamp(40px,7vh,80px);display:flex;flex-direction:column;gap:20px;max-width:1200px}
.kick{color:var(--lav)}
h1{font-size:clamp(84px,15vw,220px)}
.lead{font-size:clamp(20px,2.1vw,30px);font-weight:300;line-height:1.35;max-width:36ch;text-wrap:pretty}

.trio{color:rgba(255,255,255,.7)}
.frentes{flex:1;display:flex;border-top:.5px solid rgba(255,255,255,.18);min-height:420px}
.fr{--c:#fff;--c2:#fff;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:18px;padding:clamp(28px,3.4vw,48px) var(--gut) clamp(28px,4vw,56px);border-right:.5px solid rgba(255,255,255,.18);position:relative;transition:flex-grow .45s cubic-bezier(.2,.7,.2,1),background .3s}
.fr:last-child{border-right:0}
.fr{overflow:hidden;isolation:isolate}.fr>*:not(.bg){position:relative;z-index:2}
.fr .bg{position:absolute;inset:0;z-index:0;background:var(--roxo2)}
.fr .bg image-slot{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.fr .bg iframe{max-width:none;max-height:none;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity .6s}
.fr .bg .thumb{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .5s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.fr .bg .thumb.on{opacity:1}.fr:hover .bg .thumb{transform:scale(1.07)}
.fr:hover .bg iframe.on{opacity:1}.fr:hover .bg image-slot{transform:scale(1.07)}
.fr::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(36,16,78,.94) 0%,rgba(46,22,96,.82) 45%,rgba(61,31,122,.6) 100%);transition:opacity .4s}
.fr:hover::after{opacity:.82}.fr::before{z-index:3}
.fr.studio{--c:var(--menta);--c2:var(--menta2)}.fr.videos{--c:var(--dourado);--c2:var(--ambar)}.fr.foods{--c:var(--violeta);--c2:var(--lav)}
.fr::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c2);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.fr:hover,.fr:focus-visible{flex-grow:1.5;color:#fff;outline:0}.fr:hover::before,.fr:focus-visible::before{transform:scaleX(1)}
.n{color:var(--c2)}
h2.fw{font-weight:inherit}.fw{font-size:clamp(34px,3.4vw,64px);margin-top:auto;max-width:100%}.fw .s{color:var(--c2)}
.d{font-size:clamp(16px,1.25vw,18px);max-width:34ch;color:rgba(255,255,255,.88);text-wrap:pretty}
.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:11px;letter-spacing:.06em;border:.5px solid rgba(255,255,255,.3);border-radius:99px;padding:5px 11px;color:rgba(255,255,255,.85);white-space:nowrap;line-height:1.2}
.go{display:flex;align-items:center;gap:10px;color:var(--c2);padding-top:6px}.go i{font-style:normal;transition:transform .3s}.fr:hover .go i{transform:translateX(6px)}
.bot{display:flex;flex-wrap:wrap;gap:12px 28px;padding:22px var(--gut);border-top:.5px solid rgba(255,255,255,.18);color:rgba(255,255,255,.7);letter-spacing:.06em}
.bot address{font-style:normal}.bot a{color:rgba(255,255,255,.85)}.bot span{margin-left:auto}
@media(max-width:1100px){.frentes{flex-direction:column}.fr{min-height:340px!important}.fr{border-right:0;border-bottom:.5px solid rgba(255,255,255,.18);min-height:0}.fr:hover{flex-grow:1}.fw{margin-top:8px}.bot span{margin-left:0}}
@media(prefers-reduced-motion:reduce){.fr,.fr::before,.go i{transition:none}}