:root{--bg:#0b0d10;--panel:#14181b;--line:#36302c;--ink:#f1ebe5;--sub:#b5aba3;--copper:#d79868;--copper2:#a9623d;--cyan:#4dd5dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6}body:before{content:"";position:absolute;top:0;left:0;right:0;height:800px;pointer-events:none;background:radial-gradient(ellipse at 74% 5%,#2b392f44,transparent 55%),radial-gradient(ellipse at 23% 30%,#b5683315,transparent 40%)}a{color:inherit;text-decoration:none}a:hover{color:var(--copper)}button,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);border-bottom:1px solid #ffffff17;position:sticky;top:0;background:#0b0d10eb;backdrop-filter:blur(14px);z-index:10}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:.14em;color:#ecc19d;white-space:nowrap}.brand small{display:block;font:9px Inter,Arial,sans-serif;letter-spacing:.24em;margin-top:-8px;text-align:right;color:var(--sub)}.spark{color:var(--copper);font-size:22px}.topbar nav{display:flex;gap:26px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.11em}.menu-toggle{display:none}.section{max-width:1280px;margin:auto;padding:100px 6vw;scroll-margin-top:70px}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:680px;gap:55px}.hero h1{font-size:clamp(3.5rem,6.5vw,7rem);line-height:1.04;letter-spacing:-.065em;margin:24px 0}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--copper);letter-spacing:-.04em}.hero p{max-width:560px;font-size:18px;color:var(--sub)}.eyebrow{font-size:11px;font-weight:700;color:var(--copper);letter-spacing:.23em;text-transform:uppercase}.dot{display:inline-block;width:8px;height:8px;background:var(--cyan);border-radius:50%;margin-right:7px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--copper2);padding:14px 22px;font-weight:700;font-size:13px;letter-spacing:.04em;border-radius:6px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#150e0a;background:linear-gradient(135deg,#f2bf8c,#b77242);border-color:#c58b5e}.btn.ghost{color:#e8b48c;background:#c18a5e0a}.hero-micro{margin-top:50px;color:#8f847d;font-size:10px;letter-spacing:.22em}.hero-micro span{color:var(--cyan);margin:0 10px}.hero-image{position:relative;max-height:620px;overflow:hidden;border-radius:180px 180px 12px 12px;border:1px solid #d7986852;box-shadow:0 40px 100px #0009}.hero-image img{width:100%;height:620px;object-fit:cover}.image-label{position:absolute;bottom:0;padding:20px;width:100%;background:linear-gradient(transparent,#000d);font-size:10px;letter-spacing:.2em;text-align:center}.marquee{text-align:center;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;color:#b7a497;letter-spacing:.16em;font-size:11px;padding:21px 10px}.marquee b{color:var(--copper);margin:0 25px}.about,.estimate{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}h2{font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1.08;letter-spacing:-.04em;margin:15px 0 30px}h3{font-size:22px;margin:6px 0 10px;line-height:1.25}p{color:var(--sub)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.chips span{padding:7px 12px;border:1px solid #ffffff28;border-radius:30px;font-size:11px;color:#dbcec2}.portrait-placeholder{min-height:450px;border:1px solid #9e684e77;border-radius:220px 220px 10px 10px;background:radial-gradient(circle at 60% 45%,#324745,transparent 40%),linear-gradient(135deg,#342722,#0e1215 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px}.portrait-placeholder span{font-size:10px;letter-spacing:.2em;color:var(--copper)}.portrait-placeholder strong{font-family:Georgia,serif;font-size:30px;font-weight:400}.portrait-placeholder small{color:#a99a8f}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section-heading p{max-width:380px}.portfolio-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.work{background:#191919;border:1px solid #ffffff18;overflow:hidden;border-radius:12px}.work img{width:100%;height:330px;object-fit:cover;object-position:center 35%}.work.featured img{height:440px}.work-info{padding:22px}.work-info span,.project-tag{color:var(--copper);font-size:10px;font-weight:700;letter-spacing:.13em}.work-info p{margin:0}.fine-print{font-size:12px;color:#948a82;margin-top:18px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project{background:#141719;border:1px solid #ffffff15;border-radius:12px;padding:24px;min-height:310px;position:relative;overflow:hidden}.project-symbol{font-size:32px;color:var(--copper);margin-bottom:35px}.project p{font-size:13px}.project a{color:#e0ad87;font-size:13px;font-weight:700}.muted{color:#857f7b;font-size:12px}.project.confidential{padding:0}.confidential img{width:100%;height:100%;position:absolute;object-fit:cover}.project-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:24px;background:linear-gradient(transparent 35%,#050708e8)}.price-table-wrap{border:1px solid #76513c;border-radius:12px;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:550px}th{background:#1e1a18;color:#efc19f;font-size:13px;text-align:left;padding:18px}td{padding:13px 18px;border-top:1px solid #ffffff16}td:not(:first-child){font-weight:700;color:#f2d0b4}.highlight{background:#a86b3b2d}.combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.combo-grid article{border:1px solid #795439;background:#191716;border-radius:10px;padding:22px}.combo-grid small{color:var(--copper);letter-spacing:.15em}.combo-grid p{min-height:50px;font-size:13px}.combo-grid strong{font-size:25px;color:#f0c09a}.estimate{align-items:start}.note{padding:18px;border-left:2px solid var(--cyan);background:#152122;color:#b5c9c6;font-size:13px;margin-top:32px}.quote-form{background:linear-gradient(140deg,#211a18,#121718);border:1px solid #97664488;border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:15px}.quote-form>label,legend{font-size:13px;color:#edd7c6;font-weight:700}.quote-form select{width:100%;padding:14px;background:#101315;color:white;border:1px solid #7e6150;border-radius:6px}.quote-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.quote-form legend{padding:12px 0}.check{display:flex;align-items:center;gap:13px;border:1px solid #ffffff1a;padding:12px;border-radius:6px;cursor:pointer}.check input{accent-color:var(--copper);width:18px;height:18px}.check span{font-size:13px}.check small{display:block;color:#a49a91}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding:18px 0 0}.total span{font-size:11px;letter-spacing:.1em;color:var(--sub)}.total strong{font-size:32px;color:#f1bf96}.full{width:100%}.contact{text-align:center;background:radial-gradient(ellipse at center,#36241c55,transparent 65%);max-width:none}.contact h2{max-width:830px;margin:15px auto}.contact .actions{justify-content:center}.contact p{max-width:600px;margin:10px auto}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding:28px 6vw;font-size:12px;color:#a39c96}footer .brand{font-size:20px}@media(max-width:950px){.topbar nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:#121517;padding:25px;gap:18px}.topbar nav.open{display:flex}.menu-toggle{display:block;background:transparent;border:1px solid #9c734e;color:#e8b48c;border-radius:6px;padding:8px 12px}.hero,.about,.estimate{grid-template-columns:1fr;gap:40px}.hero{min-height:auto}.hero-image{max-width:550px;width:100%;margin:auto}.project-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.section-heading{display:block}}@media(max-width:600px){.section{padding:68px 6vw}.hero h1{font-size:clamp(3.1rem,12vw,4.8rem)}.hero-image img{height:470px}.hero p{font-size:16px}.marquee{font-size:9px;line-height:2}.marquee b{margin:0 8px}.portrait-placeholder{min-height:340px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project{padding:16px;min-height:240px}.project h3{font-size:18px}.project-symbol{margin-bottom:16px}.combo-grid{grid-template-columns:1fr}.work img,.work.featured img{height:320px}.quote-form{padding:18px}footer{flex-direction:column;text-align:center}.brand small{font-size:8px}}

.portrait-photo{margin:0;position:relative;border-radius:190px 190px 14px 14px;overflow:hidden;border:1px solid #ad754b80}.portrait-photo img{width:100%;height:560px;object-fit:cover;object-position:center 24%}.portrait-photo figcaption{position:absolute;bottom:0;width:100%;text-align:center;background:linear-gradient(transparent,#000e);padding:45px 10px 20px;font-size:11px;letter-spacing:.17em;color:#f3c59e}.work video{display:block;width:100%;height:440px;object-fit:contain;background:#000}.screen-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.screen-gallery img{width:100%;height:410px;object-fit:cover;object-position:top;border:1px solid #996b5c55;border-radius:12px;background:#101015}.text-link{color:#e5aa83;font-weight:700}.literary-quote{margin:25px 0 20px;padding:25px;border-left:2px solid var(--copper);font:clamp(21px,3vw,34px)/1.35 Georgia,serif;color:#f3e3d3}.literary-quote em{color:var(--copper)}.section-intro{max-width:850px}.book-grid,.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.book-grid article{background:#161719;border:1px solid #ffffff18;border-radius:12px;padding:14px}.book-grid img{width:100%;height:340px;object-fit:contain;background:#070708}.book-grid h3{font-size:17px;margin-top:15px}.book-grid p{font-size:13px}.book-grid small{font-size:10px;color:#d0a17b;letter-spacing:.12em}.character-heading{margin-top:70px}.character-heading p{margin-top:0}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.character-grid article{display:flex;gap:20px;align-items:center;background:#151719;border:1px solid #ffffff1c;border-radius:12px;padding:18px}.character-grid img{width:38%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.character-grid .btn{font-size:11px;padding:10px 12px}.album-grid{grid-template-columns:repeat(3,1fr)}.album-grid figure{margin:0;border:1px solid #ffffff25;border-radius:10px;overflow:hidden;background:#171718}.album-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.album-grid figcaption{padding:12px;color:#be9981;font-size:10px;letter-spacing:.12em}.social-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:30px 0}.social-links a{padding:9px 13px;border:1px solid #9c724b;border-radius:7px;font-size:13px;color:#efc39f}@media(max-width:700px){.screen-gallery{grid-template-columns:repeat(2,1fr)}.screen-gallery img{height:300px}.book-grid{grid-template-columns:1fr 1fr}.book-grid img{height:230px}.book-grid article:last-child{grid-column:span 2;max-width:300px}.album-grid{grid-template-columns:repeat(2,1fr)}.character-grid{grid-template-columns:1fr}.character-grid article{gap:13px}.character-grid h3{font-size:18px}.portrait-photo img{height:420px}.work video{height:400px}}

.site-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:26px 0 32px}.site-pricing article{background:linear-gradient(140deg,#181718,#101113);border:1px solid #c58a613d;border-radius:13px;padding:22px;display:flex;flex-direction:column;gap:11px}.site-pricing small{font-size:10px;letter-spacing:.17em;color:#dba577}.site-pricing h3{font-size:19px;margin:0}.site-pricing strong{color:#efbd92;font-size:20px}.site-pricing p{font-size:13px;line-height:1.6;margin:0}.maintenance-title{margin:42px 0 0;font-size:25px}.maintenance article{min-height:135px}.site-quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:56px;align-items:start}.site-quote .quote-form{width:100%}@media(max-width:780px){.site-quote{grid-template-columns:1fr;gap:20px}.site-pricing{grid-template-columns:1fr 1fr}}@media(max-width:480px){.site-pricing{grid-template-columns:1fr}}

.music-pricing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:28px 0}.music-pricing article{background:linear-gradient(155deg,#1e1a19,#111517);border:1px solid #a46e4a66;border-radius:12px;padding:22px}.music-pricing small{color:var(--copper);font-size:10px;letter-spacing:.13em}.music-pricing strong{display:block;color:#efbd92;font-size:21px;margin:12px 0}.music-pricing p{font-size:13px;margin:0}.music-quote{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.site-showcase{margin:0 0 34px;max-width:620px}.site-showcase img{width:100%;max-height:640px;object-fit:contain;object-position:center;display:block;border:1px solid #a7795588;border-radius:14px;background:#0b0d10}.site-showcase figcaption{font-size:12px;color:#9e948d;margin-top:9px}@media(max-width:900px){.music-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.music-quote{grid-template-columns:1fr;gap:28px}}@media(max-width:550px){.music-pricing{grid-template-columns:1fr}.site-showcase{margin-left:auto;margin-right:auto;max-width:370px}}

/* V2.4 - arte vertical 9:16 e orçamento lado a lado */
.site-visual-quote{display:grid;grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr);align-items:start;gap:22px;margin:30px 0 42px;scroll-margin-top:105px}
.site-visual-quote .site-showcase{width:100%;max-width:none;margin:0}
.site-visual-quote .site-showcase img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:9 / 16;object-fit:contain;border-radius:14px;border:1px solid #a7795588}
.site-visual-quote .site-quote-side{min-width:0}
.site-quote-side>h3{font-size:clamp(25px,3.1vw,37px);margin:7px 0 7px}
.site-quote-side>h3 em{font-family:Georgia,serif;font-weight:400;color:var(--copper)}
.site-quote-side>p{margin:0 0 17px;font-size:14px}
.site-quote-side .quote-form{padding:22px;gap:11px}
.site-quote-side .quote-form select{padding:12px}
.site-quote-side .quote-form .check{padding:9px 11px}
.site-quote-side .quote-form .total strong{font-size:27px}
@media(max-width:780px){.site-visual-quote{grid-template-columns:1fr;gap:24px}.site-visual-quote .site-showcase{max-width:420px;margin:0 auto}.site-quote-side{width:100%}}


/* V2.5 — revisão global de proporção, alinhamento e acessibilidade */
:root{--content-width:1120px;--card-radius:14px;--space-card:20px}
html{scroll-padding-top:90px;overflow-x:clip}
body{overflow-x:clip}
.section{width:min(100%,1280px);padding-inline:clamp(20px,5vw,72px)}
.section-heading{align-items:start}
.section-heading h2{margin-bottom:0}
.section-heading p{margin:6px 0 0;line-height:1.65}
h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}
.hero h1{font-size:clamp(3.2rem,5.3vw,5.9rem);letter-spacing:-.055em}
.hero{gap:clamp(28px,4vw,55px)}
.project-grid,.site-pricing,.music-pricing,.combo-grid,.book-grid,.album-grid,.character-grid,.portfolio-grid,.screen-gallery{align-items:stretch}
.project,.site-pricing article,.music-pricing article,.combo-grid article,.book-grid article,.character-grid article,.work{min-width:0}
.site-pricing article,.music-pricing article,.combo-grid article{height:100%}
.site-pricing article h3,.music-pricing article h3,.combo-grid article h3{line-height:1.3}
.quote-form{min-width:0}
.quote-form>label,.quote-form legend{font-size:14px}
.quote-form select{font-size:15px;min-height:46px}
.check span{font-size:14px;line-height:1.45}
.check small{font-size:12px}
.btn{min-height:44px;text-align:center}
.site-visual-quote{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.5vw,30px)}
.site-visual-quote .site-showcase img{aspect-ratio:9/16;object-fit:contain;height:auto}
.site-quote-side .quote-form{height:auto}
.site-showcase figcaption{font-size:12px;line-height:1.5}
.total strong{font-variant-numeric:tabular-nums}
:where(a,button,select,input):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1220px){
 .topbar nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:#121517;padding:22px max(5vw,22px);gap:12px;max-height:calc(100vh - 78px);overflow-y:auto;box-shadow:0 14px 26px #000a}
 .topbar nav.open{display:flex}
 .topbar nav a{padding:7px 4px;font-size:13px}
 .menu-toggle{display:block;background:transparent;border:1px solid #9c734e;color:#e8b48c;border-radius:6px;padding:9px 13px;min-height:44px}
}
@media(min-width:951px) and (max-width:1120px){
 .hero{grid-template-columns:1fr 1fr}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section{padding-block:78px}
 .about,.estimate,.music-quote{gap:36px}
}
@media(max-width:950px){
 .section{padding-block:68px}
 .hero h1{font-size:clamp(3rem,8vw,5.2rem)}
 .site-visual-quote{grid-template-columns:1fr;gap:24px}
 .site-visual-quote .site-showcase{max-width:450px;margin:0 auto}
 .site-visual-quote .site-quote-side{max-width:650px;width:100%;margin:0 auto}
 .site-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}
 .music-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .section{padding:60px 20px}
 .hero h1{font-size:clamp(2.7rem,11vw,4.2rem)}
 h2{font-size:clamp(2.1rem,9vw,3.5rem)}
 .topbar{padding-inline:20px}
 .brand{font-size:23px}
 .section-heading{margin-bottom:28px}
 .project-grid{grid-template-columns:1fr}
 .project{min-height:220px}
 .project.confidential{min-height:320px}
 .site-pricing{grid-template-columns:1fr}
 .site-pricing article{padding:20px}
 .site-visual-quote .site-showcase{max-width:min(100%,390px)}
 .quote-form{padding:20px}
 .site-quote-side .quote-form{padding:20px}
 .book-grid{gap:12px}
 .book-grid article{padding:10px}
 .character-grid article{flex-direction:column;align-items:start}
 .character-grid img{width:100%;max-height:320px;object-position:center 30%}
 .screen-gallery{gap:10px}
 .btn{padding:12px 16px}
 .total strong{font-size:clamp(24px,7vw,32px)}
}
@media(max-width:380px){.book-grid{grid-template-columns:1fr}.book-grid article:last-child{grid-column:auto;max-width:none}.book-grid img{height:300px}.screen-gallery{grid-template-columns:1fr 1fr}.screen-gallery img{height:230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* v2.6 — regularização estrutural: alinhamento da página, arte + orçamento e cards */
:root { --site-max:1180px; }
.section { max-width:var(--site-max); margin-inline:auto; padding-block:clamp(64px,7vw,92px); }
.section-heading { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(22px,4vw,62px);align-items:end;margin-bottom:30px; }
.section-heading p { margin:0; }
.site-services { display:flex;flex-direction:column;gap:0; }
.site-visual-quote { display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);align-items:start;gap:clamp(18px,2.5vw,30px);margin:0 0 30px; }
.site-visual-quote .site-showcase { margin:0;max-width:none;width:100%; }
.site-visual-quote .site-showcase img { width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;max-height:none; }
.site-quote-side { min-width:0; }
.site-quote-side .quote-form { margin:0; }
.site-quote-side > h3 { margin:4px 0 8px; }
.site-quote-side > p { margin:0 0 14px; }
.site-pricing { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 28px;align-items:stretch; }
.site-pricing article { min-height:185px;height:100%;padding:18px;gap:8px;display:flex;flex-direction:column; }
.site-pricing article h3 { font-size:clamp(16px,1.5vw,19px);line-height:1.3;min-height:2.6em; }
.site-pricing article strong { display:block;font-size:clamp(16px,1.5vw,20px);margin-top:auto;line-height:1.35; }
.site-pricing article p { font-size:13px;line-height:1.55; }
.maintenance-title { margin:14px 0 18px; }
.site-pricing.maintenance { grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 12px; }
.site-pricing.maintenance article { min-height:140px; }
.site-pricing.maintenance h3 { min-height:0; }
.site-services > .fine-print { max-width:850px;margin:4px 0 20px; }
.site-services > .btn { align-self:start; }
@media(max-width:1000px) {
 .site-pricing { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .site-pricing:not(.maintenance) article:nth-last-child(2) { grid-column:1 / 2; }
 .site-visual-quote { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media(max-width:780px) {
 .section-heading { grid-template-columns:1fr;gap:12px; }
 .site-visual-quote { grid-template-columns:1fr;gap:18px; }
 .site-visual-quote .site-showcase { max-width:420px;margin:0 auto; }
 .site-quote-side { width:100%;max-width:620px;margin:0 auto; }
 .site-pricing { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-pricing.maintenance { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-pricing:not(.maintenance) article:nth-last-child(2) { grid-column:auto; }
}
@media(max-width:520px) {
 .site-pricing,.site-pricing.maintenance { grid-template-columns:1fr;gap:12px; }
 .site-pricing article { min-height:0; }
 .site-pricing article h3 { min-height:0; }
 .site-pricing article strong { margin-top:4px; }
 .site-visual-quote .site-showcase { max-width:100%; }
 .site-quote-side .quote-form { padding:18px; }
}
