*{box-sizing:border-box}
:root{color:#263a30;background:#fcfbf8;font:16px/1.55 system-ui,sans-serif}
body{margin:0}
a{color:inherit}
.wrap{width:min(100% - 72px,1120px);margin-inline:auto}
.hero{position:relative;isolation:isolate;min-height:520px;background:#313e32;color:#fff}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;background:#121d16;opacity:.56;z-index:-1}
.hero-inner{padding-block:26px 48px}
.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:650;font-size:14px}
.brand img{flex:none}
.hero-copy{margin-top:60px;max-width:590px}
.eyebrow{margin:0 0 10px;font-size:13px;font-weight:750;text-transform:uppercase}
.details .eyebrow{color:#9c2937}
h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.03;margin:0;letter-spacing:0}
h1{font-size:112px}
h2{font-size:43px}
.tag{font-size:25px;margin:13px 0 23px}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:14px;border-radius:6px;padding:11px 18px;text-decoration:none;font-weight:700}
.hero-button{background:#fff;color:#263a30}
.whatsapp{background:#294b37;color:#fff}
.button:hover{filter:brightness(.94)}
:focus-visible{outline:3px solid #bf654c;outline-offset:4px}
.details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,8%,110px);padding-block:43px 38px}
.story p:not(.eyebrow),.order>p:not(.eyebrow){max-width:49ch}
.story p,.order p{margin:12px 0 16px}
.story .eyebrow,.order .eyebrow{margin:0 0 10px}
#order{scroll-margin-top:20px}
.contact{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}
.payment{border-top:1px solid #d9ded5;padding-top:15px;margin-top:20px;font-size:14px}
.payment h3{margin:0;font-size:17px}
.payment p{margin:5px 0 10px}
.pay-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
#recipient{font-weight:700}
#copy{color:inherit;background:transparent;border:1px solid #aebbae;border-radius:5px;min-height:36px;font:inherit;padding:4px 9px;cursor:pointer}
#zelle-qr-link:not([hidden]){display:block;margin-top:12px;width:max-content}
.foot{display:flex;justify-content:space-between;gap:8px 26px;flex-wrap:wrap;border-top:1px solid #d9ded5;padding-block:17px 22px;color:#506354;font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:720px){
 .wrap{width:calc(100% - 40px)}
 .hero{min-height:390px}
 .hero-inner{padding-block:20px 34px}
 .hero-copy{margin-top:46px}
 h1{font-size:76px}
 h2{font-size:34px}
 .tag{font-size:20px;margin-top:9px}
 .details{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:27px}
 .order{border-top:1px solid #d9ded5;padding-top:23px}
}
@media(max-width:350px){h1{font-size:64px}.wrap{width:calc(100% - 32px)}}