/* CONTEÚDO · a format and production lab */
body{background:#0b0b0b;--page-accent:#f0b96c}.hero{padding:360px 0 55px;min-height:96svh;align-items:end}.hero-media img{object-position:73% center}.hero:before{background:linear-gradient(0deg,#0b0b0b 4%,#0b0b0bbe 48%,#0b0b0b08)}.hero h1{font-size:clamp(3.5rem,13vw,5.3rem);line-height:.99;max-width:840px}.hero h1 em{color:#efd4a7}.hero p{font-size:15px;max-width:620px}.hero-index{display:none}.hero .btn{background:#edd4ad;color:#171411}
.format-lab{background:radial-gradient(ellipse at 20% 50%,#76512524,transparent 60%),#101010;padding:75px 0;color:#f4eee6}.lab-grid{display:grid;gap:30px}.lab-grid h2{font-size:clamp(2.5rem,8vw,4.5rem)}.lab-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.lab-controls .liquid-choice{border-radius:13px;font-size:12px;padding:12px 16px}.lab-controls .liquid-choice[aria-pressed=true]{border-color:#f0b96c;background:#f0b96c13}
.ratio-stage{height:370px;border-radius:28px;border:1px solid #ffffff20;background:linear-gradient(135deg,#ffffff0b,#ffffff02);display:flex;align-items:center;justify-content:center;padding:44px;position:relative;overflow:hidden;backdrop-filter:blur(20px)}.ratio-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:26px 26px}.ratio-window{--frame-ratio:0.5625;aspect-ratio:var(--frame-ratio);height:260px;max-width:100%;border:1px solid #edd4ad80;border-radius:16px;background:linear-gradient(145deg,#edd4ad22,#ffffff03);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #fff3,0 24px 50px #0005;display:flex;flex-direction:column;justify-content:space-between;padding:22px;position:relative;transition:aspect-ratio .4s,width .4s,height .4s}.ratio-window.wide-frame{height:auto;width:100%;aspect-ratio:16/9}.ratio-window.square-frame{aspect-ratio:1;max-width:100%}.ratio-window strong{font:800 32px MercurioDisplay;align-self:center}.ratio-window span{font:500 10px 'Space Grotesk';letter-spacing:.1em;color:#edd4ad}.ratio-caption{font-size:14px;color:#d4c6b3;min-height:50px}
.process{background:#ede4d6;color:#2d2720;padding:76px 0}.process .steps{grid-template-columns:1fr;gap:12px}.process .step{border-top:0;background:linear-gradient(135deg,#ffffffa3,#ffffff30);border:1px solid #fff;border-radius:24px;padding:28px}.process .number{font-size:12px;color:#927344}.process .step h3{font-size:28px}.process .step p{font-size:15px;color:#544633bd}.process .note{border-color:#b6a48560;background:#fff4;color:#66553e}
.offer{background:#0c0c0c;padding:75px 0}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0}.offer-item{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-height:150px;background:linear-gradient(140deg,#edd4ad10,#ffffff02);border:1px solid #edd4ad22;border-radius:20px;padding:22px 18px;font-size:14px}.offer-item .number{font-size:10px;color:#b49d7b}.story{background:#171411;color:#f3e9d9;padding:75px 0}.story-grid{display:block}.story h2{font-size:clamp(2.6rem,9vw,5.5rem);max-width:1000px}.story p{color:#e5d8c7b0;max-width:820px;font-size:16px}.contact{background:#0c0c0c}.contact .brief{background:linear-gradient(145deg,#edd4ad12,#ffffff03)}.contact-aside{font-size:18px}.contact .brief>.btn{background:#eed5ac;color:#171411}.contact .brief>.btn:hover{background:#f5e1bd}
@media(min-width:850px){.hero{padding:200px 0 75px}.hero h1{font-size:clamp(4.6rem,7.6vw,7.5rem);max-width:900px}.hero:before{background:linear-gradient(90deg,#0b0b0be8,#0b0b0bb0 42%,#0b0b0b00),linear-gradient(0deg,#0b0b0b90,transparent)}.lab-grid{grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.ratio-stage{height:430px}.ratio-window{height:310px}.ratio-window.wide-frame{height:auto}.process .steps{grid-template-columns:repeat(3,1fr)}.process .step:nth-child(2){transform:translateY(15px)}.process .step:nth-child(3){transform:translateY(30px)}.process .note{margin-top:60px}.offer-grid{grid-template-columns:repeat(4,1fr)}.offer-item{min-height:180px;font-size:16px;padding:26px}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.story h2{font-size:62px}.contact-grid{grid-template-columns:1fr 1fr}.contact h2{font-size:58px}}

@media(max-width:600px){.hero h1,.hero h1.display{font-size:clamp(30px,8.7vw,48px);overflow-wrap:normal;word-break:normal}.hero h1 em,.hero h1 span{overflow-wrap:normal}}
/* Numerals use the technical companion face. */
.ratio-window strong{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:500!important}