:root{--ink:#090b0e;--blue:#173b63;--cream:#d9dde2;--orange:#6585a6;--white:#fff}
body,.site-header{background-color:var(--cream)}.site-header{background:rgba(216,216,216,.94)}
.nav{gap:24px}
.brand img,footer img,.roastery-video video,.card>img{filter:none}.roastery-video video{object-position:center bottom;transform:scale(1.2);transform-origin:center bottom}
.hero-art{background:#111}.hero-art>img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04)}.hero-art:after{background:linear-gradient(25deg,rgba(7,24,42,.52),transparent 62%)}
.hero-copy{position:relative;overflow:hidden;color:#fff}.hero-copy:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,23,.82),rgba(76,78,81,.5));z-index:0}.hero-machine-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;z-index:0}.hero-copy>*:not(.hero-machine-bg){position:relative;z-index:1}.hero-copy h1 em{color:#bcc0c5}.hero-links{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.hero-links a{padding:12px 15px;border:1px solid rgba(255,255,255,.72);border-radius:100px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:rgba(20,20,20,.32);backdrop-filter:blur(5px)}.hero-links a:hover{background:#fff;color:#17191c}
.hero{grid-template-columns:90% 10%}.experience{background:#d9dde2;color:#090b0e}.experience .card{color:#fff}.menu-feature{background:#aeb4bc;color:#090b0e}.menu-circle button{background:#eceff2}
.menu-circle button:hover,.menu-circle button:active,.menu-circle button:focus-visible{background:#45494e;color:#fff;border-color:#45494e}
.ticker{background:#45494e;color:#fff}.ticker span{color:#b7bcc2}
.story{padding:70px 5vw}
.reservation{justify-content:space-between}.reservation>p{font-family:Georgia,serif;font-size:24px}
.reservation>a{border:1px solid rgba(255,255,255,.72);border-radius:100px;padding:12px 16px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.reservation>a:hover{background:#fff;color:#45494e}
.triptych-video video{transform:scale(1.6);transform-origin:center bottom}
.about-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#eef1f4;border-bottom:1px solid var(--ink)}.about-triptych>*{min-height:660px}.about-panel,.roast-panel{padding:62px 3.5vw;display:flex;flex-direction:column;justify-content:center}.about-panel{border-right:1px solid var(--ink)}.roast-panel{border-left:1px solid var(--ink)}.triptych-label{margin-bottom:30px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.about-triptych h2{margin:0 0 30px;font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,4vw,66px);line-height:.9;letter-spacing:-.05em}.about-triptych h2 em{color:var(--blue);font-weight:400}.about-triptych article>p:not(.triptych-label){font-size:15px;line-height:1.58}.triptych-video{position:relative;overflow:hidden;background:#050505}.triptych-video video{width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1.15);transform-origin:center bottom}.triptych-details{margin-top:24px;padding-top:22px;border-top:1px solid;display:grid;gap:18px}.triptych-details p{margin:0;font-size:13px;line-height:1.5}.triptych-details strong{text-transform:uppercase;letter-spacing:.06em}
.roast-detail{grid-template-columns:1fr;gap:22px}.roast-detail p{max-width:100%}
.experience{padding:64px 5vw 72px}.experience-title{align-items:flex-start}.experience h2{font-size:clamp(46px,5.2vw,76px);line-height:.88;margin-bottom:30px}.experience .card{min-height:390px}
.menu-feature{min-height:450px;padding:32px 5vw}.menu-feature h2{font-size:clamp(48px,6vw,88px)}.menu-circle button{width:min(275px,70vw)}
.menu-circle a{width:min(275px,70vw);aspect-ratio:1;border-radius:50%;border:1px solid var(--ink);background:#eceff2;color:inherit;font-family:Georgia,serif;font-size:40px;line-height:1;display:grid;place-items:center;text-align:center;text-decoration:none;transition:.25s}.menu-circle a:hover,.menu-circle a:active,.menu-circle a:focus-visible{background:#45494e;color:#fff;border-color:#45494e;transform:rotate(-4deg)}
.visit-copy{padding:62px 6vw 80px}.visit-copy h2{font-size:clamp(50px,6.2vw,88px)}.address{margin-top:38px}
.opening-hours{font-size:14px;line-height:1.6}.opening-hours strong{text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.contact-intro h2{margin-bottom:38px}.contact-intro>p:nth-of-type(2){margin-top:28px;line-height:1.65}
footer{padding:38px 5vw 22px;gap:22px}footer img{width:110px}footer>p,footer>div,footer small{font-size:10px}
.submit{background:#686d73;color:#fff}.submit:hover{background:#858b92}
.section-number{font-size:0}.section-number:after{font-size:11px}.story>.section-number:after{content:"Quem somos"}.roastery .section-number:after{content:"Torrefação própria"}.experience .section-number:after{content:"A experiência"}.menu-feature .section-number:after{content:"Para provar"}.visit .section-number:after{content:"Visite a gente"}.contact .section-number:after{content:"Canal de escuta"}
.quick-actions small,.card>span,.roast-detail>span{display:none}.quick-actions a{align-content:center}.roast-detail{grid-template-columns:1fr 1fr}
.roastery{display:grid;grid-template-columns:55% 45%;min-height:760px;background:var(--cream);border-bottom:1px solid var(--ink)}.roastery-video{position:relative;overflow:hidden;background:#111}.roastery-video video{width:100%;height:100%;min-height:760px;object-fit:cover;display:block}.video-badge{position:absolute;right:28px;bottom:28px;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--blue);color:#fff;font-size:11px;font-weight:800;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.roastery-copy{padding:100px 6vw;display:flex;flex-direction:column;justify-content:center}.roastery-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,6.5vw,104px);line-height:.86;letter-spacing:-.06em}.roastery-copy h2 em{color:var(--blue);font-weight:400}.roastery-copy>p:not(.section-number){max-width:540px;font-size:18px;line-height:1.6}.roast-detail{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:14px;margin-top:36px;padding-top:26px;border-top:1px solid}.roast-detail>span{font-size:10px;font-weight:800}.roast-detail p{font-size:13px;line-height:1.5;margin:0}.roast-detail strong{text-transform:uppercase;letter-spacing:.06em}
.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-bottom:1px solid var(--ink)}.quick-actions a{min-height:130px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-content:space-between;border-right:1px solid var(--ink);transition:.2s}.quick-actions a:last-child{border-right:0}.quick-actions a:hover{background:var(--blue);color:white}.quick-actions small{grid-column:1/-1;font-size:10px;letter-spacing:.12em}.quick-actions strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.quick-actions span{font-size:20px}
.card{padding:0;background:#111}.card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:.45s}.card:before{z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.02) 70%);opacity:1}.card:hover>img{transform:scale(1.05)}.card:hover:before{transform:none;opacity:1}.card>div{z-index:2;padding:28px}.card>span{z-index:2}.card h3{margin-bottom:16px}
.visit-art{position:relative;background:#111}.visit-art>img{width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.visit-art span{position:absolute;z-index:1;text-shadow:0 3px 20px rgba(0,0,0,.4)}
.reservation{margin-top:32px;padding:24px;background:#555a60;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.reservation p{margin:0;line-height:1.5}.reservation button{border:1px solid rgba(255,255,255,.72);border-radius:100px;padding:12px 16px;background:transparent;color:white;font-size:11px;text-transform:uppercase;white-space:nowrap}
@media(max-width:800px){.hero{grid-template-columns:1fr}.about-triptych{grid-template-columns:1fr}.about-triptych>*{min-height:auto}.about-panel,.roast-panel{padding:64px 6vw;border:0}.triptych-video{min-height:62vh;border-top:1px solid;border-bottom:1px solid}.reservation{align-items:flex-start;flex-direction:column}}
.wpcf7 form{display:flex;flex-direction:column;gap:25px}.wpcf7 form>p{margin:0}.wpcf7 label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.wpcf7 input:not([type=radio]):not([type=checkbox]):not([type=submit]),.wpcf7 textarea{width:100%;margin-top:8px;padding:14px 0;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.45);outline:0;resize:vertical;text-transform:none}.wpcf7 input[type=submit]{border:0;cursor:pointer;border-radius:100px;padding:17px 25px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;background:#686d73;color:#fff}.wpcf7 input[type=submit]:hover{background:#858b92}.wpcf7-list-item{margin:0 12px 8px 0}.wpcf7-response-output{margin:0!important}.wpcf7-not-valid-tip{font-size:12px;text-transform:none;letter-spacing:0}
