/* Sobre o estúdio — fiel ao frame do Pen; mobile first; seções de ponta a ponta, conteúdo no container */
.ejs{display:flex;flex-direction:column;font:400 16px/1.5 Inter,sans-serif;color:var(--ink);--g:20px}
.ejs h1,.ejs h2,.ejs h3{font-family:"Bricolage Grotesque",sans-serif;margin:0}
.ejs p{margin:0}
.ejs-eyebrow{display:block;font:600 12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em}
.ejs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:999px;font:600 15px Inter,sans-serif;text-decoration:none!important;border:1px solid transparent;white-space:nowrap}
.ejs-btn:hover{filter:brightness(1.07)}
.ejs-btn--yellow{background:var(--yellow);color:var(--ink)!important}
.ejs-btn--ghost{border-color:rgba(255,255,255,.4);color:#fff!important}
.ejs-btn--ink{background:var(--ink);color:#fff!important}
/* hero */
.ejs-hero{position:relative;min-height:600px;background:var(--plum);overflow:hidden;display:flex;align-items:flex-end}
.ejs-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.ejs-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(16,15,13,.96) 0%,rgba(16,15,13,.82) 45%,rgba(16,15,13,.45) 75%,rgba(16,15,13,.2))}
.ejs-hero-in{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;padding:0 var(--g) 32px;width:100%}
.ejs-brand{color:var(--yellow);font:700 18px "Bricolage Grotesque",sans-serif;letter-spacing:-.01em}
.ejs-hero h1{color:#fff;font-size:36px;line-height:1.04;letter-spacing:-.035em;font-weight:700}
.ejs-hero p{color:rgba(255,255,255,.72);font-size:16px;line-height:1.45}
.ejs-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}
/* história */
.ejs-story{display:flex;flex-direction:column;gap:32px;padding:56px var(--g) 48px}
.ejs-story-t{display:flex;flex-direction:column;gap:16px}
.ejs-story h2{font-size:30px;line-height:1.06;letter-spacing:-.03em}
.ejs-story-t p{color:var(--muted);line-height:1.55}
.ejs-facts{display:flex;flex-direction:column}
.ejs-facts>div{display:flex;flex-direction:column;gap:6px;padding:22px 0;border-bottom:1px solid var(--line)}
.ejs-facts>div:last-child{border-bottom:0}
.ejs-facts b{font:700 32px/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em}
.ejs-facts span{color:var(--muted);font-size:15px;line-height:1.4}
/* processo */
.ejs-proc{background:var(--plum);color:#fff;display:flex;flex-direction:column;gap:28px;padding:56px var(--g)}
.ejs-proc-h{display:flex;flex-direction:column;gap:16px}
.ejs-proc h2{font-size:30px;line-height:1.05;letter-spacing:-.03em}
.ejs-proc-h p{color:rgba(255,255,255,.6);font-size:15px;line-height:1.45}
.ejs-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:28px}
.ejs-steps li{display:flex;flex-direction:column;gap:12px}
.ejs-sn{color:var(--yellow);font:700 13px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em}
.ejs-steps i{display:block;height:2px;background:rgba(255,255,255,.13)}
.ejs-steps h3{font-size:20px;letter-spacing:-.015em}
.ejs-steps p{color:rgba(255,255,255,.6);font-size:14px;line-height:1.45}
/* espaço */
.ejs-place{display:flex;flex-direction:column;gap:32px;padding:56px var(--g)}
.ejs-art{position:relative;margin:0;border-radius:28px;overflow:hidden;background:var(--plum);min-height:380px;aspect-ratio:7/6}
.ejs-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.ejs-art:before{content:"";z-index:1;position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to bottom,rgba(26,20,28,0),rgba(26,20,28,.85) 55%,#1A141C)}
.ejs-bar{z-index:2;position:absolute;left:0;top:0;bottom:0;width:6px;display:flex;flex-direction:column}.ejs-bar i{flex:1}
.ejs-badge{z-index:2;position:absolute;left:20px;top:20px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(16,15,13,.13);font:700 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;color:var(--ink)}
.ejs-badge b{width:8px;height:8px;border-radius:50%;background:var(--green,#2EA459)}
.ejs-art figcaption{z-index:2;position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:6px}
.ejs-art strong{color:#fff;font:700 22px "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}
.ejs-art figcaption span{color:rgba(255,255,255,.7);font-size:13px;font-weight:500}
.ejs-faixa{display:flex;width:120px;height:6px;margin-top:14px}.ejs-faixa i{flex:1}
.ejs-place-t{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ejs-place h2{font-size:28px;line-height:1.08;letter-spacing:-.025em}
.ejs-place-t p{color:var(--muted);line-height:1.55}
.ejs-addr{display:flex;flex-direction:column;gap:8px;padding-top:18px;width:100%}
.ejs-addr b{font:600 15px Inter,sans-serif}.ejs-addr span{color:var(--muted);font-size:14px}
/* final */
.ejs-final{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;padding:56px var(--g);color:#fff;background:linear-gradient(140deg,#1F9E7A 0%,#2B8FB0 28%,#77355F 55%,#C2305A 78%,#E8792A 100%)}
.ejs-final h2{font-size:30px;line-height:1.1;letter-spacing:-.03em}
.ejs-final p{color:rgba(255,255,255,.8);max-width:520px}
@media (min-width:768px){
	.ejs{--g:var(--ej-gutter)}
	.ejs-hero{min-height:620px}
	.ejs-hero:before{background:linear-gradient(to right,rgba(16,15,13,.9),rgba(16,15,13,.4) 55%,rgba(16,15,13,.13))}
	.ejs-hero-in{max-width:calc(640px + 2 * var(--ej-gutter));padding-bottom:56px;gap:20px}
	.ejs-hero h1{font-size:56px;letter-spacing:-.032em;line-height:1.02}
	.ejs-hero p{font-size:17px}
	.ejs-story{flex-direction:row;gap:64px;padding:88px var(--g) 72px;align-items:flex-start}
	.ejs-story-t{flex:0 0 520px;gap:20px}
	.ejs-story h2{font-size:40px}
	.ejs-facts{flex:1}
	.ejs-facts b{font-size:36px}
	.ejs-proc{padding:72px var(--g);gap:40px}
	.ejs-proc-h{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}
	.ejs-proc h2{font-size:36px;width:560px;flex:none}
	.ejs-proc-h p{width:360px;flex:none}
	.ejs-steps{flex-direction:row;gap:20px}.ejs-steps li{flex:1}
	.ejs-place{flex-direction:row;gap:48px;align-items:center;padding:88px var(--g)}
	.ejs-art{flex:0 0 560px;aspect-ratio:auto;height:480px}
	.ejs-place-t{flex:1}
	.ejs-place h2{font-size:32px}
	.ejs-final{padding:72px var(--g)}
	.ejs-final h2{font-size:36px}
}