/* Correções funcionais; o desenho aprovado está em home.css. */
.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-200%);z-index:100;background:var(--off);color:var(--terra);padding:14px}
.skip-link:focus{transform:translateY(0)}
main:focus{outline:none}
.tracking-grid{grid-template-columns:minmax(0,29fr) minmax(0,71fr)}
.diff-wrap{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}
.about-grid{grid-template-columns:minmax(0,53fr) minmax(0,47fr)}
.footer-main{grid-template-columns:minmax(0,47fr) minmax(0,25fr) minmax(0,28fr)}
.tracking h2{font-family:'Lexend',sans-serif;overflow-wrap:anywhere}
.hero .hero-meta{height:auto;align-items:center}
.hero-meta{gap:16px;pointer-events:none}
.hero-meta span{min-width:0}
.preview-dialog{max-width:min(440px,calc(100% - 40px));padding:32px;border:1px solid var(--terra);background:var(--off);color:var(--ink);font-family:'Lexend',sans-serif}
.preview-dialog::backdrop{background:rgba(61,59,56,.65)}
.preview-dialog h2{font-size:22px;font-weight:450;margin:0 0 16px}
.preview-dialog p{font-size:14px;line-height:1.8;margin-bottom:26px}
.preview-dialog form{margin:0}
.hero a:focus-visible,.contact a:focus-visible,.footer a:focus-visible{outline-color:var(--off)}
@media(max-width:850px){.diff-wrap{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}}
@media(max-width:650px){
 .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .mobile-toggle{width:44px;height:44px}
 .nav a{min-height:44px;display:flex;align-items:center}
 .nav.show{max-height:calc(100dvh - 100px);overflow-y:auto}
 .foot-links{overflow-wrap:anywhere}
 .hero-meta{font-size:7px;letter-spacing:.12em}
 .hero-meta span:last-child{white-space:nowrap}
 .track-note{left:22px;line-height:1.5}
 .tiny-link{min-height:32px}
}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}.project:hover .project-photo img{transform:none}}

/* Fotos fornecidas em 12/10/2026: foco no casal e na mesma residência. */
.about-photo img{position:absolute;width:150%;height:140%;max-width:none;left:-50%;top:-10%;object-fit:cover;object-position:center 40%;filter:none}
.stage-photo img{filter:none}
.stage:nth-child(1) .stage-photo img{object-position:51% center}
.stage:nth-child(2) .stage-photo img{object-position:44% center}
.stage:nth-child(3) .stage-photo img{object-position:52% center}

/* Contato: extensão da faixa terracota aprovada. */
.contact-form-wrap{margin-top:54px;padding-top:42px;border-top:1px solid rgba(243,234,223,.4)}
.contact-form{max-width:850px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px}
.contact-field{display:flex;flex-direction:column;gap:10px;min-width:0}
.contact-field label,.contact-consent{font-size:12px;line-height:1.6}
.contact-form .full{grid-column:1/-1}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:48px;border:1px solid rgba(243,234,223,.65);border-radius:0;padding:13px 14px;background:rgba(243,234,223,.06);color:var(--off);font:inherit;font-size:14px}
.contact-field textarea{resize:vertical;min-height:130px}
.contact-field select option{background:var(--off);color:var(--ink)}
.contact-field ::placeholder{color:#e0c5b9;opacity:1}
.contact-form :focus-visible{outline:2px solid var(--off);outline-offset:4px}
.supplier-fields{border:1px solid rgba(243,234,223,.4);padding:20px;margin:0;min-width:0}
.supplier-fields legend{font-size:13px;padding:0 8px}
.supplier-fields p{font-size:12px;margin-bottom:20px}
.supplier-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-consent{display:flex;gap:10px;align-items:flex-start}
.contact-consent input{accent-color:var(--off);margin-top:4px;min-width:18px;height:18px}
.contact-submit{display:flex;align-items:center;gap:24px}
.contact-submit p{font-size:12px;max-width:460px}
.contact-form [hidden]{display:none!important}
.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form button:disabled{opacity:.65;cursor:wait;transform:none}
@media(max-width:650px){.contact-form,.supplier-grid{grid-template-columns:1fr}.contact-submit{align-items:flex-start;flex-direction:column;gap:16px}.contact-form .button{margin-top:0}.contact-form-wrap{margin-top:38px}.contact-field input,.contact-field select,.contact-field textarea{font-size:16px}}