/* Identidade: Fieldwork em todo o site; assinatura editorial em Bodoni. */
body { --fonte-sans:"fieldwork",sans-serif; --fonte-display:"fieldwork",sans-serif; font-family:"fieldwork",sans-serif; font-weight:400; }
body :is(.font-sans,.font-display,.font-mono,button,input,select,textarea,.mc-vitrine,.mc-dialog) { font-family:"fieldwork",sans-serif; }
body :is(h1,h2,h3,h4,strong,b,.font-medium,.font-semibold,.font-bold) { font-weight:700; }
body .font-display { letter-spacing:-.045em; }
body .uppercase { text-transform:none; letter-spacing:.035em; }
body :is(.mc-vitrine h2,.mc-catalog,.mc-promises,.mc-line,.mc-quick,.mc-meta,.mc-order,.mc-button) { text-transform:none; letter-spacing:.01em; }
body .mc-vitrine h2 { letter-spacing:-.045em; }
body .mc-vitrine h2 span { font-family:"Bodoni Moda","Bodoni Moda Fallback",Georgia,serif; font-weight:400; font-style:italic; letter-spacing:-.035em; }
body :is(.mc-vitrine h3,.mc-dialog h3,.mc-catalog,.mc-quick,.mc-order,.mc-button,.mc-bottom strong) { font-weight:700; }
body [aria-label="Palavras-chave da MAISON"] { padding-block:12px; background:#000; color:#fff; }
body [aria-label="Palavras-chave da MAISON"] .marquee ul { font-family:"fieldwork",sans-serif; font-size:14px; line-height:1.4; font-weight:400; text-transform:none; letter-spacing:.035em; gap:28px; }
body [aria-label="Palavras-chave da MAISON"] li { gap:28px; }
/* Hero: título em escala editorial e uma base de três diferenciais. */
body .hero-altura { background:#000; min-height:0; isolation:isolate; }
body .hero-altura .hero-conteudo { min-height:clamp(780px,calc(100svh - 74px),980px); max-width:1480px; padding:68px 64px 110px; gap:28px; justify-content:flex-start; }
body .hero-conteudo > div:first-child { gap:22px; max-width:720px; }
body .hero-conteudo > div:first-child > span { display:flex; align-items:center; gap:12px; align-self:flex-start; font-size:11px; font-weight:400; letter-spacing:.12em; padding:9px 13px; border:1px solid rgb(255 255 255 / .35); border-radius:100px; background:rgb(0 0 0 / .18); color:#fff; }
body .hero-conteudo > div:first-child > span::before { content:""; width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgb(255 255 255 / .12); }
body .hero-altura .hero-titulo { font-family:"fieldwork",sans-serif; font-weight:700; font-size:clamp(64px,6.6vw,100px); line-height:.98; letter-spacing:-.055em; max-width:780px; text-wrap:balance; }
body .hero-altura .texto-com-textura { background-image:none; color:#fff; -webkit-text-fill-color:#fff; }
body .hero-conteudo > div:first-child > p { font-size:16px; line-height:1.65; max-width:540px; color:#d4d4d4; font-weight:400; }
body .hero-conteudo > div:nth-child(2) { gap:18px; padding-top:0; }
body .hero-conteudo > div:nth-child(2) > span > a { border-radius:8px; min-height:54px; padding:17px 24px; font-size:13px; font-weight:700; letter-spacing:0; box-shadow:0 8px 30px rgb(0 0 0 / .18); transition:transform .2s,box-shadow .2s; }
body .hero-conteudo > div:nth-child(2) > span > a:hover { transform:translateY(-3px); box-shadow:0 12px 38px rgb(255 255 255 / .16); }
body .hero-conteudo > div:nth-child(2) > a { font-size:12px; font-weight:400; letter-spacing:0; padding-block:12px; border-bottom:1px solid rgb(255 255 255 / .45); }
body .hero-altura > .bg-gradient-to-r { background:linear-gradient(90deg,rgb(0 0 0 / .88) 0%,rgb(0 0 0 / .66) 42%,rgb(0 0 0 / .05) 100%); }
body .hero-altura > .bg-gradient-to-t { height:42%; background:linear-gradient(0deg,#000,transparent); }
body .hero-conteudo > ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; width:100%; border:0; padding:0; margin-top:auto; gap:14px; }
body .hero-conteudo > ul > li { position:relative; display:grid; grid-template-columns:36px 1fr; align-content:center; align-items:start; gap:9px 18px; min-height:144px; padding:26px; border:1px solid rgb(255 255 255 / .24); border-radius:12px; background:linear-gradient(135deg,rgb(255 255 255 / .12),rgb(255 255 255 / .025)); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 14px 36px rgb(0 0 0 / .14); transition:background .25s,border-color .25s,transform .25s; }
body .hero-conteudo > ul > li:hover { transform:translateY(-5px); border-color:rgb(255 255 255 / .65); background:linear-gradient(135deg,rgb(255 255 255 / .2),rgb(255 255 255 / .05)); }
body .hero-conteudo > ul > li > span:first-child { display:grid; place-items:center; grid-row:1 / 3; width:36px; height:36px; border:1px solid rgb(255 255 255 / .4); border-radius:50%; color:#fff; font-size:11px; font-weight:700; letter-spacing:0; }
body .hero-conteudo > ul > li > span:nth-child(2) { font-size:18px; line-height:1.25; font-weight:700; letter-spacing:-.025em; color:#fff; }
body .hero-conteudo > ul > li > span:last-child { grid-column:2; font-size:13px; line-height:1.5; font-weight:400; color:#ccc; }
body .hero-altura > div:has(> button[aria-label^="Ir para slide"]) { bottom:58px; right:64px; gap:8px; }
body .hero-altura button[aria-label^="Ir para slide"] { width:32px; height:28px; border-radius:5px; border:1px solid rgb(255 255 255 / .4); background:transparent; color:#fff; font-size:10px; font-weight:700; }
body .hero-altura button[aria-label^="Ir para slide"][aria-pressed="true"] { background:#fff; color:#000; border-color:#fff; }
body .hero-altura button[aria-label$="1"]::before { content:"01"; }
body .hero-altura button[aria-label$="2"]::before { content:"02"; }
body .hero-altura button[aria-label$="3"]::before { content:"03"; }
body .hero-altura :is(a,button):focus-visible { outline:2px solid #fff; outline-offset:5px; }
/* A segunda arte já possui uma chamada ao centro: o texto fica à esquerda. */
body .hero-altura[data-slide="1"] img[src*="hero-01"] { filter:none !important; }
body .hero-altura[data-slide="1"] > .bg-gradient-to-r { opacity:0; }
body .hero-altura[data-slide="1"] .hero-conteudo { max-width:none; padding-inline:4.5vw; }
body .hero-altura[data-slide="1"] .hero-conteudo > div { max-width:33vw; }
body .hero-altura[data-slide="1"] .hero-titulo { font-size:clamp(48px,4.5vw,76px); }
body .hero-altura[data-slide="1"] .hero-conteudo > div:first-child > p { font-size:14px; }
@media (min-width:768px) and (max-width:1100px) {
 body .hero-altura .hero-conteudo { padding-inline:32px; }
 body .hero-conteudo > ul > li { padding:20px 16px; gap:8px 12px; }
 body .hero-conteudo > ul > li > span:nth-child(2) { font-size:16px; }
 body .hero-altura[data-slide="1"] .hero-titulo { font-size:44px; }
 body .hero-altura[data-slide="1"] .hero-conteudo > div { max-width:36vw; }
}
@media (max-width:767px) {
 body [aria-label="Palavras-chave da MAISON"] { padding-block:9px; }
 body [aria-label="Palavras-chave da MAISON"] .marquee ul { font-size:12px; gap:20px; }
 body [aria-label="Palavras-chave da MAISON"] li { gap:20px; }
 body .hero-altura .hero-conteudo { min-height:0; padding:48px 22px 96px; gap:25px; }
 body .hero-altura .hero-titulo { font-size:clamp(48px,12vw,76px); line-height:1; letter-spacing:-.05em; }
 body .hero-conteudo > div:first-child > span { font-size:9px; letter-spacing:.08em; }
 body .hero-conteudo > div:first-child > p { font-size:14px; line-height:1.6; }
 body .hero-conteudo > div:nth-child(2) { flex-direction:column; align-items:stretch; gap:8px; }
 body .hero-conteudo > div:nth-child(2) > span > a { display:flex; width:100%; padding-inline:18px; font-size:12px; }
 body .hero-conteudo > div:nth-child(2) > a { align-self:center; }
 body .hero-conteudo > ul { margin-top:14px; grid-template-columns:1fr; gap:10px; }
 body .hero-conteudo > ul > li { min-height:100px; padding:20px; gap:5px 16px; border-radius:10px; background:linear-gradient(120deg,rgb(255 255 255 / .11),rgb(255 255 255 / .035)); }
 body .hero-conteudo > ul > li > span:nth-child(2) { font-size:17px; }
 body .hero-conteudo > ul > li > span:last-child { font-size:12px; }
 body .hero-altura > div:has(> button[aria-label^="Ir para slide"]) { bottom:49px; right:22px; }
 body .hero-altura > div[aria-hidden] { bottom:390px; }
 body .hero-altura > .bg-gradient-to-t { height:65%; background:linear-gradient(0deg,#000 35%,rgb(0 0 0 / .75) 65%,transparent); }
 body .hero-altura[data-slide="1"] .hero-conteudo { padding:370px 22px 96px; }
 body .hero-altura[data-slide="1"] .hero-conteudo > div { max-width:none; }
 body .hero-altura[data-slide="1"] .hero-titulo { font-size:clamp(44px,11.5vw,64px); }
}
@media (prefers-reduced-motion:reduce) {
 body .hero-altura *,body .hero-altura *::before { animation:none !important; transition:none !important; }
}
/* Uma altura de abertura constante evita saltos quando o carrossel avança. */
@media (max-width:767px) {
 body .hero-altura .hero-conteudo > div:first-child { min-height:460px; justify-content:flex-end; }
 body .hero-altura[data-slide="1"] .hero-conteudo { padding-top:48px; }
}
/* Chamadas editoriais: recuperar a tipografia original dos pequenos selos. */
body .text-eyebrow.uppercase:not(a):not(button):not(label) {
 font-family:"Montserrat","Montserrat Fallback",sans-serif;
 font-weight:500;
 text-transform:uppercase;
 letter-spacing:var(--tracking-eyebrow,.18em);
}
/* Terceira campanha: fundo expandido branco, fotografia original no celular. */
body .hero-altura[data-slide="2"] { background:#fff; color:#000; }
body .hero-altura[data-slide="2"] > div[aria-hidden] { background:#fff; }
body .hero-altura[data-slide="2"] img[src*="hero-03"] { filter:none !important; }
body .hero-altura[data-slide="2"] > .bg-gradient-to-r { background:linear-gradient(90deg,#fff 0%,rgb(255 255 255 / .9) 30%,transparent 60%); }
body .hero-altura[data-slide="2"] > .bg-gradient-to-t { background:linear-gradient(0deg,#fff,transparent); }
body .hero-altura[data-slide="2"] .hero-titulo,
body .hero-altura[data-slide="2"] .hero-titulo span { color:#000 !important; -webkit-text-fill-color:#000; }
body .hero-altura[data-slide="2"] .hero-conteudo > div:first-child { max-width:52%; }
body .hero-altura[data-slide="2"] .hero-conteudo > div:first-child > p { color:#444; }
body .hero-altura[data-slide="2"] .hero-conteudo > div:first-child > span { color:#000; border-color:#bbb; background:rgb(255 255 255 / .8); }
body .hero-altura[data-slide="2"] .hero-conteudo > div:first-child > span::before { background:#000; box-shadow:0 0 0 4px rgb(0 0 0 / .08); }
body .hero-altura[data-slide="2"] .hero-conteudo > div:nth-child(2) > span > a { background:#000 !important; color:#fff !important; }
body .hero-altura[data-slide="2"] .hero-conteudo > div:nth-child(2) > a { color:#000; border-color:#777; }
body .hero-altura[data-slide="2"] .hero-conteudo > ul > li { background:rgb(255 255 255 / .78); border-color:#ccc; box-shadow:0 10px 28px rgb(0 0 0 / .05); }
body .hero-altura[data-slide="2"] .hero-conteudo > ul > li:hover { background:#fff; border-color:#555; }
body .hero-altura[data-slide="2"] .hero-conteudo > ul > li > span { color:#000; border-color:#aaa; }
body .hero-altura[data-slide="2"] .hero-conteudo > ul > li > span:last-child { color:#555; }
body .hero-altura[data-slide="2"] button[aria-label^="Ir para slide"] { border-color:#aaa; color:#000; }
body .hero-altura[data-slide="2"] button[aria-pressed="true"] { background:#000; color:#fff; }
body .hero-altura[data-slide="2"] :is(a,button):focus-visible { outline-color:#000; }
@media (max-width:767px) {
 body .hero-altura[data-slide="2"] .hero-conteudo > div:first-child { max-width:100%; }
 body .hero-altura[data-slide="2"] .hero-conteudo > div:first-child > p { display:none; }
 body .hero-altura[data-slide="2"] > .bg-gradient-to-r { opacity:0; }
 body .hero-altura[data-slide="2"] > .bg-gradient-to-t { height:78%; background:linear-gradient(0deg,#fff 52%,rgb(255 255 255 / .94) 66%,transparent 92%); }
}
@layer properties {
 body .hero-altura[data-slide="2"] .hero-conteudo > div:nth-child(2) > span > a { background:#000 !important; color:#fff !important; }
}