:root{
  --font-display:"Sora",sans-serif;
  --font-tech:"Oxanium",sans-serif;
  --space-1:.5rem;--space-2:3rem;--space-3:5rem;--space-4:8rem;
}
body{font-family:var(--font-display);font-weight:300;font-kerning:normal}
.eyebrow,.hero-index,.scroll-cue,.topbar nav,.film-note{font-family:var(--font-tech);font-weight:500}
.hero h1,.statement-title,.film-heading h2,.gallery h2,.process h2,.quote-inner h2{font-family:var(--font-display)}
.hero h1{font-size:clamp(3.7rem,7.6vw,7.9rem);line-height:.88;letter-spacing:-.065em}
.hero h1 strong{font-family:var(--font-tech);font-weight:500;letter-spacing:-.05em;font-size:.86em;white-space:nowrap}
.hero-text{max-width:60ch}
.topbar nav{gap:1.5rem;font-size:.73rem}

/* Essência da marca */
.brand-core{background:#090909;position:relative;overflow:hidden}
.brand-core:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff0d 50%,transparent 50.1%);pointer-events:none}
.brand-core-intro{display:grid;grid-template-columns:.35fr 1.25fr .55fr;gap:clamp(2rem,6vw,7rem);align-items:start;border-bottom:1px solid var(--line)}
.brand-core-intro .eyebrow{padding-top:1rem}
.brand-core-intro h2{font:500 clamp(3.1rem,6vw,6.3rem)/.98 var(--font-display);letter-spacing:-.06em;margin:0}
.brand-core-intro h2 em{display:block;color:var(--orange);font-style:normal}
.brand-core-intro>p:last-child{color:#928e88;line-height:1.75;font-size:1rem;max-width:40ch;align-self:end}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);padding-top:0;padding-bottom:0}
.purpose-card{background:#0b0b0b;padding:clamp(3rem,6vw,6rem)}
.purpose-card>span,.values-rail article>span,.plans-title>span{font:500 .65rem var(--font-tech);letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.purpose-card h3{font:500 clamp(1.8rem,3vw,3.4rem)/1.08 var(--font-display);letter-spacing:-.045em;margin:3rem 0 1.5rem;max-width:18ch}
.purpose-card p{color:#8b8781;line-height:1.7;max-width:50ch}
.values-rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.values-rail article{min-height:28rem;padding:2.2rem;display:flex;flex-direction:column;border-right:1px solid var(--line);position:relative;overflow:hidden;transition:.45s var(--ease)}
.values-rail article:last-child{border-right:0}
.values-rail article:before{content:"";position:absolute;width:16rem;height:16rem;border:1px solid #ffffff10;border-radius:50%;right:-9rem;top:-9rem;transition:.6s var(--ease)}
.values-rail article:hover{background:var(--orange);color:#090909}
.values-rail article:hover:before{transform:scale(1.7);border-color:#0002}
.values-rail article:hover>span{color:#090909}
.values-rail h3{font:600 clamp(1.35rem,2.2vw,2.5rem)/1 var(--font-tech);letter-spacing:-.04em;margin:auto 0 1rem;word-break:normal}
.values-rail p{font-size:.9rem;line-height:1.55;color:#8c8882;margin:0;max-width:24ch}
.values-rail article:hover p{color:#2a160f}
.audience{display:grid;grid-template-columns:.8fr 1fr;gap:10vw}
.audience h2{font:500 clamp(3rem,5vw,5.5rem)/1 var(--font-display);letter-spacing:-.055em;margin-top:2rem}
.audience h2 em{font-style:normal;color:var(--orange)}
.audience-list article{display:grid;grid-template-columns:3rem .8fr 1fr;gap:1rem;padding:1.8rem 0;border-top:1px solid var(--line);align-items:start}
.audience-list span{font:500 .65rem var(--font-tech);color:#696560}
.audience-list h3{font:500 1.2rem var(--font-display);margin:0}
.audience-list p{color:#827e78;font-size:.9rem;line-height:1.6;margin:0}

/* Vídeos oficiais */
.film-section{padding-bottom:0}
.film-heading{align-items:center;padding-bottom:4rem}
.portfolio-button{display:flex;align-items:center;gap:2.4rem;background:#101010;color:#fff;padding:1.35rem 1.6rem 1.35rem 2rem;font:600 .78rem var(--font-tech);letter-spacing:.04em;text-transform:uppercase;transition:.3s var(--ease);box-shadow:0 0 0 1px #101010}
.portfolio-button b{font-size:1.25rem;color:var(--orange)}
.portfolio-button:hover{background:var(--orange);color:#090909;transform:translateY(-3px);box-shadow:0 .8rem 2.5rem #ff5a1f3a}
.portfolio-button:hover b{color:#090909}
.youtube-showcase{padding-top:0}
.youtube-stage{position:relative;aspect-ratio:16/9;background:#070707;overflow:hidden;box-shadow:0 2.5rem 7rem #0002}
.youtube-stage:before{content:"EM EXIBIÇÃO";position:absolute;z-index:1;top:1.4rem;left:1.4rem;background:var(--orange);color:#090909;padding:.55rem .75rem;font:600 .58rem var(--font-tech);letter-spacing:.15em;pointer-events:none}
.youtube-stage>video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#080808}
.video-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#bbb8b2;margin-top:1px}
.video-choice{border:0;background:#dfdcd6;color:#111;text-align:left;padding:0;cursor:pointer;transition:.3s var(--ease)}
.video-choice>video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:grayscale(1) contrast(.9);transition:.4s var(--ease);pointer-events:none;background:#111}
.video-choice span{display:grid;grid-template-columns:2rem 1fr;gap:.6rem;padding:1rem;align-items:start;border-top:3px solid transparent}
.video-choice i{font:500 .62rem var(--font-tech);font-style:normal;color:#777}
.video-choice b{font:500 .76rem var(--font-display);line-height:1.35}
.video-choice:hover>video,.video-choice.active>video{filter:none}
.video-choice.active{background:#101010;color:#fff}
.video-choice.active span{border-color:var(--orange)}
.video-choice.active i{color:var(--orange)}

/* Galeria com ritmo padronizado */
.gallery-heading{grid-template-columns:1.35fr .55fr;gap:9vw}
.gallery-heading h2{font-size:clamp(2.8rem,5.1vw,5.7rem)}
.masonry{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}
.work,.work.tall,.work.wide{grid-column:auto;grid-row:auto;aspect-ratio:4/5;background:#111}
.work img{object-fit:contain;background:#111}
.gallery-extra.open{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}
.gallery-extra .work{grid-column:auto}

/* Planos e orçamento */
.pricing{background:#0b0b0b;color:#f4f1ec;position:relative;overflow:hidden}
.pricing:before{content:"";position:absolute;width:48rem;height:48rem;right:-24rem;top:10rem;border-radius:50%;background:radial-gradient(circle,#ff5a1f18,transparent 68%)}
.pricing-head{display:grid;grid-template-columns:1.25fr .45fr;gap:10vw;align-items:end;padding-bottom:4rem}
.pricing-head h2{font:500 clamp(3rem,6vw,6.5rem)/.95 var(--font-display);letter-spacing:-.06em;margin:2rem 0 0}
.pricing-head h2 em{font-style:normal;color:var(--orange)}
.pricing-head>p{color:#918d87;line-height:1.7;max-width:42ch}
.price-toggle{width:max-content;margin:0 auto 1rem;border:1px solid #343434;padding:.35rem;display:flex;border-radius:99px;position:relative;z-index:1}
.price-toggle button{border:0;border-radius:99px;background:transparent;color:#777;padding:.8rem 1.25rem;font:500 .68rem var(--font-tech);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.price-toggle button.active{background:var(--orange);color:#080808}
.plans-wrap{padding-top:3rem}
.plans-group{border-top:1px solid var(--line);padding:3rem 0 7rem}
.plans-title{display:grid;grid-template-columns:3rem .65fr 1fr;gap:1rem;align-items:start;margin-bottom:3rem}
.plans-title h3{font:500 clamp(1.8rem,3vw,3rem)/1.05 var(--font-display);letter-spacing:-.04em}
.plans-title p{justify-self:end;color:#817d77;max-width:35ch;line-height:1.6}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#292929;border:1px solid #292929}
.plan-card{background:#101010;padding:2rem;min-height:32rem;display:flex;flex-direction:column;position:relative;transition:.35s var(--ease)}
.plan-card:hover{background:#171717;transform:translateY(-.4rem);z-index:2;box-shadow:0 1.5rem 4rem #0008}
.plan-card.featured{background:#f0eee9;color:#111}
.plan-card>p{font:500 .78rem var(--font-tech);letter-spacing:.08em;text-transform:uppercase;color:#aaa}
.plan-card.featured>p{color:#444}
.plan-card h4{font:500 clamp(1.8rem,2.7vw,3rem)/1 var(--font-display);letter-spacing:-.055em;margin:2.5rem 0}
.plan-card h4 small{font-size:.7rem;letter-spacing:0;color:#777}
.plan-card ul{list-style:none;padding:0;margin:0 0 2rem;color:#89857f;font-size:.82rem;line-height:1.55}
.plan-card li{padding:.65rem 0;border-bottom:1px solid #ffffff12}
.plan-card.featured li{border-color:#00000012;color:#555}
.recommended{position:absolute;top:0;right:0;background:var(--orange);color:#090909;padding:.55rem .7rem;font:600 .55rem var(--font-tech);letter-spacing:.1em;text-transform:uppercase}
.hire-button{margin-top:auto;border-top:1px solid #555;padding-top:1rem;font:600 .66rem var(--font-tech);letter-spacing:.08em;text-transform:uppercase;transition:.25s}
.hire-button:hover{color:var(--orange)}
.avatar-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2a2a2a;background:#2a2a2a;gap:1px}
.avatar-row article{background:#101010;padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem;align-items:start}
.avatar-row span{font:500 .65rem var(--font-tech);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.avatar-row h3{font:500 2rem var(--font-display);letter-spacing:-.04em;grid-column:1/-1;margin:.5rem 0}
.avatar-row p{color:#827e78;line-height:1.6;font-size:.85rem;margin:0}
.avatar-row .hire-button{align-self:end}
.pricing-note{color:#777;font-size:.76rem;line-height:1.6;margin:1.2rem 0 0;text-align:right}
.calculator{margin-top:7rem;background:var(--orange);color:#090909;padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:.7fr 1fr;gap:8vw;align-items:center;position:relative;overflow:hidden}
.calculator:after{content:"R$";position:absolute;right:-2rem;top:-5rem;font:600 18rem var(--font-tech);color:#0000000d;pointer-events:none}
.calculator h3{font:500 clamp(2.2rem,4vw,4.5rem)/1 var(--font-display);letter-spacing:-.055em;margin:1.5rem 0}
.calculator>div>p:last-child{max-width:40ch;line-height:1.6}
.calculator form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;position:relative;z-index:1}
.calculator label span{display:block;font:600 .6rem var(--font-tech);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.55rem}
.calculator select,.calculator input{width:100%;height:3.4rem;border:0;border-bottom:1px solid #000;background:#ffffff28;padding:.5rem 1rem;color:#090909;outline:0}
.estimate-result{grid-column:1/-1;border-top:1px solid #000;padding-top:1.5rem;display:grid;grid-template-columns:1fr auto;align-items:end}
.estimate-result span{font:500 .65rem var(--font-tech);text-transform:uppercase;letter-spacing:.12em}
.estimate-result strong{font:500 clamp(2.8rem,5vw,5.5rem)/1 var(--font-display);letter-spacing:-.07em}
.estimate-result small{grid-column:1/-1;color:#3b2218;margin-top:.8rem}
.calculator .button{grid-column:1/-1;justify-self:start}

@media(max-width:1050px){
  .topbar nav{gap:1rem}.topbar nav a{font-size:.65rem}
  .values-rail{grid-template-columns:1fr 1fr}.values-rail article{min-height:20rem;border-bottom:1px solid var(--line)}
  .plan-grid{grid-template-columns:1fr 1fr}.plan-card{min-height:29rem}
}
@media(max-width:820px){
  .hero h1 strong{white-space:normal}
  .brand-core-intro{grid-template-columns:1fr}.brand-core-intro h2{font-size:clamp(2.8rem,13vw,5rem)}
  .purpose-grid,.audience,.pricing-head,.calculator{grid-template-columns:1fr}
  .purpose-card{padding:3rem 1.25rem}.purpose-card h3{margin-top:2rem}
  .audience-list article{grid-template-columns:2rem 1fr}.audience-list p{grid-column:2}
  .film-heading{align-items:flex-start}.portfolio-button{width:100%;justify-content:space-between}
  .youtube-showcase{padding-left:1rem;padding-right:1rem}
  .video-selector{grid-template-columns:1fr 1fr}.video-choice span{min-height:4.8rem}
  .gallery-heading{grid-template-columns:1fr}.masonry{grid-template-columns:1fr 1fr;gap:.65rem}.gallery-extra.open{grid-template-columns:1fr 1fr;gap:.65rem}
  .plans-title{grid-template-columns:2rem 1fr}.plans-title p{grid-column:2;justify-self:start}
  .avatar-row{grid-template-columns:1fr}.avatar-row article{grid-template-columns:1fr}.avatar-row h3{grid-column:1}.calculator form{grid-template-columns:1fr}.estimate-result{grid-column:1}.calculator .button{grid-column:1}
}
@media(max-width:520px){
  .hero h1{font-size:3.5rem}.hero h1 strong{font-size:.8em}
  .values-rail{grid-template-columns:1fr}.values-rail article{min-height:15rem}
  .video-selector{grid-template-columns:1fr}.video-choice{display:grid;grid-template-columns:7rem 1fr}.video-choice>video{height:100%;aspect-ratio:auto}.video-choice span{min-height:auto}
  .masonry,.gallery-extra.open{grid-template-columns:1fr}.gallery-heading h2{font-size:2.65rem}
  .price-toggle{width:calc(100% - 2rem)}.price-toggle button{flex:1;padding:.75rem .5rem}
  .plan-grid{grid-template-columns:1fr}.plan-card{min-height:auto}.plan-card ul{margin-bottom:2.5rem}
  .avatar-row article{padding:2rem}.calculator{margin-top:4rem}
  .estimate-result{grid-template-columns:1fr}.estimate-result strong{margin-top:1rem}.calculator .button{width:100%}
}