.meliflua-page { background: var(--cream); }
.meliflua-hero { min-height: calc(100vh - 88px); display: grid; grid-template-columns: .62fr 1.15fr 1fr; border-bottom: 1px solid var(--line); }
.honeycomb-panel { position: relative; display: grid; place-items: center; overflow: hidden; background: #d2a441 url("assets/meliflua-marmoreado-dourado.jpg") center / cover; border-right: 12px solid #d9ad59; }
.honeycomb-panel:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,248,224,.12), rgba(70,38,10,.18)); }
.meliflua-emblem { width: min(82%,430px); max-height: 82vh; object-fit: contain; position: relative; z-index: 2; opacity: .94; filter: drop-shadow(0 7px 9px rgba(48,20,5,.22)); }
.meliflua-name { padding: 12vh 6vw; display: flex; flex-direction: column; justify-content: center; }
.meliflua-name h1 { font-family: "Cormorant Garamond", serif; font-size: clamp(90px, 12vw, 190px); font-weight: 400; letter-spacing: -.065em; line-height: .75; margin: 18px 0 42px; color: var(--wine); }
.meliflua-subtitle { font-family: "Cormorant Garamond", serif; font-size: 31px; font-style: italic; margin: 0; }
.meliflua-opening { padding: 14vh 7vw 12vh 2vw; align-self: center; font-family: "Cormorant Garamond", serif; font-size: 27px; line-height: 1.6; }
.meliflua-opening .initial { float: left; font-size: 118px; line-height: .73; color: var(--gold); margin: 17px 14px 0 0; }
.sound-manifesto { padding: 13vh 9vw; display: grid; grid-template-columns: .85fr 1fr; gap: 10vw; }
.manifesto-heading h2, .resurrection h2 { font-family: "Cormorant Garamond", serif; font-size: clamp(58px, 7vw, 105px); font-weight: 400; letter-spacing: -.05em; line-height: .91; margin: 0; }
.manifesto-copy { padding-top: 65px; max-width: 620px; }
.manifesto-copy .lead { font-family: "Cormorant Garamond", serif; font-size: 31px; line-height: 1.35; color: var(--wine); }
.three-principles { background: var(--ink); color: var(--paper); padding: 10vh 8vw; display: grid; grid-template-columns: repeat(3,1fr); gap: 5vw; }
.three-principles article { border-top: 1px solid rgba(255,255,255,.3); padding-top: 25px; }
.three-principles span { color: #d3ad6b; font-size: 11px; letter-spacing: .18em; }
.three-principles h3 { font-family: "Cormorant Garamond", serif; font-size: 38px; font-weight: 400; margin: 28px 0 16px; }
.three-principles p { color: #c9c0b1; font-size: 14px; }
.resurrection { min-height: 720px; display: grid; grid-template-columns: .9fr 1.1fr; }
.resurrection-honey { background: #772132 url("assets/meliflua-marmoreado-vermelho.jpg") center / cover; border-right: 12px solid var(--gold); }
.resurrection-copy { padding: 12vh 9vw; display: flex; flex-direction: column; justify-content: center; }
.resurrection-copy > p:last-child { font-family: "Cormorant Garamond", serif; font-size: 24px; line-height: 1.55; max-width: 700px; }
.meliflua-link { margin-top: 30px; }
@media (max-width: 900px) { .meliflua-hero { min-height: auto; grid-template-columns: 22px 1fr; } .honeycomb-panel { grid-row: 1/3; } .meliflua-emblem { display: none; } .meliflua-name { padding: 10vh 8vw 5vh; } .meliflua-name h1 { font-size: 86px; } .meliflua-opening { padding: 3vh 8vw 10vh; font-size: 23px; } .sound-manifesto { grid-template-columns: 1fr; padding: 10vh 8vw; gap: 20px; } .manifesto-copy { padding-top: 0; } .three-principles { grid-template-columns: 1fr; } .resurrection { grid-template-columns: 22px 1fr; min-height: auto; } .resurrection-copy { padding: 10vh 8vw; } }